body{font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;color:#444}
body,html{ margin:0; padding:0; min-width:1200px;}
p,div,dt,dd,textarea,input{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:600;color:#f7f0f0; margin:-5px; padding:13px;}
.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}
/*标题颜色样式*/
.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') 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;border-bottom: 2px solid #c9202f;}

#header{ padding-bottom:15px;}
#header	.headertop{background-color: #f5f5f5;}
#header .welcome{ line-height:32px;}
#header .headertel {background: url(../images/tel.png) no-repeat left center; font-size: 15px; line-height:32px;color: #060606; padding-left:35px;}       
#header .headertel h3 {font-weight: bold;font: 18px/32px Arial, Helvetica, sans-serif;color: #ca2533;}
#header .logo{ padding:0; height:60px;  line-height:60px;}
#header .logo img{ display:inline-block; vertical-align:middle;max-height:60px;}
#header .headermenu{position:relative; padding-top:15px;}
#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 { margin:0 25px;font-size: 15px; line-height:30px; display:block;}
#header nav ul.menu li a:hover,#header nav ul.menu li.active a {border-bottom: 3px solid #ca2533;color: #ca2533;}
#header nav ul.menu li form{border: 1px solid #e5e4e4;}
#header nav ul.menu li form input{ text-indent:15px; border:none; height:30px; line-height:30px;}
#header nav ul.menu li form button{border:none; width:30px; background:url(../images/go.jpg) no-repeat; line-height:30px; text-indent:-99999px; cursor:pointer;}
.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: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:#ca2533; 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{border-bottom: 1px solid #dcdcdc; 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:15px;}
.intitle picture{ padding-bottom:10px; display:block;}
.intitle h4{display: block;font: 12px/20px "Microsoft Yahei";text-transform: uppercase;color: #444;}
.intitle h3{font: 32px/35px "Microsoft Yahei";text-align: center;font-weight: bold;}
.intitle h5{font: 22px/36px "Microsoft Yahei";color: #333;letter-spacing: 10px;}
.intitles{text-align:center;margin-bottom:15px;}
.intitles picture{ padding-bottom:10px;display:block;}
.intitles h4{display: block;font: 12px/20px "Microsoft Yahei";text-transform: uppercase;color: #fff;}
.intitles h3{font: 32px/35px "Microsoft Yahei";margin-top: 36px;text-align: center;color: #fff;font-weight: bold;}

.inaboutcategoryBox{ padding-top:30px;}
.inaboutcategoryBox .hd{ margin-bottom:15px; overflow:hidden;}
.inaboutcategoryBox .hd ul{ overflow:hidden; display:block;}
.inaboutcategoryBox .hd ul li { float: left; width:299px; text-align: center; line-height: 90px; font-size: 16px; color: #333; cursor: pointer; }
.inaboutcategoryBox .hd ul li:first-child { background: url(../images/a1.png) no-repeat 88px center,url(../images/a_arrow.png) no-repeat 195px center; background-color: #f4f4f4}
.inaboutcategoryBox .hd ul li:nth-child(2) {  border-right: 1px dashed #d2d1d1; background: url(../images/a2.png) no-repeat 88px center,url(a_arrow.png) no-repeat 195px center; background-color: #f4f4f4;}
.inaboutcategoryBox .hd ul li:nth-child(3) { background: url(../images/a3.png) no-repeat 88px center,url(a_arrow.png) no-repeat 195px center; background-color: #f4f4f4; }
.inaboutcategoryBox .hd ul li:last-child { background:url(../images/a4.png) no-repeat 88px center,url(../images/a_arrow.png) no-repeat 195px center;  background-color: #f4f4f4;}
.inaboutcategoryBox .hd ul li.on:first-child { background: url(../images/a1-1.png) no-repeat 88px center,url(a_arrow01.png) no-repeat 195px center;}
.inaboutcategoryBox .hd ul li.on:nth-child(2) { border-right: 1px dashed #d2d1d1; background: url(../images/a2-2.png) no-repeat 88px center,url(a_arrow01.png) no-repeat 195px center;}
.inaboutcategoryBox .hd ul li.on:nth-child(3) { background: url(../images/a3-3.png) no-repeat 88px center,url(../images/a_arrow01.png) no-repeat 195px center; }
.inaboutcategoryBox .hd ul li.on:last-child { background:url(../images/a4-4.png) no-repeat 88px center,url(../images/a_arrow01.png) no-repeat 195px center;}
.inaboutcategoryBox .bd ul{overflow:hidden;position:relative;}
.inaboutcategoryBox .bd li{ padding:15px 0;}
.inaboutcategoryBox .bd li .inaboutcategorypic{ text-align:center;}
.inaboutcategoryBox .bd li .inaboutcategorybox{ overflow:hidden;}
.inaboutcategoryBox .bd li .inaboutcategorybox .pic{ width:420px;}
.inaboutcategoryBox .bd li .inaboutcategorybox .txt{width:720px; font-size:14px; line-height:30px;}
.inaboutcategoryBox .bd li .inaboutcategorybox .txt a.more{margin-left: 30px;display: inline-block;width: 80px;height: 24px;background: #ca2533;color: #fff;line-height: 24px;text-align: center;text-indent: 0;}

.inproduct{padding: 50px 0 54px;}
.inproductcategory{}
.inproductcategory ul{ margin:0 -5px;}
.inproductcategory ul li{ float:left;}
.inproductcategory ul li .inproductcategorybox{ margin:0 5px;border: 1px solid #f0eded;}
.inproductcategory ul li .inproductcategorybox .txt{ text-align:center;}
.inproductcategory ul li .inproductcategorybox .txt a{ line-height:32px;    font-size: 18px; display:block;}
.inproductcategory ul li .inproductcategorybox:hover .txt{background: #ca2533;color:#fff;}
.inproductcategory ul li .inproductcategorybox:hover .txt a{ color:#fff;}
.inproductcategory ul li .inproductcategorybox .pic{}
.inproductcategory ul li .inproductcategorybox .pic img{ width:100%; vertical-align:top;}
.inproductBox{ position:relative;margin:0 -15px; display:none;}
.inproductBox a.prev,.inproductBox a.next{ display: block; width: 45px; height: 45px; position: absolute; top: 50%; margin-top: -22px; z-index: 999;}
.inproductBox a.prev{ left: -55px; background: rgba(67,67,67,0.3) url(../images/b_prev.png) no-repeat center;} 
.inproductBox a.next{ right: -55px; background: rgba(67,67,67,0.3)  url(../images/b_next.png) no-repeat center;}
.inproductBox .bd ul{overflow:hidden;}
.inproductBox .bd li{ width:25%; float:left;}
.inproductBox .bd li .inproductnr{ margin:15px;}
.inproductBox .bd li a{ display:block;}
.inproductBox .bd li a .pic{ position:relative;}
.inproductBox .bd li .title{padding: 74px 0 24px;background: #ca2533 url(../images/b_ico01.png) no-repeat center 18px; text-align: center; color:#fff;}
.inproductBox .bd li .title p{ font-size:15px;}
.inproductBox .bd li .title a.more{display: block;width: 85px;height: 28px;margin: 0 auto;margin-top: 12px;background: #ca2533; border: 1px solid #fff;text-align: center;line-height: 28px;font-size: 12px;color: #fff;}
.inproduct .more { width: 184px; height: 40px; margin: 0 auto; margin-top: 42px; border: 1px solid #5b5a5a; text-align: center; line-height: 40px; }
.inproduct .more a { display: block; color: #5b5a5a; font-size: 15px; }

.inadvantageBox{background: #f7f7f7;padding: 0 0 70px 0;}

.incase{ padding:50px 0;}
.incase .incasetitle{padding-left: 170px;width: 400px;margin: 0 auto;background: url(../images/d_title.png) no-repeat left center; margin-bottom:15px;}
.incase .incasetitle h3{display:none;}
.incase .incasetitle h4{color: #060606; font-size:1.5em; font-weight:600;}
.incase .incasetitle p{padding: 0 5px;background: #ca2533;color: #fff;font-size: 16px; line-height:30px; display:inline-block;}
.incaseBox{position:relative;}
.incaseBox .incaselist ul{overflow:hidden; margin:0 -15px;}
.incaseBox .incaselist ul li{ width:33.33333333333%; float:left;}
.incaseBox .incaselist ul li a{ display:block;position:relative;margin:15px;}
.incaseBox .incaselist ul li a .pic{ position:relative;}
.incaseBox .incaselist ul li a .txt{z-index:10;opacity:0;transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);position: absolute;top:20%;left:7%;width:70%; text-align: left;background: #fff;box-sizing: border-box;padding: 13% 10% 5% 10%;  box-shadow: 1px 2px 10px #ccc;}
.incaseBox .incaselist ul li a:hover .txt{opacity:1;}
.incaseBox .incaselist ul li a .txt h3{color:#ca2533;font-size:15px;font-weight: normal;background: url(../images/r2.png) no-repeat right center;}
.incaseBox .incaselist ul li a .txt p{}
.incaseBox .incaselist ul li a .txt span{display:block;margin-top:15%;text-align: left;color:#4a4a4a;font-size:12px;}

.incase .more { text-align:right; padding-top:15px;}
.incase .more a { display: inline-block; border: 1px solid #ca2533;color: #ca2533; font-size: 15px; padding:0 35px; line-height:32px;}

.inabout{padding:30px 0;}
.inabout .inaboutBox{ position:relative; overflow:hidden;}
.inabout .inaboutBox .abouttxt{width: 400px;height: 400px;background:rgba(255,255,255,.8);border-radius: 400px; position:absolute;top: 10%;left: 50%;}
.inabout .inaboutBox .abouttxt .abouttxtbox{color: #444;line-height:24px;text-indent:2em;padding:66px 53px;font-weight:bold;}
.inabout .inaboutBox .aboutimg1{}
.inabout .inaboutBox .aboutimg2{}
.inabout .inaboutBox .aboutimg2 ul li{ padding-bottom:6px;}
.inabout .inaboutBox .more{text-align: center;}
.inabout .inaboutBox .more a{display: block;width: 130px;height: 38px;line-height: 38px;color: #ca2533;font-size: 12px;border: 1px solid #ca2533; margin:0 auto;}
.inabout .inaboutBox .more a:hover{ color:#F00; border-color:#F00;}

.innews{padding:30px 0;background: #f7f7f7;}
.innews .innewslist{width:722px;height:450px;background:#fff;padding:0 47px;   position: relative;}
.slideTxtBox{ padding:10px 0;}
.slideTxtBox .hd{margin: 10px 0;}
.slideTxtBox .hd a{ float:right;line-height:30px;}
.slideTxtBox .hd ul{overflow:hidden;border-bottom: 1px solid #e5e5e5;}
.slideTxtBox .hd ul li{line-height:30px; float:left; font-size:18px;    color: #000; padding:0 15px; cursor:pointer;}
.slideTxtBox .hd ul li.on{color: #ca2533;}
.slideTxtBox .bd ul{zoom:1;overflow:hidden;}
.slideTxtBox .bd ul dl dt{width:300px;padding-right: 35px;border-right: 1px solid #eee;  height: 335px; float:left;}
.slideTxtBox .bd ul dl dt h3{ font-size:14px;line-height:24px; max-height:48px; overflow:hidden; margin:15px 0 10px;}
.slideTxtBox .bd ul dl dt h3 a{ color:#333;}
.slideTxtBox .bd ul dl dt h3 a:hover{ color:#ca2f37;}
.slideTxtBox .bd ul dl dt p{ font-size:12px; color:#999; line-height:20px; overflow :hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.slideTxtBox .bd ul dl dt .btn{ font-size:12px; color:#ca2f37; background:url(../images/bg6.png) right center no-repeat; padding-right:24px; display:inline-block; margin-top:10px;}
.slideTxtBox .bd ul dl dt .btn:hover{ color:#ca2533;}
.slideTxtBox .bd ul dl dd{width: 352px;float: right;margin-bottom: 15px;}
.slideTxtBox .bd ul dl dd li{}
.slideTxtBox .bd ul dl dd li a{ display:block; font-size:14px; color:#333; background:url(../images/bg1.png) left 9px no-repeat; padding:0 0 5px 15px; line-height:24px;}
.slideTxtBox .bd ul dl dd li:hover{ margin-left:8px;webkit-transition: all 0.3s linear -1ms;-moz-transition: all 0.3s linear -1ms;-ms-transition: all 0.3s linear -1ms;	-o-transition: all 0.3s linear -1ms;transition: all 0.3s linear -1ms;}
.slideTxtBox .bd ul dl dd li p{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;/* text-decoration:underline;*/}
.slideTxtBox .bd ul dl dd li span{ font-size:14px; color:#999;}
.slideTxtBox .bd ul dl dd li a:hover{ background-image:url(../images/bg1h.png); color:#ca2f37; font-size:14px;}
.slideTxtBox .bd ul dl dd li:last-child{ border:none;}

.innews .innewsbox .innewsfaq{width:300px;height:450px;background:#fff;padding:0 30px;overflow:hidden;}
.innews .innewsbox .innewsfaq .innewsfaqtitle{border-bottom:1px solid #e5e5e5;position:relative;line-height:30px;margin:10px 0; padding-top:10px;}
.innews .innewsbox .innewsfaq .innewsfaqtitle h3{font-size: 18px; line-height:30px;color: #333;}
.innews .innewsbox .innewsfaq .innewsfaqtitle a{position: absolute;right:0;top:10px;line-height:30px;font-weight: normal;}	
.innews .innewsbox .innewsfaq ul li{ overflow:hidden;padding:8px 0; margin:0;    border-bottom: 1px dashed #dcdcdc;}
.innews .innewsbox .innewsfaq ul li h3{font-size: 14px;color: #ca2533;line-height: 19px;background: url(../images/q.png) left center no-repeat;padding-left: 37px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-bottom: 10px;}
.innews .innewsbox .innewsfaq ul li p{font-size: 12px;color: #666;line-height: 20px;
height: 38px;overflow: hidden;background: url(../images/a.png) left 0 no-repeat;
padding-left: 37px;}
.innews .innewsbox .innewsfaq ul li a:hover h3{margin-left:8px;webkit-transition: all 0.3s linear -1ms;-moz-transition: all 0.3s linear -1ms;-ms-transition: all 0.3s linear -1ms;-o-transition: all 0.3s linear -1ms;transition: all 0.3s linear -1ms;}
.innews .innewsbox .innewsfaq ul li p:hover{margin-left:8px;webkit-transition: all 0.3s linear -1ms;-moz-transition: all 0.3s linear -1ms;-ms-transition: all 0.3s linear -1ms;-o-transition: all 0.3s linear -1ms;transition: all 0.3s linear -1ms;}

#friendlink{padding:0;padding:15px 0 0; background:#1f1f1f;}
#friendlink .friendlink{border-bottom: 1px solid #515765;}
#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%;}

.footermenu{ overflow:hidden;background:#1f1f1f;padding:15px 0 0;}
.footermenulist{}
.footermenulist dl{ float:left;display:block; margin:0; padding:0;}
.footermenulist dl a{color: #fff; line-height:30px; padding-right:30px;}
.footermenulist dl a:hover{}
.footermenulist dl dt{margin-bottom: 5px;font-size: 14px;}
.footermenulist dl dd{font-size: 12px; display:none;}

.footererweima{ float:right; width:150px;}

#footer{ background-color:#1f1f1f; padding:15px 0;color: #bdbdbd;}
#footer a{color: #bdbdbd;}
#footer a:hover{color:#fff;}
#footer .footercopyright{ line-height:30px;width: 550px;}
#footer .footererweima{width:300px; color:#fff;}
#footer .footererweima ul{ overflow:hidden;}
#footer .footererweima ul li{ width:50%; float:left; text-align:center;}
#float {}
#float .wrap { margin-bottom: 2px; position: relative; cursor: pointer; background:#ca2533 ;}
#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:#ca2533 ;}
#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; display:none;}
.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;}
.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:#ca2533;}

.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/header_bg.gif)}
#QQFloatDiv .Body{padding-top:30px;background:url(../images/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{background: #f1f1f1;}
.leibie ul{overflow:hidden;}
.leibie ul li{line-height:40px;color:#646363; display:block;margin-bottom: 2px;}
.leibie ul li a{color: #333;display: block;background: url(../images/h3_bg.gif) no-repeat; 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;}
.leibies ul li {display: inline-block;height: 42px;margin: 0 5px;width: 128px;}
.leibies ul li a {background:#5e5e60;color: #fff;display: block;height: 42px;line-height: 42px;width: 128px;font-size:16px;}
.leibies ul li a:hover,.leibies ul li a.active:before {background:#ca2533;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;}
.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:#ca2533;}

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