*{box-sizing:border-box;}
body,div,dl,dt,dd,ul,li,form,input,button,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
html{overflow-x:hidden;-webkit-text-size-adjust:none;}
ul,li,dl,dt,dd{display:block;list-style:none;}
img{border:0;max-width:100%;display:block;}
.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;}
.clear-fix:after {content: ".";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}
a{text-decoration:none;outline:none;}
.fl{float:left;}
.fr{float:right;}
body{background:#FFF;position:relative;overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);}
/*@header*/
.main{ margin:20px auto 0;width:99%;}
.top {
    background:#EBF0F5 none repeat scroll 0% 0%;
    font-size: 16px;
    font-weight: bold;
    color: #000;
    text-align: center;
    padding: 0px 50px;
    position: relative;
    overflow: visible;
}.btn-nav {
    height: 100%;
    cursor: pointer;
    font: 1.5em/2 "Microsoft Yahei";
    padding: 0px 0%;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 15.625%;
}
.logo {
    margin: 0 auto;
    line-height: 40px;
    position: relative;
    text-align: center;
    width: 100%;
}
.logo img{max-height:40px;margin: 0 auto;}
.traangle {    border-bottom: 0.4em solid transparent; border-left: 0.4em solid #fff; border-top: 0.4em solid transparent; display: block; float: right; height: 0; margin-top: 25%; width: 0;}
.cbtn-isrh {
   
    height: 100%;
    cursor: pointer;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 15.625%;
}.shader-A{width:100%;position:absolute;left:0;bottom:0;}
.notice2 { background:url(../images/m/t.jpg) no-repeat 10px center;font: 1.25em/2 "Microsoft Yahei";  width:98%; margin:0 auto;height:3.2em; line-height:3em; text-align:center}
.notice2 span { color:#333; float: left; font-size: 1.125em; padding-left:13%;  text-align:center;border:#999 1px solid;border-radius:10px;width:100%;}
/*@ipro-cla*/
.ipro-cla{padding:1% 0 7.5%;background: rgb(112,80,30); /* Old browsers */background: -moz-linear-gradient(top,  rgba(112,80,30,1) 0%, rgba(172,123,59,1) 100%) ; /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(112,80,30,1)), color-stop(100%,rgba(172,123,59,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  rgba(112,80,30,1) 0%,rgba(172,123,59,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(112,80,30,1) 0%,rgba(172,123,59,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  rgba(112,80,30,1) 0%,rgba(172,123,59,1) 100%); /* IE10+ */background: linear-gradient(to bottom,  rgba(112,80,30,1) 0%,rgba(172,123,59,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70501e', endColorstr='#ac7b3b',GradientType=0 ); /* IE6-9 */
}
.ipro-cla > .A{width:91.3125%;margin:0 auto;}
.ipro-cla > .A li{position:relative;width:30%;padding:1%;background:#bbbcbc;margin-right:2%;border-radius:50%;}
.ipro-cla > .A li:nth-child(3){margin-right:0;}
.ipro-cla > .A li img{border-radius:50%;}
.ipro-cla > .A li .txt{position:absolute;width:65%;background:#224698;top:65%;left:15%;padding:2% 0;text-indent:2%;font:normal 12px "Microsoft YaHei";color:#FFF;}
.ipro-cla > .A li:nth-child(2) .txt{background:#ff6600;}
.ipro-cla > .A li:after{content:"";position:absolute;top:102%;left:0;width:100%;background:url(../images/m/bg2.png) center top no-repeat;background-size:50% auto;height:10%;}
/*@ipro*/
.ipro{padding-top:0.03125%;width:100%;background:#FFF url(../images/m/bg3.jpg) left 10% no-repeat;background-size:32.03125% auto;}
.ipro > .A li{margin-top:2.03125%;}
.ipro-tl{	width:31.25%;	position:relative;overflow:hidden;margin-bottom:2px;}
.ipro-tl > .A{position:absolute;width:100%;left:0;top:30%;text-align:center;font:normal 1.5em/1 "Microsoft YaHei";color:#224698;text-shadow:0 0 0 rgba(34,70,152,1);}
.ipro-tl > .B{position:absolute;top:52%;right:0;display:inline-block;font:normal 1.125em/1 Arial;color:#FFF;background:#ff6600;padding:1% 12% 1% 1%;}
.ipro-tl > .C{position:absolute;top:72%;right:0;display:inline-block;font:normal 1.125em/1 Arial;color:#FFF;background:#ff6600;padding:1% 12% 1% 1%;}
.ipro-son{width:34.0625%;margin-right:0.625%;margin-bottom:2px;}
.ipro > .A li:nth-child(3){margin-right:0;}
.search-btn{width:13.125%;background:#0ac0e7;cursor:pointer;}
.ipro > .A li:nth-child(4){margin-left:0.5%;}
/*@inews*/
.inews{background: rgb(75,54,32); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(75,54,32,1) 0%, rgba(124,89,57,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(75,54,32,1)), color-stop(100%,rgba(124,89,57,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(75,54,32,1) 0%,rgba(124,89,57,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  rgba(75,54,32,1) 0%,rgba(124,89,57,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(75,54,32,1) 0%,rgba(124,89,57,1) 100%); /* IE10+ */background: linear-gradient(to bottom,  rgba(75,54,32,1) 0%,rgba(124,89,57,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b3620', endColorstr='#7c5939',GradientType=0 ); /* IE6-9 */
margin-top:1%;padding-bottom:3%;color:#FFF;}
.inews > .A{width:92.1875%;margin-left:7.8125%;}
.inews li{font:normal 1.125em/normal "Microsoft YaHei";width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1em 0;text-indent:1em;}
.inews li:nth-child(2n){background:#98782a;padding:0.5em 0;}
.inews li a{color:#FFF;}
.inews li a:visited{color:#fffffe;}
/*@footer*/
/*@bottom-nav*/
.bottom-nav{width:90%;margin:4.6875% auto 0;}
.bottom-nav > li{float:left;width:14%;margin-right:3%;background:#574924;}
.bottom-nav > li:nth-child(6){margin-right:0;}
.bottom-nav li a{display:block;font:normal 1.375em/1 "Microsoft YaHei";color:#FFF;text-align:center;padding:0.5em 0;}
.bottom-nav li a:visited{color:#fffffe;}
/*@bottom-infor*/
.bottom-infor{width:91.875%;text-align:center;padding:1em 0;color:#685858;font:normal 1em/normal "Microsoft YaHei";margin:0 auto;text-shadow:0 0 0 rgba(104,88,88,.8);}
.bottom-infor a{color:#685858;}
.bottom-infor a:visited{color:#685859;}
/*@one-touch*/
.one-touch{width:100%;font:normal 1.375em/1 "Microsoft YaHei";background:#1d1d1f;}
.one-touch li{width:25%;float:left;}
.one-touch li a{display:block;color:#FFF;padding:1em 0;text-indent:52%;}
.one-touch li a:visited{color:#fffffe;}
li a.btn-tel{background:url(../images/m/icon9.png) 15.789473684210525% center no-repeat;background-size:31.25% auto;}
li a.btn-ms{background:url(../images/m/icon10.png) 15.789473684210525% center no-repeat;background-size:30% auto;}
li a.btn-map{background:url(../images/m/icon11.png) 15.789473684210525% center no-repeat;background-size:25.625% auto;}
li a.btn-share{background:url(../images/m/icon12.png) 15.789473684210525% center no-repeat;background-size:35% auto;}
/*@all*/
.cont_main{position:relative;z-index:10;right:0;background:#fff;}
#news_block{margin:5px;background:#FFF;border:1px solid #D3D1D1;border-radius:10px;}
#web_news{ width:93.75%; margin:5% auto}
/*@panel*/
.panel{display:block;position:absolute;top:0;right:0;z-index:1;width:20em;height:100%; background:#302F2F  }
.panel > ul{width:100%;height:auto;}
.wxmenu1 li{width:100%;font:normal 1.125em/1 "Microsoft YaHei";}
.wxmenu1 li> a{ background: url("../images/m/xian.png") no-repeat scroll 80% bottom / 100% 1px rgba(0, 0, 0, 0); color: #fff; display: block; font: 1.5em/0.1 "Microsoft YaHei";padding: 10% 0 10% 0; text-align: center;}
.wxmenu1 li > a:hover{color:#fff; }
.wxmenu1 li > a:visited{color:#fff;}
/*paging code*/
.banner{ max-width:640px; margin:0 auto; margin-bottom:1em}
/*@pNC*/
.pNC{width:96%;margin: 0px 2%;padding:0;font:normal 1.125em/2em "Microsoft YaHei";color:#2f3742;text-shadow:0 0 0 rgba(47,55,66,.6);}
.ptitle{font:normal 1.375em/1.375em "Microsoft YaHei";text-align:center;padding:1em 0;color:#0e3a78;text-shadow:0 0 0 rgba(14,58,120,1);border-bottom:1px dotted #4a4a4a;}
.pNC .ppic_wrap{padding:1em 0;text-align:center;}
.pNC .ppic{max-width:90%;text-align:center;display:inline-block;}
/*btn-back*/
.btn-back {font:normal 1.125em/1 "Microsoft YaHei"; margin: 10px auto; text-align: center; width: 29.62962963%;background:#302F2F;}
.btn-back a{color:#FFF;display:block; padding:6% 0;}
.btn-back a:visited{color:#fffffe;}
/*@p-tl*/
.p-tl{width:42.65625%;margin:0 auto;text-align:center;font:normal 1.375em/1 "Microsoft YaHei";color:#FFF;background:url(../images/m/bg4.png) center center no-repeat;background-size:100% 100%;padding:2% 0;}
/*@pre-page1,next-page1*/
.pre-page1,.next-page1{width:93.75%;margin:0 auto 1em;padding:0.625em 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#a18e74;text-indent:1em;font:normal 1.2em/1.2em "Microsoft YaHei";color:#fff;}
.pre-page1 a,.next-page1 a{color:#fff;}
.pre-page1 a:visited,.next-page1 a:visited{color:#fff;}
/*@pnews*/
.pnews{padding:1em 0 1.5em;}
.pnews li{border: 2px dotted #a9acac;color: #333; font: 1.375em/2.375 "Microsoft YaHei"; margin: 0.875em 0; padding: 0 1.25em;}
.pnews li a{display:block;color:#2f3742;background:url(../images/m/bg3.png) right center no-repeat;background-size:3% auto;padding-right:6%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/*@page-fengye*/
.page-fenye{width:100%;text-align:center;margin-bottom:1em;}
.pre-page,.next-page{display:inline-block;vertical-align:middle;background:#f8f7f7;background-image: -webkit-gradient(linear, left top, left bottom, from( #0ac0e6), to( #0497b7));background-image: -webkit-linear-gradient( #0ac0e6, #0497b7);background-image: linear-gradient( #0ac0e6, #0497b7);
	border:1px solid #1991c4}
.pre-page > a,.next-page > a {display:block;font:normal 2.4em/1 "Microsoft YaHei"; color:#FFF;padding:0 0.5em 0.125em;border:1px solid #98e5f5;}
.pre-page > a:visited,.next-page > a:visited { color:#fffffe;}
.page-num{text-align:center;display:inline-block;width:20%;color:#0e3975; font: 1.5em/1.5em "Microsoft YaHei";vertical-align:middle;}
/*@ppro*/
.ppro{width:93.75%;margin:0 auto;padding:1em 0;font-family:"微软雅黑";}
.ppro-son{width:48%;text-align:center;margin:0 4% 1em 0;}
.ppro-son:nth-child(2n){margin-right:0;}
.ppro-son .pic{display:inline-block;max-width:100%;}
.ppro-son .txt{display:inline-block;width:100%;padding:0.375em 0;font:normal 1.125em/1.125em "Microsoft YaHei";color:#2f3742;text-shadow:0 0 1px rgba(47,55,66,.6);}
.ppro-son .txt a{color:#2f3742;}
.ppro-son .txt a:visited{color:#2f3743;}


/*@media query*/
@media screen and (min-width:640px){header,.main,footer{	width:640px;margin:0 auto;}}
@media screen and (max-width:480px){body,html{font-size:14px;}}
@media screen and (max-width:320px) {body,html{font-size:10px;}}
.tuiPro2{}
.tuiPro2 p{text-align:center;color:#fff;}
.tuiPro2  ul{width:100%;text-align:center;}
.tuiPro2 li{width:50%;float:left;text-decoration:none;}
.tuiPro2 li div{width:90%;margin:0 auto;display:inline-block;text-align:center;border:1px solid #97c6d8;}
.proimg{display:block;}
.pro_other{width:100%;border-bottom-right-radius:5px;border-bottom-left-radius:5px;color:#fff;height:23px;font-size:11px}
.pro_other a{color:#000;text-decoration:none;font-weight:bold;font-size:11px;}

.mess { margin-left: 10px; width: 300px;}
.mess li { margin-bottom: 3px; width: 300px;}
.mess input { border: 1px solid #d2d2d2; height: 25px; line-height: 25px; width: 200px;}
.mess select { font-size: 14px; height: 25px; line-height: 25px;width: 150px;}
.mess textarea { border: 1px solid #d2d2d2; width: 200px;}
.mess label {float: left; font-size: 14px;width: 70px;}
input { width: 80%;}
.mess .submit { background: url("../images/m/submit.jpg") no-repeat ; border: medium none; cursor: pointer;height: 42px; margin-left: 70px; margin-top: 5px; width: 166px;}
.reset { height: 30px; margin-top: 5px; width: 45%;}
.subHeader, .subFooter { background-color:#000;font-size: 15px;color: #fff;text-align: center;line-height: 40px;height: 40px;position:relative;width: 100%; opacity:0.8 }  
.subHeader i.i-small { position: absolute; left: 16px !important; top: 11px !important; margin: 0px; }

#header,.header,#footer{ background: none repeat scroll 0 0 #fff; border-bottom: 4px solid #EBF0F5; overflow: visible;}
.subHeader, .subFooter { background-color:#000;font-size: 15px;color: #fff;text-align: center;line-height: 40px;height: 40px;position:relative;width: 100%; opacity:0.8 }  
.subHeader i.i-small { position: absolute; left: 16px !important; top: 11px !important; margin: 0px; }
.pbtn-nav{background: none repeat scroll 0 0 #01a1e9;border-radius: 50%;color: #fff; cursor: pointer; display: inline-block;  font: 1.375em/1 "Microsoft Yahei"; height: 1.8em; margin-top:0.2em;padding-top: 0.8em; position: absolute;
 right: 3.75%;text-align: center; top: 50%; width: 2.6em;}
#header a.friends,
.header a.friends{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVNJREFUeNq01jFLAzEYxvH2UBCxiIiDUhzcdXCyIk5ufgUXLR37JdxcXBxcuwmOOtml0EKpo04iWIpIQREVEVFLjf9AhoC9e3O5uxd+lMLdPU1yedO8UiqXdQWO122ghi4+8IwGqiiId+uRCHbxqsLrFHNRz5ACSnhTch1EPScQpnIH0w7TWcGiz5rouS45rtkMVnxCJrAQ4yUq+oT8YhAjZOAT8oWHGCE9nxC9H64cA15w4xOiW0HbfErVNhvUa8c3cecQcoZv3xA9z+fCNbe4SNq7jvEUMaUnuE/au7SjkHbSR1G637ULh73Kn+gn7cIBttELGckQh9Jo8iMOrSksYx2b2MKk8FuvUUcHl/9GbiWuooYu3pVf/eARLZQxbp8na2YR0659e+HLmM/geN+z98lSRv8hZu2QQkYh+kzKjZkvHdPahymH6DNp5Cucev0JMAAkKj0NEoYBJwAAAABJRU5ErkJggg==);
}
#header a.right,.header a.right{	left: auto;	right: 10px;}
#content,.content{padding: 10px; color: #606060; font-size:18px; font-family:"微软雅黑"; line-height:40px;}
#Logo {cursor: pointer; left: 0; top: 0; width: 60%; }
#Logo.svg {  cursor: pointer; left: 0; top: 0; width: 60%; }
#Logo.svg img {}
#Logo img { }

.scroll{width:100%;height:250px;margin:0 auto; position:relative;overflow:hidden;}
.mod_01{float:left;width:640px;}
.mod_01 img{display:block;width:640px;height:250px;}
.dotModule_new{padding:0 5px;height:11px;line-height:6px;-webkit-border-radius:11px;position:absolute;bottom:5px;right:10px;z-index:11; left:0; bottom:12px}
#slide_01_dot{text-align:center;margin:3px 0 0 0;}
#slide_01_dot span{display:inline-block;margin:0 3px;width:5px;height:5px;vertical-align:middle;background:#fff;-webkit-border-radius:5px; border-radius:15px; width:10px; height:10px; opacity:0.5}
#slide_01_dot .selected{background:#000; border-radius:15px; width:10px; height:10px; opacity:0.5}


.clear-fix:after { clear: both; content: "."; display: block;font-size: 0;height: 0;visibility: hidden;}
.inavgrp { position: relative;}
.w9453125 {overflow: hidden; width: 94.5313%;}
.auto {margin: auto;}

.inavgrp-son1 {border-radius: 10px; box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.2); float: left;margin: 3% 1.3% 3% 0; overflow: hidden; position: relative; width:23.7%;height:90px;background:#504e4e url(../images/m/qlink5.png) no-repeat center top;color: #FFF;text-align:center;}
.inavgrp-son1:hover {border-radius: 10px; box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.2); float: left;margin: 3% 1.3% 3% 0; overflow: hidden; position: relative; width:23.7%;;height:90px;background:#000 url(../images/m/qlink5.png) no-repeat center top;}
.inavgrp-son1 a {color:#FFF; cursor: pointer; display: block;font: 1.25em/1 "Microsoft Yahei"; padding: 20% 0 17% 0;  text-align: center;}
.inavgrp-son1 a:hover {color: #9a712b; cursor: pointer; display: block;font: 1.25em/1 "Microsoft Yahei"; padding: 20% 0 17% 0;  text-align: center;}

.inavgrp-son2 {border-radius: 10px; box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.2); float: left;margin: 3% 1.3% 3% 0; overflow: hidden; position: relative; width:23.7%;;height:90px;background:#504e4e url(../images/m/qlink6.png) no-repeat center top;color: #FFF;text-align:center;}
.inavgrp-son2:hover {border-radius: 10px; box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.2); float: left;margin: 3% 1.3% 3% 0; overflow: hidden; position: relative; width:23.7%;;height:90px;background:#000 url(../images/m/qlink6.png) no-repeat center top;}
.inavgrp-son2 a {color: #FFF; cursor: pointer; display: block;font: 1.25em/1 "Microsoft Yahei"; padding: 20% 0 17% 0;  text-align: center;}
.inavgrp-son2 a:hover {color: #9a712b; cursor: pointer; display: block;font: 1.25em/1 "Microsoft Yahei"; padding: 20% 0 17% 0;  text-align: center;}

.inavgrp-son3 {border-radius: 10px; box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.2); float: left;margin: 3% 1.3% 3% 0; overflow: hidden; position: relative; width:23.7%;;height:90px;background:#504e4e url(../images/m/qlink7.png) no-repeat center top;color: #FFF;text-align:center;}
.inavgrp-son3:hover {border-radius: 10px; box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.2); float: left;margin: 3% 1.3% 3% 0; overflow: hidden; position: relative; width:23.7%;;height:90px;background:#000 url(../images/m/qlink7.png) no-repeat center top;}
.inavgrp-son3 a {color: #FFF; cursor: pointer; display: block;font: 1.25em/1 "Microsoft Yahei"; padding: 20% 0 17% 0;  text-align: center;}
.inavgrp-son3 a:hover {color: #9a712b; cursor: pointer; display: block;font: 1.25em/1 "Microsoft Yahei"; padding: 20% 0 17% 0;  text-align: center;}

.inavgrp-son4 {border-radius: 10px; box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.2); float: left;margin: 3% 1.3% 3% 0; overflow: hidden; position: relative; width:23.7%;;height:90px;background:#504e4e url(../images/m/qlink8.png) no-repeat center top;color: #FFF;text-align:center;}
.inavgrp-son4:hover {border-radius: 10px; box-shadow: 2px 3px 2px rgba(0, 0, 0, 0.2); float: left;margin: 3% 1.3% 3% 0; overflow: hidden; position: relative; width:23.7%;;height:90px;background:#000 url(../images/m/qlink8.png) no-repeat center top;}
.inavgrp-son4 a {color: #FFF; cursor: pointer; display: block;font: 1.25em/1 "Microsoft Yahei"; padding: 20% 0 17% 0;  text-align: center;}
.inavgrp-son4 a:hover {color: #9a712b; cursor: pointer; display: block;font: 1.25em/1 "Microsoft Yahei"; padding: 20% 0 17% 0;  text-align: center;}

.clear-fix:after {clear: both;content: "."; display: block; font-size: 0; height: 0; visibility: hidden;}
.icla { margin: 3.125% auto; width: 93.75%;}
.icla li { background:  #01a1e9;border-radius: 50%; box-shadow: 0 0 0 0.5em #fff; float: left; margin-right: 3%;  overflow: hidden; padding-top: 22%; position: relative; width: 22%;}
.icla-wrap li a { color: #fff; display: block; font: 1.375em/1 "Microsoft Yahei";height: 100%; left: 0; margin-top: -0.5em; position: absolute; text-align: center; top: 50%; width: 100%;}

.title{ font-size:1.2em; clear:both; font-weight:bold; text-align:right; color:#fff; width:98%; height:35px; line-height:35px; background:url('../images/m/title.gif') no-repeat center top / 100% 100% ; }

.itl { font: 1.3em/2.5 "Microsoft Yahei"; margin: auto; padding: 0 2.8125% 0 5%; position: relative;border-bottom: 2px solid #292a29;background:#504e4e;margin-bottom:5px;}
.itl-more { text-align: right; width: 20%;}
.itl-more a {color: #ab8344; display: block; font-size: 0.8em; font-weight: bold; margin-top: 5%;  padding: 0 18% 0 20%;}
.fr { float: right;}
.itl-tl { color: #333; font-weight: bold;}
.itl-tl { color: #333; font-weight: bold;}
.itl-tl span.itl-tl-ch { color: #ab8344;  font-weight: bold; text-transform: uppercase;}
.itl-tl span.itl-tl-en {  color: #fff; font-size: 0.875em;  font-weight: normal; text-transform: uppercase;}

.ipro, .icases, .prolist, .caselist, .plantlist { margin: 0 auto; padding-bottom: 1.5em;  width: 95%;}
.ipro .metro-b, .icases .metro-b, .prolist .metro-b, .caselist .metro-b, .plantlist .metro-b { float: left; margin-right: 4%; margin-top: 4%; position: relative;width: 46%;}
.ipro .metro-b .pic, .icases .metro-b .pic, .prolist .metro-b .pic, .caselist .metro-b .pic, .plantlist .metro-b .pic { background: none repeat scroll 0 0 #fff; border: 1px solid #cfd3d3; display: block;  padding: 1.5%;}
.ipro .metro-b .text, .icases .metro-b .text, .prolist .metro-b .text, .caselist .metro-b .text, .plantlist .metro-b .text {  background:rgba(0, 0, 0, 0.35);  bottom: 0;  color: #fff;  display: block; font: 1.1em/2 "Microsoft Yahei"; left: 0;margin:0;
   overflow: hidden; padding: 0 0.2em; position: absolute; text-align: center;text-overflow: ellipsis;white-space: nowrap; width: 100%;}
.itl-tlc { background: none repeat scroll 0 0 #5ab100; color: #fff; font: 1.4em/2.2 "Microsoft Yahei"; padding-left: 3%;}
.itl-morec { text-align: right; width: 20%;}
.itl-morec a { color: #fff; font-size: 0.6em; font-weight: bold; padding: 5% 18% 5% 20%;}

.title span{ font-size:12px;}
.itl-slo {  margin-top: 1%;}
.itl-slo2 { left: 6em; position: absolute; top: -25%; width: 13.5%;}
.mmg img{ width:100%;}
i {display:inline-block; position:relative; }

.prolist {clear: both; padding: 0; width: 100%;}
.prolist li {float: left; margin-bottom: 2%; margin-right: 1.3%; position: relative; width: 30.4%; margin-left:1.3%}
.prolist2 li {  float: left; margin: 0 2% 3.5% 0;text-align: center; width: 48%;}
.ppro_son-pic{    background: none repeat scroll 0 0 #fff; border: 1px solid #cfd3d3; display: inline-block; max-width: 100%;  overflow: hidden; padding: 1%;}
.ppro_son-text{color: #333; font: 1.375em/2 "Microsoft Yahei"; margin-top: 1px; overflow: hidden; padding: 0 0.375em; position: relative;text-overflow: ellipsis; white-space: nowrap;}
.ppro_son-text a{ color:#333}
.pic{  background: none repeat scroll 0 0 #fff; border: 1px solid #cfd3d3; display: block; padding: 2%;}
.prolist img { width: 100%;}
.prolist li p {   color: #333; display: block; font: 1.375em/2 "Microsoft Yahei"; margin-top: 0.375em;overflow: hidden; padding: 0 0.375em; text-align: center; text-overflow: ellipsis; white-space: nowrap;}
.prolist li p a{ color:#fff}
.prolist .wxmenu1 li{ background:#ad0505; border-radius:10px; width:30%; padding:10px; height:75px; margin-left:5px; float:left}
.prolist .wxmenu1 li a{ font-size:14px; font-weight:bold}

.prolist2 .wxmenu1 li{ background:#f0cb3f; border-radius:10px; width:23%; padding:10px; height:75px; margin-left:5px; float:left; margin-top:10px; text-align:center;}
.prolist2 .wxmenu1 li a{ font-size:14px; font-weight:bold}
/*--- 发布时间 ---*/
.n_time { float:right;color:#53575e;font-family:"微软雅黑"; font-size:16px;}
    #web_news li {color: #333; font: 1.1em "Microsoft YaHei"; margin: 0.625em 0; }
    #web_news li a {color: #333; display: block; overflow: hidden; padding-right: 6%; text-overflow: ellipsis; white-space: nowrap; }
	#web_news li span.time { float:right; color:#53575e;font-family:"微软雅黑"; font-size:16px; }
	
	.footnav { width: 100%; height:30px;}
.footnav li { background:#f0cb3f; border: 1px solid #eee; border-radius: 4px; box-shadow: 1px 2px 3px #d2d2d2; float: left;  margin-left: 1.2%; margin-right: 1%; padding: 1% 0; text-align: center; width: 17.8%;}
.footnav a { color: #fff; float: left; width: 100%;}
.topico { float: right; height: 30px;text-align: right; width: 100%;z-index: 999;}
.topico a {  background: url("../images/m/top.png") no-repeat scroll center center / 100% auto; height: 74px; right: 3%; text-align: center; width: 8%; display: block; position: fixed; bottom:50px}

.foot_height{ height:55px;}
.bottom-fixed {background:#000; bottom: 0;position: fixed; height:55px; text-align:center; z-index: 9999;line-height:70px;color:#fff; width:100%; }
.bottom-fixed li{ font-size:16px; width:25%; float:left; list-style:none; text-align:center; height:55px;padding-top:5px;}
.tel { background: url("../images/m/tel.png") no-repeat scroll center 0px transparent;  float: left; height: 100%; width: 100%;line-height:70px;color:#fff; text-align:center; font-size:14px;}
.sms { background: url("../images/m/sms.png") no-repeat scroll center 4px transparent; float: left; height: 100%; width: 100%;color:#fff;line-height:70px;font-size:14px;text-align:center;}
.map { background: url("../images/m/map.png") no-repeat scroll center -3px transparent;  float: left; height: 100%; width:100%;line-height:70px;font-size:14px;text-align:center;color:#fff;}
.chat { background: url("../images/m/sq.png") no-repeat scroll center -2px transparent; float: left; height: 100%; width: 100%;line-height:70px;font-size:14px;text-align:center;color:#fff;}

/*--- 分页 ---*/
.page_num { width:100%; height:30px; padding:10px 0 0 0; text-align:center; clear:both; }
.page_num strong { padding:0 5px 2px 5px; background-color:#504C4D; color:#fff; margin:0 3px;}
.page_num a { padding:0 5px 2px 5px; background-color:#fff; border:1px solid #ccc; margin:0 3px; color:#00}
.page_num a:hover { background-color:#E9740D; color:#fff; border:1px solid #F30;}
.icp{ background:#000; height:24px; line-height:24px; text-align:center; width:100%; color:#FFF; clear:both}

center {clear: both; padding-top: 5%;}
center img {  margin-bottom: 3%; width: 80%;}

/*在线招聘页面*/
input.input_job { background: none repeat scroll 0 0 #fff; border: 1px solid #d1d1d1; border-radius: 10px; box-shadow: 1px 3px 10px #dcdcdc inset; color: #606060;float: left; font-family: 微软雅黑; font-size: 1em;  line-height: 2; margin: 2% 0; padding: 1.5% 3%;
    width: 100%;}
	td.input_job input{ background: none repeat scroll 0 0 #fff; border: 1px solid #d1d1d1; border-radius: 10px; box-shadow: 1px 3px 10px #dcdcdc inset; color: #606060; font-family: 微软雅黑; font-size: 1em;  line-height: 2; margin: 2% 0; padding: 1.5% 3%;
    width: 100%;}
	#field_4_0{width:10%;display:inline-block;}
	#field_4_1{width:10%;display:inline-block;}
	.input_job{font-size:16px;}
	#qaneirong{   background: none repeat scroll 0 0 #fff;border: 1px solid #d1d1d1; border-radius: 10px; box-shadow: 1px 3px 10px #dcdcdc inset; color: #606060; float: left;font-family: 微软雅黑; font-size: 1em; line-height: 2;  margin: 2% 0;
    padding: 1.5% 3%; width: 100%;}
.bn01 input{ background: none repeat scroll 0 0 #0a8145; border: 0 none; border-radius: 3px; color: #fff; font-family: '微软雅黑'; font-size: 1.2em;line-height: 2; margin: 0 5%; width: 36%;}
.commonbut{padding: 3% 0; text-align: center; width: 100%;}
.commonbut a{ background:#022c65; border: 0 none; border-radius: 3px;  color: #fff; font-family: '微软雅黑'; font-size:18px; line-height:60px; margin: 0 40%; width:150px; height:60px; display:block}


.search { margin: 5% auto; padding-top: 5%;  width: 79.2%;}
.searchform { background: none repeat scroll 0 0 #fff; border: 1px solid #A6A1A0; border-radius: 45px; box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.6) inset; margin: 0 auto; padding-left: 5%; width: 95%;}
.search-txt { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; box-sizing: content-box; color: #999; cursor: pointer; font: 1.375em "Microsoft YaHei"; padding: 4% 0 5% 5%; width: 70.8%;}
.search-sub { background: url("../images/m/img_033.png") no-repeat scroll left top / 120% auto rgba(0, 0, 0, 0); border: 0 none; cursor: pointer; font: 1.375em "Microsoft YaHei"; padding: 4% 0 5%; width: 20.2%;}

.ipro, .icases, .prolist, .caselist, .plantlist { margin: 0 auto; margin-bottom:10px; width: 95%;}
.prolist .metro-b, .caselist .metro-b, .plantlist .metro-b { float: left; margin:5px 0.5%;   position: relative;width:49%;}
.ipro .metro-b .pic, .icases .metro-b .pic, .prolist .metro-b .pic, .caselist .metro-b .pic, .plantlist .metro-b .pic { background: none repeat scroll 0 0 #fff; border: 1px solid #cfd3d3; display: block; padding: 1.5%;}




.middle_bg{;margin-top: 0%;}
/* --- banner动画 ---*/
#web_banner { width:960px; padding:0 0 10px 0; margin:0 auto; height:330px; clear:both; z-index:-999;}


 /* ind_product
----------------------------------------------------------------------------------------------------*/
.ind_product { width:98%; height:180px; border:#ccc 1px solid;border-radius:10px;margin:0 auto;           clear:both;  text-align:center;background:#eee;}
.ind_product div { float:left;}
.inpro_list_m{width:300px; height:253px; float:left;    overflow: hidden;}
.ind_product ul{ width:98%; height:150px;  float:left; padding-top:20px; padding-left:7%;}
.ind_product ul li{ width:180px; padding-left:0px; float:left; }
.ind_product ul li a{ display:block; }
.ind_product ul li img{width:125px; height:125px; border:1px solid #ccc; }

.gg{width:300px;height:41px; background:url(../images/gg.jpg) no-repeat; text-align:left; padding:0px 0px 0px 0px; margin:0px auto; clear:both}
	/* 内容框 */
    .neirong { overflow:hidden; zoom:1; padding:5px; background-color:#fff;}
#demo {
	WIDTH:300px; OVERFLOW:hidden; height:160px; margin:0 auto; padding-top:10px;}

#indemo {
	WIDTH:987%; FLOAT:left
}
#demo1 {
	FLOAT:left;
}
#demo2 {
	FLOAT:left;
}



/*产品具体内容*/
#prodview_pic { text-align:center; overflow:hidden; zoom:1;}
#prodview_pic img {  background-color:#fff; padding:1px; border:2px solid #ccc;margin: 0 auto;}
#protext { width:100%; padding:10px 0;padding-right: 3%;}
h2.pro_name { height:40px; line-height:40px; font-size:14px; color:#444; text-align:center; padding:15px 0;}
.smallpic { max-width:300px; _width: expression(this.width > 100 ? 100 : true);}


.neirong_pro { overflow:hidden; zoom:1; padding-left:28px; background-color:#fff;}
.neirong2 { background-color:#fff; overflow:hidden; zoom:1; padding:10px;min-height:500px;width:300px;}
.neirong2 h2{text-align:center;}
/*--- 产品列表 ---*/
#web_product li { float:left; padding:0 5px 10px 5px; width:131px; height:131px; }
#web_product li p.pro_other { line-height:24px; text-align:center;}

.div3 {  width:125px; height:125px; border:1px solid #ddd; overflow:hidden; text-align:center; vertical-align:middle   }
.div4 {  width:1125px; height:125px; border:1px solid #F6882F; overflow:hidden; text-align:center; vertical-align:middle   }



.pro_prev {
    background: url("../images/jianl.jpg") no-repeat;
    cursor: pointer;
    display: block;
    float: left;
    height: 50px;
    left:2px;
    position: relative;
    top: -120px;
    width: 30px;
    z-index: 6000;
}
.pro_next {
    background: url("../images/jianr.jpg") no-repeat;
    cursor: pointer;
    display: block;
    float: right;
    height: 50px;
    position: relative;
    right:2px;
    top: -120px;
    width: 30px;
    z-index: 6000;
}
.indemo {clear: both;height:150px;overflow: hidden;position: relative;width:88%;margin:0 auto;}
.ScrCont {float: left;width: 10000%;
}

.cont_main{
    background: none repeat scroll 0 0 #fff;
    position: relative;
    right: 0;
    z-index: 10;
	min-height:100%;
}
.nmenu {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    width: 14em;
    height: 100%;
    background: #be1501  none repeat scroll 0% 0%;
    color: #FFF;
    border-left: 1px solid rgb(255, 255, 255);
    box-shadow: 0.125em 0px 0.5em rgba(0, 0, 0, 0.4) inset;
}

.nmenu a{ color: #fff;}
.nmenu p {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    padding: 10% 0 5%;
    text-align: center;
}

.nmenu p font {
    color: #b0bab5;
    font-family: "Impact";
    font-weight: normal;
}
.nmenu .wxmenu1 li{border-bottom: 1px solid #fff;}
.wxmenu1{}

.wxmenu1 li > a {
    background-size: 1.875% auto;
 
    color: #f5f5f5;
    display: block;
    font: 1.2em/1 "Microsoft YaHei";
    padding: 7% 0;
    text-align: center;
}

.jou{height:122px;width:122px;float:left;}
.jou_text_text{font-size:16px; font-family:'微软雅黑'; line-height:24px;float:left;width:100%;}
.jou_text img{display:block;float:left;height:120px;width:120px;}


.vtitle {
    background:#504e4e;
    color: #cdb694;
  
    font-size: 1.7em;
    padding: 2% 0 3%;
    position: relative;
    text-align: center;
    width: 100%;
}
/*@ppro-cla*/
.ppro-cla{width:92%;margin: 3% auto;}
.ppro-cla .A {width:100%;}
.ppro-cla .A .wxmenu1 li{font:normal 1.1em/1 "Microsoft YaHei";display:inline-block;color:#cdb694;padding:0 2%;cursor:pointer; background:#504e4e; width:48%; border-radius:5px; float:left; margin:1%;text-align:center;}
.ppro-cla .A .wxmenu1 li a{font:normal 1.1em/1 "Microsoft YaHei";display:inline-block;color:#cdb694;cursor:pointer; text-align:center;}
.ppro-cla .A .wxmenu1 li ul li{ display:none}
.ppro-cla .B li{display:inline-block;font:normal 1.2em/1 "Microsoft YaHei";background:#a8a9ab;padding:0.5em 1em;margin:5% 2% 0 0;}
.ppro-cla .B li a{color:#f0f3f8;}
.ppro-cla .B li a:visited{color:#f0f3f9;}



.nav_new {
    background-color: #FFF;
   
}
.nav_new ul li {
    width: 25%;
    background-color: #0C0C0C;
    text-align: center;
    border-right: 1px solid #1F1F1F;
    
    height: 1.7rem;
    float: left;
}
.nav_new ul li a {
    display: inline-block;
    width: 100%;
    height: 1.7rem;
    line-height: 1.7rem;
    color: #FFF;
    font-size: 14px;
    font-family: "microsoft yahei";
}

.product_i {
    background-color: #24272E;margin: 0 15px;
    padding-top: 3%;
    padding-bottom: 1%;
}
.common_i_title {   margin-bottom: 2%;}
.common_i_title h2 {
    display: inline-block;
    width: 73%;
    padding: 0.5% 0px;
    text-align: left;
    color: #AE2422;
   font-size: 16px;
    font-weight: normal;
}
.common_i_title h2 span {
    color: #BDBDBD;
    font-size: 14px;
    margin-left: 2%;
    font-weight: bold;
}
.common_i_title a {
    display: inline-block;
    float: right;
    color: #666;
    font-size: 14px;
    text-align: center;
    margin-top: 1.3%;
    padding: 0px 2%;
}
.product_i_list { margin: 2% 0px;}
.product_i_list ul li {
    width: 45.5%;
    float: left;
    margin-bottom: 2%;
    border: 1px solid #C5C5C5;margin-right: 2.3%;margin-left: 2.2%;
    padding: 1%;
    background-color: #FFF;
    position: relative;
}
.product_i_list ul li a span {
    display: block;
    height: 1.5rem;
    line-height: 1.5rem;
    border-top: 1px solid #C5C5C5;
    font-size: 14px;
    color: #666;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.common_i_css {
    background-color: #FFF;
    padding: 0px 4%;
    margin-top: 3%;
}
.common_i_title {
    text-align: left;
    margin-top: 3%;
    margin-bottom: 3%;
    padding: 1% 0px;
    border-bottom: 1px solid #AE2422;
}
.about_i_color .common_i_title_color h2 {
    color: #D40A2B !important;
}

.about_i_c b{float: left;
width: 20%;
background: rgb(190, 21, 1) none repeat scroll 0% 0%;
text-align: center;
font-weight: normal;
display: block;
color: rgb(255, 255, 255);
padding: 2%;
font-size: 16px;
margin-right: 10px;}

.news_i .common_i_title_color {
    padding: 0px ;
}
.common_i_title_color h2 {
    color: #24272E !important;
}
.news_i_list ul li:nth-child(2n+1) {
    background-color: #F5F5F5;
}
.news_i_list ul li a {
    display: inline-block;
    width: 95%;line-height: 28px;
    color: #000;
    font-size:16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.news_i_list ul li a span {
    color: #999;
    margin-right: 3%;
}

.contacts {
    color: #FFF;
    background-color: #84868A;
    padding: 1% 5%;
    line-height: 1.7;
    font-size: 16px;
    margin-top: 2%;margin-bottom: 4%;
}
.contacts div {
    margin: 1.5% 0px;
    padding-left: 3%;
    border-left: 4px solid #E40C31;
}

.about_i_bor {
    border: 3px solid #24272E;
    padding: 4% 3%;
    margin: 4% 4% 0px;
    position: relative;
}
.common_i_title_p {
    width: 30%;
    position: absolute;
    left: 36%;
    top: -9%;
    text-align: center;
    background-color: #FFF;
}
.about_i_bor h2 {
    display: inline-block !important;
    width: auto !important;
    color: #FF002A !important;
    padding: 0px 6%;
}
.about_i_text {
    line-height: 1.6;
    font-size:16px;
    text-align: justify;
}
.jiameng_tel {
    text-align: center;
    margin-top: 1.5%;
}
.jiameng_tel h2 {
    display: inline-block;
    width: 85%;
    font-size: 16px;margin-bottom: 10px;
    font-weight: normal;
    text-align: center;
    color: #FF002A;
    border-radius: 25px;
}

.baoming span {
    display: block;
    color: #666;font-size: 14px;
}
.icon_nav ul li {
    width: 24.6%;
    text-align: center;
    float: left;
    margin: 0px 0%;
    padding: 2% 0px;
    border-right: 1px solid #B9B9B9;
}

.more_i {
    width: 100%;
    float: left;
    padding: 0px;
    background:#070707 none repeat scroll 0% 0%;
}
.more_i span {
    float: left;
    margin-left: 3%;
    font-size: 14px;
    color: #FFF;
    line-height: 1.6;
    padding: 1.2% 1% 0px;
}
.more_i a {
    float: right;
    color: #FFF;
    background: #202020 none repeat scroll 0% 0%;
    font-size: 14px;
    padding: 1.5% 2%;
}
.honor_i_c {
    margin: 0px auto;
    padding: 2% 0px 3%;
    width: 100%;
}
.honor_i_c ul li {
    position: relative;
    width: 45.1563%;
    float: left;
    text-align: center;
    margin: 2% 0px 0% 3.5%;
}
.honor_i_c ul li img {
    width: 97.2318%;
    border: 0.04rem solid #A0A9BE;
}
.honor_i_c ul li span {
    position: relative;
    display: block;
    background: transparent none repeat scroll 0% 0%;
    color: #21273C;
    width: 100%;
    padding: 3% 0px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
}
.boda {
    text-align: center;
    padding: 1% 0px;
    width: 87.5%;
    margin: 1% auto 4%;
    font-size: 16px;
    border-radius: 0.5rem;
    display: block;
    background: #B60E1C none repeat scroll 0% 0%;
    color: #FFF;
}
.boda a {
    color: #FFF;
}
.boda font {
    font-size: 0.3rem;
    color: #FFF;
    font-weight: normal;
    vertical-align: -0.01rem;
}
.caseindex {
    margin: 0px auto;
    width: 96.875%;
    padding: 2.5% 0px;
}
.caseindex ul li {
    width: 31.4516%;
    float: left;
    text-align: center;
    margin: 1.5% 0% 0px 1.5%;
}
.case_i_c {
    padding: 2.5% 0px 3%;
    height: auto;
    overflow: hidden;
}
.case_i_c ul li {
    width: 92.5%;
    display: block;
    float: left;
    margin: 0% 0px 0px 3%;
}
.case_i_c ul li a {
    float: left;border-bottom: 1px dashed #dedede;
    width: 100%;
    color: #222;
    padding: 1% 0px;
}
.case_i_c ul li h2 {
    float: left;
    line-height: 1.3;
    padding: 0px 1%;
    font-size: 14px;
    font-weight: normal;
    width: 98%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.baoming {
    padding: 2% 0px;
    border-radius: 0.05rem;
    width: 95.3125%;
    font-family: "microsoft yahei";
    color: #FFf;
    text-align: left;
    margin: 0px auto;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}
.baoming label {
    display: block;
    color: #be1501;
    font-size: 16px;
    padding: 1% 0 1% 3.5%;
}
.d1 {  background: #070707;line-height: 20px;font-size: 14px;padding: 1% 0 1% 3.5%;margin-bottom: 1%;}
.d2 { background: #be1501;line-height: 20px;font-size: 14px;padding: 1% 0 1% 3.5%;margin-bottom: 1%;}
.d3 { background: #ff7100;line-height: 20px;font-size: 14px;padding: 1% 0 1% 3.5%;margin-bottom: 1%;}

.proliul{float: left;
width: 100%;
text-align: center;
padding: 0% 0px 0px;
border-bottom: 1px solid rgb(208, 208, 208);
border-top: 1px solid rgb(208, 208, 208);}




.proliul li{border-right: 1px solid rgb(208, 208, 208);
float: left;width: 25%;
overflow: hidden;
white-space: nowrap;
text-align: center;
text-overflow: ellipsis;
display: inline-block;
padding: 1% 0%;
margin: 0px;}
.proliul li a {
 background-size: 1.875% auto;
color: #000;
display: block;
font: 14px/25px"Microsoft YaHei";
padding: 0;
text-align: center;
}