@charset "utf-8";
/*样式重置*/
body {
    width: 100%;
    min-width: 1100px;
    max-width: 1920px;
    margin: 0 auto;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, em, p, font, img, small, strong, center, dl, dt, dd, ol, ul, li, form, label, table, caption,
 tbody, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:14px; font-family: "微软雅黑";} 
ol, ul {list-style:none} :focus {outline:none; } 
a{font:14px "微软雅黑";text-decoration:none;color:#fff;cursor:pointer;} 
a:hover{color: #2a6acc}
.clear{clear: both;}
.w1100{width: 1100px; margin:auto;}
.w1240{width: 1240px; margin:auto;}
.top{height:35px;line-height:35px;background:url(../images/topbj.jpg) no-repeat center center;}
.top strong{color: #afafaf;font-size: 14px;font-weight:normal;text-transform:uppercase; }
.top p{float: right;font-size: 13px;font-weight:normal;padding-left:25px;background:url(../images/call.png) no-repeat center left;font-weight: normal;color: #141414;}
.hearder{background: #fff;height:115px;}
.hearder .w1100{position: relative;}
.hearder h1{float: left;margin-top:10px;float: left;}
.hearder h2{color: #3f3f3f;font-size: 14px;position: absolute;top:50px;font-weight: normal;letter-spacing:8px;}
.nav{background:#fff;float: right;margin-top:40px;}
.nav .w1100{position:relative;height: 55px;}
.nav li{float: left;padding-left:25px;}
.nav li:last-child{padding-right:0px;}
.nav li a i{display: block;font-style: normal;}
.nav li a span{display: block;color: #c2c3c5;font-weight: normal;font-size: 10px;font-style:normal;text-transform:uppercase; margin-top: 5px;}
.nav li a{display: block;color: #585959;text-align: center;font-size: 17px;}
.nav li a:hover{background: url(../images/navbj.jpg) no-repeat center bottom;padding-bottom: 15px;}
.nav li a.first{background: url(../images/navbj.jpg) no-repeat center bottom;padding-bottom: 15px;}
/*轮播图点样式*/
.active{ background: #fff;}
.flickerplate .dot-navigation .dot.active { background: #ffcd34; height:2px;width: 60px;}
.flickerplate .dot-navigation .dot.active:hover{ background:#ffcd34;}
.flickerplate .dot-navigation .dot {background: #fff;}
.flickerplate .dot-navigation .dot:hover{background: #ffcd34;}
/*search*/
.search{position:relative;}
.search_div{height:60px;line-height: 60px;}
.search_div .w1100{width: 1100px;}
.search{ float: right;width:346px;background: url(../images/ssuo.png) no-repeat center center;}
.sea_key{float: left;}
.sea_cal{float: right;}
.search_tow{ border: none; background: none; width:200px; color: #999;font-size: 14px;padding-left: 10px;  height: 30px;}
.search_button{ cursor: pointer;width: 50px;height: 60px; position: absolute; border: none; background: none;color: #fff;font-size: 16px;right: 0}
.sea_key a{font-size: 14px;color:#0d1114; margin:0 10px;}
.sea_key a:hover{text-decoration:underline;}
.sea_key span{font-size: 15px; color:#0d1114; font-weight:normal;}
.sea_key span em{color: #0d1114;font-size: 15px;font-family:"Arial";font-style:normal;font-weight: bold;}
#SearchType {height: 33px; line-height: 33px;background: #f9f9f9; display: block;float: left;margin-top: 15px;color: #969899;margin-left: 1px;}
.w1305{width: 1305px;margin:auto;margin-top: -30px;background: #f9f9f9;height: 63px;line-height: 63px;}
.porduct{height:884px;background: #fff;}
.porduct .w1100{position: relative;}
.porduct h3{text-align:center;color: #121212;font-size: 34px;font-weight:normal;margin-top: 40px;}
.porduct h4{text-align: center;color: #c3c3c3;font-size: 12px;font-weight: normal;text-transform:uppercase; }
.porduct h5{text-align: center;}
.portop ul{margin-top: 20px;}
.portop li{float: left;height: 45px;line-height: 45px;padding-left:35px;padding-right:35px;border-radius:30px;}
.portop li a{color: #171718;font-size: 14px;}
.portop li:hover{background: #fcbf07;}
.portop li:hover a{color: #fff}
.porcon{margin-top: 50px;}
.porcon li{float:left;margin-right:14px;}
.porcon li p{height:44px;background:#1c1c1c url(../images/cm2.jpg) no-repeat center right;}
.porcon li:nth-child(3n){margin-right: 0px;}
.porcon li img{width:355px;height: 355px;border:solid 1px #e8e8e8;display: block;border-bottom:none}
.porcon li p{line-height: 44px;padding-left: 30px;width:327px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 20px;}
.porcon li:hover img{border:solid 1px #fcbf07;border-bottom:none}
.porcon li:hover p{color: #ffffff;background:#1c1c1c url(../images/cpm1.jpg) no-repeat center right;}
.about{height:492px;background: url(../images/abimg.jpg) no-repeat center center;margin-top: 30px; }
.about .w1100{position: relative;}
.about h3 i{color: #fff;font-size: 26px;font-style: normal;}
.about h3 span{color: #fcbf07;font-size: 26px;}
.about h3 em{color: #3e4245;font-weight: normal;font-style: normal;margin-left:10px;text-transform:uppercase;  }
.about .ableft{padding-top:80px;width: 650px;float: left;}
.about .ableft h3{margin-bottom: 35px;}
.about .ableft p{line-height: 30px;color: #8d8e8f;}
.about .abright{float: right;margin-top: 105px;} 
.honor{background: #f5f5f5;padding-bottom: 20px;}
.honor .w1100{position: relative;}
.honorScroll li{float: left;margin-right: 20px;}
.honorScroll li p{text-align: center;line-height: 35px;color: #333}
.honorScroll li img{width:260px;height: 318px;display: block;border:solid 1px #d2d2d2;margin-top: 20px;background: #}
.honorScroll .next{position: absolute;top:150px;left: -72px;}
.honorScroll .prev{position: absolute;top:150px;right: -72px;}
.honorScroll li:hover img{border:solid 1px #fddb74;}
.case{height: 740px;background:url(../images/casebj.jpg) repeat center center;}
.case .w1100{}
.case h3{text-align:center;padding-top: 20px;}
.case h3 a{color: #121212;font-size: 34px;font-weight:normal;}
.case h3 span{color: #fcbf07;font-size: 34px;}
.case h4{text-align: center;color: #c3c3c3;font-size: 12px;font-weight: normal;text-transform:uppercase; }
.case h5{text-align: center;}
.case ul{margin-top:35px;}
.case ul li{float: left;margin-right: 17px;margin-top:5px;}
.case ul li img{border:solid 1px #fff;width:353px;height:238px;display:block; }
.case ul li p{text-align:left;color: #404040;font-size:15px;line-height: 40px;padding-left:130px;background: url(../images/cam1.jpg) no-repeat  110px center;
  overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width:223px;}
.case ul li:nth-child(3n){margin-right: 0px;}
.case ul li:nth-child(4) img{border:solid 1px #ededed;margin-top:10px;}
.case ul li:nth-child(5) img{border:solid 1px #ededed;margin-top:10px;}
.case ul li:nth-child(6) img{border:solid 1px #ededed;margin-top:10px;}
.case ul li:hover img{border:solid 1px #fddb74;}
.case ul li:hover p{color: #333}
.yous{height:512px;background: #f5f5f5 }
.yous .w1100{height: 512px;position: relative;}
.yous h3{text-align: center;color: #0b0b0b;font-size:29px; font-weight: normal;padding-top: 30px;}
.yous h3 span{color: #fcbf07;font-size:29px;font-weight: bold;}
.yous h4{text-align: center;text-align: center;font-size:13px;color: #d6d6d6;font-weight: normal;text-transform:uppercase;  }
.yous h5{text-align: center;}
.yous ul li{width: 495px;float: left;margin-top: 35px;padding-left:45px;background: url(../images/y1.jpg) no-repeat  left top;}
.yous ul li:nth-child(2n){width: 500px;float: right;}
.yous ul li:nth-child(1){background: url(../images/y1.jpg) no-repeat  left top;}
.yous ul li:nth-child(2){background: url(../images/y2.jpg) no-repeat  left top;}
.yous ul li:nth-child(3){background: url(../images/y3.jpg) no-repeat  left top;}
.yous ul li:nth-child(4){background: url(../images/y4.jpg) no-repeat  left top;}
.yous ul li a{color: #373737;font-size:17px;font-weight: bold;line-height: 32px;}
.yous ul li p{color: #6b6b6b;line-height:28px;font-size:13px;}
.yous ul li:hover a{color: #fcbf07}
.hezuo{}
.hezuo .w1100{position: relative;}
.hezuo li{float: left;margin-right: 18px;margin-top:25px;margin-bottom:25px;}
.hezuo li img{width:117px;display: block;border:solid 1px #e5e5e5;}
.hezuo li:hover img{border:solid 1px #fddb74;}
.hezuo .tempWrap{width: 1100px!important}
.hezuo .hezuoScroll{position: relative;}
.hezuo .next{position: absolute;left: -45px;top:40px;    display: none;}
.hezuo .prev{position: absolute;right: -45px;top:40px;    display: none;}
.lc{background: url(../images/lcbj.jpg) no-repeat center center;height: 528px;}
.lc .w1100{position: relative;}
.lc a{color: #ffffff;font-size: 13px;float: left;text-align: center;}
.lc li:nth-child(1) a{position: absolute;top:103px;left: -6px;}
.lc li:nth-child(2) a{position: absolute;top:103px;left: 212px;}
.lc li:nth-child(3) a{position: absolute;top:105px;left: 406px;}
.lc li:nth-child(4) a{position: absolute;top:105px;left: 604px;}
.lc li:nth-child(5) a{position: absolute;top:103px;left: 810px;}
.lc li:nth-child(6) a{position: absolute;top:103px;left: 995px;}
.lc li:nth-child(7) a{position: absolute;top:335px;left: 16px;}
.lc li:nth-child(8) a{position: absolute;top:335px;left: 221px;}
.lc li:nth-child(9) a{position: absolute;top:335px;left: 416px;}
.lc li:nth-child(10) a{position: absolute;top:335px;left: 617px;}
.lc li:nth-child(11) a{position: absolute;top:335px;left: 823px;}
.lc li span{width:94px;height: 94px;display: block;margin:auto;  -webkit-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out;}
.lc li i{font-style:normal; margin-top: 20px; display: block;}
.lc li:nth-child(1) span{background:url(../images/lic1.png) no-repeat center center;}
.lc li:nth-child(1):hover span{background:url(../images/lic1a.png) no-repeat center center;
-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}
.lc li:nth-child(2) span{background:url(../images/lic2.png) no-repeat center center;}
.lc li:nth-child(2):hover span{background:url(../images/lic2a.png) no-repeat center center;
-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}
.lc li:nth-child(3) span{background:url(../images/lic3.png) no-repeat center center;}
.lc li:nth-child(3):hover span{background:url(../images/lic3a.png) no-repeat center center;
-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}
.lc li:nth-child(4) span{background:url(../images/lic4.png) no-repeat center center;}
.lc li:nth-child(4):hover span{background:url(../images/lic4a.png) no-repeat center center;
-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}
.lc li:nth-child(5) span{background:url(../images/lic5.png) no-repeat center center;}
.lc li:nth-child(5):hover span{background:url(../images/lic5a.png) no-repeat center center;
-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}
.lc li:nth-child(6) span{background:url(../images/lic6.png) no-repeat center center;}
.lc li:nth-child(6):hover span{background:url(../images/lic6a.png) no-repeat center center;
-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}
.lc li:nth-child(7) span{background:url(../images/lic7.png) no-repeat center center;}
.lc li:nth-child(7):hover span{background:url(../images/lic7a.png) no-repeat center center;
-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}
.lc li:nth-child(8) span{background:url(../images/lic8.png) no-repeat center center;}
.lc li:nth-child(8):hover span{background:url(../images/lic8a.png) no-repeat center center;
-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}
.lc li:nth-child(9) span{background:url(../images/lic9.png) no-repeat center center;}
.lc li:nth-child(9):hover span{background:url(../images/lic9a.png) no-repeat center center;
-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}
.lc li:nth-child(10) span{background:url(../images/lic10.png) no-repeat center center;}
.lc li:nth-child(10):hover span{background:url(../images/lic10a.png) no-repeat center center;
-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}
.lc li:nth-child(11) span{background:url(../images/lic11.png) no-repeat center center;}
.lc li:nth-child(11):hover span{background:url(../images/lic11a.png) no-repeat center center;
-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}
.lc .more{position: absolute;top:305px;right:0px; }
.lc li:hover a{color: #fddb74}
.hezuo1{height: 470px;background: #f5f5f5}
.hezuo1 .w1100{position: relative;}
.hezuo1 h3{text-align:center;color: #121212;font-size: 34px;font-weight:normal;padding-top: 40px;}
.hezuo1 h4{text-align: center;color: #c3c3c3;font-size: 12px;font-weight: normal;text-transform:uppercase; }
.hezuo1 h5{text-align: center;}
.hezuo1 li{float: left;margin-right: 8px;margin-top: 10px;}
.hezuo1 li img{width:211px;height: 132px;display: block; border:solid 1px #f5f5f5;}
.hezuo1 li:hover img{border:solid 1px #fddb74}
.hezuo1 li:nth-child(5n){margin-right: 0px;}
/*news*/
.news{height:425px;background: #ffffff;padding-bottom: 30px;}
.news .w1100{position:relative;}
.news h3{color: #181818;font-size: 20px;font-weight: normal;margin-top:27px;float: left;}
.news .newtop ul{float: right;}
.news .newtop ul li a{color: #181818;font-size:13px;}
.news .newtop ul li{float: left;margin-top: 30px;background: url(../images/nimg.png) no-repeat  right center;padding-right:45px;}
.news .newtop ul li:nth-child(3){padding-right: 0px;background: none}
.news .newtop ul li:hover a{text-decoration:underline;}
.newcon li{width: 325px;float: left;margin-right:60px;margin-top:38px;}
.newcon li a{color: #111111;font-size: 16px;background: url(../images/n1.jpg) no-repeat left top;padding-top: 15px;padding-bottom: 20px;display: block;  width: 325px;
   overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newcon li:nth-child(3n){margin-right: 0px;}
.newcon li p{color: #3a3a3a;line-height: 25px;display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
cursor:pointer;
margin-bottom: 25px;}
.newcon li span{color: #3a3a3a;font-size: 13px;}
.newcon li:hover a{color: #fec200}
.link{line-height: 20px;position: relative;z-index: 2;background: #f4f4f4;}
.link .w1100{padding-top: 20px;padding-bottom:20px;}
.link span{color: #6d6e6e;font-size: 14px;line-height: 35px;display: block;float: left;}
.link p{width: 1000px;float: right;}
.link  a{padding-right: 40px;color: #6d6e6e;display: block;float:left;line-height: 35px;font-size:13px;background: url(../images/linkmore.jpg) no-repeat right;}
.link  a:hover{color: #fddb74}
/*foot*/
/*foot*/
.foot{height:200px;background:#171718;}
.foot .w1100{position: relative;height: 185px;}
.foot .fnav{float:left;width:165px;margin-top:50px;}
.foot .fnav h3{color:#ffffff;font-size: 16px;font-weight: normal;margin-bottom: 15px;}
.foot .fnav ul a{color: #818181;padding-left:15px;background:url(../images/f1.jpg) no-repeat center left;}
.foot .fnav ul li{margin-bottom: 15px;}
.foot .fnav ul a:hover{color: #fddb74}
.foot .fcall{float: left;padding-top: 50px;padding-left:110px;background: url(../images/f2.jpg) no-repeat  40px 50px}
.foot .fcall p{color: #666666;line-height: 35px;}
.foot .fcall p a{color: #666}
.foot .fcall p a:hover{color: #fddb74}
.foot .fwx{margin-top:50px;float: right;}
.foot .fwx li{float: left;margin-left: 30px;}
.foot .fwx li p{text-align: center;color: #666666}
.fend{height:45px;line-height: 45px;background: #121213;color: #666666;text-align: center;}
.fend a{color: #666666;line-height: 45px;}
.fend a:hover{color: #fddb74}
.foot a:hover{color: #fddb74}
/*返回顶部*/
/*返回顶部*/
/*返回顶部*/
.cd-top { z-index:999;
  display: inline-block;
  height: 50px;
  width: 50px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  cursor:pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:#000 url(../images/cd-top-arrow.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
   border-radius:8px;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1; cursor:pointer;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .9;
}
.no-touch .cd-top:hover {
  background-color: #9dc92b;
  opacity: 1;}
.por_conend .por_con_div h4 a:hover{color: #316DC3}