



.mobile i,.divBox,.nav li a:after,.nav,span,.BannerBtn span::after,.s2_b .s2_list,.s3_b ul li h3,.s3_b ul li h4,.s3_b ul li p,
.s3_bc h3::before,.xwzxlist h3::before{
	transition: all .8s cubic-bezier(.35,.75,.55,1);
	-webkit-transition: all .8s cubic-bezier(.35,.75,.55,1);
	-moz-transition: all .8s cubic-bezier(.35,.75,.55,1);
}

input:-moz-placeholder,
textarea:-moz-placeholder { 
    color: rgba(255,255,255,.33);
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { 
		color: rgba(255,255,255,.33);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { 
		color: rgba(255,255,255,.33);
}


header{font-size: 0;box-sizing: border-box;position: fixed;width: 100%;z-index: 99;box-sizing: border-box;}




.logo{display: inline-block;vertical-align: middle;width: 30%;line-height: 90px;}
.logo a{display: inline-block;vertical-align: middle;}
.logo img{max-width: 100%;}
.nav{display: inline-block;position: relative;vertical-align: middle;text-align: right;width: 70%;}
.nav ul{font-size: 0;display: inline-block;vertical-align: middle;}
.nav ul li{display: inline-block;box-sizing: border-box;position: relative;}
.nav ul li a{font-size: 18px;color: #333;display: inline-block;vertical-align: middle;box-sizing: border-box;position: relative;line-height: 90px;}
.nav ul li a::before{content: '';display: block;width: 0;height: 2px;background: #007564;position: absolute;left: 0;bottom: 32%;}
.nav ul li:hover a::before,.nav ul li.ac a::before{width: 100%;}
.nav ul li:hover a,.nav ul li.ac a{color: #007564;}
.nav ul li i{display: inline-block;vertical-align: middle;font-size: 18px;color: #bebebe;margin: 0 26px;}
.nav ul li:last-of-type i{display: none;}
.navlist{position: absolute;font-size: 0;background: rgba(255,255,255,.86);padding: 20px;left:50%;width: 200px;box-sizing: border-box;opacity: 0;visibility: hidden;text-align: left;box-shadow: 0 0 10px 3px #ccc;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
.navlist a{display: block !important;line-height: 50px !important;font-size: 16px !important;padding: 0 !important;border-bottom: 1px solid #dbe7e5;}
.nav ul li:hover .navlist a{background: none !important;color: #595757;}
.navlist a:hover{color: #007564 !important;}
.nav ul li .navlist a::before{content: '';display: inline-block;vertical-align: middle;width: 6px;height: 6px;background: #007564;border-radius: 50%;margin-right: 16px;opacity: 0;position: absolute;left: -12px;top: 24px;}
.nav ul li .navlist a:hover::before{opacity: 1;}

.nav ul li:hover .navlist{top: 100%;opacity: 1;visibility: visible;}
.navlist::before{content: '';position: absolute;bottom: 100%;left: 30%;
	width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 10px solid #fff;
}



.zywqh{display: inline-block;vertical-align: middle;text-align: right;margin-left: 55px;margin-right: 45px;position: relative;cursor: pointer;}
.zywqh ol li a,.zywqh h2 a{font-size: 18px;color: #333;box-sizing: border-box;}
.zywqhr,.zywqh h2{display: inline-block;vertical-align: middle;box-sizing: border-box;display: none;}
.zywqh ol{position: absolute;top: 100%;left: 0;width: 100%;text-align: left;display: none;}
.zywqhr{margin-left: 10px;}

.gpdm{display: inline-block;vertical-align: middle;margin-left: 45px;}
.gpdm h2{font-size: 28px;font-weight: bold;color: #333;font-family: Arial;line-height: 28px;}
.gpdm p{font-size: 15px;color: #333;line-height: 15px;}

.dhss{cursor: pointer;display: inline-block;vertical-align: middle;}
.dhss h2{font-size: 0;position: relative;}
.dhss h2::before{content: '';display: block;width: 45px;height: 45px;border: 5px solid rgba(0,117,100,.3);border-radius: 50%;position: absolute;top: 50%;left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}
.dhss h2::after{content: '';display: block;width: 55px;height: 55px;border: 12px solid rgba(0,117,100,.2);border-radius: 50%;position: absolute;top: 50%;left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}
.dhss h2 span{display: block;width: 45px;height: 45px;text-align: center;line-height: 45px;background: #008081;border-radius: 50%;color: #fff;position: relative;}
.dhss form{position: absolute;right: 0;top: 98px;font-size: 0;width: 300px;border: 1px solid #e7e7e7;display: none;}
.dhss form input{border: none;outline: none;background: #fff;display: inline-block;width: 70%;line-height: 40px;font-size: 16px;color: #333;}
.dhss form button{display: inline-block;background: #039a91;font-size: 18px;color: #fff;width: 30%;text-align: center;line-height: 40px;}



.logo img:nth-of-type(1){display: inline-block;}
.logo img:nth-of-type(2){display: none;}
/* .fp-viewing-b2 .logo img:nth-of-type(1),.fp-viewing-b5 .logo img:nth-of-type(1){display: none;} */
/* .fp-viewing-b2 .logo img:nth-of-type(2),.fp-viewing-b5 .logo img:nth-of-type(2){display: inline-block;} */
.fp-viewing-b3 .logo img:nth-of-type(1),.fp-viewing-b4 .logo img:nth-of-type(2){display: inline-block;}
.fp-viewing-b3 .logo img:nth-of-type(2),.fp-viewing-b4 .logo img:nth-of-type(1){display: none;}
.fp-viewing-b4 .nav ul li a,.fp-viewing-b4 .zywqh a,.fp-viewing-b4 .zywqh span,.fp-viewing-b4 .gpdm h2,.fp-viewing-b4 .gpdm p{color: #fff;}

.fp-viewing-b7 header{display: none;}





.footer{height: auto !important;padding: 100px 0 92px;background: url(../images/ftbg_15.jpg) center center;font-size: 0;background-size: 100% 100%;position: relative;}
.section7 .fp-tableCell{height: auto !important;}
.ftl,.ftr{display: inline-block;vertical-align: top;box-sizing: border-box;margin-top: 40px;}
.ftl{width: 88.75%;border-right: 1px solid #ced6d6;}
.ftr{width: 11.25%;text-align: right;}
.ftl ul li{display: inline-block;vertical-align: top;margin-right: 70px;}
.ftl ul li:last-of-type{margin-right: 0;}
.ftl ul li a,.ftl ul li p{font-size: 16px;color: rgba(51,51,51,.8);display: block;line-height: 40px;}
.ftl ul li a:hover{color: #008081;}
.ftl ul li a:first-of-type{font-size: 18px;color: #333;margin-bottom: 40px;}
.ftr ul li{display: inline-block;width: 100%;position: relative;}
.ftr a{display: inline-block;width: 48px;height: 48px;line-height: 48px;text-align: center;border: 1px solid #ced6d6;font-size: 20px;color: #008081;border-radius: 50%;margin-bottom: 20px;position: relative;}
.ftr a:hover{background: #008081;color: #fff;}
.ftr a::before{content: '';display: block;width: 50px;height: 50px;border: 4px solid rgba(0,128,129,.3);position: absolute;top: 50%;left: 50%;border-radius: 50%;opacity: 0;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}
.ftr ul li p{position: absolute;top: 15%;right: 42%;font-size: 12px;display: none;}
.ftr ul li:hover p{display: block;}
.ftr a::after{content: '';display: block;width: 58px;height: 58px;border: 7px solid rgba(0,128,129,.11);position: absolute;top: 50%;left: 50%;border-radius: 50%;opacity: 0;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}
.ftr a:hover::before,.ftr a:hover::after{opacity: 1;}

.ftb{font-size: 0;}
.ftb::before{content: '';display: block;width: 100%;height: 1px;background: #ced6d6;margin: 60px 0;}
.ftbl,.ftbr{display: inline-block;vertical-align: middle;}
.ftbl{width: 75%;}
.ftbr{width: 25%;text-align: right;}
.ftbl p{font-size: 16px;color: rgba(51,51,51,.8);line-height: 24px;}
.ftbl p:last-of-type{margin-top: 24px;}
.ftbr a,.ftbr h6,.ftbr img{display: inline-block;vertical-align: bottom;}
.ftbr a,.ftbr h6{font-size: 16px;line-height: 24px;color: rgba(51,51,51,.8);}
.ftbr a{margin-right: 36px;}
.ftbr h6{margin-right: 20px;}
.ftbr img{border: 4px solid #d5ded6;width: 79px;height: 79px;}

.mobile{width: 40px;height: 40px;border-radius: 2px;cursor: pointer;text-align: center;line-height: 3px;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);
    box-sizing: border-box;padding-top: 2px;transition: 0.4s ease-in-out;display: none;}
.mobile i{display: block;margin: 0 auto;width: 23px;height: 2px;background: #e4000b;margin-top: 7px;border-radius: 5px;}
.mobile i:nth-child(1){transition: 0.4s ease-in-out 0.3s;}
.mobile i:nth-child(2){transition: 0.4s ease-in-out;}
.mobile i:nth-child(3){transition: 0.4s ease-in-out 0.3s}
.mobile.active i:nth-child(1){transform: rotate(45deg) translateY(4px) translateX(5px);}
.mobile.active i:nth-child(2){transform: translateX(40px);opacity: 0;}
.mobile.active i:nth-child(3){transform: rotate(-45deg) translateY(-8px) translateX(8px);}



.cbl{position: fixed;top: 70%;left: -56px;z-index: 99;}
.cbl.ac{left: 0;}
.cblnr{background: rgba(28,53,35,.4);text-align: center;display: block;position: relative;box-sizing: border-box;margin-bottom: 3px;position: relative;padding: 9px 11px;
cursor: pointer;border-top-right-radius: 8px;border-bottom-right-radius: 8px;
}
.cblnr span{font-size: 16px;color: #fff;width: 32px;height: 32px;line-height: 32px;border: 1px solid rgba(255,255,255,.2);border-radius: 50%;display: block;}
.cblnr h5{position: absolute;left: 60px;top: 0;padding: 10px;font-size: 12px;display: none;background: rgba(28,53,35,.4);border-radius: 5px;color: #fff;}
.cblnr h5 img{display: block;}
.cblnr a{display: block;font-size: 0;}
.cblnr p{position: absolute;left: 60px;background: rgba(28,53,35,.4);border-radius: 5px;top: 0;font-size: 12px;color: #fff;width: 120px;text-align: center;line-height: 52px;display: none;}

.cblnr:hover{background: #008081;}
.cblnr:hover span,.cblnr:hover p{color: #fff;}
.cblnr:hover h5{display: block;}
.cblnr:hover h2{right: 0;}
.cblnr:hover p{display: block;}
.cbl h6{display: block;width: 56px;height: 38px;line-height: 38px;text-align: center;background: rgba(28,53,35,.6);color: #fff;font-size: 20px;cursor: pointer;
	border-top-right-radius: 8px;border-bottom-right-radius: 8px;
}
.cbl h6:hover{background: #008081;color: #fff;}

#fp-nav.left{left: auto !important;right: 82px;}
.cbl2{position: fixed;bottom: 30%;right: 76px;}

.cbl h4{width: 38px;height: 38px;line-height: 38px;text-align: center;background: rgba(28,53,35,.6);cursor: pointer;font-size: 20px;color: #fff;border-radius: 8px;
	position: absolute;bottom: 0;left: 105%;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}
.cbl.ac h4{
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
}


.menu-fixed{background: #fff;}

header:hover{background: #fff;}
header:hover .logo img:nth-of-type(2){display: none !important;}
header:hover .logo img:first-of-type{display:  block !important;}
header:hover .gpdm h2{color: #333;}
header:hover .gpdm p{color: #333;}

header:hover .nav ul li a{color: #333;}












