body{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;color:#707070;background: #151515;}
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:after{ clear:both; content:""; display:table;}
.fleft{ float:left;}
.fright{ float:right;}
.text-center{ text-align:center;}
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:#d9aa6d; 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:0 0 30px;}
.leads{padding:10px 0 10px;}
.weizhi{ overflow:hidden; display:none;}
.weizhi a{line-height:46px; color:#707070}
.weizhi a:hover{color:#d9aa6d}
.weizhi a i{ font-style:normal; color:#f00; font-size:14px; padding:0 5px;}
.weizhiname{ text-align:center; position:relative; padding:20px 0;}
.weizhiname:after{ content:""; display:block; width:100%; height:1px;height:1px; background: url(../images/xian.png) no-repeat center;left:0; top:32px; position:absolute; z-index:1;}
.weizhiname h3{ display:inline-block; padding:0 30px 10px; font-size:36px;line-height:36px; text-transform:uppercase; color:#d9aa6d; position:relative; z-index:2;}
.weizhiname h4{color: #535353;font-family: Arial;font-size: 14px; padding:0 30px;  font-weight:300; line-height:24px; text-transform:uppercase; position:relative; z-index:2;}
.weizhiname p{}
#header{ background:#212121;}
#header .logo{ padding:0;line-height:80px;}
#header .logo img{ display:inline-block; vertical-align:middle; line-height:80px; max-height:80px;}
#header .headermenu{position:relative;}
#header nav{}
#header nav ul.menu{ text-align:center;}
#header nav ul.menu li { position: relative; display:inline-block;text-align: center; height:80px;min-width:120px; padding:0 10px;}
#header nav ul.menu li a {font-size: 16px;font-weight:300;color: #9b9b9b;line-height:80px; display:block; position:relative; text-align:center;}
#header nav ul.menu li a:hover,#header nav ul.menu li.active a{ color:#ffc001;}
#header nav ul.menu li a:after{ content:''; position:absolute; width:0; height:1px; background:#ffc001; left:50%; bottom:0;-moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
#header nav ul.menu li.active a:after{width:100%; left:0;background:#ffc001;}
#header nav ul.menu li:hover a:after{ width:100%; left:0;}

.slideBox{ width:100%; height:auto; max-height:700px; overflow:hidden; position:relative; }
.slideBox .hd{ overflow:hidden; position:absolute; width:100%; left:0;bottom:20px; z-index:1;  text-align:center; display:none;}
.slideBox .hd ul{ overflow:hidden; zoom:1; display:inline-block;}
.slideBox .hd ul li{ float:left; margin:0 5px; line-height:25px; width:25px; height:25px;/*border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;*/text-align:center; color:#fff; background:#333; cursor:pointer; }
.slideBox .hd ul li.on{ background:#740202; 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:5%; top:50%; margin-top:-35px; display:block; width:71px; height:71px;font-size: 50px;color: rgb(255, 255, 255); cursor: pointer;display: block;transition: all 1s; text-align:center; line-height:74px;font-family: 宋体; background:rgba(0,0,0,.3); text-align:center;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;}
.slideBox .next{ left:auto; right:5%;}
.slideBox .prev:hover,.slideBox .next:hover{background:rgba(0,0,0,.6);}

.searchbox{padding:10px 0; overflow:hidden; background:#f6f6f6; display:none;}
.searchbox .hotsearch{color: #000;line-height: 40px;}
.searchbox .hotsearch span{ font-weight:300;}
.searchbox .hotsearch a{color: #000; padding: 0 5px;}
.searchbox .searchboxnr{overflow:hidden; float:right;margin-top:5px;}
.searchbox .searchboxnr form{ position:relative;border:1px #d2d2d2 solid; padding:0 10px; background:#fff;border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;}
.searchbox .searchboxnr input[type="text"]{line-height:28px; height:28px; border:none; background:none;float:left; display:block; min-width:240px; text-indent:10px; outline:none;}
.searchbox .searchboxnr button[type="submit"]{width: 30px;height: 26px;border: 0; color:#2b2b2b; background:none;cursor:pointer; font-size:14px; outline:none;}

.intitle{position:relative; padding-bottom:20px;}
.intitle:after{ content:""; display:block; width:100%; height:2px; background:#202020; left:0; top:32px; position:absolute; z-index:1;}
.intitle h3{ display:inline-block;background:#151515; padding:0 15px 10px; font-size:36px;line-height:36px; text-transform:uppercase; color:#d9aa6d; position:relative; z-index:2; margin-left:-15px;}
.intitle h3 span{ color:#fff; font-weight:normal; font-size:20px;color: rgb(83, 83, 83);}
.intitle h3 em{ font-style:normal;font-size: 12px; color:rgb(83, 83, 83); padding:0 5px;}
.intitle h4{color: #535353;font-family: Arial;background:#151515;font-size: 14px; padding:0 15px;  font-weight:300; line-height:24px; text-transform:uppercase; position:relative; z-index:2; margin-left:-15px;}
.intitle p{}

.inproducttitle{ text-align:center; position:relative; padding-bottom:20px;}
.inproducttitle:after{ content:""; display:block; width:100%; height:1px; background: url(../images/xian.png) no-repeat center;left:0; top:32px; position:absolute; z-index:1;}
.inproducttitle h3{ display:inline-block;background:#151515; padding:0 30px 10px; font-size:36px;line-height:36px; text-transform:uppercase; color:#d9aa6d; position:relative; z-index:2;}
.inproducttitle h4{color: #535353;font-family: Arial;background:#151515;font-size: 14px; padding:0 30px;  font-weight:300; line-height:24px; text-transform:uppercase; position:relative; z-index:2;}
.inproducttitle p{}

.inothertitle{ text-align:center; position:relative; padding-bottom:20px;}
.inothertitle:after{ content:""; display:none;}
.inothertitle h3{ display:inline-block;background:none; padding:0 30px 10px; font-size:36px;line-height:36px; text-transform:uppercase; color:#d9aa6d; position:relative; z-index:2;}
.inothertitle h4{color: #535353;font-family: Arial;background:none;font-size: 14px; padding:0 30px;  font-weight:300; line-height:24px; text-transform:uppercase; position:relative; z-index:2;}
.inothertitle p{}

.inmore{}
.inmore a{color: rgba(89, 73, 63, 1);    border: 1px solid rgba(72, 53, 36, 1); height:52px; line-height:52px; width:162px; margin:0 auto; display:block; text-align:center;}

.inadvantage{background:#151515;}
.inadvantage .inadvantagelist{}
.inadvantage .inadvantagelist ul{ overflow:hidden; margin-top:-175px;}
.inadvantage .inadvantagelist ul li{ width:400px; float:left; display:block; background:#191919; padding:55px 0;}
.inadvantage .inadvantagelist ul li:nth-of-type(odd){}/*奇数行*/
.inadvantage .inadvantagelist ul li:nth-of-type(even){ background:#101010;}/*偶数行*/
.inadvantage .inadvantagelist ul li a{ display:block; overflow:hidden; padding:0 35px; min-height:140px; position:relative;}
.inadvantage .inadvantagelist ul li a:before{ background:#292929; content:""; display:block; position:absolute; left:40%; top:0; width:1px; height:100%;}
.inadvantage .inadvantagelist ul li .number{ width:50%; float:left;font-size: 82px;color: rgb(217, 170, 109);}
.inadvantage .inadvantagelist ul li .text{ width:50%; float:right; padding-top:10px;}
.inadvantage .inadvantagelist ul li .text h3{ font-size:16px;color: rgb(150, 150, 150);font-weight:300;}
.inadvantage .inadvantagelist ul li .text h4{ color: rgb(120, 120, 120);font-weight:300; margin-bottom:30px;}
.inadvantage .inadvantagelist ul li .text p{}

.inproduct{ padding:50px 0;}
.inproduct .inproductlist{ overflow:hidden; position:relative;}
.inproduct .inproductlist .hd{ overflow:hidden; text-align:center; padding:15px 0;}
.inproduct .inproductlist .hd .prev,.inproduct .inproductlist .hd .next{ display:inline-block;overflow:hidden;cursor:pointer; line-height:30px; font-size:14px;}
.inproduct .inproductlist .hd ul{ overflow:hidden; zoom:1; zoom:1; display:inline-block; }
.inproduct .inproductlist .hd ul li{display:block; float:left;overflow:hidden;cursor:pointer; line-height:30px; width:30px;font-size:14px;}
.inproduct .inproductlist .hd ul li.on{ color:#ffc001;}
.inproduct .inproductlist .bd{ overflow:hidden; margin:0 -15px;}
.inproduct .inproductlist .bd ul{ overflow:hidden; zoom:1; width:1200px; float:left; _display:inline;  }
.inproduct .inproductlist .bd ul li{float:left; width:33.333333%;display:block; overflow:hidden; text-align:center;}
.inproduct .inproductlist .bd ul li .inproductboxer{ margin:15px; position:relative;}
.inproduct .inproductlist .bd ul li .inproductboxer .pic{ position:relative;}
.inproduct .inproductlist .bd ul li .inproductboxer .pic:after{ content:""; display:block; position:absolute; width:32px; height:32px; right:0; bottom:0;background: url(../images/pro_more.png) repeat center; }
.inproduct .inproductlist .bd ul li .inproductboxer:hover .pic:after{ display:none;}
.inproduct .inproductlist .bd ul li .inproductboxer .text{ position:absolute; z-index:2; left:0; bottom:0; width:100%; height:100%;background: url(../images/pro_w.png) repeat center; color:#fff;filter:alpha(opacity=0); opacity:0;-moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;display: flex;align-items: center;justify-content: center;}
.inproduct .inproductlist .bd ul li .inproductboxer:hover .text{filter:alpha(opacity=100);opacity:1;}
.inproduct .inproductlist .bd ul li .inproductboxer .text h3{display:block; font-size:16px; color:#fff;}
.inproduct .inproductlist .bd ul li .inproductboxer .text em{display: block;width: 100px;height: 24px; font-style:normal;border: 1px solid #fff;text-align: center;line-height: 24px;font-size: 14px;color: #fff;margin: 10px auto;}

.inabout{overflow: hidden;width: 100%;background: url(../images/aboutbg.jpg) no-repeat center top; padding-top:150px;}
.inabout .inaboutbox{ overflow:hidden;margin:0 auto; height:555px;}
.inabout .inaboutbox .pic{ display:block; float:left; border-radius:5px; width:48%;}
.inabout .inaboutbox .text{ overflow:hidden; float:right; width:48%;}
.inabout .inaboutbox .text h3{ margin-bottom:12px;font-size: 36px;color: rgb(217, 170, 109);}
.inabout .inaboutbox .text h3 span{ color:#fff; font-weight:normal; font-size:20px;color: rgb(83, 83, 83);}
.inabout .inaboutbox .text h3 em{ font-style:normal;font-size: 12px; color:rgb(83, 83, 83); padding:0 5px;}
.inabout .inaboutbox .text h4{    color: rgb(222, 222, 222); font-size:18px; padding:30px 0 20px;}
.inabout .inaboutbox .text p{ font-size:14px; color:#fff; line-height:24px; text-align:justify; margin-bottom:10px;}
.inabout .inaboutbox .inaboutmore{ padding-top:30px;}
.inabout .inaboutbox .inaboutmore a{ display:block; width:150px; height:45px; background:url(../images/jt.png); text-indent:-9999px; overflow:hidden;}

.innews{ padding:50px 0 10px;background: url(../images/newsbg.png) no-repeat center bottom; }
.innews .innewslist{overflow:hidden; padding-top:50px;}
.innews .innewslist .bd{position:relative; margin:0 -15px;}
.innews .innewslist .bd ul{}
.innews .innewslist .bd li{ width:400px; float:left;}
.innews .innewslist .bd li .innewsboxer{ margin:15px; background:#0a0e11;}
.innews .innewslist .bd li .innewsboxer .pic{ display:block;}
.innews .innewslist .bd li .innewsboxer .text{ overflow:hidden; padding:15px 0;}
.innews .innewslist .bd li .innewsboxer .text h3{ padding:5px 15px 5px; font-weight:normal; font-size:16px; line-height:32px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; border-bottom:1px #1e1f21 solid;}
.innews .innewslist .bd li .innewsboxer .text h3 a{ color:#666;overflow: hidden;text-overflow:ellipsis; display:block;white-space: nowrap;}
.innews .innewslist .bd li .innewsboxer .text p{ padding:5px 15px 5px; color: rgb(222, 222, 222); line-height:30px;}

.innews .innewslist .hd{ text-align:center; margin-top:10px;}
.innews .innewslist .hd ul{ display:inline-block;overflow:hidden; zoom:1; zoom:1; }
.innews .innewslist .hd ul li{ float:left;  width:10px; height:10px; overflow:hidden; margin:3px; text-indent:-999px; cursor:pointer; background:#fff;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 6px;}
.innews .innewslist .hd ul li.on{ background:#969696;}
.innews .innewsmore{ padding:15px 0;}
.innews .innewsmore a{ display:block; width:150px; height:45px; background:url(../images/jt.png); text-indent:-9999px; overflow:hidden; margin:0 auto;}

.inother{  }
.inother .inotherlist{ overflow:hidden; position:relative;}
.inother .inotherlist .hd{}
.inother .inotherlist .hd ul{ overflow:hidden; zoom:1; float:left; }
.inother .inotherlist .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.inother .inotherlist .hd ul li.on{ background:#f00; color:#fff; }
.inother .inotherlist .bd{ position:relative; height:100%; z-index:0;   }
.inother .inotherlist .bd li{ zoom:1; vertical-align:middle; text-align:center;}
.inother .inotherlist .bd li .inotherbox{padding:115px 0 50px;background: url(../images/otherbg.jpg) no-repeat center top;}

.inother .inotherlist .prev,
.inother .inotherlist .next{ position:absolute;z-index:1000; left:-100px; top:350px; display:block; width:80px; height:81px; background:url(../images/lefts.png) no-repeat #313131; filter:alpha(opacity=50);opacity:0.5;   }
.inother .inotherlist .next{ left:auto; right:-100px;background:url(../images/rights.png) no-repeat #313131;}
.inother .inotherlist .prev:hover,
.inother .inotherlist .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.inother .inotherlist .prevStop{ display:none;  }
.inother .inotherlist .nextStop{ display:none;  }


#friendlink{padding:15px 0; background:#0a0e10;}
#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:#0a0e10; padding:15px 0 0;color: #707070;}
#footer a{color: #707070;}
#footer a:hover{color:#fff;}
#footer .footerlogo{ width:50%; float:left; text-align:right;}
#footer .footerlogo p{}
#footer .footererweima{width:50%; float:right; text-align:left;}
#footer .footererweima ul{ overflow:hidden; display:inline-block; padding:15px 0;}
#footer .footererweima ul li{float:left; line-height:20px; padding:0 10px; color:#fff;}
#footer .footercopyright{ line-height:30px; padding:15px 0; text-align:center;}
#footer .footercopyright img{ vertical-align:middle;}
#float {}
#float .wrap { margin-bottom: 2px; position: relative; cursor: pointer; background:#d9aa6d ;}
#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:#d9aa6d ;}
#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 #222 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 #222 dashed; margin-bottom:10px;}
.nrothers a{color:#ededed;font-size:10px}
.fontZoom,.single{padding:15px 0; min-height:20vh; 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}

.picture{ width:100%; height:auto; overflow:hidden; position:relative; }
.picture .hd{ overflow:hidden; position:absolute; width:100%; left:0;bottom:10px; z-index:1;  text-align:center;background:rgba(255,255,255,.5); padding:10px 0;}
.picture .hd ul{ overflow:hidden; zoom:1; display:inline-block;font-size: 0;}
.picture .hd ul li{ float:left; margin:0 5px;  width:10px; height:10px;border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px;text-align:center; background:rgba(255,255,255,.5); cursor:pointer; }
.picture .hd ul li.on{ background:rgba(255,255,255,1); color:#fff; }
.picture .bd{ position:relative; height:100%; z-index:0;}
.picture .bd li{ zoom:1; vertical-align:middle; text-align:center;}
.picture .bd img{ height:auto; max-width:100%;}

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

.single,.news,.photo,.product{ padding-bottom:50px;}
.single .singletitle{ border-top:1px #c6c6c6 dashed;border-bottom:1px #c6c6c6 dashed; text-align:center; line-height:42px; padding:30px 0;font-size: 42px;color: #d9aa6d;text-transform: uppercase;font-style: italic;}
.single .singlebox{ margin-top:15px;}

.about{}
.about .about1{background: url(../images/aboutbg1.jpg) no-repeat center top; padding:100px 0 50px;}
.about .about1 .pic{ float:right; margin-left:30px;}
.about .about1 .title{ margin-bottom:12px;font-size: 36px;color: rgb(217, 170, 109);}
.about .about1 .title span{ color:#fff; font-weight:normal; font-size:20px;color: rgb(83, 83, 83);}
.about .about1 .title em{ font-style:normal;font-size: 12px; color:rgb(83, 83, 83); padding:0 5px;}
.about .about1 .text{ line-height:32px;}
.about .about1 .text p{ text-indent:2em;}
.about .about2{ padding:30px 0;}
.about .about2 ul li{ padding:10px 0;}
.about .about2 ul li h3{ color:#ffc001; font-weight:300;}
.about .about3{background: url(../images/aboutbg3.jpg) no-repeat center top; padding:0;}
.about .about3 .about3list{background:rgba(0,0,0,.8); padding:30px 0;}
.about .about3 .title{text-align:center; position:relative; padding:20px 0; margin-bottom:30px;}
.about .about3 .title:after{ content:""; display:block; width:100%; height:1px; background:#1f1f1f;left:0; bottom:0; position:absolute; z-index:1;}
.about .about3 .title h3{ display:inline-block; padding:0 30px 10px; font-size:36px;line-height:36px; text-transform:uppercase; color:#d9aa6d; position:relative; z-index:2;}
.about .about3 dl{ overflow:hidden; padding:0 30px; margin:-10px 0;}
.about .about3 dl dt{ width:48%; float:left;}
.about .about3 dl:nth-of-type(even) dt{ float:right;}
.about .about3 dl dt .pic{}
.about .about3 dl dt .pic img{ width:100%;}
.about .about3 dl dd{ width:48%; float:left;}
.about .about3 dl dd .text{ padding:30px;}
.about .about3 dl dd .text h3{ font-weight:300;font-size: 16px;color: rgb(222, 222, 222); line-height:30px;}
.about .about3 dl dd .text h4{font-weight:300;font-size: 16px;color: rgb(222, 222, 222); line-height:30px; margin-bottom:30px;}
.about .about3 dl dd .text p{color: rgb(150, 150, 150);line-height:30px;}

.newsbg{background: url(../images/newsnybg.jpg) repeat-y center top;}
.news{background: rgba(0,0,0,.6); padding:30px 0;}
.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;}

.newslist{ padding:10px 30px 10px 60px;}
.newslist ul{ position:relative;}
/*.newslist ul li{ overflow:hidden;border-bottom: 1px #c6c6c6 dashed; padding:5px 0;}
.newslist ul li span{ float:right;line-height:33px;}
.newslist ul li a{ line-height:33px;}
.newslist ul li a:hover{ color:#333;}
.newslist ul li a i,.newslist ul li a:hover i{font-size: 14px;color: #FF0000; font-style:normal; margin-right:5px;}*/
.newslist ul:before{ content:""; display:block; height:100%; width:1px; background:#fff; position:absolute; z-index:2; top:0; left:0;}
.newslist ul li{ padding:0 0 30px 30px; position:relative;}
.newslist ul li:before{content:""; display:block;position: absolute;width: 12px; height: 12px;background: #bababa;-webkit-border-radius: 50%;-moz-border-radius: 50%; border-radius: 50%;left: -8px;top: 10px; z-index: 3; border:2px #f4f4f4 solid;}
.newslist ul li h3{ font-weight:300; overflow:hidden; margin-bottom:5px;}
.newslist ul li span{ float:right;line-height:33px;}
.newslist ul li p{ font-size:12px;color: #535353;}
.newslist ul li a{ line-height:33px; color:#969696;}
.newslist ul li a:hover{ color:#d9aa6d;}
.newslist ul li a i,.newslist ul li a:hover i{font-size: 14px;color: #FF0000; font-style:normal; margin-right:5px;}

.photolist{ }
.photolist ul{ margin:0 -9px;}
.photolist ul:after{ display:block; content:" "; clear:both;}
.photolist ul li{ width:33.3333%; float:left;}
.photolist ul li .photobox{ margin:10px;}
.photolist ul li .photobox .pic{background:#fff;}
.photolist ul li .photobox .text{ padding:15px; text-align:center;}
.photolist ul li .photobox .text h3{}
.photolist ul li .photobox .text p{}
.photolist ul li .photobox:hover{ background:#d9aa6d;}
.photolist ul li .photobox:hover .text h3,.photolist ul li .photobox:hover .text p{ color:#fff;}

.productlist{ }
.productlist ul{ margin:0 -9px;}
.productlist ul:after{ display:block; content:" "; clear:both;}
.productlist ul li{ width:33.3333%; float:left;}
.productlist ul li .productbox{ margin:10px;}
.productlist ul li .productbox .pic{background:#fff;}
.productlist ul li .productbox .text{ padding:15px; text-align:center;}
.productlist ul li .productbox .text h3{ font-weight:400;}
.productlist ul li .productbox .text p{}
.productlist ul li .productbox:hover{ background:#d9aa6d;color:#fff;}
.productlist ul li .productbox:hover .text h3,.productlist ul li .productbox:hover .text p{ color:#fff;}

.contactus{ padding-top:30px; overflow:hidden;}
.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;}

.page{ padding:10px; text-align:center;}
.page a{ display:inline-block; margin:0 6px; width:34px; height:34px; line-height:34px; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-align:center; color:#737373; background-color:#fff; border:1px solid #ccc; *display:inline; *zoom:1;}
.page .pagefirst,.page .pagelast{ display:none;}
.page .pageprev{ width:36px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px;}
.page .pagenext{ width:36px; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0;}
.page .pagedefault{ color:#fff !important; background-color:#909090 !important; border-color:#909090 !important;}
.page a:hover{ color:#fff; background-color:#909090; border-color:#909090; -webkit-transition:.4s; transition:.4s;}

.productpic{text-align:center}
.productpic 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 #222;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:#fff;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: #d9aa6d;padding:0 15px;}
.sidebartitle h3{font-size:16px;color:#fff;line-height:40px; font-weight:300;}

.leibie{}
.leibie ul{ text-align:center;letter-spacing: -6px;}
.leibie ul li{ display:inline-block;cursor:pointer; width:20%;letter-spacing: 0;}
.leibie ul li a{ margin:5px 14px;font-size:16px; display:block; line-height:45px;border: 1px #cccccc solid;}
.leibie ul li:hover a,.leibie ul li a.active{color:#fff;background-color:#d9aa6d;border-color:#d9aa6d;}

.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: #666; line-height:52px;}
.othernewstitle em{display: block;height: 1px;background: #222;}
.othernewstitle span{width:36px; height: 2px; background: #000; display: block;}
.othernewslist{ overflow:hidden;}
.othernewslist ul{}
.othernewslist ul li{width: 50%; float: left; overflow:hidden;border-bottom: 1px #000 dashed; padding:5px 0;}
.othernewslist ul li span{ float:right;line-height:33px;}
.othernewslist ul li a{ line-height:33px;}
.othernewslist ul li a:hover{ color:#333;}
.othernewslist ul li a i,.newslist ul li a:hover i{font-size: 14px;color: #FF0000; font-style:normal; margin-right:5px;}

.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:75%;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}