* {margin: 0;padding: 0;transition: all 0.6s;-webkit-transition: all 0.6s;
-moz-transition: all 0.6s;-o-transition: all 0.6s;
-ms-transition: all 0.6s;}
body, html {font-family: "微软雅黑",Arial;-webkit-tap-highlight-color:rgba(0,0,0,0);
font-size: 14px;color: #000;}
html{width: 100%;height: 100%;}
body{bai-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
body::-webkit-scrollbar{display:none}
button, a {border: 0;background-color: transparent;outline: none;text-decoration:none;cursor: pointer;}
a:focus, a:hover{text-decoration:none;}
ul, li {list-style: none;text-decoration: none;}
textarea,input{appearance: none;-moz-appearance: none;-webkit-appearance: none;outline: none;}
input {background: none;border: none;outline:none;}
input:focus {border: none;outline: none !important;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-modify:read-write-plaintext-only;}
input[type=number] {-moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
select{outline: 0;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
select::-ms-expand { display: none; }
textarea {resize: none;}
textarea:focus {outline: none;}
input::-webkit-input-placeholder {color: #9fa19f;font-size: 16px;}
input:-ms-input-placeholder {color: #9fa19f;font-size: 16px;}
input::-ms-input-placeholder {color: #9fa19f;font-size: 16px;}
textarea::-webkit-input-placeholder {color: #9fa19f;font-size: 16px;}
textarea:-ms-input-placeholder {color: #9fa19f;font-size: 16px;}
textarea::-ms-input-placeholder {color: #9fa19f;font-size: 16px;}
.swiper-button-next:focus,.swiper-button-prev:focus {outline: none;}
.clear {clear: both}
.tithide{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tithideMore{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.betweenflex{display: -webkit-flex;-webkit-justify-content: space-between;display: flex;justify-content: space-between;-webkit-box-align: center;-moz-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.jdjz{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);}


/* 全局滚动 */
.dotsul{position: fixed;left: 16px;top: 40%;height: auto;}
.dotsli{margin-bottom: 20px;}
.dotsli .line,.dotsli b{display: inline-block;vertical-align: middle;}
.dotsli .line{position: relative;margin-right: 20px;}
.dotsli .line span{height: 1px;width: 30px;background-color: #fff;display: block;
position: relative;opacity: 0.5;}
.dotsli .line span:before{
	content: '';position: absolute;
	right: 0;height: 1px;width: 0;top: 0;
	background-color: #fff;opacity: 1;
	transition: all 0.6s linear;
}
.dotsli b{font-size: 14px;color: #fff;opacity: 0;padding-left: 26px;}
.dotsli.act b{opacity: 1;}
.dotsli.act .line span:before{width: 100%;right: 100%;}
.dotsli.act .line:before{content: '';
width: 29px;height: 29px;background: #fff;opacity: 0.15;
transform: rotate(45deg);position: absolute;right: -19px;top: -14px;
}
.dotsli.act .line:after{content: '';
position: absolute;right: -9px;top: -4px;width: 9px;height: 9px;background: #fff;
transform: rotate(45deg);}
.dotsul.hei .dotsli .line span{color: #333;background-color: #333;}
.dotsul.hei .dotsli .line span:before{background-color: #ff0707;}
.dotsul.hei .dotsli b{color: #ff0707;}
.dotsul.hei .dotsli.act .line span{background-color: #ff0707;}
.dotsul.hei .dotsli.act .line:before,
.dotsul.hei .dotsli.act .line:after{background-color: #ff0707;}



/* 侧边栏 */
.slide{position: fixed;text-align: center;cursor: pointer;right: 30px;top: 40%;z-index: 10;
height: auto;}
.slideli{display: block;border-radius: 50%;padding: 18px;background-color: rgba(0,0,0,.24);margin: 8px 0;position: relative;}
.slideli span{width: 23px;height: 23px;display: block;
	background-image: url("../img/slide-tel.png");
	background-position: left center;background-size: 46px 23px;
	background-repeat: no-repeat;
}
.slideli img{width: 23px;display: block;}
.slideli:hover{background-color: #fff;box-shadow: 0px 0px 18px 0px rgba(193, 231, 255, 0.58);}
.slideli:hover span{background-position: right center;}
.slidelin{display: none;z-index: 99;
position: absolute;right: 110%;
top: 50%;transform: translate(0,-50%);-webkit-transform: translate(0,-50%);
background-color: #ffffff;box-shadow: 2px 3px 20px 0px rgba(155, 160, 167, 0.25);
border-radius: 8px;text-align: center;transition: none;-webkit-transition: none;}
.slidecode .slidelin{width: 108px;height: 108px;}
.slidecode .slidelin img{width: 88px;height: 88px;display: inline-block;margin-top: 10px;}
.slidetop img{opacity: 0.4;}
.slidetop:hover img{opacity: 1;}
.myslide .slideli{border-radius: 50%;padding: 15px;background-color: #c1c1c1;margin: 12px 0;}
.myslide .slideli:hover{background-color: #fbcd0d;}
.slidetel span{background-image: url("../img/slide-tel.png");}
.slidetel .slidelin{ font-size: 16px; color: #333; border-radius: 30px;
 white-space: nowrap; padding: 10px 20px;
box-shadow: 10px 0px 15px 0px rgba(0, 150, 255, 0.2);}
.slidecode span{background-image: url("../img/slide-weixin.png");}
.slidetop span{background-image: url("../img/slide-top.png");}



/* 头部 */
.header{position: fixed;z-index: 99;
left: 0;top: 0;width: 100%;
border-bottom: 1px solid rgba(255,255,255,0.2);
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 90px;box-sizing: border-box;
/* overflow: hidden; */
background-color: rgba(0,0,0,0.15);
}

.header .logo{}
.nav{}
.nav ul{margin-bottom: 0;font-size: 0;
margin-left: 40px;}
.nav ul>li{display: inline-block;margin: 0 45px;position: relative;}
.nav ul>li>a{color: #ffffff;font-size: 14px;display: block;
padding: 21px 0;border-bottom: 3px solid transparent;
font-size: 15px;font-weight: bold;}
.nav ul>li.act{}
.nav ul>li.act a,.nav ul>li:hover a{border-color:#fff;}

.subnav{display: none;
/* padding: 10px 20px; */padding: 8px 0;
position: absolute;top: 100%;left: 50%;
margin-left: -60px;box-shadow: 1px 2px 35px 0px rgba(0, 150, 255, 0.14);
width: 120px;background-color: #fff;
border-radius:4px;z-index: 1;}
.subnav a{color: #333333!important;font-size: 14px;display: block;line-height: 30px;
text-align: center;padding: 0 10px;}
.subnav a:hover{opacity: 0.8;}
.subnav a.act{color: #ff0707!important;}
.tools{display: flex;align-items: center;position: relative;}
.tools>div{position: relative;padding: 19px 20px 18px 20px;cursor: pointer;
border-bottom: 3px solid transparent;
}
.tools>div:after,.tools:after{content: '';position: absolute;
right: 0;width: 1px;height: 65px;
background-color: rgba(255,255,255,0.2);top: 0px;}
.tools:after{right: auto;left: 0;}
.tools>div span,.tools>div img{display: inline-block;vertical-align: middle;}
.tools>div span{padding-left: 8px;color: #fff;font-weight: bold;}
.tools>div img.turnico{margin-left: 20px;}
.tools>div img.ico1{display: inline-block;}
.tools>div img.ico2,.tools>div img.ico3{display:none;}

.header.hei{border-bottom-color: #f4f4f4;}
@media screen and (min-width: 1280px){
	.nav ul>li:hover .subnav{display: block;}
	
	.header.hei .nav ul>li>a{color: #333;}
	.header.hei .nav ul>li.act a{color: #e50112;}
	.header.hei .nav ul>li.act a,
	.header.hei .nav ul>li:hover a{border-color:#e50112;}
}
.header.hei .tools>div img.ico1{display: none;}
.header.hei .tools>div img.ico2{display: inline-block;}
.header.hei .tools>div span{color: #333;}
.header.hei .tools>div:after,.header.hei .tools:after{background-color:#f4f4f4 ;}
.header.hei .nav-abbreviation:before,
.header.hei .nav-abbreviation:after,
.header.hei .nav-abbreviation .nav-abb-c{background-color: #eee;}

.tools .login.act{display: block;border-bottom-color:#e60012;}
.tools .login.act span{color: #e60012!important;}
.tools .login.act img.ico3{display: inline-block!important;}
.tools .login.act img.ico1,.tools .login.act img.ico2{display: none!important;}




/* 底部 */
.fnav{padding-top: 5%;}
.fnav .container{font-size: 0;}
.fnav .fle,.fnav .fri{display: inline-block;vertical-align: top;}
.fnav .fle{width: 70%;position: relative;}
.fnav .fri{width: 30%;}
.fnav .fle:after{content: '';position: absolute;right: 0;top: 0;width: 1px;height: 100%;background: #fff;opacity: 0.1;}
.fle ul{font-size: 0;}
.fle li{display: inline-block;vertical-align: top;margin-right: 80px;}
.fle li a{display: block;color: #ffffff;}
.fle li>a{font-size: 22px;margin-bottom: 30px;}
.fle .fnavsub a{font-size: 14px;opacity: 0.3;line-height: 33px;}
.fle .fnavsub a:hover{opacity: 1;}
.fri{padding-left: 4%;} 
.fri .tit{color: #ffffff;font-size: 22px;margin-bottom: 30px;} 
.fri li{color: #ffffff;font-size: 16px;line-height: 36px;padding-left: 40px;position: relative;}
.fri li span{opacity: 0.17;font-size: 14px;position: absolute;left: 0;top: 1px;} 
.fri li p{font-size: 20px;} 
.bottom{margin-top: 8%;border-top: 1px solid rgba(255,255,255,0.2);
font-size: 14px;color: #fff;opacity: 0.5;padding: 28px 0;}
.bottom .ri{float: right;}

.nav-abbreviation{width: 32px;cursor: pointer;
display: none;}
.nav-abbreviation:before,.nav-abbreviation:after{content: '';width: 32px;height: 3px;
 background: #fff;display: block;}
.nav-abbreviation{ opacity: 1;float: right;}
.nav-abbreviation .nav-abb-c{width: 32px;height: 3px;
background: #fff;margin: 8px 0;}
.nav-abbreviation.nav-abbreviation-act .nav-abb-c{opacity: 0;}
.nav-abbreviation.nav-abbreviation-act:before,.nav-abbreviation.nav-abbreviation-act:after{background: #fff;transform: rotate(45deg);
transform-origin: left center; -ms-transform: rotate(45deg);-ms-transform-origin: left center;-webkit-transform: rotate(45deg);-webkit-transform-origin: left center;-moz-transform: rotate(45deg);-moz-transform-origin: left center;-o-transform: rotate(45deg);-o-transform-origin: left center;transition: all 0.6s;-webkit-transition: all 0.6s;-moz-transition: all 0.6s;-o-transition: all 0.6s;-ms-transition: all 0.6s;}
.nav-abbreviation.nav-abbreviation-act:after {transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);}


/* 页码 */
.pager{font-size: 0;text-align: center;padding-bottom: 20px;}
.pager a{display: inline-block;vertical-align: middle;position: relative;line-height: 44px;height: 44px;border-radius: 50%;border: solid 1px #e2e2e2;font-size: 14px;color:#333;margin-left: 8px;text-align: center;width: 44px;background-color: #ffffff;}
.pager .page-cur{background: #e60012;color: #fff;}
.pager a img{width: 9px;margin-top: -2px;margin-left: -2px;}
.pager .page-next img{transform: rotate(180deg);margin-left: 0px;}
.pager .page-dis {cursor: initial;}
.pager .page-dis img{opacity: 0.5;}

.container{width: 1350px;}
.container1550{width: 1550px;}
.container1580{width: 1580px;}

@media screen and (max-width: 1680px){
	.fle li>a,.fri .tit{font-size: 20px;}
	.fri li p{font-size: 18px;}
}

@media screen and (max-width: 1600px){
	.nav ul>li{margin: 0 30px;}
	
	/* 产品与服务-产品展示 */
	.container1580{max-width: 100%;}
}

@media screen and (max-width: 1580px){
	.container1550,.container1580{width: 1370px;}
}

@media screen and (max-width: 1400px){
	.container{width: 1230px;}
	.nav ul>li{margin: 0 20px;}
	.fle li{margin-right: 60px;}
	.fle li>a{font-size: 18px;}
	.fri .tit,.fri li p{font-size: 18px;}
	.fnav .fle{width: 70%;}
	.fnav .fri{width: 30%;}
}
@media screen and (max-width: 1280px){
	.container{width: 100%;}
	.dotsli{margin-bottom: 10px;}
	.dotsli b{padding-left: 16px;}
	.dotsli.act .line:before{width: 24px;height: 24px;top: -12px;right: -16px;}
	.tools>div{
		/* padding: 0 12px; */
		padding: 14px 12px 8px 12px;
	}
	.tools>div:after, .tools:after{/* height: 58px; */height: 50px;top: 0;}
	.bottom{margin-top: 0;}
	.fnav{width: 90%;padding-left: 5%;padding-top:40px;}
	.fnav .fle{width: 100%;}
	.fnav .fle:after{display: none;}
	.fle li{display: block;margin-right:0;}
	.fle li>a{margin-bottom: 0px;font-size: 16px;}
	.fle .fnavsub{font-size: 0;}
	.fle .fnavsub a{font-size: 13px;display: inline-block;width: 20%;vertical-align: top;}
	.fnav .fri{width: 100%;padding-left: 0;}
	.fnav .fri ul{font-size: 0;}
	.fnav .fri li{display: inline-block;vertical-align: top;width: 50%;}
	
	.header{padding-left: 40px;}
	.nav-abbreviation{position: absolute;right: 40px;display: block;z-index: 10;}
	.nav{height: 50px;position: relative;}
	.nav:before{border-top-width:50px;border-right-width:50px;}
	.nav>ul{display: none;position: fixed;left: 0;width: 100%;top: 51px;margin-left: 0;text-align: center;
	background-color: rgba(0,0,0,0.5);padding: 20px 0 10px 0;z-index: 10;margin-right: 0;
	box-shadow: inset 1px 0 25px rgba(143,143,143,0.16);
	transition: none;-webkit-transition: none;
	top: 47px;}
	.nav>ul>li{display: block;margin-bottom: 10px;}
	.nav>ul>li>a{padding: 0;font-size: 14px;}
	
	.fri .tit, .fri li p{font-size: 16px;}

}
@media screen and (max-width: 991px){
	.slideli{padding: 10px;}
	.dotsul{display: none;}
	.fnav{margin-top: 0;padding-left: 0;width: 100%;}
	
	.pager a{width: 36px;height: 36px;line-height: 36px;}
}
@media screen and (max-width: 768px){
	.header{padding-left: 15px;padding-right: 60px;}
	.nav-abbreviation{right: 15px;}
	.tools>div span{padding-left: 2px;}
	.tools>div img{width: 20px;}
	.tools>div img.turnico{margin-left: 10px;width: 12px;}
	.tools>div {
	    padding: 16px 12px 10px 12px;
	}
	
	
	.slide{right: 10px;}
	.fle li>a,.fri .tit{font-weight: bold;}
	.fle li>a,.fri .tit, .fri li p,.fri li{font-size: 14px;}
	.fle li{margin-bottom: 5px;}
	.fri .tit{margin-bottom: 4px;}
	.fri li{padding-left: 40px;line-height: 24px;}
	.fri li span{top: 0px;}
	.fnav{padding-top: 20px;}
	.fnav .fri li{width: 60%;padding-right: 6px;}
	.fnav .fri li:nth-child(2n){width: 40%;padding-right: 0;}
	.fnav .fri li p{margin-bottom: 0;}
	.fle .fnavsub a{line-height: 28px;}
}
@media screen and (max-width: 540px){
	.header{position: absolute;display:block;padding-right: 15px;}
	.header .logo{margin: 8px 0;display: block;}
	.header .logo img{height: 30px;}
	.nav-abbreviation{top: 12px;}
	.header.hei .nav-abbreviation{top: 4px;}
	.nav{height: auto;}
	.tools{justify-content: flex-end;}
	.tools>div{padding: 8px 10px;}
	.tools>div:after,.tools:after,.tools>div img.turnico{display: none;}
	.tools>div.sous{padding-right: 0;}
	.bottom{padding: 20px 0;}
}
@media screen and (max-width: 480px){
	.slideli{padding: 8px;}
	.slideli img{width: 20px;}
	.fle .fnavsub a{line-height: 20px;}
	.fnav .fri li,.fnav .fri li:nth-child(2n){width: 100%;padding-right: 0;}
	.bottom{padding: 6px 0;}
}



.swimain{z-index: 0;position: absolute;left: 0;top: 0;right: 0;width: 100%;height: 100%;}
.swimain .swiper-slide>img{
		width: 100%;
		height: auto;
		position: absolute;
		left: 0;
		top: 0;
		transform: scale(1);
}
.swimain .swiper-slide-active>img{
		transform: scale(1.1);
		-webkit-transition: all 3s ease-in-out 0s;
		transition: all 3s ease-in-out 0s;
}

@media screen and (max-width: 991px){
	.swimain .swiper-slide>img{
		width: auto;
		height: 100%;
	}
}