body{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;color:#707070}
body,html{ margin:0; padding:0; min-width:1320px;}
p,div,dt,dd,textarea,input{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:600;color:#707070; margin:0; padding:0;}
.clear{ clear:both; height:0px; margin:0px; padding:0px; width:0px; border:none; overflow:hidden; font-size:0px;}
.fleft{ float:left;}
.fright{ float:right;}
.divtable{display: table; width: 100%; height: 100%;}
.divtable-cell{display: table-cell;vertical-align: middle; }
img{ max-width:100%; border:none;}
a{color:#707070;text-decoration:none;-webkit-transition:color 300ms,background-color 300ms;-moz-transition:color 300ms,background-color 300ms;-o-transition:color 300ms,background-color 300ms;transition:color 300ms,background-color 300ms}
a:focus,a:hover{color:#008843; text-decoration:none;}
ol,ul{list-style:none}
ul{padding:0;margin:0}
hr{width:100px;border-top:1px solid #c5c4c5}
.white{ color:#fff; border-color:#fff;}
/*标题颜色样式*/
.tb{font-weight:bold;}
.c1{color: #000000;}
.c2{color: #FFFFFF;}
.c3{color: #FFFF00;}
.c4{color: #00FF00;}
.c5{color: #00FFFF;}
.c6{color: #FF00FF;}
.c7{color: #FF0000;}
.c8{color: #0000FF;}
.c9{color: #008080;}
.btn-primary{padding:8px 20px;background:#000;color:#fff;border-radius:4px;border:none;margin-top:10px}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.btn-primary:focus,.btn-primary:hover{background:#db8c0f;outline:0;box-shadow:none}
a:{color:#111;text-decoration:none;outline:0}

@font-face { font-family: 'iconfont'; src: url('../fonts/iconfont.eot');src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),url('../fonts/iconfont.woff') format('woff'),url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg');}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}


.container{width:1200px; margin:0 auto; position:relative;}
.container:after{ display:block; content:" "; clear:both; height:0;}
#inner-page{ padding:30px 0;}
.leads{ border-bottom:1px #e7e7e7 solid; padding:24px 0 10px; margin-bottom:15px;}
.weizhi{ overflow:hidden;}
.weizhi a{line-height:46px; color:#707070}
.weizhi a:hover{color:#008843}
.weizhiname{ overflow:hidden; }
.weizhiname h3{font-size: 24px; line-height:46px;color:#008843}

#headerbg{position:fixed; z-index:10000; top:0; left:0; width:100%;box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.12);shadow-angle: 92px;shadow-distance: 3px; background:#fff;}	
#header{}
#header .headerbox{ padding:0;}
#header .logo{ padding:0;line-height:80px;}
#header .logo img{ display:inline-block; vertical-align:middle; line-height:80px; max-height:80px;transition:transform 1s ease 0s;transform:scale(1)}
#header .logo:hover img{transition:transform 1s ease 0s;transform:scale(1.06)}
#header .headermenu{position:relative;}
#header nav{ overflow:hidden;}
#header nav ul.menu{}
#header nav ul.menu li { position: relative; float: left;text-align: center; height:80px;}
#header nav ul.menu li a{position: relative;display: block;	width: 100px;line-height: 80px;font-size: 16px;text-decoration: none;	cursor: pointer;}
#header nav ul.menu li a span{position: absolute;left: 0;width: 100px;color: #000;}
#header nav ul.menu li a span.over {color: #fff;background-color: #375fff;}
#header nav ul.menu li .headersearch{ width:110px; padding:0 10px; border:1px #e9e9e9 solid;color:#cecece;border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px; overflow:hidden; margin-top:25px;}
#header nav ul.menu li .headersearch input[type="text"]{ background:none; border:0; outline:none; width:90px; float:left; line-height:28px; color:#cecece;}
#header nav ul.menu li .headersearch input[type="text"]::-webkit-input-placeholder {color: #cecece;}
#header nav ul.menu li .headersearch button[type="submit"]{ background:none; border:none;  width:20px; float:right;line-height:28px;cursor: pointer;color:#cecece;}

#banner{ position:relative;}
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
.slideBox .hd{ overflow:hidden; position:absolute; width:100%; left:0;bottom:10px; z-index:1;  text-align:center;}
.slideBox .hd ul{ overflow:hidden; zoom:1; display:inline-block;font-size: 0;}
.slideBox .hd ul li{ float:left; margin:0 5px;  width:16px; height:16px;border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;text-align:center; background:#008843; cursor:pointer; }
.slideBox .hd ul li.on{ background:#d7000f; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto; display:block;  }
.slideBox .prev,.slideBox .next{ position:absolute; left:10%; top:50%; margin-top:-37px; display:block; width:35px; height:74px;font-size: 30px;color: rgb(255, 255, 255); cursor: pointer;display: block;opacity: 0.5; transition: all 1s; text-align:center; line-height:74px;background: rgba(0, 0, 0, 0.498);font-family: 宋体;}
.slideBox .next{ left:auto; right:10%;}
.slideBox .prev:hover,.slideBox .next:hover{opacity: 1;}
.slideBox:hover .prev,.slideBox:hover .next{ filter:alpha(opacity=50);opacity:0.5;  }

.leadbanner{ position:absolute; z-index:100; bottom:15px; left:0; width:100%;}
.bannertitle{ text-align:center; padding-bottom:30px;}
.bannertitle h3{ font-size:30px; color:#fff; line-height:200%;}
.bannertitle p{ color:#fff;}
.leibies {}
.leibies ul{  overflow:hidden; text-align:center;}
.leibies ul li{line-height:44px;color:#707070; display:inline-block; margin:0 5px;}
.leibies ul li a { color: #707070;background:#fff; width:138px;height:138px; display: block;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;font-size:14px;}
.leibies ul li a:hover,.leibies ul li a.active:before {background:#008843;color: #fff;}


.searchbox{padding:10px 0; overflow:hidden; display:none;}
.searchbox .hotsearch{color: #000;line-height: 40px;}
.searchbox .hotsearch span{ font-weight:600;}
.searchbox .hotsearch a{color: #000; padding: 0 5px;}
.searchbox .searchboxnr{overflow:hidden; float:right;margin-top:5px;}
.searchbox .searchboxnr form{ position:relative;border:1px #ddd solid;}
.searchbox .searchboxnr input[type="text"]{line-height:35px; height:35px; border:none; background:none;float:left; display:block; min-width:240px;}
.searchbox .searchboxnr button[type="submit"]{width: 30px;height: 35px;background: url(../images/go.jpg) no-repeat;border: 0; text-indent:-9999px;cursor:pointer;}

.inboxbg{ height:100vh; width:100%;animation: breatheBg 6s ease-in-out infinite alternate;-moz-animation: breatheBg 6s ease-in-out infinite alternate; -webkit-animation: breatheBg 6s ease-in-out infinite alternate;
-o-animation: breatheBg 6s ease-in-out infinite alternate;-ms-animation: breatheBg 6s ease-in-out infinite alternate;}
@-moz-keyframes breatheBg {
0% {opacity: 1;background-size:100% 100%;}
100% {opacity: 1;	background-size:110% 110%;}
}
@-webkit-keyframes breatheBg {
0% {opacity: 1;	background-size:100% 100%;}
100% {opacity: 1;	background-size:110% 110%;}
}
.intitle{ margin-bottom:30px;}
.intitle h3{ font-size:42px; line-height:180%; color:#335dfd;background: url(../images/dian2.png) no-repeat 280px center; font-weight:400;}
.intitle h4{ line-height:30px; color:#7780a2; font-weight:100;}
.intitle h4 i{font-size: 24px; font-style:normal; padding-right:15px;color:#335dfd;}

.inabout{}
.inabout .inaboutbox{ overflow:hidden;}
.inabout .inaboutbox .inaboutnr{width:40%;}
.inabout .inaboutbox .inaboutnr .inabouttitle{ margin-bottom:30px;}
.inabout .inaboutbox .inaboutnr .inabouttitle h3{ font-size:30px; line-height:150%; color:#fff;background: url(../images/dian.png) no-repeat right center; }
.inabout .inaboutbox .inaboutnr .inabouttitle h4{ font-size:18px; color:#fff;}
.inabout .inaboutbox .inaboutnr .inabouttitle h4 i{font-size: 24px; font-style:normal; padding-right:15px;color:#fff;}
.inabout .inaboutbox .inaboutnr .inabouttext{ color:#fff; line-height:25px;}
.inabout .inaboutbox .inaboutnr .inabouttext .more{ margin-top:30px;}
.inabout .inaboutbox .inaboutnr .inabouttext .more a{ border:1px solid #fff; line-height:40px; padding:0 20px; display:inline-block; color:#fff;} 
.inabout .inaboutbox .inaboutnr .inabouttext .more a:hover{ border:1px  solid transparent;}

.inproductlist{ position:relative;}
.inproductlist .next,.inproductlist .prev{ position:absolute; top:50%; margin-top:-50px; left:-50px; width:50px; height:50px; display:block; text-align:center; line-height:50px;color: #e5e5e5; font-size:50px;}
.inproductlist .prev{ left:auto; right:-50px;}
.inproductlist ul li{ width:300px; float:left;}
.inproductlist .inproductbox{ margin:15px; background:#fff;}
.inproductlist .inproductbox .text{ border-top:1px #ededed solid;}
.inproductlist .inproductbox .text h3{ text-align:center; font-weight:100; line-height:35px; padding:10px 0;}
.inproductmore{ text-align:center; padding:30px 0;}
.inproductmore a{ width:40px; height:45px; display:block; background:#335dfd; color:#fff; font-size:35px; font-weight:100; padding-left:5px; line-height:40px; margin:0 auto;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;}

.innewslist{}
.innewslist ul li{position: relative; background: #f7f7f7;transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; display:block; margin-bottom:30px;}
.innewslist ul li:after{ content:"";clear:both; display:block;}
.innewslist ul li .pic{width: 200px;padding:15px;}
.innewslist ul li:hover .pic{ background:#ccc;}
.innewslist ul li .text{ width:940px; padding:30px 15px;transition: all .3s ease-out 0s;}
.innewslist ul li:hover .text{width:910px; padding:30px 15px 30px 45px;}
.innewslist ul li .text .title{ overflow:hidden; margin-bottom:15px;}
.innewslist ul li .text .title h3{ float:left; color:#717171;font-size:16px; font-weight:400;transition: all .3s ease-out 0s}
.innewslist ul li .text .title span{ float:right;font-size:18px; padding-right:50px; font-weight:300;}
.innewslist ul li:hover .text .title span{ padding-right:20px;transition: all .3s ease-out 0s}

.innewslist ul li .text .description{ overflow:hidden;}
.innewslist ul li .text .description p{ float:left; width:700px; line-height:26px;color: #A2A2A2;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.innewslist ul li .text .description i{ float:right; width:190px; font-style:normal;transition: all .3s ease-out 0s}
.innewslist ul li .text .description i span{width: 70px;height: 35px; line-height:35px; display:block; margin:10px auto 0;border-radius: 18px; text-align: center;border: 1px solid #dedfe1;transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;}
.innewslist ul li:hover .text .description i{ float:right; width:120px;}
.innewslist ul li:hover .text .description i span{ background:#ccc; color:#fff;}

.incontactbox{}
.incontactboxnr{ width:50%;}
.incontactmap{ width:50%; height:100vh;position:absolute; right:0; top:0; z-index:100;}

.incontactboxleft{ width:50%; height:100vh; float:left;}
.incontactboxright{ width:50%; height:100vh;float:right;}
#friendlink{padding:15px 0;}
#friendlink .friendlink{}
#friendlink .friendlinkwz{}
#friendlink .friendlinkwz font{font-size:13px;line-height: 32px;color: #333;}
#friendlink .friendlinkwz a{ line-height:32px;color: #333;padding: 0 10px; display: inline-block;}
#friendlink .friendlinkwz a:hover{ color:#f39c12;}
#friendlink .friendlinkpic{ overflow:hidden; margin:0 -5px;}
#friendlink .friendlinkpic ul li{ width:16.66666666%; float:left; }
#friendlink .friendlinkpic ul li a{ margin:0 5px;display:block;}
#friendlink .friendlinkpic ul li img{ width:100%;}

#footer{ background-color:#2c2c2c; padding:10px 0;color: #fff;}
#footer a{color: #fff;}
#footer a:hover{color:#fff;}
.footerbox1,.footerbox2{ padding:10px 0;}
.footermenu ul{ overflow:hidden;}
.footermenu ul li{float:left; display:block;}
.footermenu ul li a{color: #fff;line-height:30px; padding:0 25px 0 0;}
.footermenu ul li a:hover{}
#footer .footercopyright{ line-height:30px;}

#float {}
#float .wrap { margin-bottom: 2px; position: relative; cursor: pointer; background:#008843 ;}
#float .fa { padding: 0; width: 40px; display: block; line-height: 40px; text-align: center;  color: #FFF; font-size: 20px; }
#float .content {  min-height: 40px; position: absolute; right: 40px; top: 0; display: none; background:#008843 ;}
#float .content a { color: #FFF; }
#float .qrcode .content { padding: 5px; width: 180px; }
#float .qrcode .content img{ max-width:100%;}
#float .phone .content { line-height: 40px; padding: 0 20px; font-size: 18px; color: #FFF;width: 180px; }
#float .kfqq .content { line-height: 40px; padding: 0 20px; font-size: 18px; color: #FFF;width: 180px;}
#float .email .content { line-height: 40px; padding: 0 20px; font-size: 18px; color: #FFF;}
#float .custom .content { padding: 20px; min-width: 160px; color: #FFF; }

.nrbt{border-bottom:1px #ededed dashed;color:#333;font-weight:700;text-align:center;line-height:50px; font-size: 2em;}
.nrothers{text-align:center;line-height:40px;color:#9c9c9c;font-size:10px;border-bottom:1px #ededed dashed}
.nrothers a{color:#ededed;font-size:10px}
.fontZoom,.single{padding:15px 0; min-height:50vh; line-height:30px;}
.fontZoom img,.single img,.banners img{max-width:100%; vertical-align:top;}
.fontZoomtitle{background-color:#eee;margin-bottom:20px}
.fontZoomtitle h3{line-height:36px;padding-left:10px;color:#000}

.siderleft{width: 250px;}
.siderright{ width:900px;}

.siderbox{}
.contentbox{}
.producttitle{background: #008843;padding:0 15px; margin-top:30px;}
.producttitle h3{font-size:16px;color:#fff;line-height:40px; font-weight:300;}
.productbox{ border:1px #f0f0f0 solid; padding:15px;}

.newslist dl{overflow:hidden;border-bottom:1px dashed #ccc;position:relative;padding-bottom:20px;background:#f7f7f7;transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;margin-bottom: 20px; cursor:pointer;}
.newslist dl:hover{border:1px solid #efefef;box-shadow:0 6px 10px 5px rgba(0,0,0,.08)}
.newslist dl dt{width:200px; float:left;font-weight: bold; line-height: 16px; max-width: 80%;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.newslist dl dt a{color: #333;background: #eaeaea;display:block; padding:15px;}
.newslist dl dd{ float:right; width:950px; margin:0; padding:15px;transition:all .3s ease-out 0s}
.newslist dl:hover dd{width:930px;}
.newslist dl dd p{ line-height: 24px; color: #666;margin-bottom: 20px; overflow: hidden;}
.newslist dl dd p span{display:block; line-height: line-height: 14px;}
.newslist dl dd i{font-style:normal;}
.newslist dl dd em{display: block;width: 106px; height: 24px; line-height: 24px; text-align: center; font-style:normal;}
.newslist dl dd em a{background:#767676;color: #fff; display: block;text-transform: none;}
.newslist dl:hover dt a{color: #000;}
.newslist dl:hover em a{background: #000;}

.newstulist{ }
.newstulist ul{ margin-left:-16px; margin-right:-16px;}
.newstulist ul:after{ display:block; content:" "; clear:both;}
.newstulist ul li{float: left;width:25%;text-align: center;overflow: hidden;}
.newstulist ul li .newstulist-box{box-shadow: 0px 1px 8px rgba(200,200,200,.6);   border-color:#c8c8c8;padding:10px;background:#fff;margin:16px; position:relative;}
.newstulist ul li .newstulist-box img {display: block;width: 100%;}
.newstulist ul li .newstulist-box:hover img{transition: all 0.5s;transform: scale(1.1,1.1);}
.newstulist ul li .newstulist-box h3{display:block;height:32px;font-weight:700;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.newstulist ul li .newstulist-box h3 a{color:#333}

.newstwlist dl{padding: 0 0 30px;margin-bottom: 30px;border-bottom: 1px solid #eee;overflow: hidden;}
.newstwlist dl dt{width: 20%;float: left;margin-right: 40px;overflow: hidden;} 
.newstwlist dl dt img {display: block;width: 100%;} 
.newstwlist dl dd {overflow: hidden;} 
.newstwlist dl dd h4 {height: 35px;font-weight: bold;line-height: 35px;max-width: 80%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} 
.newstwlist dl dd h4 a {color: #333;} 
.newstwlist dl dd h4 a:hover {color: #000;} 
.newstwlist dl dd p {height:72px;line-height: 24px;color: #666;margin-bottom: 14px;overflow: hidden;} 
.newstwlist dl dd p span {/*display: block;line-height: line-height: 14px;*/} 
.newstwlist dl dd em {display: block;width: 106px;height: 24px;line-height: 24px;text-align: center; font-style:normal;} 
.newstwlist dl dd em a {background: #767676;color: #fff;display: block;text-transform: none;} 
.newstwlist dl:hover dd em a {background: #000;} 
.newstwlist dl:hover h4 a {color: #000;}

.productlist{}
.productlist ul{margin-left:-16px; margin-right:-16px;}
.productlist ul:after{ display:block; content:" "; clear:both;}
.productlist ul li{width:25%;float:left;}
.productlist ul li .productlist-box{margin:15px; position:relative;}
.productlist ul li .productlist-box figure{background-color:#fff;display:block;line-height:normal;overflow:hidden;position:relative;border:solid 1px #cecece; margin:0; padding:0;}
.productlist ul li .productlist-box figure img{display:block;transition:424ms linear}
.productlist ul li .productlist-box figcaption{display:block;color:#5d5d5d;font-size:13px;line-height:normal;margin-top:14px;text-align:center;line-height:30px;transition:350ms}
.productlist ul li .productlist-box figure mark{position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;background:rgba(235,97,35,.2);background:#008843\9;filter:alpha(opacity=20);z-index:20;opacity:0;transform:skewX(45deg);visibility:hidden;transition:360ms}
.productlist ul li .productlist-box figure mark b{display:block;width:46px;height:46px;position:absolute;left:50%;top:50%;margin-left:-23px;margin-top:-23px;z-index:30}
.productlist ul li .productlist-box figure mark b:before{content:"";width:100%;height:1px;background:#008843;position:absolute;left:0;top:23px;transform:translateX(-200px);-webkit-transform:translateX(-200px);-moz-transform:translateX(-200px)}
.productlist ul li .productlist-box figure mark b:after{content:"";width:1px;height:100%;background:#008843;position:absolute;left:23px;top:0;transform:translateY(-200px);-webkit-transform:translateY(-200px);-moz-transform:translateY(-200px)}
.productlist ul li .productlist-box figure mark:before{content:"";width:100%;height:0%;border-left:1px solid #008843;border-right:1px solid #008843;box-sizing:border-box;position:absolute;left:0;top:0;transition:320ms}
.productlist ul li .productlist-box figure mark:after{content:"";width:0;height:100%;border-top:1px solid #008843;border-bottom:1px solid #008843;box-sizing:border-box;position:absolute;left:0;top:0;transition:320ms}
.productlist ul li .productlist-box:hover figure mark{opacity:1;transform:skewX(0);visibility:visible}
.productlist ul li .productlist-box:hover figure mark:before{height:100%;transition:330ms .2s}
.productlist ul li .productlist-box:hover figure mark:after{width:100%;transition:330ms .2s}
.productlist ul li .productlist-box:hover figure img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.productlist ul li .productlist-box:hover figure mark b:before{transition:355ms 180ms;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0)}
.productlist ul li .productlist-box:hover figure mark b:after{transition:355ms 240ms;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0)}
.productlist ul li .productlist-box:hover figcaption{color:#008843}
.productlist ul li .productlist-box .text{ overflow:hidden; padding-top: 15px; text-align:center;}
.productlist ul li .productlist-box .text h3{display:block;font-weight:100;color: #707070; height: 15px;line-height: 15px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.productlist ul li .productlist-box:hover .text h3{ color:#008843;}

.contactus{}
.contactus .contactusbox{ width:50%; float:left;}
.contactus .contactmap{ width:50%; float:left;}
.contactus .contactmap .contactmaptitle{ padding-bottom:15px;}

.ProductZoom{margin-bottom: 10px; }
.ProductZoom-box{border: 1px solid #eee;border-top:none; padding:15px;}
.ProductZoom img{max-width:100%}
.ProductZoomtitle{height:40px; color:#000; border-bottom:1px #e5e5e5 solid;border-left:1px #e5e5e5 solid; position:relative;}
.ProductZoomtitle h3{ position:absolute; left:0; top:1px; line-height:38px; background-color:#fff; border-top:2px #000 solid; border-right:1px #e5e5e5 solid; margin:0; padding:0 15px; color:#000; font-size:14px;}

.ohterproduct{padding:10px 0;border-bottom:1px #e4e5e5 solid;}
.ohterproduct h3{ margin:0; margin:0; line-height:36px; font-size:10px; color:#97816d;}
.productdetail{ margin-bottom:10px; margin-top:10px;}

.product-box{ margin-bottom:15px;}
.product-box:after{ display:block; content:" "; clear:both;}
.product-box .productpic{ width:500px;}
.box{width:500px;margin:0 auto;}
.left-pro{width:500px; padding:0;}
.left-pro .t1{width:88px;float:left}
.left-pro .t2{width:402px;text-indent:0;float:left;padding-left:10px}
.left-pro .t2 img{max-width:800px; max-height:800px;}
#showArea img{cursor:pointer;display:block;margin-bottom:5px;width:68px;padding:1px;border:1px solid #ccc;height:68px;float:left}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block;margin-left:9px}
#gobottom{cursor:pointer;display:block;margin-left:9px}
#showArea{height:379px;margin:10px;overflow:hidden}

.product-box .productwz{width:240px;}
.product-box .productwz .productwz-box{ padding-left:15px;}
.product-box .productwz .productwz-box h3{height: 55px; font-size: 20px;  font-weight: normal;color: #242424; line-height:52px; margin-bottom: 24px;}
.product-box .productwz .productwz-box h3 em{display: block;height: 1px;background: #eee;}
.product-box .productwz .productwz-box h3 span{width:36px; height: 2px; background: #000; display: block;}
.product-box .productwz .productwz-box p{ line-height:30px;}
.product-box .productwz .productwz-box .onlinetel{min-height: 60px;border-top: 1px dashed #eee;line-height: 30px;padding-left: 36px;background: url(../images/VISkins-p4.png) no-repeat -972px -452px; margin-top:15px;}

.enquiry{ margin-top:20px;}
.enquiry a{ display:inline-block; line-height:35px; padding:0 20px; background-color:#000; color:#fff; font-size:14px;border-radius:4px;}

.productinfo{ text-align:center;}

.pages{PADDING:7px;MARGIN:3px;TEXT-ALIGN:center}
.pages A{BORDER:#ccc 1px solid;MARGIN:2px;COLOR:#9c9c9c;TEXT-DECORATION:none;width:24px;line-height:24px;text-align:center;display:inline-block;border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;background-color:#fff;font-size:1em;font-family:Rosario,sans-serif}
.pages A:hover{BORDER:#ccc 1px solid;COLOR:#000}
.pages A:active{BORDER:#ccc 1px solid;COLOR:#000}
.pages SPAN.current{BORDER:#ccc 1px solid;FONT-WEIGHT:bold;MARGIN:2px;width:24px;line-height:24px;text-align:center;display:inline-block;border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;COLOR:#fff;BACKGROUND-COLOR:#000;font-size:1em;font-family:Rosario,sans-serif}
.pages SPAN.disabled{BORDER:#ccc 1px solid;MARGIN:2px;COLOR:#ddd}
.productpic{text-align:center}
.productpic img{ max-width:100%;}
#QQFloatDiv{width:137px;margin:0 auto; background-color:#fff; display:none;}
#QQFloatDiv .Head{height:29px;background:url(../images/QQ/header_bg.gif)}
#QQFloatDiv .Body{padding-top:30px;background:url(../images/QQ/con_bg.gif) repeat-x center top;text-align:center;border:1px #dbdbdb solid;border-top:none}
#QQFloatDiv .Foot{border:1px #dbdbdb solid;border-top:none;}
#QQFloatDiv .Foot img{max-width:100%}
.biaoqian{height: 24px; margin-bottom:30px;}
.biaoqian span{width: 92px;height: 24px;display: inline-block;font-weight: bold;color: #fff; text-align: center; background: #000; margin-right: 10px;}
.shangxia{border-bottom: 1px solid #eee;margin-bottom: 24px;overflow: hidden;}
.shangxia ul{}
.shangxia ul li{ float:left; width:50%;line-height:30px;}
.shangxia ul li font{font-weight:700;color:#000;padding-right:5px}
.shangxia ul li a{color:#9c9c9c;line-height:30px;text-transform:capitalize}
.shangxia ul li a:hover{color:#aaa}
.videonr{text-align:center}
.share{padding:10px 0}
.jiathis_counter_style span{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}

.sidebarnr{margin-top:30px;}
.sidebartitle{background: #008843;padding:0 15px;}
.sidebartitle h3{font-size:16px;color:#fff;line-height:40px; font-weight:300;}

.leibie{}
.leibie ul{overflow:hidden; text-align:center;}
.leibie ul li{line-height:40px;color:#707070; display:inline-block;}
.leibie ul li a{color: #333;display: block;background:#f2f2f2; padding:0 50px; margin:5px;font-size:14px; text-align:center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.leibie ul li a:hover,.leibie ul li a.active{text-decoration: none; color: #000;background-position: 185px -56px;}

.menuTree{border: 1px solid #f0f0f0;}
.menuTree ul{display:none;}
.menuTree ul li{line-height:37px;color:#707070; display:block;}
.menuTree ul li a{color: #333;display: block; line-height:40px;padding: 0 15px;border-bottom:1px #f0f0f0 solid;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; position:relative;}
.menuTree ul li a i{position:absolute; top:10px; right:10px;font-size:10px;-webkit-transform:scale(0.8);padding:3px; color:#d9d9d9; border:1px #d9d9d9 solid;border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;}
.menuTree ul li a:hover,.menuTree ul li a.active{text-decoration: none; color: #000; background:#eff8f8;}
.menuTree ul li ul{}
.menuTree ul li ul li{line-height:36px;color:#646363; display:block;}
.menuTree ul li ul li a{color: #333;display: block;background: url(../images/left_li.gif) no-repeat 20px center; padding:0 0 0 30px;border-bottom: 1px dashed #dedede;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.menuTree ul li ul li a:hover,.menuTree ul li ul li a.active{text-decoration: none; color: #000;background-position: 185px -56px;}

.leftcontact{margin-top: 20px;}
.leftcontact .leftcontactnr{ line-height:30px; padding:10px; color:#444;border: 1px solid #ececec;}
.leftcontact .leftcontactnr img{ width:100%;}

.leftlink{margin-top: 20px;}
.leftlink li{ padding-bottom:10px;}
.leftlink img{width:100%;}

.othernews{margin-bottom: 24px;}
.othernewstitle{ margin-bottom: 24px;}
.othernewstitle h3{height: 55px; font-size: 20px;  font-weight: normal;color: #242424; line-height:52px;}
.othernewstitle em{display: block;height: 1px;background: #eee;}
.othernewstitle span{width:36px; height: 2px; background: #000; display: block;}
.othernewslist{ overflow:hidden;}
.othernewslist ul{}
.othernewslist ul li{width: 50%; height: 38px; line-height: 38px; float: left;}
.othernewslist ul li a{display: block;padding-left:16px; color: #666; background: url(../images/VISkins-p4.png) no-repeat  -6px -326px;text-decoration: none;}
.othernewslist ul li a:hover{color:#000;}

.otherproduct{margin-bottom: 24px;}
.otherproducttitle{ margin-bottom: 24px;}
.otherproducttitle h3{height: 55px; font-size: 20px;  font-weight: normal;color: #242424; line-height:52px;}
.otherproducttitle em{display: block;height: 1px;background: #eee;}
.otherproducttitle span{width:36px; height: 2px; background: #000; display: block;}
.otherproductlist{position:relative; margin-left:-15px; margin-right:-15px;}
.otherproductlist .hd{ overflow:hidden;height:30px; padding:0 15px; position:absolute; right:0; top:-60px;}
.otherproductlist .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.otherproductlist .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.otherproductlist .hd ul li.on{ background-position:0 0; }
.otherproductlist .bd{ padding:15px 0;}
.otherproductlist .bd ul{ overflow:hidden; zoom:1; }
.otherproductlist .bd ul li{float:left; width:25%; _display:inline; overflow:hidden; text-align:center;  }
.otherproductlist .bd ul li .productlist-box{box-shadow: 0px 1px 8px rgba(200,200,200,.6);   border-color:#c8c8c8;padding:10px;background:#fff;margin:16px; position:relative;}
.otherproductlist .bd ul li .productlist-box img{display:block;width:100%;box-sizing:border-box}
.otherproductlist .bd ul li .productlist-box:hover img{transition: all 0.5s;transform: scale(1.1,1.1);}
.otherproductlist .bd ul li h3{ overflow:hidden; font-weight:100; padding-top: 10px;}
.otherproductlist .bd ul li h3 a{display:block; float:left;font-size: 16px;color: #343434; height: 30px;line-height: 30px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.otherproductlist .bd ul li h3 a.btn{ float:right;display:block;width:70px;height:24px;text-align:center;line-height:24px;border-radius:3px;font-size:13px;color:#fff;background:#7f7677;}
.otherproductlist .bd ul li h3 a.btn:hover{ background:#221816;}

.message{ padding:0; margin-bottom:24px;}
.message dl.form-group{ overflow:hidden;}
.message dl.form-group dt{ width:100px; float:left;}
.message dl.form-group dd{ width:calc(100% - 100px); float:left;}
.message dl.form-group dd .form-control{ width:calc(100% - 2px);min-height:25px; line-height:25px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;background-color:rgba(255,255,255,.5); border:1px #f1f1f1 solid;}
.message dl.form-group dd .form-control.txts{ width:120px;}
.message dl.form-group dd .textarea{ height:132px;}
.message dl.form-group dd img.codeimage{ height:27px;}
.message .form-send{ text-align:center;}
.message .form-send input[type="submit"],.message .form-send input[type="reset"]{border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;background-color:rgba(0,0,0,.5); color:#fff; border:1px #fff solid; line-height:32px; padding:0 50px; margin:0 5px; cursor:pointer;}
.message .form-send input[type="submit"]:hover,.message .form-send input[type="reset"]:hover{background-color: rgba(180,17,20,.8);}

.membertable{ padding:0; margin-bottom:24px;}
.membertable dl.form-group{ overflow:hidden;}
.membertable dl.form-group dt{ width:100px; float:left;}
.membertable dl.form-group dd{ width:calc(100% - 100px); float:left;}
.membertable dl.form-group dd .form-control{ width:calc(100% - 2px);min-height:25px; line-height:25px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;background-color:rgba(255,255,255,.5); border:1px #f1f1f1 solid;}
.membertable dl.form-group dd .textarea{ height:132px;}
.membertable dl.form-group dd img.codeimage{ height:27px;}
.membertable .form-send{ text-align:center;}
.membertable .form-send input[type="submit"],.membertable .form-send input[type="reset"]{border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;background-color:rgba(0,0,0,.5); color:#fff; border:1px #fff solid; line-height:32px; padding:0 50px; margin:0 5px; cursor:pointer;}
.membertable .form-send input[type="submit"]:hover,.membertable .form-send input[type="reset"]:hover{background-color: rgba(180,17,20,.8);}

#map_canvas img,.google-maps img {max-width: none;}
#map_canvas label{ max-width: none;}
.footerquicklink{ display:none;}

.cmsimg{ position:relative; overflow:hidden; text-align:center;}
.cmsimg .cmsimg-box{overflow:hidden; text-align:center;width:100%;height:0px; padding-bottom:100%;position:relative; overflow:hidden;}
.cmsimg.prop1 .cmsimg-box{ padding-bottom:100%;}
.cmsimg.prop2 .cmsimg-box{ padding-bottom:200%;}
.cmsimg.prop3 .cmsimg-box{ padding-bottom:133.333%;}
.cmsimg.prop4 .cmsimg-box{ padding-bottom:75%;}
.cmsimg.prop5 .cmsimg-box{ padding-bottom:50%;}
.cmsimg .cmsimg-box img{width:100%;height:100%;position:absolute; display:block;}

/*向上箭头，类似A，只有三个边，不能指定上边框*/
.arrow-up{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff;font-size:0;line-height:0; position:absolute; right:calc(50% - 8px); top:-8px;}
 /*向下箭头 ，类似 V*/
.arrow-down{width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-top:30px solid #00f;font-size:0;line-height:0}
/*向左的箭头：只有三个边：上，下，右。而<|总体来看，向左三角形的高=上+下边框的长度。宽=右边框的长度*/
div.arrow-left{width:0;height:0;border-bottom:30px solid transparent;border-top:30px solid transparent;border-right:40px solid green;font-size:0;line-height:0}
/*向右的箭头：只有三个边：上，下，左。而|>总体来看，向右三角形的高=上+下边框的长度。宽=左边框的长度*/
div.arrow-right{width:0;height:0;border-top:30px solid transparent;border-bottom:30px solid transparent;border-left:60px solid #000;font-size:0;line-height:0}