body{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;color:#62606b}
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:#62606b; 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;}
img{ max-width:100%; border:none;}
a{color:#444;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:#d9890b; 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;}
.container:after{ display:block; content:" "; clear:both;}
#inner-page{ padding:30px 0;}

#header{}
#header	.headerbg{background: url(../images/a_bg_top.png) repeat-x center;}
#header .logo{ padding:0;}
#header .logo img{ display:inline-block; vertical-align:middle;}
#header .menubg{background:rgb(129, 81, 45);}
#header nav{ overflow:hidden;}
#header nav ul.menu{}
#header nav ul.menu li { position: relative; float: left;text-align: center;}
#header nav ul.menu li a {font-size: 16px;display:block;color: #fff; width:145px; line-height:50px;}
#header nav ul.menu li a:hover,#header nav ul.menu li.active a{ color:#000;background: url(../images/a_bg_dh.png) no-repeat center bottom;}

.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; background:rgba(0,0,0,.5);border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px; padding:5px 15px;}
.slideBox .hd ul li{ float:left; margin:0 3px;  width:12px; height:12px;border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#221816; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd li a{ height:689px; width:100%; display:block;}
.slideBox .bd img{ width:100%; height:auto; display:none;  }
.slideBox .prev,.slideBox .next{ position:absolute; left:20px; top:50%; margin-top:-25px; display:block; width:73px; height:73px; background: url(../images/left1s.png) no-repeat left center; filter:alpha(opacity=0);opacity:0;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;}
.slideBox .next{ left:auto; right:20px;background: url(../images/right1s.png) no-repeat left center;}
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=50);opacity:0.5;  }

.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;}

.intitle{ text-align:center; margin-bottom:30px;}
.intitle:after{ content:""; display:block; position:absolute;}
.intitle h3{ display:inline-block;position:relative;}
.intitle h3:before{content:""; display:block;  border:1px #62606b solid; border-bottom:none; position:absolute; width:calc(100% - 2px); height:30px; top:0;}
.intitle h3 i{ font-style:normal;position:relative; color:#62606b; padding:10px 0 0; display:block;}
.intitle h3 i:before,.intitle h3 i:after{ border-top:1px #62606b solid;content:""; display:inline-block; width:30px; padding-top:5px;}
.intitle h3 i font{font: 22px/36px "Microsoft Yahei"; font-weight:100; padding:0 30px;}
.intitle h4{position:relative; z-index:2;display: block;font: 40px/60px "Microsoft Yahei";text-transform: uppercase;color: #62606b;font-weight:100; }
.intitle p{font: 14px/24px "Microsoft Yahei";color: #62606b; display:inline-block; padding:0 5px; text-transform:uppercase;}
.intitle p:before{content:""; display:block; border-top:1px #62606b solid;}
.intitle.white h3:before,.intitle.white h3 i:before,.intitle.white h3 i:after,.intitle.white p:before{border-color:#fff;}
.intitle.white h3 i font,.intitle.white h4,.intitle.white p{ color:#fff;}
.intitlepic{ text-align:center; padding:30px 0 10px;}
.inmore{ text-align:center;}
.inmore a{ display:inline-block;width: 150px;height: 40px; font-size:20px; background:#221816; line-height:40px; color:#fff;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}

.bar{}
.bar img{ vertical-align:top;}

.inproductcategory{padding:30px 0; overflow:hidden;}
.inproductcategorylist{ overflow:hidden; padding:15px 0;}
.inproductcategorylist ul{}
.inproductcategorylist ul li{ float:left; line-height:46px; width:14%; text-align:center;}
.inproductcategorylist ul li.line{ width:5%;}
.inproductcategorylist ul li.more{ width:5%;}
.inproductcategorylist ul li a{color: #666666;font-size: 16px; display:block;}
.inproductcategorylist ul li a:hover{ color:#333;}

.inproductBox{ width:100%; height:auto; overflow:hidden; position:relative; padding-bottom:50px;}
.inproductBox .hd{ overflow:hidden; position:absolute; width:100%; left:0;bottom:10px; z-index:1;  text-align:center;}
.inproductBox .hd ul{ overflow:hidden; zoom:1; display:inline-block;font-size: 0;}
.inproductBox .hd ul li{ float:left; margin:0 3px;  width:30px; height:8px;text-align:center; background:rgb(61, 61, 61); cursor:pointer; }
.inproductBox .hd ul li.on{ background:rgb(0, 51, 153); color:#fff; }
.inproductBox .bd{ position:relative; height:100%; z-index:0;}
.inproductBox .bd li{ zoom:1; vertical-align:middle; overflow:hidden; margin:0 -10px;}
.inproductBox .bd li a{ width:33.333%; float:left; display:block;}
.inproductBox .bd li .inproductli{ overflow:hidden; margin:10px; background:#fff;}
.inproductBox .bd li .inproductli .text{ padding:10px; text-align:center;}
.inproductBox .bd li .inproductli .text h3{ font-size:18px; line-height:200%;}
.inproductBox .bd li .inproductli .text p{ font-size:14px; line-height:200%;}

.inabout{ padding:30px 0;}
.inabout .inaboutbox{ background:#e1dcd8; padding:20px; overflow:hidden;}
.inabout .inaboutbox .text{ width:373px;font-size: 18px;color: #333;line-height: 36px;}
.inabout .inaboutbox .text .more{ padding-top:15px;}
.inabout .inaboutbox .text .more a{ background:#ac8751; width:160px; line-height:55px; text-align:center; display:block; color:#fff; font-size:24px;}
.inabout .inaboutbox .text .more a:hover{ background:#000;}
.inabout .inaboutbox .pic{ width:770px;}

.inadvantage{ padding:60px 0;}
.inadvantage .inadvantagelist{overflow:hidden; padding:30px 0;}
.inadvantage .inadvantagelist ul{ }
.inadvantage .inadvantagelist ul li{ width:25%; float:left; padding:10px 0; text-align:center;}

.incase{ padding:50px 0;}
.incase-left{ padding:30px 0;}
.incase-left .bd{}
.incase-left .bd ul{ overflow:hidden; zoom:1; margin:0 -10px;}
.incase-left .bd ul li{width:400px;float:left;overflow:hidden; text-align:center; }
.incase-left .bd ul li .incasebox{ margin:10px; background:#e1dbd7; padding:10px;}
.incase-left .bd ul li .pic{ text-align:center; }
.incase-left .bd ul li .title{ line-height:24px; border:1px #959595 solid; padding:15px; margin-top:20px;}

.innews{ padding:45px 0;}
.innews .innewslist{overflow:hidden; padding:30px 0;}
.innews .innewslist ul{ margin:0 -10px;}
.innews .innewslist ul li{ width:50%; float:left; padding:10px 0; text-align:center;}
.innews .innewslist ul li .innewsbox{ margin:10px; background:#fff; padding:10px;}
.innews .innewslist ul li .innewsbox:hover{ background:#81522e;}
.innews .innewslist ul li .innewsbox .pic{ text-align:center; }
.innews .innewslist ul li .innewsbox .title{ padding:10px 0;}
.innews .innewslist ul li .innewsbox .title h3{font-size: 24px;line-height: 50px;}
.innews .innewslist ul li .innewsbox .title h3 a{  color:#676767;}
.innews .innewslist ul li .innewsbox .title p{line-height: 32px;font-size: 18px;color:#676767;}
.innews .innewslist ul li .innewsbox:hover .title h3 a{ color:#fff;}
.innews .innewslist ul li .innewsbox:hover .title p{ color:#fff;}

#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:#000; padding:0;color: #ac8751;}
#footer a{color: #ac8751;}
#footer a:hover{color:#a5a5a5;}
#footer .footerbox{ padding:40px 0 20px;}
#footer .fotterlink{ overflow:hidden;width:400px; margin-right:30px;}
#footer .fotterlink .fotterlinktitle{background:url(../images/link.png) no-repeat left top; height:35px; }
#footer .fotterlink ul{ overflow:hidden;}
#footer .fotterlink ul li{width:50%; float:left; display:block;color: #ac8751;}
#footer .fotterlink ul li a{color:#ac8751;line-height:30px; }
#footer .fotterlink ul li a:hover{}
.fottercontact{ overflow:hidden;width:400px; margin-right:30px; line-height:200%; color:#ac8751;}
.fottercontact .fottercontacttitle{background:url(../images/contact.png) no-repeat left top; height:35px; }
.fottererweima{width:340px;}
.fottererweima .fottererweimatitle{background:url(../images/guanzhu.png) no-repeat left top; height:35px; }
.fottererweima ul{ overflow:hidden;}
.fottererweima ul li{ width:50%; float:left;}
#footer .footercopyright{ line-height:30px; text-align:center;background:#81512d; color:#000; font-size:16px; padding:10px 0;}
#footer .footercopyright a{ color:#000; font-size:16px;}
#float {}
#float .wrap { margin-bottom: 2px; position: relative; cursor: pointer; background:#2a2a2a ;}
#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:#2a2a2a ;}
#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; }

.weizhi{ overflow:hidden; margin:15px 0;}
.weizhi h3{ text-align:center; font-size:24px; line-height:45px;}
.weizhi span{line-height:30px; display:none;color:#333;padding: 8px 8px 8px 20px;}
.weizhi span a{color: #000;; line-height:30px;}

.weizhiname{ overflow:hidden; padding:30px 0;}
.weizhiname h3{height: 55px;font-size: 20px;font-weight: normal;color: #242424; line-height: 52px;}
.weizhiname span{width: 36px;height: 2px;background: #000;display: block;}
.weizhiname em{display: block;height: 1px;background: #eee;}	
.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: 216px;}
.siderright{ width:760px;}

.newslist dl{margin-bottom: 20px;padding: 0 0 20px;border-bottom: 1px dashed #d3d3d3;overflow: hidden;}
.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;border: 1px solid #e7e7e7; display:block;}
.newslist dl dd{ float:right; width:980px; margin:0;}
.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{box-shadow: 0px 1px 8px rgba(200,200,200,.6);   border-color:#c8c8c8;padding:10px;background:#fff;margin:16px; position:relative;}
.productlist ul li .productlist-box img{display:block;width:100%;box-sizing:border-box}
.productlist ul li .productlist-box:hover img{transition: all 0.5s;transform: scale(1.1,1.1);}
.productlist ul li h3{ overflow:hidden; font-weight:100;padding-top: 10px;}
.productlist 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;}
.productlist 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;}
.productlist ul li h3 a.btn:hover{ background:#221816;}

.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{ padding-top:15px;}
.sidebartitle{background: #000; text-align:center; padding:15px;}
.sidebartitle h3{font-size:18px;color:#fff;line-height:24px;}
.sidebartitle h4{color: #fff;display: block;font: 14px Arial;line-height:20px;text-transform: uppercase;}

.leibie{}
.leibie ul{overflow:hidden; text-align:center;}
.leibie ul li{line-height:40px;color:#646363; 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;}

.leibies {padding: 20px 0px;text-align: center;border-bottom: #CCC 1px solid; padding-bottom:30px; margin-bottom:30px;}
.leibies ul{  overflow:hidden; text-align:center; margin-left:-5px; margin-right:-5px;}
.leibies ul li {display:block; width:20%; float:left;}
.leibies ul li a { border:1px #62606b solid;color: #62606b;display: block;line-height: 42px; padding:0 15px; margin:5px;font-size:14px;}
.leibies ul li a:hover,.leibies ul li a.active:before {background:#d0101b; border-color:#d0101b;color: #fff;}

.menuTree{border: 1px solid #ececec; padding:10px 15px;}
.menuTree ul{display:none;}
.menuTree ul li{line-height:37px;color:#646363; display:block; margin-bottom:10px;}
.menuTree ul li a{color: #333;display: block; line-height:37px;background: url(../images/h3_bg.gif) no-repeat;padding: 0 24px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.menuTree ul li a:hover,.menuTree ul li a.active{text-decoration: none; color: #000;}
.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}