*{ 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-family: "Microsoft YaHei",Tahoma, Helvetica, Arial, sans-serif; font-size:14px; font-weight:normal; font-style:normal;}
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; 
   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: 100%;z-index: 10000;background: rgba(0,0,0,.4);box-sizing: border-box;padding: 15px 50px;line-height: 70px;transition: 0.3s ease-out;}
header.active3{background: rgba(0,0,0,.4);position: fixed;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;}
.logo img{width: 215px;}
.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;}
.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: top;position: relative;margin-right: 1vw;}
.nav ul li a:hover{color: #fff;}
.nav ul>li{display: inline-block;vertical-align: top;text-align: center;width: auto;padding: 0;margin-right: 35px;}
.nav ul>li>a{display: inline-block;;line-height:1;width: auto;padding-bottom: 12px;position: relative;border-bottom:1px solid transparent;font-size: 16px;
color: white;}
.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(../image/shangcheng1.png) no-repeat center center #fff;background-size: 20px;}
.lisnj a:nth-child(2){background: url(../image/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(1) span{line-height: 1;top: 60px;}
.lisnj a:nth-child(1):hover{background: url(../image/shagncheng.png) no-repeat center center #fff;background-size: 20px;}
.lisnj a:nth-child(2):hover{background: url(../image/ff2.png) no-repeat center center #fff;}

.lisnj a:nth-child(2){position: relative;}
.lisnj a:nth-child(2) img{position: absolute;top:36px;width: 80px;left: -50px;display: none;}
.lisnj a:nth-child(2):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: #292929;padding-top: 55px;position: relative;z-index: 9;}
.divBox{width: 75%;margin: 0 auto;}
footer .divBox{font-size: 0; padding-bottom: 25px;}
.footer{width: 68%;display: inline-block;vertical-align: top;}
.footer dl{display: inline-block;vertical-align: top;width: 14%;}
.footer dl dt a{padding: 15px 0;display: inline-block;font-size: 15px;color: #fff;position: relative;}
.footer dl dt{border-bottom: 1px solid #cdcdcd;margin-bottom: 10px;}
.footer dl dt a:after{content: '';display: block;width: 100%;height: 2px;background: #aeaeae;position: absolute;bottom: 0;left: 0;opacity: 0;transition: 0.3s ease-in-out;}
.footer dl dt:hover a:after{opacity: 1;}
.footer dl dd a{font-size: 14px;color: #cacaca;padding: 3px 0;display: inline-block;}
.footer dl dd a:hover{color: #FFFFFF;}
.footer1{font-size: 14px;display: inline-block;vertical-align: top;width: 30%;margin-left: 2%;}
.footer1_div1{box-sizing: border-box;border: 1px solid #b6b6b6;padding: 10px 20px;margin-top: 5px;}
.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: 16px;position: relative;}
.footer_swiper img{ float: right;width: 230px;margin-top: 60px;transition: 0.3s ease-in-out;}
.foot_sec{padding: 25px 0;border-top: 1px solid #cccccc;text-align:center;}
.foot_sec span{font-size: 12px;color: #cacaca;}
.foot_sec a{font-size: 12px;color: #cacaca;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() no-repeat center center;background-size: 100% 100%;}
.foot_sec .bdshare-button-style0-16 a:nth-child(2){background: url() no-repeat center center;background-size: 100% 100%;}
.foot_sec .bdshare-button-style0-16 a:nth-child(3){background: url() 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(../image/xf-h1.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(2) span{background: url(../image/xf-h2.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(3) span{background: url(../image/xf-h3.png) no-repeat  center 10px;background-size: 34px auto;}
.cbl li:nth-child(4) span{background: url(../image/xf-h4.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(5) span{background: url(../image/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(../image/xf-b1.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(2):hover span{background: url(../image/xf-b2.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(3):hover span{background: url(../image/xf-b3.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(4):hover span{background: url(../image/xf-b4.png) no-repeat center 10px;background-size: 34px auto;}
.cbl li:nth-child(5):hover span{background: url(../image/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(../image/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: 60px;background:rgba(0,0,0,.75);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;}
	.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--*/
	
}

@media only screen and (max-width:800px ) {
	.pcdis{ display:none;}
	.wapdis{ display:block;}
    /*--mobile footer--*/	
	footer{padding-top: 25px;}
	footer>.divBox{padding-bottom: 20px;}
	.footer{display: block;width: 100%;}	
	.footer dl{width: 25%;text-align: center; }
	.footer dl dt a{font-size: 14px;padding: 10px 0;}
	.footer dl dd a{padding: 0;font-size: 12px;}
	.footer1{width: 100%;margin-left: 0;display: none;}
	.footer1_div1 span{font-size: 14px;}
	.foot_sec{ padding: 10px 0;}
	.foot_sec span{display: block;}
	.youqinglianjie li {margin-right: 7px;}
	/*-- end mobile footer--*/
	
	

}

@media (max-width: 1280px) and (min-width: 801px){
body{min-width: 1280px;}
}

/*独立移动端导航*/
.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; background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;/*border-bottom:1px solid #ddd;*/background: rgba(0,0,0,0.5);background-size: 100% auto;}
.moblie_head .lf{padding-top:7px;padding-left:5%}
.moblie_head .lf img{height:38px;}
.moblie_head .rg{padding-right:6%;padding-top:9px}
.moblie_head .rg a img{height:30px;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: rgba(0, 0, 0, 0.7);filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background: rgba(0, 0, 0, 0.7);height:100%;z-index:100;right:-80%}
.a_txt .div3 ul{padding:5%}
.a_txt .div3 ul li{border-bottom:1px solid #b9b9b9;;position: relative;float: left;width: 100%;}
.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px;width: 74%;float: left;}
.a_txt .div3 ul li .a_js2{background:url(../image/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(../image/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;    width: 54%;}
.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(../image/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(../image/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(../image/nav-tel.png) no-repeat left;background-size: auto 100%;display: inline-block;}
}
@media (max-width: 768px) {
header{display: none; display: none}	
.industryINav{display: none;}
.phbox {display: none;}
}