body{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;color:#444;background: url(../images/bg.jpg) center;}
body{ margin:0; padding:0; min-width:1200px;}
body.homepage{ min-width:auto;}
p,div,dt,dd,textarea,input{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:600;color:#444; margin:0; padding:0;}
.clearfix::after{clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.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}
/*标题颜色样式*/
.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;}
.incontainer{width:90vw; margin:0 auto;}
.container:after,.incontainer:after{ display:block; content:" "; clear:both;}
#inner-page{ padding:30px 0;}
#header{max-width: 100%;background: url(../images/top.jpg) center top repeat-x; padding:0 0; height:99px;}
#header .logo{width:600px; padding:0; position:relative;display: flex;justify-content: flex-start;align-items:center; height:99px;}
#header .logo img{ vertical-align:middle;}
#header .headertel {background: url(../images/tel.png) left center no-repeat; padding-left:50px; margin-top:20px;}  
#header .headertel h3{font-size: 24px;color: #2c2c2c; font-weight:600;} 
#header .headertel p{font-size: 16px;color: #2c2c2c;;}
.headermenu{position:relative; background:url(../images/nav.png) repeat-x left center; border-bottom:1px #fff solid;}
.headermenu nav{ overflow:hidden;}
.headermenu nav ul.menu{}
.headermenu nav ul.menu li { position: relative; float: left;text-align: center; width:12.5%;}
.headermenu nav ul.menu li a {font-size: 15px; line-height:41px; display:block; color:#fff;transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.headermenu nav ul.menu li a:hover{font-weight:600;background:#fff; color:#b10003;}
.headermenu nav ul.menu li ul.dropdown-menu{ display:none;}
.bannerbg{background: url(../images/bannerbg.png) center bottom repeat-x; padding-bottom:10px;}
.slideBox{ width:100%; height:auto; overflow:hidden; position:relative; }
.slideBox .hd{ overflow:hidden; position:absolute; width:100%; left:0;bottom:20px; 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 3px;  width:1vw; height:1vw;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#af3212; 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:80px; 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:80px;background: url(../images/right1s.png) no-repeat left center;}
.slideBox:hover .prev,.slideBox:hover .next{ filter:alpha(opacity=50);opacity:0.5;  }


.searchbox{padding:5px 0; overflow:hidden;background:#fff; display:none;}
.searchbox .hotsearch{color: #000;line-height: 34px;}
.searchbox .hotsearch span{ font-weight:600;}
.searchbox .hotsearch a{color: #000; padding: 0 10px;}
.searchbox .searchboxnr{overflow:hidden; float:right;margin-top:3px;}
.searchbox .searchboxnr form{ position:relative; border: 4px solid #b7090b; background:#b7090b;}
.searchbox .searchboxnr input[type="text"]{line-height:24px; height:24px; border:0; text-indent:14px; border:none;background:#faf1d7;float:left; display:block; min-width:200px;}
.searchbox .searchboxnr button[type="submit"]{height: 24px; line-height:24px; width:30px;border: 0;background:#b7090b; color:#fff;cursor:pointer;}

.intitle{ margin:auto; background:#b03213 url(../images/tj_pr_bg.png) center no-repeat; background-size:100%; padding:2vw; overflow:hidden;} 
.intitle h3{ line-height:3vw; font-size:2vw; text-align:center; color:#fff; margin:0; padding:0; font-weight:normal;}
.intitle span{ overflow:hidden; height:0.2vw; margin:auto; width:5vw; display:block; background:#ff987f;}
.intitle h4{ font-size:1vw; line-height:2vw; text-align:center; color:#ff987f; text-transform:uppercase;}
.inmore{ border:0.1vw solid #ccc; padding:1vw;text-align:center; font-size:1.1vw; color:#a4a4a4; width:8vw; margin:auto; margin-top:1vw;}
.inmore a{ color:#a4a4a4;}

.inabout{ padding-top:2vw; padding-bottom:2vw; background-color:#fff;}
.inabout .inabouttitle{ float:left; width:4.8vw; height:19vw;}
.inabout .inabouttitle img{ max-width:100%; max-height:100%; width:100%;}
.inabout .inaboutcont{ float:right; width:83vw; }
.inabout .inaboutcont div{ background:url(../images/up_name.png) left no-repeat; background-size:100%;  height:5vw; float:left; width:39.5vw;font-size:3vw; line-height:5vw; color:#b03213; font-weight:bold;}
.inabout .inaboutcont span{ float:right; width:2vw; height:2vw; margin-top:1.2vw; text-align:center; border:0.1vw solid #ccc; background:url(../images/more.png) center no-repeat; background-size:40% 40%;}
.inabout .inaboutcont_cont{margin-top:1.5vw; line-height:2.2vw; font-size:1.1vw; float:right; width:83vw;}


.inproductbg{background:#fff;}
.inproduct{}
.inproduct .inproductcategory{ overflow:hidden;}
.inproduct .inproductcategory .inproducttitle{ text-align:center;}
.inproduct .inproductcategory .inproducttitle.inproducttitlebg1{ background:url(../images/tj_pr_01.png) center top no-repeat; background-size:80%; margin:auto;overflow:hidden; display:block; margin-top:1.5vw; padding:1vw;}
.inproduct .inproductcategory .inproducttitle.inproducttitlebg2{ background:url(../images/tj_pr_02.png) center top no-repeat; background-size:50%; margin:auto;overflow:hidden; display:block; margin-top:1.5vw; padding:1vw;}
.inproduct .inproductcategory .inproducttitle.inproducttitlebg3{ background:url(../images/tj_pr_03.png) center top no-repeat; background-size:45%; margin:auto;overflow:hidden; display:block; margin-top:1.5vw; padding:1vw;}
.inproduct .inproductcategory .inproducttitle.inproducttitlebg4{ background:url(../images/tj_pr_04.png) center top no-repeat; background-size:47%; margin:auto;overflow:hidden; display:block; margin-top:1.5vw; padding:1vw;}
.inproduct .inproductcategory .inproducttitle.inproducttitlebg5{ background:url(../images/tj_pr_05.png) center top no-repeat; background-size:40%; margin:auto;overflow:hidden; display:block; margin-top:1.5vw; padding:1vw;}
.inproduct .inproductcategory .inproducttitle.inproducttitlebg6{ background:url(../images/tj_pr_06.png) center top no-repeat; background-size:60%; margin:auto;overflow:hidden; display:block; margin-top:1.5vw; padding:1vw;}
.inproduct .inproductcategory .inproducttitle.inproducttitlebg7{ background:url(../images/tj_pr_07.png) center top no-repeat; background-size:65%; margin:auto;overflow:hidden; display:block; margin-top:1.5vw; padding:1vw;}
.inproduct .inproductcategory .inproducttitle h3{background: linear-gradient(#831c02,#af3212); border-radius:0.5vw; border:0.1vw solid #cf2b03; padding:0.5vw 1.5vw; text-align:center; color:#fff;min-width:20vw; display:inline-block; width:auto;font-size:1.2vw; line-height:2vw; margin:0 auto;}


.inproduct .inproductcategory .inproductlist{}
.inproduct .inproductcategory .inproductlist ul{ margin:0 -0.97vw;}
.inproduct .inproductcategory .inproductlist ul li{ width:25%; float:left;}
.inproduct .inproductcategory .inproductlist ul li .inproductbox{border: 0.1vw solid #b03213;margin: 0.97vw;}
.inproduct .inproductcategory .inproductlist ul li .inproductbox .pic{ background:#fff;}
.inproduct .inproductcategory .inproductlist ul li .inproductbox .text{display:block; overflow:hidden; background:#a4a4a4; border-top:0.1vw solid #b03213; text-align:center; line-height:3vw; font-size:1.2vw; color:#fff;}
.inproduct .inproductcategory .inproductlist ul li .inproductbox .text a{ color:#fff;}

.incategory{ background:#fff;}
.incategory .incategorypic{  float:left; width:6.5vw; height:24vw; margin-top:1vw;}
.incategory .incategorypic img{ max-width:100%; max-height:100%; width:100%;}
.incategory .incategorylist{ float:right; width:79.5vw; padding:1vw; border:0.1vw solid #b03213; margin-top:1vw; background:#f2f2f2; overflow:hidden; display:block;}
.incategory .incategorylist .cont{ margin:auto}
.incategory .incategorylist .cont li{ float:left; width:13.9vw; margin:1vw;}
.incategory .incategorylist .cont li div{ background:url(../images/fl_bg.png) center no-repeat; background-size:100% 100%; line-height:3vw; height:3.5vw; font-size:1.5vw; text-align:center; color:#fff;}
.incategory .incategorylist .cont li div a{color:#fff;}
.incategory .incategorylist .cont li span{ display:block; overflow:hidden; color:#606060; text-align:center; line-height:2.2vw; font-size:1.1vw;}
.incategory .incategorylist .cont li span a{ color:#606060;}

.incase{ background: url(../images/ca_bg.png) center;background-size: 100% 100%;display: block;overflow: hidden;}
.incase .incaselist{ background:#fff; padding:0 0.6vw;}
.incase .incaselist ul{ overflow:hidden; zoom:1; margin:0 -0.6vw;}
.incase .incaselist ul li{ margin:0; float:left; display:block;text-align:center; width:25%;}
.incase .incaselist ul li .incasebox{margin: 0.6vw;border: 0.1vw solid #b03213;}
.incase .incaselist ul li .incasebox .pic{padding: 3px;font-size: 0;-webkit-text-size-adjust:none;}
.incase .incaselist ul li .incasebox .pic img{ max-width:100%; vertical-align:middle; max-height:100%;}
.incase .incaselist ul li .incasebox .text{ display:block; overflow:hidden; background:#a4a4a4; border-top:0.1vw solid #b03213; text-align:center; line-height:3vw; font-size:1.2vw; color:#fff;}
.incase .incaselist ul li .incasebox .text a{ color:#fff;}

.inculture{ background:#fff; padding-top:1.5vw;}
.inculturebg{background:url(../images/up_wh.png) center no-repeat; background-size:100% 100%; height:29vw;}
.inculture .inculturebox{ padding:12.5vw 0 0 10.5vw; font-size:1.06vw; line-height:1.85vw; color:#000;}

.innews{padding:30px 0; background:#fff;}
.innews .innewsbg{ position:relative; overflow:hidden;}
.innews .innewsbox{ margin:0  -1vw;}
.innews .innewsbox:before,.innews .innewsbox:after{ position:absolute; z-index:3; top:0; left:33.33333%; width:1px; display:block; height:100%; content:" ";margin-top: 3vw;margin-bottom: 1.5vw;background: url(../images/news_xian.png) right 0.5vw no-repeat;height: 37vw;}
.innews .innewsbox:after{ left:66.66666666%;}
.innews .innewstitle{ margin:auto; margin-right:1vw; overflow:hidden;}
.innews .innewstitle h3{ background:#b03213; padding:0.8vw 1.5vw; color:#fff; text-align:center; font-size:1.2vw; float:left;}
.innews .innewstitle .more{ float:right; width:1vw; height:1vw; margin-top:1vw; text-align:center; border:0.1vw solid #ccc; background:url(../images/more1.png) center no-repeat; background-size:80% 80%; text-indent:-99999px;} 

.innews .innewsli{ width:33.333333%; float:left;}
.innews .innewsli .innewslist{margin: 1vw;}
.innews .innewsli .innewslist ul{}
.innews .innewsli .innewslist ul li{padding-bottom:1vw; border-bottom:0.1vw dotted #ddd;}
.innews .innewsli .innewslist ul li .title{margin:auto; display:block; overflow:hidden; background:url(../images/ioce.png) left no-repeat; text-indent:1vw; line-height:2.5vw;}
.innews .innewsli .innewslist ul li .title h3{ font-weight:normal; font-size:1.2vw !important; float:left; color:#000; margin:0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; width:20vw; display:block; overflow:hidden;}
.innews .innewsli .innewslist ul li .title h3 a{ color:#000;}
.innews .innewsli .innewslist ul li .title h3 span{ float:right; font-size:0.9vw; color:#9c9c9c; font-weight:normal;}
.innews .innewsli .innewslist ul li .description{ font-size:0.95vw; color:#a2a2a2;  display:block; font-weight:normal;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}


#friendlink{padding:0;padding:15px 0 0; background:#f3f3f3;}
#friendlink .friendlink{ padding:15px 0;}
#friendlink .friendlinktitle{background: url(../images/yq_bt.gif) left center no-repeat; padding-left:120px;border-bottom: 1px solid #515765; line-height:40px;}
#friendlink .friendlinkwz{}
#friendlink .friendlinkwz font{font-size:13px;line-height: 32px;color: #fff;}
#friendlink .friendlinkwz a{ line-height:32px;color: #83888a;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{padding: 0;color: #fff;background: #8b020a;}
#footer a{color: #fff;}
#footer a:hover{color:#000;}
#footer .footerermenu{ text-align:center; padding:0;    border-bottom: 1px solid #4c231e;}
#footer .footerermenu a{ line-height:47px; padding:0 25px;color: #fff;}
#footer .footercopyright{ line-height:25px; text-align:center; padding-top:10px;}

#infooter{ background:url(../images/footer_bg.jpg) repeat-x left top #8a1b00; padding-top:11px;overflow:hidden;}
#infooter a{color: #fff;}
#infooter a:hover{color:#000;}
#infooter .footerermenu{line-height:2.5vw; text-align:center; color:#fff; font-size:1.1vw; padding:0.6vw 0;}
#infooter .footerermenu a{ color:#fff; padding:0 0.6vw;}
#infooter .footercopyright{ background:#b13212; font-size:1vw; text-align:center; line-height:2vw; color:#e7c0b7; padding:2vw 0;}
#infooter .footercopyright a{ color:#e7c0b7;}
#infooter .footerlink{ line-height:2vw; font-size:1vw; text-align:center; color:#fff;padding:0.6vw 0;}

#float {}
#float .wrap { margin-bottom: 2px; position: relative; cursor: pointer; background:#b7090b ;}
#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:#b7090b ;}
#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{background: url(../images/00.png) center; margin:0 0 15px; overflow:hidden;}
.weizhi h3{ text-align:center; font-size:24px; line-height:45px; padding-left:50px; float:left;color: #8b020a; font-weight:400;}
.weizhi span{line-height:21px;color:#000; padding-left:10px; float:right; display:block; height:21px;}
.weizhi span a{color: #000;line-height:21px;}

.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{ min-height:10vh; 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: 240px;}
.siderright{ width:938px;}

.newslist{}
.newslist dl{margin-bottom: 20px;padding: 0 0 20px;border-bottom: 1px dashed #d3d3d3;overflow: hidden;}
.newslist dl dt{ display:none;white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.newslist dl dt a{color: #333;border: 1px solid #e7e7e7; display:block;}
.newslist dl dd{ 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{margin:0 -6px;}
.newstulist ul{}
.newstulist ul:after{ display:block; content:" "; clear:both;}
.newstulist ul li{width:25%;float:left;}
.newstulist ul li .newstulist-box{margin:6px; position:relative;}
.newstulist ul li .newstulist-box img{display:block;width:100%;box-sizing:border-box}
.newstulist ul li .newstulist-box:hover img{transition: all 0.5s;transform: scale(1.1,1.1);}
.newstulist ul li .newstulist-box a.p1-tk-img{border: 1px solid #d5d5d5; display:block;}
.newstulist ul li h3{ overflow:hidden; font-weight:100;}
.newstulist ul li h3 a{display:block;color: #343434; text-align:center; height: 30px;line-height: 30px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}

.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{ margin:0 -6px;}
.productlist ul{}
.productlist ul:after{ display:block; content:" "; clear:both;}
.productlist ul li{width:25%;float:left;}
.productlist ul li .productlist-box{margin:0 6px; 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 .productlist-box a.p1-tk-img{border: 1px solid #d5d5d5; display:block;}
.productlist ul li h3{ overflow:hidden; font-weight:100;}
.productlist ul li h3 a{display:block;color: #343434; text-align:center; height: 36px;line-height: 36px; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.productlist ul li h3 a:hover{ text-decoration:underline;}
.productlist ul li p{ display:none;}
.contactus{}
.contactus .contactusbox{}
.contactus .contactmap{}
.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}

.contentbox{overflow: hidden;}

.leibie{}
.leibie .leibietitle{background: url(../images/inproductcategorytitle.png) no-repeat left center; padding:20px;text-align:center; color:#fff;}
.leibie .leibietitle h3{font-size:24px; font-weight:300; line-height:33px;color:#fff;}
.leibie .leibietitle h4{font-size:16px;color:#fff; font-weight:200; display:none;}
.leibie .leibielist{ background:#8b020a;padding:0 4px 4px;}
.leibie .leibielist ul{padding: 10px 12px 15px 12px; background:#f4f0ef;}
.leibie .leibielist ul li{background: url(../images/ip.png) no-repeat left top; overflow:hidden; margin-bottom:10px;}
.leibie .leibielist ul li a{ line-height:40px; padding-left:46px; display:block; font-size:14px;}
.leibie .leibielist ul li a i{ display:none;}
.leibie .leibielist ul li a:hover{color:#f00;}
.leibie .leibielist ul li a:hover i{ color:#fff;}

.sidebartitle{background: url(../images/inproductcategorytitle.png) no-repeat left center; padding:20px;text-align:center; color:#fff;}
.sidebartitle h3{font-size:24px; font-weight:300; line-height:33px;color:#fff;}
.sidebartitle h4{font-size:16px;color:#fff; font-weight:200; display:none;}
.categorylist{ background:#8b020a;padding:0 4px 4px;}
.menuTree{}
.menuTree ul{padding: 10px 12px 15px 12px; background:#f4f0ef;display:none;}
.menuTree ul li{background: url(../images/ip.png) no-repeat left top; overflow:hidden; margin-bottom:10px;}
.menuTree ul li a{ line-height:40px; padding-left:46px; display:block; font-size:14px;}
.menuTree ul li a i{ display:none;}
.menuTree ul li a:hover{color:#f00;}
.menuTree ul li a:hover i{ color:#fff;}
.menuTree ul li ul{}
.menuTree ul li ul li{background: url(../images/typebg.png) no-repeat left center; overflow:hidden;border-bottom: 1px solid #d7cfbe;}
.menuTree ul li ul li a{ line-height:40px; padding-left:46px; display:block; font-size:14px;}
.menuTree ul li ul li a i{ display:none;}
.menuTree ul li ul li a:hover{color:#f00;}
.menuTree ul li ul li a:hover i{ color:#fff;}


.leftcontact {background: url(../images/tels.png) no-repeat 4px center #8b020a;color: #fffdf6;padding: 16px 0px 16px 45px;}
.leftcontact .leftcontacttitle{ line-height:30px; padding:0 12px;color:#333; display:none;}
.leftcontact .leftcontactnr{ line-height:30px;}
.leftcontact .leftcontactnr p{}
.leftcontact .leftcontactnr h3{font-size: 25px;color: #fffdf6;}

.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;}
.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:#b7090b;}

.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.prop6 .cmsimg-box{ padding-bottom:60%;}
.cmsimg .cmsimg-box picture{width:100%;height:100%;position:absolute;display: flex;justify-content: center;align-items: center;}
.cmsimg .cmsimg-box picture img{max-width: 100%;max-height: 100%;/*object-fit:cover;object-fit:none;*/}

/*向上箭头，类似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}