@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: #0051b5}
.clear{clear: both;}
.w1100{width: 1100px; margin:auto;}
.w1240{width: 1240px; margin:auto;}
.top{height:42px;line-height:42px;background:#222222;}
.top strong{color: #cccccc;font-size: 14px;font-weight:normal; }
.top p{float: right;}
.top p a{padding-left:40px;color: #666666;font-size: 12px;background: url(../images/t1.png) no-repeat center left;}
.top p a:hover{color: #0051b5}
.top p.tp2 a{background: none}
.hearder{background: #fff;height:100px;}
.hearder .w1100{position: relative;}
.hearder h1{float: left;margin-top:25px;float: left;}
.hearder h2{color: #333;font-size: 14px;position: absolute;top:58px;font-weight: normal;letter-spacing:4px;}
.nav{background:#fff;width:865px;float: right;}
.nav .w1100{position:relative;line-height: 100px;}
.nav li{float: left;padding-left:30px;}
.nav li:last-child{padding-right:0px;}
.nav li a{display: block;color: #585959;line-height:100px;text-align: center;}
.nav li a:hover{color:#2474cf;}
.nav li a.first{color:#2474cf;}
.hearder .call{background:url(../images/call.jpg) no-repeat center center;width:147px;height: 35px;
position: absolute;line-height: 35px;color: #fff;font-size: 16px;padding-left: 40px;right: 0px;top:50px;}
/*轮播图点样式*/
.active{ background: #fff;}
.flickerplate .dot-navigation .dot.active { background: #31c080; height:2px;width: 60px;}
.flickerplate .dot-navigation .dot.active:hover{ background:#31c080;}
.flickerplate .dot-navigation .dot {background: #fff;}
.flickerplate .dot-navigation .dot:hover{background: #31c080;}
/*search*/
.search{position:relative;background: url(../images/ssuo.png) no-repeat center;margin-top:-1px;}
.search_div{height:85px;line-height: 85px;background:#fff;}
.search_div .w1100{position: relative;}
.search{width:320px;left: 390px;}
.sea_key{position: absolute;top:0px;}
.sea_cal{position: absolute;top:0px;right: 0px;color: #595b5d;background: url(../images/call.png) no-repeat center left; padding-left: 35px;}
.sea_cal span{color: #0051b5;font-size: 18px;font-family:"Arial";font-weight: bold;}
.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; right: 2px; border: none; background: none;color: #fff;font-size: 16px;}
.sea_key a{font-size: 14px;color:#8d9aa6; margin:0 10px;}
.sea_key a:hover{text-decoration:underline;}
.sea_key span{font-size: 15px; color:#fff; font-weight:normal;}
.sea_key span em{color: #8d9aa6;font-size: 15px;font-style:normal;font-weight:normal;background:url(../images/hot.png) no-repeat center left; padding-left:17px;}
#SearchType {height: 31px;background: #fff;display: block;float: left;color: #666;margin-left: 1px;margin-top: 27px;}
.product{background: #f1f1f1}
.product h3{color: #28292b;font-size: 24px;font-weight: bold;padding-top:30px;text-align: center;}
.product h4{color: #c7c8c8;font-size: 14px;font-weight: bold;text-align: center;text-transform:uppercase; font-weight: normal;line-height: 40px;}
.product h5{text-align: center;}
.product h5 img{display: block;margin:auto;}
.portit{padding-top: 25px;width: 820px;margin:auto;}
.portit li a{text-align: center;float: left;height: 30px;line-height: 30px;padding-left: 25px;padding-right: 25px;display: block;
border-radius: 50px;background: #f1f1f1;margin-left:10px;margin-right:10px;color: #525457;}
.portit li:hover a{color: #fff;background: #0051b5}
.portit li:nth-child(1) a{background: #0051b5;color: #fff}
.procon{padding-top: 40px;}
.procon li{float: left;width: 342px;margin-right:35px;margin-bottom:20px;}
.procon li:nth-child(3n){margin-right:0px;}
.procon li img{width: 342px;height: 214px;display: block;}
.procon li p{height: 50px;line-height: 50px;color: #525457;font-size:16px;     overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.procon li:hover p{color: #0051b5}
.yous{height: 888px;}
.yous .w1100{height:810px;position: relative;}
.yous h3{position: absolute;top:60px;left: 0px;}
.yous h4{position: absolute;top:60px;right: 0px;z-index: 2}
.yous h4 img{padding:10px;background: #f2efef}
.yous h5{position: absolute;top:120px;left: 0px;}
.yous h5 img{padding:10px;background: #f2efef}
.yous .yscall{color: #767676;position: absolute;top:395px;left: 750px;}
.yous .yscall span{color: #0051b5;font-size: 20px;display: block;font-weight: bold;}
.yous .ysQQ{width:130px;height: 37px;background: #31c080;color: #fff;display: block;border-radius: 30px;line-height: 37px;text-align: center;
position: absolute;top:460px;left: 750px;}
.yous .ysQQ:hover{background: #0051b5}
.yous ul{position: absolute;top:535px;}
.yous ul li{width: 320px;float: left;margin-right: 65px;}
.yous ul li:nth-child(3){margin-right: 0px;}
.yous ul li a{color: #484848;font-size: 18px;font-weight: bold;border-bottom: solid 1px #ecf2f2;display: block;line-height: 70px;margin-bottom:20px;}
.yous ul li p{line-height:26px;color: #838383;}
.yous ul li:hover a{color: #0051b5}
.case{height: 600px;background: url(../images/lc.png) no-repeat center center;}
.case .w1100{position: relative;}
.case h3{color: #fffefe;text-align: center;font-weight: normal;font-size:24px;padding-top:65px;}
.case h4{color: #c7c8c8;font-size: 14px;text-align: center;text-transform:uppercase; font-weight: normal;}
.case .case_lc{margin-top: 60px;}
.case .case_lc p{color: #fff;float: left;width: 180px;float: left;}
.case .case_lc p:nth-child(1){padding-left:63px;width: 117px;}
.case .case_lc p:nth-child(2){padding-left:53px;width: 127px;}
.case .case_lc p:nth-child(3){padding-left:80px;width: 100px;}
.case .case_lc p:nth-child(4){padding-left:70px;width: 110px;}
.case .case_lc p:nth-child(5){padding-left:85px;width:95px;}
.case .case_lc p:nth-child(6){padding-left:75px;width:105px;}
.case .case_lc p a{color: #fff;}
.case .case_lc p:hover a{color: #fff;text-decoration:underline;}
.case .caseScroll{margin-top: 180px;}
.case .caseScroll li{float: left;position: relative;margin-right:22px;overflow: hidden;}
.case .caseScroll li img{width:257px;height: 161px;display: block;}
.case .caseScroll li p{position: absolute;top:-161px;transition: all 0.8s;text-align: center;line-height: 161px;}
.case .caseScroll li p span{position: absolute;top:-161px;width: 257px;display: block;text-align: center;}
.case .caseScroll li:hover p{top:0px;}
.case .caseScroll li:hover p span{top:0px;text-align: center;color: #fff;}
.case .more{padding-top:60px;width: 312px;margin:auto;}
.case .more a{width:116px;height: 32px;display:block;float: left;margin-left:18px;margin-right:18px;border:solid 1px #fff;border-radius: 30px;text-align:center;line-height: 32px;}
.case .more a:hover{background: #3a4e9b;color: #fff;border:solid 1px #3a4e9b;}
.about{height: 421px;background: url(../images/aboutbj.jpg) no-repeat center center;}
.about .w1100{position: relative;}
.about .abimg{float: left;margin-top: 55px;}
.about .abright{width: 535px;float: right;margin-top: 80px;}
.about .abright h3{color: #31c080;font-size: 24px;}
.about .abright h4{color: #4b4b4b;font-size: 14px;font-weight:normal;margin-bottom: 15px;}
.about .abright p{line-height: 30px;color: #909090}
.about .abright .more{width: 120px;height: 30px;display: block;line-height: 30px;text-align: center;background:#0051b5;
border-radius: 30px;margin-top:15px;}
.about .abright .more:hover{background: #31c080;color: #fff;}
/*news*/
.news{height: 640px;background: #f1f1f1;padding-top: 50px}
.news .w1100{position:relative;}
.news h3{color: #0051b5;font-size:20px;float:left; }
.news .newsright{width: 655px;float: left;}
.news .newstop{border-bottom: solid 1px #ececec;padding-bottom: 12px;}
.news .newstop .more{float: right;color: #dbdbdb;margin-top: 10px;}
.news .newstop .more:hover{color: #0051b5}
.news .newsright p{height: 53px;line-height: 53px;border-bottom: solid 1px #ececec}
.news .newsright p:last-child{border-bottom: none}
.news .newsright p a{float:left;color: #878787;line-height: 53px;width: 535px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .newsright p span{float: right;height: 53px;line-height: 53px;display: block;color: #878787}
.news .newsright p a:hover{color: #0051b5}
.news .newsleft{width: 370px;float: right;}
.news .newsleft h3{color: #303030}
.news .nlcon{background: #fff;margin-top: 20px;padding-top:20px;}
.news .nlcon{width: 370px;text-align: center;}
.news .nlcon p{height: 53px;line-height: 53px;border-bottom: solid 1px #ececec;width: 337px;margin:auto;text-align: left}
.news .nlcon p a{color: #878787;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 337px;display: block;line-height: 53px;}
.news .nlcon p a:hover{color: #0051b5;}
.news .nlcon p:last-child{border-bottom: none}
.link{line-height: 20px;position: relative;z-index: 2}
.link .w1100{padding-left: 100px;background: #fff url(../images/link.jpg) no-repeat center left;width: 1000px;padding-top: 20px;padding-bottom:20px;}
.link  a{padding-right: 40px;color: #888888;display: block;float:left;line-height: 35px;font-size:13px;}
.link  a:hover{color: #0051b5}
/*foot*/
.foot{height: 285px;background:#333333;padding-top:45px;position: relative;}
.foot .w1100{position: relative;height: 285px;}
.foot .fnav{height: 75px;border-bottom: solid 1px #606060}
.foot .fnav h3{float: left;margin-top: 15px;margin-left: 5px}
.foot .fnav li{float: left;margin-left: 55px}
.foot .fnav li a{color: #606060;line-height: 75px;}
.foot .fnav li:hover a{color: #0051b5}
.fadd{position: absolute;top:130px;}
.fadd h3{color: #ffffff;font-size: 18px;font-weight: normal;margin-bottom: 20px;}
.fadd p{color: #999999;font-size: 14px;padding-left:23px; ;background: url(../images/f4.jpg) no-repeat center left;}
.fadd span{color: #666666;padding-left: 20px;margin-top:10px;display: block;}
.fadd span a{color: #666666}
.fadd span a:hover{color: #0051b5}
.fcall{position: absolute;top:130px;left: 605px;}
.fcall h3{color: #ffffff;font-size: 18px;font-weight: normal;margin-bottom: 20px;}
.fcall p{color: #999999;font-size: 14px;padding-left:23px; background: url(../images/f2.jpg) no-repeat center left;margin-bottom: 10px}
.fcall p:nth-child(2){background: url(../images/f3.jpg) no-repeat center left;}
.wx{position: absolute;top:130px;right: 0px;}
/*返回顶部*/
/*返回顶部*/
/*返回顶部*/
.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}