@charset "utf-8";
*{ margin:0; padding:0 ;}
html{ -webkit-text-size-adjust:none;}
body{color:#393939; overflow-x:hidden;  background:#fff; width: 100%;}
body,ol,table,tr,td,ul,li,dt,dd,dl,h1,h2,h3,h4,h5,h6,form,input,select,textarea,p,
blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, u, i, center,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video{ font-size:14px; font-family: "Microsoft YaHei",Tahoma, Helvetica, Arial, sans-serif; font-weight:normal; font-style:normal;}
input, select, textarea {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}
.fl {    float: left;}
.fr {    float: right;}

li{ list-style-type:none;}
img{ border:none; vertical-align:middle;}
/*-------this-a-list---------*/
a, time{ outline:none; cursor:pointer; text-decoration:none; color:#393939;  font-size:14px;
   transition:all .4s ease 0s;
   -webkit-transition:all .4s ease 0s;
   -moz-transition:all .4s ease 0s; 
   -ms-transition:all .4s ease 0s; 
   -o-transition:all .4s ease 0s; 
}
a:active, a:hover { text-decoration:none}
a, area, a:active{ blr:expression(this.onFocus=this.blur());}
:focus { -moz-outline-style: none;} 
/*------- the html5 display-role reset for older browsers---------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display: block;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
/*------- input--outline--middle---------*/
/*input, button, select, textarea{ outline:none}*/
input, select, textarea, button { vertical-align:middle}
button { border:0 none; background-color:transparent; cursor:pointer}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner{ border:none; padding:0;}

.clearfix:before,
.clearfix:after{ display:table; content:''; line-height:0;}
.clearfix:after{ clear:both;}

/*----- display-----*/
.clear{ clear:both;}
.pcdis{ display:block;}
.wapdis{ display:none;}
.distb{ display:table;}


header{position: absolute;top: 0;width: 101%;z-index: 10000;position: fixed;height: 18%;box-sizing: border-box;line-height: 96px;transition: 0.3s ease-out;padding: 5px 50px;}
.headerbg{ background: rgba(0,0,0,.4);}
/* header.active3{background: rgba(0,0,0,.4);padding: 5px 50px;} */
header.sb .nav>ul>li>a,header.sb .sousuo,header.sb .lisnj{transform: translateY(0);opacity: 1;}
.logo{transform: translateX(0px);opacity:1;transition: 0.8s ease-out .3s;display: inline-block; position: relative; z-index: 223;top: 30px;}
.logo img{width: 64%;}
.mobile{display:none;float: right;margin-top: 20px;border-radius: 2px;cursor: pointer;text-align: center;line-height:3px;box-sizing: border-box;
padding-top: 2px;transition: 0.4s ease-in-out;}
.mobile i{display:block;margin:0 auto;width: 28px;height: 3px;background: #fff;margin-top: 5px;border-radius: 5px;}
.mobile i:nth-child(1){transition: 0.4s ease-in-out 0.3s;margin-top:16px}
.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(6px) translateX(5px);}
.mobile.active i:nth-child(2){transform: translateX(40px);opacity: 0;}
.mobile.active i:nth-child(3){transform: rotate(-45deg) translateY(-6px) translateX(5px);}

.nav{display: inline-block;float:right;margin-right: 276px;}
.nav{
	transition: all .5s cubic-bezier(.35,.75,.55,1);
	-webkit-transition: all .5s cubic-bezier(.35,.75,.55,1);
	-moz-transition: all .5s cubic-bezier(.35,.75,.55,1);
}
.nav ul{font-size: 0;display: inline-block;vertical-align: center;position: relative;margin-right: 1vw;}
.nav ul li a:hover{color: #fff;}
.nav ul>li{display: inline-block;text-align: center;width: auto;padding: 0;margin-right: 48px;}
.nav ul>li>a{display: inline-block;;line-height:1;width: auto;padding-bottom: 3px;position: relative;border-bottom:1px solid transparent;font-size: 16px;
color: white;}
/* .nav ul>li:hover>a{ color: #ff6e01;} */
.nav ul>li:last-child a{border: none;}
.nav ul>li>a:after{content: '';display: block;position: absolute;opacity:0;width: 100%;height: 2px;background: white;bottom: -6px;transform: scaleX(0);transition: 0.5s ease-in-out;}
.nav ul>li:hover>a:after,.nav ul>li.active>a:after{opacity: 1;transform: scaleX(1); }
.nav ul>li:last-child:before{display: none}

.sousuo input::-webkit-input-placeholder {color: #fff !important; }
.sousuo input::-moz-placeholder {color: #fff !important; }
.sousuo input::-moz-placeholder {color: #fff !important;}
.sousuo input::-ms-input-placeholder {color: #fff !important;}
.sousuo input[type=text]{
	transition: all .5s cubic-bezier(.35,.75,.55,1);
	-webkit-transition: all .5s cubic-bezier(.35,.75,.55,1);
	-moz-transition: all .5s cubic-bezier(.35,.75,.55,1);
}
.sousuo input[type=text]{width:9vw;height: 2.1vw;border: 1px solid rgba(250,250,250,.8);background: transparent;box-sizing: border-box;padding: 0 15px;
color: white;font-size: 15px;outline: none;}
.sousuo input[type=text]:focus{border-color: #b3916c;}
.sousuo{display: inline-block;vertical-align: top;position: relative;transition: 0.8s ease-out 1.1s;}
.sousuo button{display: block;position: absolute;right: 10px;font-size: 25px;color: white;top: 23px;cursor: pointer;}

.sousuo a {font-size: 24px;color: #fff;}

.lisnj{display: inline-block;vertical-align: top;margin-right: 1vw;}
.lisnj a{display: inline-block;width: 30px;height: 30px;vertical-align: middle;border-radius: 50%;}
.lisnj a:nth-child(1){background: url(../images/h2.png) no-repeat center center #fff;position: relative;}
.lisnj a:nth-child(2){background: url(../images/shangcheng1.png) no-repeat center center #fff;background-size: 20px;}
.lisnj a:nth-child(3){background: url(../images/h3.png) no-repeat center center #fff;}
.lisnj a  span{display: none;line-height: 30px;position: absolute;top: 30px;color: #fff;}
.lisnj a:hover span{display: block;}
.lisnj a:nth-child(2) span{line-height: 1;top: 60px;}
.lisnj a:nth-child(1):hover{background: url(../images/cc1.png) no-repeat center center #fff;}
.lisnj a:nth-child(2):hover{background: url(../images/shagncheng.png) no-repeat center center #fff;background-size: 20px;}
.lisnj a:nth-child(3):hover{background: url(../images/ff2.png) no-repeat center center #fff;}

.lisnj a:nth-child(3){position: relative;}
.lisnj a:nth-child(3) img{position: absolute;top:36px;width: 80px;left: -50px;display: none;}
.lisnj a:nth-child(3):hover img{display: block;}

.bav_list{font-size: 0;background: white;position: absolute;top: 60px;left: 0;width: 100%;line-height: 35px;transform:translateY(50px);opacity: 0;z-index: -1;height: 0 ;overflow: hidden;transition: 0.4s ease-in;}
.nav ul>li:hover .bav_list{transform: translateY(0);opacity: 1;z-index: 1;height: 245px;}
.nav>ul>li:nth-child(1)>a{transition: 0.8s ease-out .3s;}
.nav>ul>li:nth-child(2)>a{transition: 0.8s ease-out .4s;}
.nav>ul>li:nth-child(3)>a{transition: 0.8s ease-out .5s;}
.nav>ul>li:nth-child(4)>a{transition: 0.8s ease-out .6s;}
.nav>ul>li:nth-child(5)>a{transition: 0.8s ease-out .7s;}
.nav>ul>li:nth-child(6)>a{transition: 0.8s ease-out .8s;}
.nav>ul>li:nth-child(7)>a{transition: 0.8s ease-out .9s;}
.nav>ul>li:nth-child(8)>a{transition: 0.8s ease-out 1s;}
.bav_list ol{display: inline-block;vertical-align: middle;width: 30%;padding: 30px;box-sizing: border-box;background: #f8f8f8;height: auto;position: relative;z-index: 2;}
.bav_list ol li{border-bottom: 1px solid #f1f1f1;position: relative;}
.bav_list ol li:last-child{border: none;}
.bav_list ol li a{font-size: 14px;color: gray;}
.bav_list ol li:hover a{color: #000;}
.bav_list ol li i{display: inline-block;position: absolute;font-size: 13px;left: 9px;color: transparent;transition: 0.3s ease-in-out;}
.bav_list ol li:hover i{color: gray;}
.bav_list:after{content: '';display: block;width: 30%;height: 100%;position: absolute;top: 0;left: 0;background: #f8f8f8;}
.bav_list dl{display: inline-block;vertical-align: middle;padding: 20px 0;text-align: center;width: 70%;}
.bav_list dl span{display: block;}
.bav_list dl span img{max-width: 55%;}
.bav_list dl dd{display: none;}
.bav_list dl dd p{font-size: 14px;color: #666666;}
.bav_list dl dd p font{font-size: 12px;color: gray;}
/*--pc header end--*/

/*--pc footer--*/
footer{background: #19948f;padding-top: 70px;height: 200px;}
.divBox{width: 76%;margin: 0 auto;}
footer .divBox{font-size: 0; padding-bottom: 25px;}
.footer .search{width: 34%;float: left;}
.footer .search h2{font-size: 30px;line-height: 40px; color: #fff;}
.footer .search  form{height: 42px;    width: 73%;    border-bottom: 1px solid #fff;margin-top: 30px;}
.footer .search  input{width: 250px;   background: #19948f;transition: .3s linear;float: left;color: #fff; font-size: 16px; text-indent: 1em;  height: 42px;
    line-height: 42px;}
.footer .search  ::placeholder{color: #fff;}
.footer .search  input:focus{width: 250px;}
.footer .search  input:hover{width: 250px;}
.footer .search  button{width: 27px;   height: 27px;  background: url(../images/search.png)no-repeat right top;   border: 0;   float: right;margin-top: 5px;}



.footer .contact{width: 33%;float: left;}
.footer .contact h2{color:#42d9d3;font-size:24px;line-height: 35px;text-align: left;}
.footer .contact h3{color:#42d9d3;font-size:42px;line-height: 55px;text-align: left;}
.footer .contact p{color:#42d9d3;font-size:14px;line-height: 30px;text-align: left;}
 
.footer .ma{width: 33%;float: right;p}
.footer .ma h2{color:#42d9d3;font-size:24px;line-height: 35px;}
.footer .ma .pic{background: #29aea9; width: 320px;height: 90px;padding: 10px;}
.footer .ma .pic :nth-child(1) img{height: 90px;float: left;}
.footer .ma .pic p{font-size: 18px;color: #55f4ee;float: left;margin: 20px 10px 0 10px;height: 100%;}
.footer .ma .pic .jiantou{height: 90px;line-height: 90px;float: right;width: 27px;margin-top: 30px; }
.footer .ma .pic .jiantou img{height: 28px;float: right;}
 

.footer1_div1{box-sizing: border-box;padding: 10px 20px;margin-top: 5px; float: left;}
.footer1_div1 div{ margin-bottom: 8px;}
.footer1_div1 span{display: inline-block;font-size: 14px;color: #FFFFFF;vertical-align: middle;margin-left: 15px;}
.footer1_div1 font{float: right;color: #FFFFFF;text-transform: uppercase;margin-top: 3px;}
.footer1_div1 .foot_fw { background: #f3f3f3;padding: 3px;color: #292929;margin-top: -1px;}
.foot_fw img{height: 18px;margin-left: 5px;position: relative;top: -1px;}
.footer_swiper{margin-top: 5px;position: relative; float: right;}
.footer_swiper div{float: right;width: 120px;text-align: center; margin-right: 10px; float: left;}
.footer_swiper span{ display: block; padding-top: 10px; color: #F3F3F3;}
.footer_swiper img{ transition: 0.3s ease-in-out;width: 120px;}
.foot_sec{padding: 10px 0;height: 30px; line-height: 30px;border-top: 1px solid #cccccc;text-align:center;    background: #fff;}
.foot_sec span{font-size: 14px;color: #393939;}
.foot_sec a{font-size: 14px;color: #393939;margin-left:10px;}
.foot_sec .bdsharebuttonbox{display: inline-block;float: right;}
.foot_sec .bdshare-button-style0-16 a,.foot_sec  .bdshare-button-style0-16 .bds_more{width: 20px;height: 20px;padding: 0;opacity: 0.5;}
.foot_sec .bdshare-button-style0-16 a:nth-child(1){background: url(../images/weixin.png) no-repeat center center;background-size: 100% 100%;}
.foot_sec .bdshare-button-style0-16 a:nth-child(2){background: url(../images/weibo.png) no-repeat center center;background-size: 100% 100%;}
.foot_sec .bdshare-button-style0-16 a:nth-child(3){background: url(../images/qq.png) no-repeat center center;background-size: 100% 100%;}
.foot_sec .bdshare-button-style0-16 a{margin:0;margin-right: 15px}
.foot_sec .bdshare-button-style0-16 a:last-child{margin-right: 0;}
.foot_sec font{display: inline-block;float: right;font-size: 14px;color: #bc1717;margin-right: 30px;}
.youqinglianjie{margin-top: 23px;text-align: left}
.youqinglianjie li{display: inline-block;vertical-align: top;color: #cacaca;margin-right: 15px;}
.youqinglianjie li a{color: #666;}
.youqinglianjie li:hover a{color: #fff;}
/*--pc footer end--*/

/*-----kefu-------*/
.cbl{width: 72px;position: fixed;right:4px;bottom:14%;z-index: 3333;}
.cbl li{margin-top: 0;transition: 0.4s ease-in-out;height: 73px;margin-bottom: 4px;background:#fff;}
.cbl span{transition: 0.4s ease-in-out;display: inline-block;width: 72px;height:73px;text-align: center;box-sizing: border-box;font-size: 12px;color: #666;line-height: 72px;border: 1px solid #bc1717;padding-top: 20px;}
.cbl li:nth-child(1) span{background: url(../images/xf-h5.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(2) span{background: url(../images/xf-h5.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(3) span{background: url(../images/xf-h3.png) no-repeat  center 10px;background-size: 34px auto;}
.cbl li:nth-child(4) span{background: url(../images/xf-h4.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(5) span{background: url(../images/xf-h5.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:hover {background:#bc1717;}
.cbl span:hover{color: #fff;}
.cbl li:nth-child(1):hover span{background: url(../images/xf-b5.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(2):hover span{background: url(../images/xf-b5.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(3):hover span{background: url(../images/xf-b3.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(4):hover span{background: url(../images/xf-b4.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(5):hover span{background: url(../images/xf-b5.png) no-repeat center 10px;background-size: 34px auto;}
/*--
.cbl li:nth-child(4){position: relative;}
.cbl li:nth-child(4) img{display: none;}
.cbl li:nth-child(4):hover img{display:block;position: absolute;width: 73px;top: 0;left: -73px;}
*/
  /*-- pc kefu end --*/
  /*-- mobile kefu --*/
.sj-kefu-xuanfukuang{display: none;}
@media (max-width: 1200px) {
	.sj-kefu-xuanfukuang{display: block;width: 60px;position: fixed;right:0;bottom:18%;z-index: 3333;}
	.sj-kefu-xuanfukuang li{margin-top: 0;transition: 0.4s ease-in-out;height: 60px;}
	.sj-kefu-xuanfukuang span{transition: 0.4s ease-in-out;display: inline-block;width: 60px;height: 60px;padding-top: 45px;text-align: center;background: #fff;box-sizing: border-box;font-size: 12px;color: white;border-radius: 30px;border: 1px solid rgba(188, 23, 23, 0.5);}
	.sj-kefu-xuanfukuang li:nth-child(1) span{background: url(../images/xf-b1.png) no-repeat center 13px #bc1717;background-size: 35px auto;color: #fff;font-size: 12px}
}
/* kefu end */

@media only screen and (max-width:1550px) {
	.divBox{width: 95%;}
}
@media (min-width: 1400px) and (max-width: 1550px) {
    .nav ul li {margin-right: 20px;}
}
@media (min-width: 1280px) and (max-width: 1399px) {
    .nav ul li {margin-right: 10px;}
}


@media only screen and (max-width:1279px ) {
	/*--mobile header--*/
	header{line-height:58px;height: 130px;position: fixed;padding: 0 10px;z-index: 222;}
	header.active .nav{transform: translateX(0);opacity: 1;left:0}
	header.active1 .mobile,header.active1 .logo{transform: translateX(0);opacity: 1;}
	.logo{margin-top: -4px;vertical-align: middle;}
	.logo img {width:200px;display: none;}
	.mobile{display: block;width: 49px;height: 45px;margin-top: 8px;}
	.mobile i:nth-child(1){margin-top: 11px;}
	.nav{position: fixed;top:60px;left:0%;margin:0;z-index: 3333;height: auto;background: rgba(0,0,0,.75);width: 100%;box-sizing: border-box;padding: 0 10px;line-height: 35px;text-align: center;transform: translateX(-100%);transition: 0.5s ease-in-out;}	
	.nav ul{width: 100%;}
	.nav ul>li{width: 100%;border-bottom: 1px solid rgba(250,250,250,.5);box-sizing: border-box;margin-right: 0;transform: translateX(-200px);opacity: 0;}
	.nav ul>li>a{width: 100%;border: none;height: 100%;line-height: 35px;vertical-align: top;font-size: 14px;padding: 0;}
	.nav ul>li ol{display: none;}
	.nav ul>li.active>a, .nav ul>li:hover>a{border: none;}
	.nav .divBox{width: 95%;}
	.nav ul>li:nth-child(1){transition: 0.4s ease-in-out 0.4s;}
	.nav ul>li:nth-child(2){transition: 0.4s ease-in-out 0.5s;}
	.nav ul>li:nth-child(3){transition: 0.4s ease-in-out 0.6s;}
	.nav ul>li:nth-child(4){transition: 0.4s ease-in-out 0.7s;}
	.nav ul>li:nth-child(5){transition: 0.4s ease-in-out 0.8s;}
	.nav ul>li:nth-child(6){transition: 0.4s ease-in-out 0.9s;}
	.nav ul>li:nth-child(7){transition: 0.4s ease-in-out 1s;}
	.nav ul>li:nth-child(8){transition: 0.4s ease-in-out 1.1s;}
	.nav.active ul>li{transform: translateX(0);opacity: 1;}
	.bav_list,.nav ul>li>a:after{display: none;}
	.lisnj{display: block;margin-left: 0;padding: 10px 0;}
	/*-- end mobile header--*/
	.ma {display: none;}
	.footer .search{width: 50%;}
	.footer .contact{width:50%;    margin-top: 20px;}
	.ttxw_con1{width: 100%;}
	.divBox {
		width: 76%;}
	 
		.moblie_head .lf img{height:100px;}
}

@media only screen and (max-width:800px ) {
	.divBox {
		width: 93%;
	}
	/* .pcdis{ display:none;} */
	.wapdis{ display:block;}
    /*--mobile footer--*/	
	footer{padding-top: 25px;}
	footer>.divBox{padding-bottom: 20px;}
 
	.ma {display: none;}
	.footer .search{width: 100%;}
	.footer .contact{width: 100%;    margin-top: 20px;}

	.foot_sec .fr{display: none;}
	.footer .search h2 {line-height: 1px;
		font-size: 18px;}
	.footer .search form {
		margin-top: 11px;
		width: 98%;}
		.footer .contact h2 {
			
			font-size: 18px;}
			.footer .contact h3 {
				
				font-size: 26px;
				line-height: 30px;
			}

			header{line-height:58px;height: 90px;}
 .moblie_head .lf img{height:64px;}
	/*-- end mobile footer--*/

}



/*独立移动端导航*/
.lf{float:left}
.rg{float:right}
.moblie_head{
    display: none;
}
.a_txt{
    display: none;
}

@media (min-width: 0px) and (max-width: 1279px) {
.sb{display:none}
.moblie_head{display:block;padding-top: 10px;padding-bottom: 10px;position:fixed;top:0px;left:0px;width:50%;/*border-bottom:1px solid #ddd;*/background-size: 100% auto; z-index: 333;}
.moblie_head .lf{padding-top:7px;padding-left:5%; }

.moblie_head .rg{padding-right:6%;padding-top:9px}
.moblie_head .rg a img{width: 20px;    height: 11px;vertical-align:top}
.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.a_txt .div1{position:absolute;width:100%;height:100%;background: #ffffff;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;right:0px;top:4%;z-index:1000;text-align:center;filter:alpha(opacity=0);opacity:0}

.a_txt .div3{position:absolute;width:100%;right:0px;top:0px;background: #ffffff;height:100%;z-index:100;right:-100%;}
.a_txt .div3 ul{padding:5%;margin-top: 40px;}
.a_txt .div3 ul li{border-bottom:0px solid #b9b9b9;position: relative;float: left;width: 100%;}
.a_txt .div3 ul li a{display:block;height:50px;color:#000;line-height:50px;padding-left:5%;font-size:16px;width: 92%;float: left;text-align: center;}
.a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;width: 50px;height: 45px;display: inline-block;float: left;}
.a_txt .div3 ul li .a_js2_on{background:url(../images/plus.png)center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;width: 50px;height: 45px;display: inline-block;float: left;}
.a_txt .div3 ul li .a_txt2{display:none;float: left;    padding-left: 20px;}
.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px;float: left;}

.a_txt .div3 ul li .a_js3{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;width: 50px;height: 45px;display: inline-block;float: left;}
.a_txt .div3 ul li .a_js3_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s;width: 50px;height: 45px;display:inline-block;float: left;}
.a_txt .div3 ul li .a_txt3{display:none;float: left;}
.a_txt .div3 ul li .a_txt3 a{height:40px;line-height:40px;font-size:14px}

.nav-tel{margin: 10% 5%;text-align: center;}
.nav-tel a{color: #fff;font-size: 20px;padding-left: 35px;background: url(../images/nav-tel.png) no-repeat left;background-size: auto 100%;display: inline-block;}
}
/*独立移动端导航end*/