@charset "utf-8";
/* CSS Document */
body{ padding:0px; margin:0px;  color:#666666;  font-size:12px; font-family:"Microsoft Yahei"; }
ul, li, ol, dl, dt, dd, p { margin:0; padding:0; list-style:none }
*{box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ }
img { display:inline-block; border:0; -ms-interpolation-mode:bicubic; padding:0; margin:0; list-style: none; vertical-align: middle;}
a { text-decoration:none; color:inherit; color:#666666}
a:hover{ text-decoration:none; color:inherit; color:#5AAF20}
a:active{text-decoration:none; color:inherit; color:#666666}
a:visited{text-decoration:none; color:inherit; color:#666666}
.clear { clear:both; padding:0px; margin:0px;}
h1, h2, h3, h4 ,h5, h6{ padding:0; margin:0; font-weight:normal }
.fl{ float:left}
.fr{ float:right}

@font-face {
	font-family: 'Conv_Ultramagnetic Light';
	src: url('../fonts/Ultramagnetic Light.eot');
	src: local('☺'), url('../fonts/Ultramagnetic Light.woff') format('woff'), url('../fonts/Ultramagnetic Light.ttf') format('truetype'), url('../fonts/Ultramagnetic Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


.header-phone{ width:100%; z-index:33; height: 63px; margin: 0 auto; background-color: #fff; box-shadow: 0 0 5px 2px rgba(0,0,0,0.05); }
.header-phone .logo{position:absolute; left:10px; top:8px; display:block;}
.header-phone .logo img{margin-top:3px; width:150px;}
.header-phone .serch{float: right; padding:20px 15px 0 0;}
.header-phone .serch .langue,.header-phone .serch .lines{float: left;}
.header-phone .serch .lines{width: 30px;height: 30px;position: relative;cursor: pointer;}
.header-phone .serch .lines p{width:30px;  height:3px; background-color: #0cb469;  border-radius:2px;  position: absolute;  left: 0; -webkit-transition: all 0.8s; transition: all 0.8s;}
.header-phone .serch .lines p:nth-child(1){ top: 0px; -webkit-transform-origin: left top;-ms-transform-origin: left top;transform-origin: left top;-webkit-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg);transform: rotateZ(0deg);-webkit-transition: all 0.5s;-ms-transition: all 0.5s; transition: all 0.5s;}
.header-phone .serch .lines.cur p:nth-child(1) { -webkit-transform: rotateZ(45deg);  transform: rotateZ(45deg);}
.header-phone .serch .lines p:nth-child(2){ top: 10px; -webkit-transition: all 0.5s; transition: all 0.5s;}
.header-phone .serch .lines.cur p:nth-child(2) { opacity: 0;}
.header-phone .serch .lines p:nth-child(3){  top: 20px;-webkit-transform-origin: left bottom; -ms-transform-origin: left bottom;transform-origin: left bottom; -webkit-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); transform: rotateZ(0deg);-webkit-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}
.header-phone .serch .lines.cur p:nth-child(3){-webkit-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
.header-phone .tip-nav{width: 100%;  position: absolute;  top: 63px;  left: 0;  z-index:99999;  display: none;  background: #fff;}
.header-phone .tip-nav ul{margin-bottom: 0}
.header-phone .tip-nav li{border-bottom: 1px solid #0b9f5d; }
.header-phone .tip-nav li h3{background-color: #0cb469;  height: 43px; line-height: 43px; padding-left:6%; color:#fff}
.header-phone .tip-nav li .title{color: #fff; display:block; font-size: 14px;  background-color: #0cb469;  height: 43px; line-height: 43px; position:relative; padding-left:6%}
.header-phone .tip-nav li:hover .title{text-decoration: none;}
.header-phone .tip-nav li .title i{ width:34px; height:45px; background: url(../images/ico_100.png) no-repeat right; position: absolute; right:20px }
.header-phone .tip-nav li .details{	width: 100%; background-color: #0cb469;display: none;}
.header-phone .tip-nav li .details a{display: block;  width: 100%;  padding: 0 17.4% 0 6%; height:35px; line-height:35px;color: #fff; font-size: 13px;}


.bk0{height: 0;}.bk10{height: 10px;}.bk15{height: 15px;}.bk20{height: 20px;}.bk30{height: 30px;}.bk40{height: 40px;}.bk50{height: 50px;}.bk60{height: 60px;}

#yd{ width:100%; padding:2%; margin:0 auto; background-color:#F5F5F5;}
#yd li{ width:49%; padding:3%; float:left; background:#fff; webkit-transition: all .3s ease; transition: all .3s ease;}
#yd li:nth-child(2n){ float:right}
#yd li:nth-child(1),#yd li:nth-child(2){ margin-bottom:2%}
#yd li img{ float:right; width:27%}
#yd li h2{ font-size:14px; color:#333; margin:0 0 3px 0;}
#yd li:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,.1);
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
    border-radius: 2px;}
	
#bt1{ font-size:16px; text-align:center; font-weight:bold; color:#333; background:url(../images/linemoblie.png) no-repeat center; margin-bottom:5px;}
#bt1 span{ color:#0cb469}
#bt2{ font-size:13px; color:#999; text-align:center;}
#bt3{ font-size:16px; text-align:center; color:#333; margin-bottom:5px;}
#bt4{ font-size:13px; text-align:center; margin-bottom:5px; text-transform:uppercase;}

#hcase{ width:100%; padding:2%; margin:20px auto 0 auto}

#qywh_aboutbg{ background-color:#f4f4f4; padding:20px 0 0; margin:10px auto 0 auto}
#qywh_about{ width:100%; padding:2% 2% 1% 2%; margin:0 auto}
#qywh_about li{ width:100%; background-color:#fff; margin-bottom:2%}
#qywh_about li img{ width:100%}
#qywh_about li h2{ padding:2%; font-size:13px; line-height:22px; color:#999}
#qywh_about li h2 span{ font-size:15px; color:#333; padding-bottom:5px; display:block}


.aboutFengcai{ margin:20px auto; text-align:center; position:relative}
.aboutFengcai .bd ul{ padding-left:1%; padding-top:20px;}
.aboutFengcai .bd li{ width:45%; float:left; margin-left:2%; text-align:center;  }
.aboutFengcai .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.aboutFengcai .bd li img{ width:100%; border:1px solid #ccc; }
.aboutFengcai .bd li span{ display:block; text-align:center; line-height:30px}
.aboutFengcai .hd{ display:none; width:100%; margin:0;padding:0 0 10px 0;height:11px;   bottom:10px; text-align:center; }
.aboutFengcai .hd ul{display:inline-block; height:10px; padding:3px 10px; font-size:0; vertical-align:top;  }	
.aboutFengcai .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#E0DFDF; margin:0 3px; vertical-align:top; overflow:hidden; }
.aboutFengcai .hd .on{ background:#FF8C01;  }
.lubo_btn6{position: absolute;width: 100%;top:50%;}
.aboutFengcai .prev{ display:block;width:18px; height:18px; background:url(../images/pisScrollIcons.gif) -6px -7px no-repeat; overflow:hidden; left:5px; position:absolute; z-index:111}
.aboutFengcai .next{ display:block;width:18px; height:18px; background:url(../images/pisScrollIcons.gif) -35px -7px no-repeat; overflow:hidden;right:5px; position:absolute; z-index:111}
.aboutFengcai .prevStop{ background-position:-6px -40px; }
.aboutFengcai .nextStop{ background-position:-34px -40px; }

#dzys{ width:100%; padding:2%; margin:20px auto;}
#dzys li{ width:14%; margin-right:7.5%; text-align:center; float:left}
#dzys li img{ width:65%}
#dzys li:last-child{ margin-right:0;}
#dzys li h2{ font-size:14px; margin:10px 0 5px 0}
#dzzx{ width:70%; height:36px; line-height:36px; background-color:#0CB469; border-radius:25px; margin:15px auto 0 auto; text-align:center}
#dzzx a{ color:#fff; font-size:14px;}
#dzzx span{font-family: 'Conv_Ultramagnetic Light'; font-size:18px;}

#jrbg{ background-color:#F4F4F4;}
#jangren{ width:100%; padding:6% 2% 2% 2%; margin:0 auto}
#jangren h2{ font-size:18px; text-align: center; color:#333;}
#jangren p{ margin:8px 0 5px 0; font-size:14px; line-height:24px; text-align: center;}
#jangren img{ width:100%}

#dzlc{ width:100%; padding:2%;  margin:20px auto; text-align:center}
#dzlc h2{ font-size:18px; text-align:center; color:#333; margin-bottom:10px;}
#dzlc img{ width:100%}

#dzhz{ width:100%; padding:2%;}
#dzhz h2{ font-size:18px; text-align:center; color:#333; margin-bottom:10px;}
#dzhz ul li{width: 48.5%; margin-bottom:2%}
#dzhz ul li img{width:100%;border:solid 1px #ccc;height:auto; padding:0; margin:0}
#dzhz ul li span{text-align: center;display: block; line-height:35px;}
#dzhz ul li span a{color: #333;}


#Apz{ padding:0; margin:0;}
#Apz_top{ text-align:center; padding:0 0 10px 0; line-height:22px; color:#999999; width:98%;}
#Apz_top h2{font-size:16px; color:#241A18;   text-transform:uppercase;  }
#Apz_top h2 a{ display:block; }
#Apz_top h3{font-size:16px; color:#241A18;   text-transform:uppercase; margin-top:10px; }
#Apz_top h4{width: 40px;  height: 1px;  margin: 7px auto 0 auto;   display: block;  background-color: #00afec;}
#Apz_top p{ color:#666666; line-height:24px;}
#Apz li{ width:25%; float:left; text-align:center;}
#Apz li img{ width:70px;}
#Apz li span{ text-align:center; display:block; line-height:30px; }

.cpfl{ padding:2%; margin:20px auto 0 auto}
.cpflul{ text-align:center; margin:10px 0;}
.cpflul li{font-size:13px;  padding:7px 10px; line-height:32px; border:1px solid #D8D8D8; display:inline; border-radius:25px; text-align:center; position: relative;}
/*--.cpflul li:after{content:''; position:absolute; bottom:-1.5em; left:50%; margin-left:-1em; width:0; height:0; border:1em solid transparent; border-top-color:#04C64C; display:none;}--*/
.cpflul li.on{color:#fff; background:#FFBA00; border:1px solid #FFBA00;}
.cpflul .on:after{display:block;}
.cpul li{ float:left; width:46%; margin:0px 1%}
.cpul li img{ display:block;border:1px #dcdcdc solid;width:100%;}
.cpul li span{ display:block; width:100%;font-weight:normal; text-align:center; line-height:2.500em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cpul li span a{color:#010101}

/*优势*/
.m-edge{position: relative;padding:4% 2%; color: #666; z-index:1; overflow:hidden; margin-top:10px; background:url(../images/bg11.jpg) no-repeat center; background-size:100% 100%}
.m-edge .til01{font-size: 16px; text-align:center; margin-bottom:15px; color:#241A18}
.m-edge .til01 b{ color:#2ab7ed; font-size:30px;}
.m-edge .til01 span{ font-weight:bold; font-size:18px;}
.edge_c{padding:0;}
.projectBox{ width:100%; padding:2%;  background-color:#fff;}
.projectBox h2{ font-size:14px; color:#999}
.projectBox h2 img { float:left; margin-right:15px; width:18%}
.projectBox h2 b{ padding-top:12px; padding-bottom:5px; display:block; color:#333; font-size:16px; font-weight:400;}
.projectBox h3{ font-size:14px; height:50px; margin:10px 0 0 0; clear:both;}

.m-edge .charatil{ width:100%; text-align:center; display:inline-block; padding:3px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0;vertical-align:top; margin:10px auto 0 auto}
.charatil li{display:inline-block; width:8px; height:8px; background:#fff; margin:0 4px;  vertical-align:top; overflow:hidden; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}
.charatil li.cur{ background:#0cb469; color:#fff; border:1px solid #0cb469;}


/*资讯*/
.m-news{overflow: hidden; margin:15px 0; padding:2%;}
.newtil{height:35px;overflow: hidden;line-height:35px; font-size:14px;margin:10px 0;}
.newtil li,.newtil span{width:24%; margin-right:1.333%; float: left;height:35px;position: relative;text-align: center; border:1px solid #ccc; text-transform: uppercase; border-radius:25px;}
.newtil span{font-size:12px;}
.newtil li:last-child{ margin-right:0}
.newtil li:before{content: "";position: absolute;width: 1px;height:100%;right: 0;  top:0;}
.new_c li{font-size:13px;color: #666;height:33px;line-height:33px;margin:0 2%; background: url(../images/b2.jpg) no-repeat 0; padding-left:12px;}
.newtil li.cur{ background:#f9cd11; color:#fff; border:1px solid #f9cd11;}

.phone-fot{background-color:#0cb469;}
.phone-fot .warp{ padding:0; display:block; }
.phone-fot .warp a{ display:block; color:#fff; font-size:14px; width:90%; margin:0 auto; }
.phone-fot .bg{ background: url(../images/ico_100.png) 100% center/14px auto no-repeat; line-height:43px;}
.phone-fot .tit{font-size: 16px; color: #666;display: block;}
.phone-fot .box{ position:absolute;	width: 100%;padding:0;display: none; background-color:#0cb469; z-index:99}
.phone-fot .box .mtit{ line-height: 35px; font-size:13px; display: block;color: #fff;}
.phone-fot .box .mtit:first-child{ border-top:1px dotted #fff}

.m_footer_03 {margin:0 auto; text-align: center; width:90%; border-top:1px dotted #fff; padding-bottom:2%;}
.m_footer_03_one {}
.m_footer_03_inner{  padding:0; margin:0; width:100%;}
.m_footer_03_inner a{ width:100%;}
.m_footer_03 a {display: block; margin-top: 10px;  height:35px; line-height:35px;text-align: left; padding-bottom: 5px;}
.m_footer_03 a .icon {float: right; }
.m_footer_03_two {display: none;}
.m_footer_03_two a { }

#xbanner1 img{ width:100%}

.new_c li span{float: right; font-size:12px; color:#999}

#tjanli{ padding:0; margin:20px auto;}

#oembt{ font-size:15px;  color:#333; margin:10px 0; text-align:center}

/*导航栏*/
.dh_nav{  padding:0; margin:20px auto;}
.dh_nav ul{width:100%; height:84px; overflow:hidden;}
.dh_nav li a{position:relative; float:left; width:25%; height:41px; line-height:41px; text-align:center; font-size:13px; color:#fff; border-top:1px solid #072955;
background-color:#EA0000; 
background-image:-moz-linear-gradient(top , #EA0000 , #C70005);
background-image:-webkit-linear-gradient(top , #EA0000 , #C70005);
background-image:-o-linear-gradient(top , #EA0000 , #C70005);
background-image:-ms-linear-gradient(top , #EA0000 , #C70005);
background-image:linear-gradient(top , #EA0000 , #C70005);}
.dh_nav li a:after{content:''; position:absolute; top:0; right:-2px; z-index:9; height:45px; width:0px; background-color:#fff; border-left:1px solid #AC140F; border-right:1px solid #FF0504;}
.dh_nav li a:before{content:''; position:absolute; top:-2px; right:0px; z-index:9; height:0px; width:100%; background-color:#fff; border-top:1px solid #AC140F; border-bottom:1px solid #FF0504;}

.imgg{height: auto; width: auto\9; width:100%;}

.casetop{line-height:43px; position:relative; background:#E51410;  text-align:center; color:#fff; font-size:14px;}

#xbd{ text-align:center}

#case{width: 98%;margin: 0 auto;overflow: hidden;border-top: none;padding: 0}
#case .box{position: relative;}
#case ul{}
#case ul li{width: 48.5%;}
#case ul li img{width: 99.0%;border:solid 1px #ccc;height:auto; padding:0; margin:0}
#case ul li span{text-align: center;display: block; line-height:35px;}
#case ul li span a{color: #333;}

#hzzry{ width:98%; padding:0; margin:15px auto 0 auto}

#ystop{ background-color:#E51410; height:55px; line-height:55px; text-align:center; font-size:24px; font-weight:bold; color:#fff;}
#ys{ padding:0% 2%; margin:0px;}
#ysnr{ line-height:24px;  margin:20px auto 20px auto; width:98%}

#hdzlc{padding:0 2%; margin:20px 0; text-align:center}

#habout{padding:2% 2% 0 2%; line-height:24px; font-size:13px; margin:0 auto; }
#habout h1{ font-size:14px;}
.aboutmore{ margin:10px 0 10px 0; border:1px solid #282C2F; background-color:#282C2F; color:#fff; text-align:center; line-height:30px; font-size:14px; width:40%; display:block;-}

.fu{ overflow: hidden; width:320px; margin:30px auto 0 auto}
.fu .left{overflow: hidden;float: left; width:220px}
.fu .left .l{overflow: hidden;float: left;}
.fu .left .l p{overflow: hidden;color: #595757;font-size:14px; padding:0; margin:0}
.fu .left .l span{overflow: hidden;color: #595757;font-size:14px;line-height:30px}
.fu .left>p{overflow: hidden;color: #ED912A;float: left;font-size:40px;line-height:40px; letter-spacing:0px; padding:0; margin:0}
.fu .left>span{overflow: hidden;color: #595757;width:20px;font-size: 14px;line-height: 20px;margin-top: 20px;}
.fu .left>font{overflow: hidden;width: 100%;float: left; text-align:left; color: #898989;font-size:12px;}
.fu .right{overflow: hidden;float: right; width:100px }
.fu .right p{overflow: hidden;color: #ED912A;font-size:16px; padding:0; margin:0}
.fu .right span{overflow: hidden;color: #595757;font-size:12px;}


.heda-con-kuan2{margin:20px auto 0 auto;overflow:hidden;}
.heda-con-kuan2 .heda-con-kuan1-title{ font-weight:bold; padding:0;border-radius: 0; height:25px; line-height:25px; font-size:14px;}
.heda-con-kuan2 .heda-con-kuan1-title span{float:right;}
.heda-product-tabBox11{  margin:0px 0px 10px 0px;}
.heda-product-tabBox11 ul,.tabBox li{margin:0px;padding:0px;list-style-type: none;}
.heda-product-tabBox11 .hd{ width:100%; margin:0;padding:0 0 10px 0;height:11px;   bottom:10px; text-align:center;  }
.heda-product-tabBox11 .hd ul{ display:inline-block; height:10px; padding:3px 10px; background-color:#E0DFDF;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-size:0; vertical-align:top;}
.heda-product-tabBox11 .hd ul li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#fff; margin:0 3px; vertical-align:top; overflow:hidden;   }
.heda-product-tabBox11 .hd ul .on{ background:#FFBA00;  }
.heda-product-tabBox11 .bd {width: 98%;margin: 0 auto;}
.heda-product-tabBox11 .bd ul li{width: 48.5%;}
.heda-product-tabBox11 .bd ul li img{width: 99.0%;border:solid 1px #ccc;height:auto;}
.heda-product-tabBox11 .bd ul li span{text-align: center;display: block;padding: 7px 0;}
.heda-product-tabBox11 .bd ul li span a{color: #333;}


#zypp{ padding:0; margin:0}
#pp1{padding:0; margin:0; position:relative}
#pp1 img{ width:100%; margin:-4px 0 0}
#pp1 h4{ position: absolute; top: 23px;left: 40px; color:#fff; font-size:18px;}
#pp1 h5{ position: absolute; top: 55px;left: 40px; color:#fff; font-size:14px;}
#pp1 h5:after{position: absolute;content: "";width: 30px;height: 1px;background-color: #fff;top:30px;left: 0;}



#cpfl{ padding:2%; margin:0}
#cpfl li{ width:45%; line-height:25px; float:left; padding:0 0 0 5%; background:url(../images/zx_ico01.gif) no-repeat 0}

#hotcall{ background:#F1F1F1;  padding:0; height:68px; margin:0;}
#hotcall_left{ float:left; padding:16px 10px 0 27%;}
#hotcall_right{ float:left; font-size:14px; padding:13px 0 0; line-height:20px;}
#hotcall_right h1{ padding:0px; margin:0px; font-size:17px;padding:3px 0 0}
#hotcall_right h1 a{color:#000;}

#rcpbt{font-size: 14px;text-align: center;  border-bottom: dashed 1px #ccc;margin-bottom:10px; padding:0 0 5px 0}
.shuxin{ line-height:24px;}
.time{ text-align:center;margin-bottom:5px; color:#999999; font-size:12px; }

.abouttop{line-height:43px; position:relative; background:#E51410;  text-align:center; color:#fff; font-size:14px;}
#xxm{text-align:center; margin:25px 2% 15px 2%}
#xxmpic{ border:1px solid #E8E8E8; width:90%; margin:0 auto}
.aboutnr{ margin:0 2%; line-height:24px;}
.aboutnr b{ color:#E51410}


#submenu4{position: absolute;top:105px;width: 100%;z-index: 99;}

#topdh{background-color: #282C2F;}
#topdh li{border-top: solid 1px #fff;}
#topdh li a{color: #fff; text-indent: 1%;line-height: 35px; display: block;}
#topdh li.active a{color: #fff;display: block;text-indent: 1%; }
#topdh li div{display: none;border-top: dashed 1px #e93b3b;overflow: hidden;position: relative;width: 100%;}
#topdh li div a{background: none;display: block;color: #fff;width: 100%;text-indent: 3%;height: 25px;}
#topdh li.active div a{background: none;display: block;color: #fff;width: 100%;text-indent: 3%;line-height: 25px;}

#aboutbg{padding: 3% 0; color: #333;line-height: 24px;width: 96%;margin:0 auto;}


#cpxq{padding:0 0 0 0; font-size:14px; line-height:38px; margin:0 0 5px 0; border-bottom:1px solid #EEEEEE; color:#333}
#cpxqnr{ line-height:24px;}
#cpxqnr img{ width:100%}

#xwzxnr{ width: 100%;margin:0px auto 0;}
#xwzxnr dl{margin-bottom: 15px;border-bottom: dashed 1px #ccc;padding-bottom:5px;}
#xwzxnr dt{ margin:0 0 5px 0}
#xwzxnr dd h2 a{color: #333;font-weight: bold; font-size: 14px;}
#xwzxnr dd h3{ font-size:12px; color:#999999}
#xwzxnr dd{color: #999; line-height:20px;}

/*banner*/
.bannerBox img{width:100%; text-align:center; margin:0px auto -4px auto}
.focus{margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:15px;  position:absolute; z-index:1; bottom:7px; text-align:center; }
.focus .hd ul{ display:inline-block; height:15px; padding:3px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0;vertical-align:top;}
.focus .hd ul li{ display:inline-block; width:20px; height:2px; background:#fff; margin:0 4px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#FCCA5A;  }
.focus .bd{ position:relative; z-index:0;}
.focus .bd li{ width:100%}
.focus .bd li img{ }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }

/*动态*/
.dtSpan{}
.dtBox ul{margin:5px 10px 20px 10px;}
.dtBox li{padding-left:13px; height:26px; line-height:26px; overflow:hidden; background:url(../images/b1.jpg) no-repeat left center;}
.dtBox li a{color:#999999;}
.dtBox li span{ float:right}
div.tabTitS{text-align: center;padding: 0;left: 0px;width: 100%; margin: 0 auto; height:43px; line-height:43px;}
.tabTitS ul{overflow:hidden; padding:0; margin:0}
.tabTitS ul li{display:inline; width:20%; margin:0 1%; text-align:center; border-bottom:1px solid #282C2F; padding:0 0 5px 0;  font-size:16px; color:#241A18}
.tabTitS ul li.on{ border-bottom:1px solid #FF9D00; }






#xdh{background-color: #282C2F; line-height: 40px;overflow: hidden;text-align: center;font-weight: bold;font-size: 14px;color: #fff;}
#xdh div{vertical-align: middle;text-align: center;line-height: 40px;}
#xdh div a{display: block;}
#xdh div.fl{padding-left: 2%;}
#xdh div.fr{padding-right: 2%;}
#xdh  img{vertical-align: middle;}

.glossymenu { position:absolute; z-index:999999; top:131px; margin: 5px 0; padding: 0; width: 100%; /*width of menu*/ background:#E51410 }
.glossymenu a.menuitem { font-size:14px; display: block; position: relative;  border-top:1px solid #2E608C; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding: 5px 0; padding-left: 10px; text-decoration: none; }
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active { color:#fff; border-top:1px solid #2E608C}
.glossymenu a.menuitem .statusicon { /*CSS for icon image that gets dynamically added to headers*/ position: absolute; top: 5px; right: 5px; border: none; }
.glossymenu a.menuitem:hover { }
.glossymenu div.submenu { /*DIV that contains each sub menu*/ background: #; }
.glossymenu div.submenu ul { /*UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; }
.glossymenu div.submenu ul li { border-bottom: 1px solid ccc; }
.glossymenu div.submenu ul li a { display: block; font: normal 13px; text-decoration: none; padding: 2px 0; padding-left: 10px; color:#E4E4E4;}
.glossymenu div.submenu ul li a:hover { colorz: white; }

#aboutny{ padding:10px; line-height:24px;}


#foot{ background:#272727; margin:0 auto; padding:20px 0 83px 0; text-align:center}
.ftNav{margin-bottom:20px; width:100%; overflow:hidden;}
.ftNav li a{position:relative; float:left; width:25%; height:35px; line-height:35px; text-align:center; font-size:14px; color:#fff;}
.ftNav li a:after{content:''; position:absolute; top:50%; margin-top:-6px; right:-1px; z-index:9; height:12px; width:0px; border-left:1px solid #ccc;}


.social_nav2{height:55px; width:306px; position:fixed; bottom:0; left:0; z-index:999; overflow:hidden;}/*底部浮动社交导航/电话*/
.social_nav2 .social2{display:block; width:288px; height:55px;  margin-right:18px;overflow:hidden;position:relative;}
.social_nav2 a{ height:55px; line-height:85px; font-size:13px; width:24%; display:inline-block; font-size:12px; position:relative; z-index:11; text-align:center;}
.social_nav2 span{display:block;width:35px;height:25px;position:absolute;top:0;z-index:10;}
.social2{ background:#333333; border-radius:0 3px 3px  0;}
.social2 a{ color:#fff;}	

.social2 b{width:1px; height:100%; background:#000; position:absolute; top:0; right:0;}
.social_nav2 .btn{ display:block; width:20px; text-align:center;height:35px; line-height:35px; color:#fff; position:absolute; right:0; top:11px; background-position:0 -249px; background:#333333; border-radius:0 3px 3px  0;  }
.social_nav2 .btn2{ display:block; width:20px; text-align:center; height:55px;  line-height:55px; color:#fff; position:absolute; right:0; background-position:0 -786px; display:none; background:#000000; border-radius:0 3px 3px 0 ;}
.tel{background:url(../images/ta1.png) no-repeat 23px 7px;}
.weichat{ background:url(../images/ta2.png) no-repeat 23px 7px;}
.ditu{ background:url(../images/ta4.png) no-repeat 23px 7px;}
.weibo{ background:url(../images/ta3.png) no-repeat 20px 7px;}

/*底部按钮*/

#heda-root-navbar {height: 55px;width: 100%;position: fixed;bottom: 0px;font-size: 12px;color: #FFF; clear: both; z-index:9999; background-color:#0cb469}
#heda-root-navbar ul li {float: left;height: 55px;width: 25%;text-align: center; line-height:13px;}
#heda-root-navbar ul li a {color: #FFF;text-decoration: none;display: block;height: 55px;}
#heda-root-navbar ul li a img {margin-top: 2px;}
#heda-root-navbar .goodsNumber {top:0;border: #fff solid 1px;display: block;height: 12px;width: 12px;line-height: 12px;background-color: #f00;margin-top: 5px;position:absolute;text-align:center;font-size:12px;display:none;border-radius: 6px;}

#pages{ text-align:center; padding:5px 0 10px 0}
#aboutnrh{ font-size:16px; font-weight:bold; text-align:center; }
#xx2 img{ margin:10px 0 5px 0; width:100%}

#sldznr1_bt{ padding:0 0 10px 0; margin:0 0 15px 0; text-align:center; background:url(../images/bg7.jpg) no-repeat center bottom; text-transform:uppercase;}
#sldznr1_bt h1{ font-size:18px; color:#333; margin:0 0 0 0;  font-weight:bold}
#sldznr1_bt h1 span{ color:#FFBA00}
#slzdnr1{font-size:14px; line-height:25px; text-align:center}

#yy_bt{ padding:0 0 10px 0; margin:0 0 10px 0; text-align:center; background:url(../images/bg6.jpg) no-repeat center bottom; text-transform:uppercase}
#yy_bt h1{ font-size:18px; font-weight:bold; color:#333; margin:0 0 0 0}
#yy_bth2{ font-size:14px; color:#A9A9A9; margin:10px 0; text-align:center}

.pzbz1{ padding:0; margin:0 0 30px 0;}
.pzbz1 h2{ margin:0 0 0 0; font-size:14px; font-weight:bold; color:#333333}
.pzbz1 p{line-height: 24px; padding:0; margin:0; }

/*========================================== 表单提交提示弹窗  ================================================*/
.tips-bg{width: 100%;height: 100%;position: fixed;z-index: 99955599;background-color:#000;opacity:0.6;top: 0;left: 0;}
#tips{background-color:#fff;position: fixed;left: 0;right: 0;top: 0;bottom: 0;margin:auto;z-index:999555998;overflow: hidden;}
#tips div{overflow: hidden;position: relative;color: #666;font-size: 14px;height: 100%;}
#tips div .btn{display: block;position: absolute;bottom: 60px;right: 20px;width: 60px;height: 30px;background-color:#D1232C;color: #fff;line-height: 30px;text-align: center;cursor: pointer;}
#tips h1{font-size: 18px;margin-bottom: 10px;color: #333;font-weight: normal;}

#aboutnr{ padding:2% 2%; line-height:24px;}
#aboutnrimg{ margin:0 0 10px 0}
#aboutnrimg img{ height: auto; width: auto\9; width:100%;}

#gywm{padding:2% 2%; line-height:24px; font-size:14px;}
#gywm h2{ font-size:16px; margin:2% 0 0 0}
#gywm h3{ font-size:13px; margin:0 0 1% 0}

.AboutIntro .Ul1{width: 100%; background: #9DAEC0;margin-top:10px; padding:0}
.AboutIntro .Ul1 li{ float: left;text-align: center; width:49.6%; border-bottom:1px solid #BBC6D3; border-right:1px solid #BBC6D3; }
.AboutIntro .Ul1 li:nth-child(2),.AboutIntro .Ul1 li:nth-child(4){border-right:none}
.AboutIntro .Ul1 li:nth-child(3),.AboutIntro .Ul1 li:nth-child(4){border-bottom:none}
.AboutIntro .Ul1 span{font-size:40px;color: #fff;font-family: arial;display: block; padding-top:10px;}
.AboutIntro .Ul1 p{font-size: 13px;color: #fff;line-height: 23px;position: relative;top: -10px;}
.AboutIntro .Ul2{width: 100%;overflow: hidden;margin-top:30px;padding-bottom:10px;}
.AboutIntro .Ul2 li{text-align: center;float: left;}
.AboutIntro .Ul2 li span{font-size:40px;font-family: arial;color: #282C2F;}
.AboutIntro .Ul2 li p{font-size: 13px;color: #333333;position: relative;top: -10px;}
.AboutIntro .Ul2 .Li1{width: 33%}
.AboutIntro .Ul2 .Li2{width: 33%}
.AboutIntro .Ul2 .Li3{width: 33%}

#qywhbg{background: url(../images/qywhbg.jpg) no-repeat center; color:#fff; padding:4% 2%; text-align:center; margin:0 0 20px 0}
#qywh{ line-height:24px;}
#qywh h2{font-size:16px; color:#fff;  background:url(../images/line1.jpg) no-repeat center bottom; padding:0 0 5px 0; margin:0px 0 5px 0; text-transform:uppercase; }

.hflogo{ margin:0 0 10px 0}
.hflogo img{ height: auto; width: auto\9; width:100%;}


.khjznr{ padding:0px; margin:0;}
.khjznr li{ margin-bottom:10px; line-height:22px}
.khjznr img{ width:35%; float:left; margin:0 10px 0 0}
.khjznr li h2{ font-size:13px; font-weight:bold; margin:0 0 5px 0; color:#282C2F}

#download{ padding:0px; margin:0px;}
#download li{ height:35px; line-height:35px; padding:0; border-bottom: 1px dashed#ccc; }

.con_list { overflow:hidden; margin:0 auto; }
.con_list li{width:67%; height:70px; background-image:url(../images/phone.png); background-position:30px; background-repeat:no-repeat; background-color:#F9F9F9; margin:0 0 10px 0; padding:15px 0 0 33%}
.con_list li p{ font-size:14px; color:#999; padding:0; margin:0}
.con_list li b{ font-size:22px; color:#666; font-family:Arial;}
.con_list li.li03{ border:none;  background-image:url(../images/chuanzhen.png); background-position:30px; background-repeat:no-repeat; background-color:#F9F9F9; padding:15px 0 0 33%}

#conbg{ margin:20px 0 0;}
#conlx li{ margin:0 0 15px 0; color:#999999}
#conlx li h2{font-size: 14px; font-weight:bold; padding: 0 0 5px 0;  margin: 0 0 5px 0; border-bottom:1px solid #CECECE; color:#666}

.beizhu{ color:#282C2F; text-align:center}


.fzlc { overflow:hidden; width:94%; margin:0 auto;}
.fzlc li{ overflow:hidden; width:100%;}
.fzlc li h3{ padding:10px 0; overflow:hidden; border-bottom:1px solid #cecece;}
.fzlc li h3 b{width: 15em;font-size:15px; color:#333; float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fzlc li h3 em{ float:right; font-size:14px; color:#999; font-family:Arial; font-style:normal}
.fzlc li .wen{ display:none; overflow:hidden; width:100%; }
.fzlc li .wen p{ font-size:13px; color:#555; line-height:24px; text-align:justify; background: url(../images/AboutDevelop-icon03.png) no-repeat 0 10px; padding-left:15px}
.fzlc li .wen img{ display:block; margin:1em auto; width:100%;}
.fzlc li .wen i{ display:block; width:100%; height:1px; margin:2em 0; background-color:#dedede;}
.fzlc li:nth-child(1) .wen{ display:block}

#con_left{font-size:13px; line-height:26px; margin-bottom:15px;}
#con_left h2{ font-size:24px; color:#333; margin-bottom:10px;}
#con_left h2 img{ width:100%;}
#con_left b{ font-size:20px; color:#0cb469; font-family: 'Conv_Ultramagnetic Light'; font-weight:400;}


.tips {margin:8px 0 10px 0;line-height:24px; font-size:12px; color: #666; border-bottom:1px solid #ccc; padding-bottom:10px}
.tips h2{ font-size:18px; margin-bottom:5px; color:#333; font-weight:bold}
.tids{ font-size:13px;}
.tids span{color:#0CB469;font-size:22px; font-family: 'Conv_Ultramagnetic Light';}
#ljzz a{ background-color:#0cb469; font-size:15px; text-align:center; width:100%;color:#fff; margin:10px 0 0; padding:5px 0; display:block; -moz-border-radius: 2px; /* Gecko browsers */ -webkit-border-radius: 2px;   /* Webkit browsers */ border-radius:2px;}

.page-adv{ position:relative;   overflow:hidden; margin:0 2%; }
.page-adv .hd{   height:28px; line-height:28px;  z-index:1; text-align:center}
.page-adv .hd li{ display:inline-block; width:30px; height:3px;   background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.page-adv .hd li.on{ background:#E50B00;}
.page-adv .bd{ position:relative; z-index:0; }
.page-adv .bd li{ position:relative; background-color:#F4F4F4; padding:15px 0}
.page-adv .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */ }
.sp_r span ,.sp_r b{ display: block;font-size: 14px; font-weight:normal; line-height:26px; text-align:center}
.sp_r span{ color:#D1232D; font-size:17px}
.sp_r b{color: #999; font-size: 12px;}
.sp_l{ padding-top:15px; text-align:center; }

.subtitle{font-size:15px;padding:15px 0; color:#333; font-weight:bold }
.box-bor{height: 100%;border-bottom: 1px dotted #999; position:relative}
.box-bor:last-child{border-bottom: none}
.box-bor i{	display: block;	width: 50px;font-size:30px;	color: #0372cd;	line-height: 52px;	font-style: normal;	position: absolute;	top: 0px;	left: 0px;}

.markbg{ background-color:#F5F5F5; padding:20px 2% 20px 2%; margin:0 auto}
.mark{margin: 0 auto;overflow: hidden; position:relative; }
.mark .bd{ position:relative; z-index:0; }
.mark .hd{   height:28px; line-height:28px;  z-index:1; text-align:center}
.mark .hd li{ display:inline-block; width:30px; height:3px;   background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;}
.mark .hd li.on{ background:#E50B00;}
.mark h2{text-align: center; font-size:18px; color:#333; }
.mark p{padding:0; overflow: hidden;font-size:12px;  line-height:24px;text-align: center;}
.mark dl{overflow: hidden; }
.mark dt{margin: 0 auto;width:125px; height:125px;overflow: hidden;}
.mark dt img{ width:100%}
.mark dd h3{font-size: 18px; color:#333;text-align: center;line-height:35px;padding-top: 10px;}
.mark dd span{display: block;padding:0px 20px;font-size: 14px; line-height: 26px; color:#555555;text-align: center;}
.mark dl:last-child{ margin-right:0}
.markimg01{background: url(../images/markimg011.png) no-repeat center}
.markimg02{background: url(../images/markimg022.png) no-repeat center}
.markimg03{background: url(../images/markimg033.png) no-repeat center}
.markimg04{background: url(../images/markimg044.png) no-repeat center}
.markimg01:hover{background: url(../images/markimg01.png) no-repeat center}
.markimg02:hover{background: url(../images/markimg02.png) no-repeat center}
.markimg03:hover{background: url(../images/markimg03.png) no-repeat center}
.markimg04:hover{background: url(../images/markimg04.png) no-repeat center}


.zmdxxbt{ font-size:18px; color:#333; margin:20px auto 10px auto; text-align:center}
.zmdxxnr{ font-size:14px; margin:1%;  text-align:center; line-height:28px;}
.zmdxx{position:relative;   overflow:hidden; margin:2% 2% 9% 2%}
.zmdxx .bd{ position:relative; z-index:0;}
.zmdxx .bd ul{ z-index:9999;}
.zmdxx .bd li img{ width:100% }
.zmdxx .bd li a{ display:block; position:relative;}
.zmdxx .hd{ display:inline-block; width:100%;  position:absolute; bottom:10px; left:0; height:15px;  text-align:center;}
.zmdxx .hd ul li{ cursor:pointer;display:inline-block;*display:inline;zoom:1;width:10px;height:10px;	margin:5px;	overflow:hidden; background-color:#fff;line-height:999px;filter:alpha(opacity=90); -moz-opacity:0.9;opacity:0.9; border-radius: 50%;}
.zmdxx .hd ul li.on{background-color:#D1232D;}

.zs_h7{  background:url(../images/attr_4.jpg) center no-repeat; padding:30px 0 20px 0;}
.zs_h7c{ padding:0; margin:0 auto}
.zs_h7c .bd{ position:relative; z-index:0; }
.zs_h7c .hd{   height:28px; line-height:28px;  z-index:1; text-align:center}
.zs_h7c .hd li{ display:inline-block; width:15px; height:1px;   background:#fff; text-indent:-9999px; overflow:hidden; margin:0 6px;}
.zs_h7c .hd li.on{ background:#E50B00;}
.zs_h7cbt1{ font-size:18px; text-align:center;  color:#fff}
.zs_h7cbt2{ font-size:14px; text-align:center; color:#ccc; margin:0}
.zs_h7c dl dt{ width:123px;  height:123px; display: block; margin:20px auto; background:url(../images/xdzs_h8a2.png) no-repeat;  transition:all 0.5s;}
.zs_h7c dl dt i{ width:123px;  height:123px;  display: block;  margin:0 auto;}
.zs_h7c dl dt.d1 i{ background:url(../images/xdzs_h6a2.png) center center no-repeat; transition:all 0.5s;}
.zs_h7c dl dt.d2 i{ background:url(../images/xdzs_h6a3.png) center center no-repeat; transition:all 0.5s;}
.zs_h7c dl dt.d3 i{ background:url(../images/xdzs_h6a5.png) center center no-repeat; transition:all 0.5s;}
.zs_h7c dl dt.d4 i{ background:url(../images/xdzs_h6a7.png) center center no-repeat; transition:all 0.5s;}
.zs_h7c dl dt.d5 i{ background:url(../images/xdzs_h6a9.png) center center no-repeat; transition:all 0.5s;}
.zs_h7c dl dt.d6 i{ background:url(../images/xdzs_h6a11.png) center center no-repeat; transition:all 0.5s;}
.zs_h7c dl dt.d7 i{background:url(../images/xdzs_h6a13.png) center center no-repeat; transition:all 0.5s;}
.zs_h7c dl dt.d8 i{background:url(../images/xdzs_h6a15.png) center center no-repeat; transition:all 0.5s;}
.zs_h7c dl{float: left; text-align: center;}
.zs_h7c dl:hover dt{ background:url(../images/xdzs_h8a1.png) center center no-repeat; transform:rotate(360deg); -ms-transform:rotate(360deg); /* Internet Explorer */  -moz-transform:rotate(360deg); /* Firefox */ -webkit-transform:rotate(360deg); /* Safari 和 Chrome */-o-transform:rotate(360deg); /* Opera */}
.zs_h7c dl:hover dt.d1 i{ background:url(../images/xdzs_h6a1.png) center center no-repeat;}
.zs_h7c dl:hover dt.d2 i{ background:url(../images/xdzs_h6a4.png) center center no-repeat;}
.zs_h7c dl:hover dt.d3 i{ background:url(../images/xdzs_h6a6.png) center center no-repeat;}
.zs_h7c dl:hover dt.d4 i{ background:url(../images/xdzs_h6a8.png) center center no-repeat;}
.zs_h7c dl:hover dt.d5 i{ background:url(../images/xdzs_h6a10.png) center center no-repeat;}
.zs_h7c dl:hover dt.d6 i{ background:url(../images/xdzs_h6a12.png) center center no-repeat;}
.zs_h7c dl:hover dt.d7 i{ background:url(../images/xdzs_h6a14.png) center center no-repeat;}
.zs_h7c dl:hover dt.d8 i{ background:url(../images/xdzs_h6a16.png) center center no-repeat;}
.zs_h7c dl dd .p1{ color: #D1232D; font-size:16px; font-weight:bold;  line-height: 30px; padding:0; margin:0}
.zs_h7c dl dd .p2{ color: #ccc;  font-size:14px; line-height:22px;  padding:0; margin:0}

.div_51{ background:#E7E7E7;  padding:10px 2%; margin:0 auto; line-height:22px;}
.div_51 h3{ font-size:14px;  line-height:30px; color:#D1232C; font-weight:bold}

#liuyang{   padding:40px 2%; margin:0 auto}
#liuyangbt1{ font-size:18px; color:#333; text-align:center; margin-bottom:10px;}
#liuyangbt2{ font-size:14px; color:#666; line-height:22px; text-align:center; margin-bottom:20px;}


#table_scroll{overflow: hidden;overflow-x: auto;}
#table_scroll::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0);
  border-left: 1px solid rgba(0, 0, 0, 0);
}
#table_scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#table_scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 28px;
}
#table_scroll::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}