@charset "gb2312";
*{word-break:break-all;margin:0;padding:0;}
body{font-size:14px;color:#212121; font-family:"微软雅黑","microsoft Yahei","Courier New",Courier,monospace;padding:0px;margin:0px auto;line-height:30px; background-color:#FFF; overflow-x: hidden; width:100%;}
a{ color:#212121; text-decoration:none;}
a:hover{color:#1a8d4a;text-decoration:none}
h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd{ margin:0; padding:0;}
ul,li,dl,dt,dd{ list-style:none;}
.fl{ float:left;}
.fr{ float:right;}
.red{ color:#F00;}
.clear,.c{ clear:both;}
.blank{ clear:both; height:20px;}
img{max-width:100%; border:0; height:auto;}
/*tr:hover{width:100%; background-color:#cccccc;}*/
.input,.textarea{border-top:ridge 1px #ccc;border-right:inset 1px #D8D8D8;border-bottom:inset 1px #D8D8D8;border-left:ridge 1px #ccc;font-size:14px;color:#666;padding-top:5px;padding-right:5px;padding-bottom:4px;padding-left:5px;background-color:#fff}
.wrap{ width:1200px; margin:0 auto;}
.top1{ width:100%; height:30px; line-height:30px; background-color:#f1f1f1; color:#838383;    border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e0e0e0;}
.t1{ float:left;}
.t2{ float:right; height:30px;}
.top1 a{ color:#838383;}
.t2 li{ float:left;}
.t2 .sy{ background:url(../images/sy.png) no-repeat left center; padding:0 10px 0px 25px;}
.t2 .dt{ background:url(../images/tdt.png) no-repeat 8px center;  padding:0 10px 0px 25px;}
.t2 .t3{ background:url(../images/t3.png) no-repeat 8px center;   padding:0 10px 0px 25px;}
.top2{ height:123px; overflow:hidden; background:#ffff}
.logo{ width:350px;float:left;padding-top:20px;}

.nav{ width:850px; height:123px; line-height:123px; background:url(../images/nbg.jpg) repeat-x center; float:left;}
.nav ul{ width:100%; margin:0 auto;}
.nav li{ width:12.5%; float:left; text-align:center; font-size:16px;/* background:url(../images/nline.jpg) no-repeat left center;*/}
.nav li a{ color:#000;display:block;}
.nav li a:hover{ display:block; background:#2A660B; color:#fff;}
.sjbanner{ display:none;}
.banner{ width:100%;/* position: relative; z-index:0; */ clear:both; /**z-index:-999; *margin-top:-90px; */}
#flashBg {padding: 0px; margin: 0px; width: 100%;  height: 718px; clear:both; overflow: hidden; margin-bottom:10px;}
#flashLine {width: 100%; height: 718px; clear: both;}
#flash {padding: 0px; margin: 0px auto; width: 100%;  height: 718px; clear: both; overflow: hidden;}
#flash a {width: 100%; display: none; height: 718px;}
.flash_bar { position: relative; text-align: center; margin: 0px auto; width: 180px; bottom: 55px; height: 30px; overflow: hidden; padding-top: 13px !important}
.flash_bar .dq {margin: 5px; width: 12px; display: inline-block; background: url(../images/tg_flash_p.png) no-repeat 0px 0px; float: left; height: 12px; cursor: pointer; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tg_flash_p.png" ,sizingMethod="crop")}
.flash_bar .no {margin: 5px; width: 12px; display: inline-block; background: url(../images/tg_flash_p2.png) no-repeat 0px 0px; float: left; height: 12px; cursor: pointer; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/tg_flash_p2.png" ,sizingMethod="crop")}
.m1,.m2,.m3,.m4{  margin-bottom:50px;}
.m1t{ text-align:center; margin-bottom:30px;}
.mleft{ width:290px;  float:left; margin-right:40px; display:inline;}
.sjlb{ display:none;}
.cplb{background-color: #eeeeee;}
.cpt{margin-bottom:10px;}
.cplb dl{margin-bottom:10px; overflow:hidden;}
.cplb dt{ font-size:16px; background:url(../images/cpdt.jpg) #e0e0e0 no-repeat 20px center; height:45px; line-height:45px; padding-left:45px; }
.cplb li{ font-size:18px; background:#1a8d4a; height:55px; line-height:55px; text-align:center}
.cplb li a{ color:#fff}
.cplb dt a:hover{ color:#212121;}
.cplb dd{ border-bottom:1px #ffffff solid; background:url(../images/dot.jpg) no-repeat 28px center; padding-left:45px;line-height:45px; height:45px; overflow:hidden; border-bottom:1px #9d9d9d dashed; width:100px; float:left;}
.mright{ width:870px; float:left;}
.symrt{ width:100%; height:50px; line-height:50px; background-color:#2A660B; margin-bottom:20px;}
.symrt1{ width:120px; background:#1a8d4a; padding-left:20px; font-size:20px; font-weight:bold; color:#fff; float:left;}
.m1gd{ width:90px; margin-right:20px; float:right; background:url(../images/m1.jpg) no-repeat right center; }
.m1gd a{ color:#fff;}
.sycpzs{  margin-right:-30px;overflow:hidden;}
.sycpzs li{ width:268px; height:343px; border:1px #dddddd solid; float:left;  text-align:center; margin-right:30px;  display:inline; margin-bottom:20px; overflow:hidden; position:relative;}
.sycpzs li .cptp{ height:307px; overflow:hidden;}
.sycpzs li .cptp img{ height:307px; width:auto;}
.sycpzs li span{ display:block; height:40px; width:100%; background-color:#eeeeee; line-height:40px;}
.sycpzs li .box{ display:none;}
.sycpzs li:hover .box{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/tm.png);}
.sycpzs li:hover .box .pt{ padding-top:80px;}
.sycpzs li:hover .box .p0{ color:#1a8d4a; font-size:16px; margin-bottom:10px;}
.sycpzs li:hover .box .p1{ width:80px; float:left; height:28px; line-height:28px; border:1px #1a8d4a solid; display:inline; margin-left:45px;}
.sycpzs li:hover .box .p2{ width:80px; float:left; height:28px; line-height:28px; border:1px #1a8d4a solid; display:inline; margin-left:20px; background-color: #1a8d4a;}
.sycpzs li:hover .box .p1 a{color:#1a8d4a; }
.sycpzs li:hover .box .p2 a{color:#353535}
.m2{ width:100%; height:536px; background:url(../images/m2.jpg) no-repeat center top;}
.m2t{ text-align:center; padding-top:60px; margin-bottom:30px;}
.m2c{ text-align:center; color:#fff; width:1100px; margin: 0 auto 30px;}
.m2 li{ width:300px; float:left; margin:0px 50px; display:inline; height:260px; text-align:center; background:url(../images/m21.png) #fff no-repeat center 30px;}
.m2p1{ font-size:18px; line-height:28px; padding-top:80px;}
.m2p2{ font-size:14px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#666; line-height:20px;}
.m2p3{ margin:10px 20px; line-height:24px; font-size:12px; text-align:left;}
.m2gd{ width:100px; height:26px; line-height:26px; border:1px #272622 solid; margin:0 auto;}
.m2 li:hover{background:url(../images/m21_1.png) #1a8d4a no-repeat center 30px;}
.m2 li:hover .m2p1,.m2 li:hover .m2p2,.m2 li:hover .m2p3{ color:#fff;}
.m2 li:hover .m2gd{ background-color:#272622;}
.m2 li:hover .m2gd a{ color:#fff;}
.m2 .l1{  background:url(../images/m22.png) #fff no-repeat center 30px;}
.m2 .l1:hover{background:url(../images/m22_1.png) #1a8d4a no-repeat center 30px;}
.m2 .l2{  background:url(../images/m23.png) #fff no-repeat center 30px;}
.m2 .l2:hover{background:url(../images/m23_1.png) #1a8d4a no-repeat center 30px;}
.marquee {overflow: hidden; width: 100%; height: 290px; margin-bottom:30px;}
.marquee ul {float: left; overflow: hidden; height: 290px;}
.marquee ul li { float: left; display:inline; margin: 0px 20px; width: 290px; text-align: center; background-color:#ffffff; overflow:hidden;}
.marquee ul li .m3tp {width: 290px; height: 236px; overflow:hidden;}
.marquee ul li .m3tp img{ width:100%;}
.m3txt{ height:54px; line-height:54px; color:#fff; background:url(../images/m3tbg.jpg) no-repeat center top; }
.m3txt1{ float:left; font-size:16px; padding-left:30px;}
.m3tgd{ float:right; padding-right:10px; text-transform:uppercase; line-height:40px;}
.m3txt a{color:#fff;}
.m3tgd a{ color:#212121;}
.m3gd{ width:100%; height:29px; background:url(../images/m3line.jpg) repeat-x center;}
.m3gd span{ width:100px; margin:0 auto; display:block; text-align:center; border-left:7px #ffcc00 solid; border-right:7px #ffcc00 solid; background-color:#282828;}
.m3gd span a{ color:#ffcc00; font-size:16px;}
/*.m4{ width:100%; height:245px; background:url(../images/m4.jpg) no-repeat center;}*/
.m5{  margin-bottom:100px;}
.m51{ width:800px; float:left;}
#divMainTab1{width:198px;height:316px; overflow:hidden; margin-right:12px; display:inline; float:left;}
.normal1{ text-align :center ; width: 198px; vertical-align :middle ; cursor :pointer ; background:url(../images/m51.jpg) no-repeat left center;}
.selected1{width: 198px; vertical-align :middle ; cursor :pointer ; background:url(../images/m52.jpg) no-repeat left center; }
.normal1 span,.selected1 span{ display:none;}
.divContent1{width:590px; float:left;}
.newsli li{ background:url(../images/mli.jpg) no-repeat left center; padding-left:15px; box-sizing:content-box; border-top:1px #868686 dashed; line-height:38px; height:38px; overflow:hidden;}
.newsli .time{ float:right; color:#666;}
.m511{ margin-bottom:5px;}
.m511 h3{ font-size:18px;}
.m511 p{ text-indent:28px; color:#666; line-height:28px;}
.m511 span{ width:80px; height:30px; display:block; background-color:#1a8d4a; text-align:center; float:right;}
.m511 span a{ color:#fff;}
.m511 span a:hover{ color:#fff;}
.m52{ width:374px; float:left; margin-left:26px; display:inline; }
.m52t{ margin-bottom:20px; font-size:20px; font-weight:bold; padding-left:20px; background:url(../images/m52t.jpg) no-repeat left center;}
.m52t span{ float:right;}
.foot{ background-color:#1a8d4a; border-top:5px #2A660B solid; padding:60px 0px 30px; position:relative;color:#ffffff;}
.foot a,.bq a{ color:#ffffff;}
.flogo{ width:250px; float:left; background:url(../images/fline.jpg) no-repeat right center; }
.fhdb{ width:100px; height:100px;  position:absolute; top:-50px;left: 50%;}
.flx1{ float:left; width:200px; margin-left:50px; display:inline; color:#fff; padding-top:20px;}
.fwx{ float:right;}
.flinkt{ width:100%; height:36px; background:url(../images/flink.jpg) no-repeat center; margin-top:10px;}
.bq{ width:100%; background-color:#2A660B; padding:5px 0px; color:#ffffff; text-align:center;}
.fdh{ display:none;}
.nyban{ width:100%; height:350px; background:url(../images/nyban.jpg) no-repeat center; margin-bottom:30px; }
.nyban img{ display:none;}
.ny{ margin-bottom:30px;}
.cpzs{ overflow:auto; zoom:1;}
.cpzs li{ width:200px; height:252px; border:1px #dddddd solid; float:left;  text-align:center; margin-right:14px;  display:inline; margin-bottom:20px; overflow:hidden;}
.cpzs li img{ height:220px;}
.cpzs li:hover{ border:1px #1a8d4a solid;}
.cpzs li span{ display:block; background-color:#eeeeee;}

.p16{font-weight:bold; font-size:16px; }
.ptitle{line-height:35px; margin-bottom:8px; text-align:center;}
.pline{ border-bottom:4px double #dddddd; height:35px;}
.info{text-align:center;line-height:30px;color:#666;padding-right:18px; border-top:1px #dddddd solid;  border-bottom:1px #dddddd solid; margin-bottom:20px;}
.page{ line-height: normal; font-size: 14px; }
.page a,.page span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} 
.page a:hover, .page a.current{color:#F44;border:1px solid #F44} 
.page input{padding:0px;color:#390;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px}
.mrtit{ border-bottom:1px #dddddd solid; margin-bottom:15px;}
.mrtit span{ height:30px;color:#FFF; font-weight:bold; font-size:16px;}

.mrtit em{ float:right; font-style:normal; padding-right:10px;}
.prenext{ color:#0137a1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	float: left;
	width: 98%;
	line-height: 30px;
	margin-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	margin-bottom:15px;
}
.prenext .pre{float: left;width: 100%;} 
.prenext .pre a{
	color: #333;
	text-decoration: none;
} 
.prenext .pre a:hover {
	color: #ff0000;
}/* 上一篇 */
.prenext .next{
	text-align: left;
	float: left;
	width: 100%;
}
.prenext .next a{
	color: #333;
	text-decoration: none;
} 
.prenext .next a:hover {
	color: #ff0000;
}
.nylx{ border:1px #dddddd solid;}
.nylxc{ padding:10px;}
.nylx h2{ font-size:18px;}
.mrt{ background-color:#e7e7e7; height:47px; line-height:47px; margin-bottom:20px;font-size:16px; font-weight:bold; text-indent:20px; border-left:8px #1a8d4a solid;}
.rxcp{ margin-bottom:30px;}
.rxcp li{ width:140px; float:left;text-align:center;  height: 120px; overflow:hidden; display:inline; border:1px #dddddd solid; margin:0px 3px 15px; }
.rxcp li img{ height:85px;}
.rxcp li span{ display:block; background-color:#eeeeee;}
.ltit{ border-bottom: #dddddd double; text-indent:1em; font-weight:bold; font-size:1.3em; margin-bottom:15px;}
.zx{ border-bottom:1px #dddddd dashed; padding-bottom:8px; margin-bottom:10px;}
.zx h3 a{ font-size:18px;}
.zx h3 span{ float:right; font-size:14px; font-weight:normal; color:#666666;}
.zx li{ width:25%; float:left; height:40px; line-height:40px; background-color:#cc0000; text-align:center; margin-right:2%; display:inline; margin-bottom:3%;}
.zx li a{ color:#ffffff; }
.zx .li1{ background-color:#222222;}
.xgxw{ margin-bottom:30px; margin-top:30px;}
.xgxw li{ border-bottom:1px #dddddd dashed; background:url(../images/mli.jpg) no-repeat left center; padding-left:20px; line-height:40px; height:40px; overflow:hidden;}
.ny1{ margin-bottom:40px; overflow:hidden;}
.nyimg{ width:40%; float:left; border:1px #ddd solid; box-sizing:border-box; text-align:center; height:380px; overflow:hidden;}
.nyimg img{width:100%; /* height:380px;*/}
.nyl{ width:43%; margin:0 auto 3%; float:left;}
.nyr{ width:55%; float:left; margin-left:2%;display:inline;}
.prodTitle { font-size: 22px;   height: 30px;    line-height: 30px; overflow: hidden; padding-top:8px;}
.dh{ margin:2% 0;}
.dh b{ font-size:28px; font-weight:bold; color:#cc0000;}

.nyms{ width:55%; float:right;}
.nyms h1{ font-size:24px; margin-bottom:15px;}
.dqwz{ border-bottom:1px #ddd solid; margin-bottom:20px;}
.dh{ margin:2% 0;}
.dh b{ font-size:28px; font-weight:bold; color:#cc0000;}
.tufr{ float:right;}
.proimg{overflow: hidden;border: 1px solid #ccc;float: left;width: 98%;margin-top: 2%;padding-top: 0px;padding-right: 0px;padding-bottom: 2%;padding-left: 0px;}
.jqzoom2{ position:relative; width:100%;padding:0;}
.jqzoom2 img {width: 100%;}
.zoomdiv{height:300px; width:300px;}
.list-h li{ float:left;}
#spec-n5{width:95%; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(../images/left.jpg) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(../images/right.jpg) no-repeat; width:10px; height:45px; float:right;cursor:pointer; margin-top:5px;}
#spec-list{float: left;overflow: hidden;display: inline;width: 93%;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}
/*jqzoom*/
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list div{margin-top: 0;
*margin-left:0;	width: 100%;}
.smallImg{position: relative;height: 52px;margin-top: 1px;background-color: #F1F0F0;width: 98%;overflow: hidden;float: left;padding-top: 6px;padding-right: 1%;padding-bottom: 6px;padding-left: 1%;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background-image: url(../images/left.jpg);background-repeat: no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background-image: url(../images/right.jpg);background-repeat: no-repeat;margin-right: 0px;}
#imageMenu {height:50px; width:95%; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}
/* bigImg */
.bigImg{position: relative;float: left;width: 100%;overflow: hidden;height:430px;}
.bigImg img{float: left;width: 100%;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
/* bigImg */
.bigImg2{position: relative;float: left;width: 100%;overflow: hidden;}
.bigImg2 #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}
.smallImg2{position: relative;height: 52px;margin-top: 1px;width: 99%;overflow: hidden;float: left;padding-top: 6px;padding-bottom: 6px;padding-left: 1%;}
#imageMenu2 {height:50px; width:92%; overflow:hidden; margin-left:0; float:left;}
#imageMenu2 ul {margin: 0px;padding: 0px;list-style-type: none;}
#imageMenu2 li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu2 li img{width:50px; height:50px;cursor:pointer;}
#imageMenu2 li#onlickImg img, #imageMenu2 li:hover img{ width:44px; height:44px; border:3px solid #959595;}

.wp-pagenavi {
padding:15px 0;
	CLEAR: both
}
.wp-pagenavi A {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none
}
.wp-pagenavi SPAN {
	BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: none
}
.wp-pagenavi A:hover {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.wp-pagenavi SPAN.current {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000
}
.wp-pagenavi SPAN.current {
	FONT-WEIGHT: bold
}
/* msg 留言板 */
.msg{width:100%;margin:16px auto;height:auto;overflow:hidden;}
.msg li{width:100%;height:auto;padding-bottom:10px;margin-bottom:10px;}
.msg_top{width:100%;height:auto;font:14px/30px "microsoft yahei";background:#ededed;color:#333333;text-indent:14px;overflow:hidden;border-radius:3px 3px 0 0; font-weight:bold;}
.msg_top span{margin-right:14px;}
.msg_con{border:1px solid #ebebeb;background:#f3f3f3;overflow:hidden;padding-bottom:12px;}
.msg_consult{width:96%;margin:0 auto;font:14px/36px "microsoft yahei";color:#7b7b7b;}
.msg_reply{width:96%;margin:0 auto;font:14px/36px "microsoft yahei";border:1px solid #ebebeb;border-radius:3px ;background:#fff;color:#ff5958;text-indent:14px;}
.msg_now{width:100%;height:34px;background:url(../images/msgline1.png) center center no-repeat;overflow:hidden; margin:65px 0 30px 0;}
.msg_title{width:155px;height:34px; background-image:url(../images/msgbtn.png)  ; background-position:7px center; background-repeat:no-repeat;text-indent:43px;margin:0 auto;color:#fff;font:22px/34px "microsoft yahei";}
.msg_ul{width:580px;height:auto;overflow:hidden;margin:60px auto 0 ;}
.msg_ul li{width:100%;height:auto;overflow:hidden;position:relative;margin-bottom:12px;}
.msg_ul li p{width:130px; float:left;height:36px;font:14px/36px "microsoft yahei";color:#333;vertical-align: top;  text-align:right; margin: 0 6px 0 0;}
.msg_ul li p span{color:red;margin-top:2px;vertical-align: middle;font-weight: bold}
.msg_input{width:264px;height:34px;border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;}
.msg_pin{width:164px;height:34px;border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;float:left;}
.msg_pin img{float:left;margin-left:14px;}
.msg_textarea{width:264px;height:80px;border:1px solid #d9d9d9;border-radius:2px;padding:10px;resize: none; line-height:20px !important;}
.msg_submit{width:286px;height:36px;margin:20px auto;border-radius:3px;border:0;text-align:center;font:18px/36px "microsoft yahei";color:#fff;cursor: pointer; background:#1a8d4a}
.lyw_box {background-color:#1a8d4a;height: 155px;margin-top: 30px;}
.ly {height: 155px;width: 1200px; margin:auto;}
.ys_boxw {background-image: url(../images/index_58.jpg);background-repeat: repeat-x;background-position: left top;overflow: hidden;}
.advant {
    width: 1200px;
    overflow: hidden;
    margin-bottom: 20px;
}
.bj {
    margin: 0px auto;
}
.unit {
    text-align: center;
    padding-top: 43px;
    padding-bottom: 26px;
}
.advant_bn {
    width: 1200px;
    overflow: hidden;
    background-image: url(../images/index_65-22.jpg);
    background-repeat: no-repeat;
    background-position: center 60px;
}
.advant_lf {
    width: 382px;
}
.lf {
    float: left;
}
.advant_lf {
    width: 382px;
}
.rt {
    float: right;
}
.pro_case {
    width: 382px;
    margin-top: 25px;
}
.pro_case li {
    overflow: hidden;
    padding-bottom: 25px;
    display: block;
    padding-top: 50px;
}
.xh_rt {
    width: 300px;
}
.xh_rt .text {
    font-size: 24px;
    display: block;
    background-image: url(../images/index_73.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 39px;
}
.xh_rt .gry {
    color: #666;
    font-size: 14px;
    display: block;
    margin-top: 16px;
    line-height: 30px;
}
@media screen and (max-width: 940px) {
#imageMenu2 {width:90%;}
}
.cp_body{width: 100%;overflow: hidden;margin-top: 0px;margin-right: auto;margin-bottom: 0;margin-left: auto;}
.cp_name{width: 100%;border-bottom: 1px #eaeaea solid;margin-top: 20px;background-color:#2A660B;float: left;}
.cp_erNav{width: 100%;margin-right: auto;margin-left: auto;}
.cp_erNav li{width: 16.66666666%;height: 64px;float: left;line-height: 64px;display: inline;text-align: center;}
.cp_erNav li a{color: #FFF;text-decoration: none;float: left;width: 100%;}
.cp_erNav li a:hover{color: #FFF;float: left;width: 100%;}
.cp_txt{width: 100%;overflow: hidden;margin-top: 52px;margin-right: auto;margin-left: auto;float: left;}
.cp_txt p{ font-size:13px;line-height:35px;color:#333;}
.cp_txt table{ margin-top:10px;  font-size:13px;}
.txt_name{width: 100%;height: 34px;font-size: 16px;font-weight: bold;border-left: 6px #1a8d4a solid; border-bottom: 1px #dddddd solid;
padding-left: 10px;margin-bottom: 25px;}
.hot_anl{ width:100%;overflow:hidden; margin-top:10px;}
.hot_anl li{width: 23%;overflow: hidden;float: left; margin-left:0; margin-right:1%; display: inline; padding:0; text-align:center;}
.hot_anl li img{width: 100%;height: 150px;}
.hot_anl li p{width: 100%;height: 35px;color: #333;overflow: hidden;background-color: #CCC;text-align: center;}
.hot_anl li p a{color: #333;text-decoration: none;}
.hot_anl li p a:hover{text-decoration: underline;}
.hot_anl li span{ display:block; overflow:hidden;color:#595757; font-size:12px; overflow:hidden;}
.hot_anl li span a{color: #fe700c;text-decoration: none;}
.hot_anl li span a:hover{text-decoration: underline;}
.cp_list {display: block;width: 100%;overflow: hidden;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;padding: 0px;list-style-type: none;}
.cp_list li{width: 23%;overflow: hidden;float: left;margin-right: 1%;margin-top: 30px;margin-left: 0; border:1px #dddddd solid; box-sizing:border-box;}
.cp_list li a img {height: 140px;width: 100%;}

.cp_list li p{display: block;width: 100%;height: 38px;line-height: 38px;text-align: center;overflow: hidden;background-color: #232323;}
.cp_list li p a{color: #FFF;text-decoration: none;}
.cp_list li p a:hover{color: #ff9e00;text-decoration: underline;}
/*产品隐藏导航*/
.fix-nav{width: 100%; position: fixed;top: 0;z-index: 999;background-image: url(../images/jh.png); left:0; padding:0; margin:0;}
.fix-nav ul{display: block;width: 100%;padding: 0px;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;list-style-type: none;}
.fix-nav ul li{float: left;width: 14.66666666%; margin:0 1%;}
.fix-nav ul p{display: block;height: 64px;line-height: 64px;display: inline-block;padding: 0;color: #fff;font-size: 16px;float: left;margin: 0px;width: 100%;}
.fix-nav ul p a{color: #fff;font-size: 16px;letter-spacing: 2px;}
.fix-nav ul p a:hover{color: #FFFFFF;}
.fix-nav ul li a{display: inline-block;padding: 0;color: #FFF;margin: 0px;line-height: 64px;text-align: center;float: left;width: 100%;text-decoration: none;}
.fix-nav ul li a:hover{color: #FFFFFF;background-color: #1a8d4a;float: left;height: 64px;width: 100%;}
.fix-nav .fix-red{color: #FFFFFF;}
.list-h li{ float:left;}
#preview2{ float:left; margin:2%; text-align:center; width:96%;}
#spec-n52{width:100%; padding-top:6px; overflow:hidden;}
#spec-list2{float: left;overflow: hidden;display: inline;width: 94%;}
#spec-list2 ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list2 ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}
@media only screen and (min-width: 380px) and (max-width: 550px) {
#spec-list2{float: left;overflow: hidden;display: inline;width: 93%;}}
@media only screen and (min-width: 1px) and (max-width: 379px) {
#spec-list2{float: left;overflow: hidden;display: inline;width: 91%;}}






@media screen and (max-width: 980px) {
.wrap{ width:100%;}
.logo{ width:30%;}
.nav{ width:70%;}
.nav ul{ width:100%;}
#flashBg{ display:none;}
.sjbanner{ width:100%; display:block; position:relative; z-index:0; margin-bottom:30px;}
.index_banner{margin:0px auto; width:100%; height:auto; }
.index_banner ul{overflow:hidden;}
.index_banner li{position: absolute; top: 0; left: 0;overflow: hidden; width: 100%;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position: absolute; bottom: 15px; left: 45%; z-index: 9999; display: block; width: 188px; height: 20px; _display: none;}
.index_banner cite span{float: left; display: block; width: 1em; height: 1em; text-indent: -999em; opacity: .8; cursor: pointer; background-image: url(../images/tg_flash_p2.png); background-repeat: no-repeat; margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 5px; }
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{ cursor: default; background-image: url(../images/tg_flash_p.png); background-repeat: no-repeat; }
.mleft{width: 25%;margin-right: 2%;}
.mright{ width:73%;}
.sycpzs{ margin-right:0;}
.sycpzs li{ width:31.3333333%; margin:0 1% 2%; border:0;}
.sycpzs li:hover .box{ display:none;}
.cplb dd{ width:48%; padding-left:2%; background-image:none;}
.m2c{ width:98%;}
.m2 li{ width: 31.333333%;margin: 0px 1%;}
.m4{ display:none;}
.m51{ width:100%;}
.m52{ display:none;}
#divMainTab1{ width:23%; margin-right:0;}
.divContent1{ width:75%;  margin-left:1%;margin-right:1%;}
.flogo{ width:100%; text-align:center; margin-bottom:2%;}
.flx{ width:60%; margin-left:2%;}
.fwx{ width:38%; text-align:center;}
.top2{ background:#fff}

.nyban{ background-image:none; height:auto;}
.nyban img{ display:block; width:100%;}
.cpzs li{ width:23%;box-sizing: border-box;margin:1%;}
.nyimg{ height:auto;}
.rxcp li{ width:48%; box-sizing:border-box; margin:1%;}
.nymstxt{ height:150px; overflow:hidden;}
}

@media screen and (max-width: 800px) {
	.top1{ display:none;}
	.top2{ height:auto;}
	.logo{ width:100%; text-align:center; padding:10px 0px;}
	.nav{ height:82px; line-height:40px; background-image:none; background-color:#212121; width:100%;}
	.nav li{ width:25%; border-bottom:1px #2A660B solid; border-right:1px #2A660B solid; box-sizing:border-box; background:#1a8d4a}
	.nav li a{ color:#fff;}
	.nav li a:hover{ background:#2A660B;}
	.mleft{ display:none;}
.mright{ width:100%;}
.m1t1{ display:none;}
.sjlb{ display:block;}
.sjlb li{ width:18%; float:left; height:45px; line-height:45px; background-color:#1a8d4a; border:1px #212121 solid; text-align:center; margin:0 1% 2%; box-sizing:border-box;}
.sjlb li a:hover{ color:#212121;}
.m2t{ padding-top:40px;}
.m1, .m2, .m3, .m4{ margin-bottom:30px;}
.flx1{ width:30%; margin-left:3.3333%;}
.fwx{ width:33.3333%;}

.mcon{ width:98%; margin:0 1%;}
.nymstxt{ height:90px; overflow:hidden;}
.nyimg{ width:98%; margin:1%;}
.nyms{ width:98%; margin:1%;}
.zx li{ width:48%;}
.flogo{ width:100%; text-align:center; margin-bottom:15px; background-image:none;}
.bq{ margin-bottom:40px;}
.fhdb{ display:none;}
.m5{ margin-bottom:30px;}
.foot{ padding-top:30px;}
.fdh{ display:block; line-height:40px; height:40px; background-color:#1a8d4a; width:100%; display:block; position:fixed; z-index:99999; bottom:0px; color:#FFF; }
.fdh li{ width:33.33333333%; float:left; display:block; text-align:center; border-right:1px #ddd solid; box-sizing:border-box;}
.fdh .li{ background-color:#cc0000;}
.fdh a{ color:#FFF;}

}
@media screen and (max-width: 640px) {
	.sycpzs li{ height:auto;}
	.sycpzs li .cptp{ height:210px;}
.sycpzs li .cptp img{ height:210px;}
.cpzs li{ width:48%;}
.cpzs li img{ height:220px;}
.nyban{ margin-bottom:20px;}
#divMainTab1{ width:100%; height:auto;}
.normal1,.selected1{ width:50%; float:left; height:50px; line-height:50px; background-image:none; font-size:18px; color:#ffffff; text-align:center;}
.normal1{ background-color:#2A660B;}
.selected1{ background-color:#1a8d4a;}
.normal1 a{color:#ffffff; }
.selected1 a{color:#282828;}
.normal1 img,.selected1 img{ display:none;}
.normal1 span,.selected1 span{ display:block;}
.divContent1{ width:100%;}
.nyl,.nyr{ width:98%; margin:1%;}
}

@media screen and (max-width: 480px) {
	.sycpzs li{ width:48%; border:1px #dddddd solid; box-sizing:border-box;}
	.sycpzs li .cptp{ height:220px;}
.sycpzs li .cptp img{ height:220px;}
.m2{ height:auto; background-repeat:repeat;}
.m2 li{ width:98%; border:1px #212121 solid; margin-bottom:10px;}
.marquee,.marquee ul{ height:254px;}
.marquee ul li .m3tp{ height:200px;}
.sjlb li{ width:31.33%;}
.flx1{ display:none; width:100%; text-align:center; margin-left:0;}
.fwx{ width:100%; text-align:center;}
	
}

/* login & reg */
.login{width:87.5%;margin:10% auto;height:auto;overflow:hidden}
.login li{width:100%;height:auto;padding-bottom:3%;overflow:hidden;font:0.16rem/1.4 "microsoft yahei"}
.login_input{display:block;border:1px solid #d9d9d9;background:#fff;width:96%;float:left;height:3.42rem;font:1.2rem/1.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:0}
.login_textarea{display:block;border:1px solid #d9d9d9;background:#fff;width:96%;float:left;height:10.42rem;font:1.2rem/1.42rem "microsoft yahei";text-indent:0.1rem;-webkit-appearance:none;border-radius:0;resize: none}

.pin_width{width:51.78%;}
.login_pin{width:30%;float:left;height:3.42rem;margin-left:4%;}
.login_btn{width:96%;height:3.5rem; background:#386ed3;color:#fff;border:0;-webkit-appearance:none;border-radius:0;text-align:center;font:1.22rem/1.5rem "microsoft yahei"}
.red_alert{width:87.5%;margin:0 auto;font:0.2rem/0.44rem "microsoft yahei";color:red;}
.login_link1{float:left;font:0.2rem/0.44rem "microsoft yahei";color:#949494;margin-left:4%}
.login_link2{float:right;font:0.2rem/0.44rem "microsoft yahei";color:#949494;margin-right:4%}
.info_left{float:left;width:26%;text-align:left;font:0.2rem/0.44rem "microsoft yahei";color:#707070}
.info_username{float:left;width:16%;text-align:center;font:0.2rem/0.44rem "microsoft yahei";color:#707070}
.info_input{float:left;width:70%;}

.icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    /*top: calc(50% - 15px);*/
}
#toolbar {
    position: fixed;
    z-index: 9999;
    right: 17px;
    bottom: 10%;
}
#toolbar *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#toolbar .online-one li {
    margin-bottom: 3px;
    font-size: 0;
    width: 70px;
    height: 70px;
    right: 0;
    position: relative;
}

#toolbar .online-one li:hover a {
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);
}

#toolbar .online-one li a {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 70px;
    height: 70px;
    background: #00c184;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    font-size: 0;
    border-radius: 4px;
    padding: 10px 0;
    overflow: hidden;
}

#toolbar .online-one li .icon-font {
    display: block;
    height: 28px;
    width: 100%;
}

#toolbar .online-one li .icon-font:after{background-image: url(../images/kf.png);}

#toolbar .online-one li .icon-qq:after {
    background-position: -30px -240px;
}

#toolbar .online-one li .icon-phone:after {
    background-position: -30px -208px;
}

#toolbar .online-one li .icon-message:after {
    background-position: -30px -170px;
}

#toolbar .online-one li .icon-ewm:after {
    background-position: -30px -138px;
}

#toolbar .online-one li .icon-top:after{background-image: url(../images/icon_spirit.png);background-position: -30px -60px;}

#toolbar .online-one li .icon-wangwang:after {background-image: url(../images/icon_spirit.png);background-position: -30px 0;}

#toolbar .online-one li .wz {
    font-size: 12px;
    color: #fff;
    text-align: center;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#toolbar .online-one li.phone {
    border-radius: 4px;
    padding: 10px 0;
}

#toolbar .online-one li.ewm {
    background: #00c184;
    border-radius: 4px;
    padding: 10px 0;
}

#toolbar .online-one li.phone .tel-phone {
    position: absolute;
    z-index: 1;
    padding: 5px;
    width: 110px;
    right: calc(100% + 5px);
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgb(0 20 60 / 20%);
    box-shadow: 0 4px 20px 4px rgb(0 20 60 / 20%);
    color: #fff;
    font-size: 14px;
}

#toolbar .online-one li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #fff;
    width: 110px;
    right: calc(100% + 5px);
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-one li.ewm .ewm-box img {
    max-width: 100%;
}

#toolbar .online-one li.ewm .ewm-box:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #fff;
    border-right: none;
}

#toolbar .online-one li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-one li.phone:hover .tel-phone {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-two li {
    margin-bottom: 3px;
    font-size: 0;
    width: 57px;
    height: 57px;
    right: 0;
    position: relative;
}

#toolbar .online-two li a {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 57px;
    height: 57px;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: nowrap;
    font-size: 0;
    background: #d9d9d9;
}

#toolbar .online-two li .icon-font {
    display: inline-block;
    vertical-align: middle;
    width: 57px;
    height: 57px;
}

#toolbar .online-two li .icon-qq:after {
    background-position: 0 -150px;
}

#toolbar .online-two li .icon-phone:after {
    background-position: 0 -90px;
}

#toolbar .online-two li .icon-ewm:after {
    background-position: 0 -30px;
}

#toolbar .online-two li .icon-message:after {
    background-position: 0 -120px;
}

#toolbar .online-two li .icon-top:after {
    background-position: 0 -60px;
}

#toolbar .online-two li .icon-wangwang:after {
    background-position: 0 0;
}

#toolbar .online-two li .wz {
    display: inline-block;
    line-height: 57px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    padding-left: 10px;
}

#toolbar .online-two li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #459348;
    width: 110px;
    right: 120%;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-two li.ewm .ewm-box p {
    margin-bottom: 0;
}

#toolbar .online-two li.ewm .ewm-box img {
    max-width: 100%;
}

#toolbar .online-two li.ewm .ewm-box:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #459348;
    border-right: none;
}

#toolbar .online-two li.ewm:hover .icon {
    background-position: -57px -180px;
}

#toolbar .online-two li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-two li.backtop {
    cursor: pointer;
}

#toolbar .online-two li.backtop .iconfont {
    color: #fff;
    background-color: #459348;
}

#toolbar .online-two li:hover a {
    width: 200px;
}

#toolbar .online-two li:hover .icon-qq:after {
    background-position: -30px -150px;
}

#toolbar .online-two li:hover .icon-phone:after {
    background-position: -30px -90px;
}

#toolbar .online-two li:hover .icon-ewm:after {
    background-position: -30px -30px;
}

#toolbar .online-two li:hover .icon-message:after {
    background-position: -30px -120px;
}

#toolbar .online-two li:hover .icon-wangwang:after {
    background-position: -30px 0;
}

#toolbar .online-two li:hover .icon-top:after {
    background-position: -30px -60px;
}

#toolbar .online-three {
    width: 115px;
}

#toolbar .online-three .title {
    background: #3aa3e6;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    position: relative;
}

#toolbar .online-three .title span {
    position: absolute;
    right: 0;
    top: 0;
    width: 25px;
    height: 25px;
    background-image: url(../images/kf.png);
    background-repeat: no-repeat;
    background-position: -31px -28px;
    opacity: 1;
    text-shadow: none;
}

#toolbar .online-three .qq-list {
    background: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
}

#toolbar .online-three .qq-list li {
    text-align: center;
    line-height: 32px;
}

#toolbar .online-three .qq-list li .icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(../images/kf.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}

#toolbar .online-three .qq-list li .wz {
    color: #333;
    font-size: 12px;
    margin-left: 10px;
    display: inline-block;
}

#toolbar .online-three .qq-list .icon-qq:after {
    background-position: 0 -114px;
}

#toolbar .online-three .qq-list .icon-message:after {
    background-position: -30px -87px;
}

#toolbar .online-three .qq-list .icon-wangwang:after {
    background-position: -30px -116px;
}

#toolbar .online-three .ewm {
    background: #fff;
    padding: 10px 0;
    border-bottom: 1px solid #eeeeee;
    text-align: center;
}

#toolbar .online-three .ewm span {
    display: inline-block;
    font-size: 12px;
    color: #333;
    margin-bottom: 12px;
}

#toolbar .online-three .ewm img {
    width: 100%;
    max-width: 84px;
}

#toolbar .online-three .service-phone {
    background: #fff;
    padding: 10px 0;
    text-align: center;
}

#toolbar .online-three .service-phone span {
    font-size: 12px;
    color: #333;
}

#toolbar .online-three .service-phone span.hotline {
    color: #777777;
    font-size: 12px;
    line-height: 32px;
}

#toolbar .online-four li {
    margin-bottom: 3px;
    font-size: 0;
    width: 50px;
    height: 50px;
    right: 0;
    position: relative;
}

#toolbar .online-four li a {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 50px;
    height: 50px;
    background: #fff;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: nowrap;
    font-size: 0;
    border-radius: 50%;
    overflow: hidden;
}

#toolbar .online-four li .icon-font {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 50px;
}

#toolbar .online-four li .icon-font:after {
    background-image: url(../images/kf.png);
}

#toolbar .online-four li .icon-qq:after {
    background-position: 0 -87px;
}

#toolbar .online-four li .icon-phone:after {
    background-position: 0 -57px;
}

#toolbar .online-four li .icon-ewm:after {
    background-position: 0 -21px;
}

#toolbar .online-four li .icon-message:after {
    background-position: -30px -55px;
}

#toolbar .online-four li .icon-top:after {
    background-position: 0 -0px;
}

#toolbar .online-four li .icon-wangwang:after {
    background-position: 0 0;
}

#toolbar .online-four li .wz {
    display: inline-block;
    line-height: 50px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    padding-left: 10px;
}

#toolbar .online-four li.ewm {
    border-radius: 50%;
    background: #fff;
}

#toolbar .online-four li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #fff;
    width: 110px;
    right: calc(100% + 5px);
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-four li.phone {
    border-radius: 50%;
}

#toolbar .online-four li.phone .tel-phone {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: rgb(59, 57, 57);
    width: 110px;
    right: calc(100% + 5px);
    top: 0;
    opacity: 0;
    font-size: 14px;
    color: #fff;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
    -webkit-box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
    box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2);
}

#toolbar .online-four li.phone:hover .tel-phone {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-four li.ewm .ewm-box img {
    max-width: 100%;
}

#toolbar .online-four li.ewm .ewm-box:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #fff;
    border-right: none;
}

#toolbar .online-four li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar .online-four li.backtop .icon-font {
    height: 20px;
}

#toolbar .online-four li.backtop .icon-font:after {
    height: 20px;
    left: calc(50% - 17px);
    top: calc(50% - 2px);
}

#toolbar .online-four li.backtop .wz {
    display: block;
    line-height: 24px;
    font-size: 12px;
    text-align: center;
    color: #bfbfbf;
    padding-left: 0;
}

@media (max-width: 990px) {
    #toolbar {
        display: none;
    }
}