@charset "UTF-8";
/*common*/
*{margin:0;padding:0;font-size:inherit;font-weight:normal;font-style:inherit;outline:none;text-decoration:none;font-family:inherit;line-height:inherit;color:inherit;box-sizing:border-box;z-index:1;}
*:after, *:before{display:block;box-sizing:border-box;}
body{font-family:'微软雅黑', "Times New Roman", Times, serif;font-size:14px; min-width:300px;}

input, select, textarea{display:block;border:none;background:none;}
ul,li{list-style:none}

.w1200{width:96%;height:100%;margin:0 auto;max-width:1200px;position:relative}
@media screen and (max-width: 768px){.w1200{width:94%;}}

.img{overflow:hidden;position:relative;}
.img img{display:block;width:100%;}
img{max-width:100%;}

table {border-collapse: collapse;border-spacing:0;}

.fl{float:left;position:relative;}
.fr{float:right;position:relative;}
.clear{clear:both;}
.clearfix:after{content:'';clear:both;}


.bigbox,
.smallbox{ overflow:hidden;}
.smallbox .swiper-slide{cursor: pointer;}

/*常用图标*/
/*箭头 默认白色正方形50px */
.arrow{display:block;position:relative;}
.arrow:before, .arrow:after{content:'';position:absolute;top:50%;left:50%;background:#fff;}
.arrow:before{transform:translate(-50%, -50%) rotate(-40deg);}
.arrow:after{transform:translate(-50%, -50%) rotate(40deg);}

/*左*/.arrl:before, .arrl:after{transform-origin:left;}
/*右*/.arrr:before, .arrr:after{transform-origin:right;}
/*上*/.arrb:before, .arrb:after{transform-origin:top;}
/*下*/.arrb:before, .arrb:after{transform-origin:bottom;}


/*三角 默认白色5px */
.triangle{display:block;width:0;height:0;border-style:solid;border-width:5px;border-color:transparent transparent transparent #fff;}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*top*/
.header{position: relative;width: 100%;z-index: 999;}
.header .txtbox{color:#fff;position:relative;padding:10px 0; z-index:50;transition:all .5s ease;}
.header .txtbox dd,
.header .txtbox dt{display:block;font-size:12px;line-height:20px;height:20px;overflow:hidden;position:relative;}
.header .txtbox dd{float:left;}
.header .txtbox dt{float:right;display:flex;align-items:center;}
.header .txtbox dt p{display:flex;height:100%;align-items:center;margin-left:20px;}
.header .txtbox dt i{display:flex;align-items:center;width:20px;height:20px;padding:3px;margin-right:5px;overflow:hidden;}
.header .txtbox dt i img{display:block;width:100%;max-height:100%;}

.header .mainbox{position:relative; z-index:50;}
.header .logo{display: block;height:110px;padding:25px 0;}
.header .logo img{display:block;height:100%;width:auto;}

.header .search{display:block;position:absolute;top:50%;right:0;width:30px;height:30px;margin-top:-15px;z-index:5;}
.header .search .but{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:relative;z-index:5;padding:5px;overflow:hidden;}
.header .search .but img{display:block;max-height:100%;}
.header .search input[type="submit"]{position:absolute;width:100%;height:100%;z-index:5;top:0;left:0;cursor:pointer;}
.header .search input[type="text"]{position:absolute;right:100%;top:-5px;width:200px;height:40px;overflow:hidden;border:1px solid #eee;padding:7px;line-height:24px;background:#fff;transform:translateX(10px);opacity:0;visibility:hidden;transition:all .5s ease;}
.header .search:hover input[type="text"]{transform:translateX(0);opacity:1;visibility:visible;}
@media screen and (max-width: 1200px){.header .search{ display:none;}}
@media screen and (max-width: 1024px){.header .logo {height:70px; padding:10px 40px 10px 0;}}
@media screen and (max-width: 768px){
	.header .txtbox{ display:none;}
	.header .logo {height: 60px;display: flex;display: -webkit-flex;align-items: center;padding:10px 35px 10px 0;}
	.header .logo img{ height:auto; max-height:100%;}
}
@media screen and (max-width:500px){.header .logo {height:50px;padding:5px 35px 5px 0;}}
@media screen and (max-width:400px){.header .logo {height:40px;}}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*nav*/
.topnav{display:block;height:100%;padding:35px 0;position:absolute;top:0;right:30px;font-size:0;}
.topnav li{display:inline-flex;position:relative;height:100%;align-items:center;padding:0 10px;vertical-align:top;}
.topnav li a{font-size:16px;color:#333;line-height:24px;position:relative;}
.topnav li .a1{display:flex;align-items:center;height:100%;overflow:hidden;}
.topnav li .a1 .but{width:10px;height:5px;display:block;position:relative;margin-left:5px;}
.topnav li .a1 .but:before,
.topnav li .a1 .but:after{content:'';width:1px;height:6px;position:absolute;right:5px;bottom:0;background:#999;transform-origin:bottom;}
.topnav li .a1 .but:before{transform:rotate(45deg);}
.topnav li .a1 .but:after{transform:rotate(-45deg);}

.topnav li.on .a1,
.topnav li:hover .a1{color:#ffae00;}
.topnav li.on .a1 .but:before,
.topnav li.on .a1 .but:after,
.topnav li:hover .a1 .but:before,
.topnav li:hover .a1 .but:after{background:#ffae00;}

.topnav li .box{width:200%;background:#fff;position:absolute;left:0;top:100%;z-index:9999;box-shadow:0 1px 7px rgba(0,0,0,.2);transition:all .5s ease;transform:translateY(10px);opacity:0;visibility:hidden;}
.topnav li:hover .box{opacity:1;visibility:visible;transform:translateY(0);}
.topnav li .box .a2{display:block;font-size:14px;line-height:24px;padding:10px 20px;border-top:1px solid #eee;}
.topnav li .box .a2:first-child{border-top:0;}
.topnav li .a2:hover{color:#ffae00;}

.wapnav{ display:none;}
.navbut{ display:none;}
@media screen and (max-width: 1200px){
	.topnav{ right:0;}
}
@media screen and (max-width: 1024px){
	.topnav{ display:none;}
	
	.navbut{display: flex;flex-direction: column;justify-content: center;align-items: center;position: absolute;top:0;right: 0;width: 30px;height:100%;}
	.navbut i{display: block;width: 100%;height: 2px;margin:4px 0;transition:transform .5s ease;}
	.navbut.on i{ margin:0;position:absolute; top:50%;left:0; margin-top:-1px;}
	.navbut.on i:nth-child(1){transform: rotate(45deg);}
	.navbut.on i:nth-child(2){ display:none;}
	.navbut.on i:nth-child(3){transform: rotate(-45deg);}
	
	.wapnav{display: none;position: absolute;width: 100%;}
	.wapnav ul{ position:relative;}
	.wapnav ul li{display: block;position: relative;}
	.wapnav ul li:last-child{ border-bottom:none;}
	.wapnav a{display: block;position: relative;font-size: 14px;line-height: 24px;text-align: center;}
	.wapnav .a1{line-height:50px;height:50px;overflow: hidden;}
	.wapnav .a2{padding: 10px;}
	.wapnav li.on .a1{ color:#ffae00;}
	
	.wapnav .but{width: 50px;height: 50px;display: block;position: absolute;top: 0;right: 0;z-index: 90;overflow: hidden;transition:transform .5s ease;}
	.wapnav .but:before,
	.wapnav .but:after{content:'';width:12px;height:1px;position:absolute;left:50%;top:50%;margin-left: -6px;background:#999;transform-origin:right;}
	.wapnav .but:before{transform:rotate(45deg);}
	.wapnav .but:after{transform:rotate(-45deg);}
	.wapnav li.on .but{transform: rotate(90deg);}
	.wapnav li.on .but:before,
	.wapnav li.on .but:after{background:#ffae00}
	.wapnav .box{ display:none;}
}
@media screen and (max-width: 768px){
	.navbut{width:25px}
	.navbut i{margin:3px 0; height:1px;}
	.navbut.on i{margin-top:0;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*foot*/
.footer{width:100%;background:#222222;padding:80px 0 40px; position:relative;color:#999;}
.footer .left{width:80%; float:left;font-size:0;}
.footer .left .li1{width:65%;float:left;}
.footer .left .li2{width:35%;float: right;padding:0 20px;}
.footer .left .a1{display:block; position:relative;color: #fff;font-size: 22px;line-height: 1em;margin-bottom:20px; padding-bottom:15px;}
.footer .left .a1:before{ content:''; width:44px; height:3px; background:#ffae00; position:absolute; left:0; bottom:0;}
.footer .left .a2{display: block;position:relative;font-size: 14px;line-height: 2em;}
.footer .left .li1 .a2{ width:33.33%; display:inline-block; vertical-align:top; padding-left:20px;}
.footer .left .li1 .a2:before{content: '》';position: absolute;font-size: 10px;top: 0;left: 0;font-family: "Times New Roman", Times, serif;}
.footer .left a:hover{ color:#ffae00;}

.footer .right{width:20%; text-align:right; font-size:0; float:right;}
.footer .right .wxewm{display:inline-block;width:100%;max-width:170px;}
.footer .right .wxewm .img{width:100%;padding:5px;background:#fff;}
.footer .right .wxewm p{color: #ccc;font-size:14px;line-height:2em;text-align:center;}

.copybox{width:100%;position:relative;background:#141414;color:#999;padding:20px 0;}
.copybox a:hover{ color:#ffae00;}
.copybox p{font-size:14px;line-height:24px;display:block;position:relative;}
.copybox .p2 a{margin-right:6px;}
.copybox .p2 a:last-child{margin-right:0;}

@media screen and (max-width: 1200px) {
	.footer{padding:40px 0;}
	.footer .left .li1,
	.footer .left .li2{width:50%;}
	.footer .left .a1{font-size:20px;margin-bottom:15px; padding-bottom:10px;}
	.footer .left .a1:before{width:40px;}
	.footer .left .li1 .a2{width:50%;}
}
@media screen and (max-width: 768px) {
	.footer {padding: 20px 0;}
	.footer .left,
	.footer .left .li2,
	.footer .right,
	.footer .left .li1 .a2{ display:block;width:100%; float:none;}
	.footer .left .li1{ display:none;}
	.footer .left .li2{padding:0;}
	.footer .left .a1{font-size:18px;}
	.footer .left .a1:before{width:36px;}
	.footer .right{ text-align:left; margin-top:20px;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
/*fixbox*/
.fixbox{position: fixed;z-index: 100;right:0;top:25%;color: #fff;border: 1px solid #e0e0e0;}
.fixbox dd{display: block;position: relative;border-bottom: 1px solid #e0e0e0;}
.fixbox dd .item{display: block;width: 75px;height: 80px;background-color: rgba(241,241,241,.9);cursor: pointer;}
.fixbox dd .item i{display: flex;align-items: center;justify-content: center;width: 100%;height: 50px;transition: all .5s ease;padding: 10px;overflow: hidden;}
.fixbox dd .item i img{max-height:100%;filter: drop-shadow(0 50px 0 #f69100);transform: translateY(-50px);}
.fixbox dd .item p{ line-height:30px; font-size:12px; color:#333; text-align:center;}
.fixbox dd:hover .item{ background:#fff;}


.fixbox dd .box{display: block;overflow: hidden;margin-right: 10px;position: absolute;top: 50%;right: 100%;transform: translateY(-50%);opacity: 0;visibility: hidden;background: #fff;transition: all .5s ease;}
.fixbox dd:hover .box{opacity:1;visibility: visible;}

.fixbox dd.tel h1{color: #f69100;font-size: 20px;line-height:30px;}
.fixbox dd.tel p{font-size: 14px;line-height: 20px;color: #666;}
.fixbox dd.tel .box{width: 300px;height: 82px;padding:12px 15px 15px;border-style: solid;border-width: 4px 1px 1px;border-color: #f69100 #f1f1f1 #f1f1f1;}
.fixbox dd.tel .box .img{width: 50px;height: 50px;overflow: hidden;float: left;margin-right: 14px;}
.fixbox dd.tel .box .img img{ display:block; width:100%;filter: drop-shadow(0 50px 0 #ddd);transform: translateY(-50px);}

.fixbox dd.wxewm{ border-bottom:none;}
.fixbox dd.wxewm .box{ width:150px;padding:10px;border:1px  solid #f69100;}
.fixbox dd.wxewm .box img{ display:block;width:100%;}
.fixbox dd.wxewm .box p{font-size: 14px;line-height:2em;color: #333; text-align:center;}

.gtop{position: fixed;right: 15px;display: block;width: 40px;height: 40px; bottom:10%;visibility: hidden;opacity: 0;cursor: pointer;z-index: 90;border-radius: 3px;background-color: #f69100;transition: all .5s ease;}
.gtop.on{visibility: visible;opacity: 1;}
.gtop:before,
.gtop:after{content: '';width:2px;height:10px;position: absolute;left: 50%;top: 50%;margin-top: -5px;margin-left: -1px;background: #fff;transform-origin:top;}
.gtop:before{transform: rotate(45deg);}
.gtop:after{transform: rotate(-45deg);}
@media screen and (max-width: 1200px) {
	.fixbox{ display:none;}
	.gtop{ bottom:50px;}
}
/*-------------------------------------------------------------------------------------------------------------------------*/
.callbox{display:none;}
@media screen and (max-width: 768px){
	body:after{content:'';width:100%;height:50px;display:block;clear:both;position:relative;}
	.callbox{z-index:90;width:100%;height:50px;display:flex;align-items:center;justify-content:center;position:fixed;bottom:0;left:0;background: #ffae00;color:#fff;font-size:17px;}
	.callbox img{display:block;max-width:20px;}
}
	
.shuiyin{width:100%;height:100%; position:relative; display: flex;justify-content: center;}
.sy_box{width:auto; height:100%;position:relative; display:flex;align-items: center;justify-content: center;}
.sy_pic{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url(/shuiyin.png) no-repeat center/85%;opacity: .4;}