@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: #015198}
.clear{clear: both;}
.w1100{width: 1100px; margin:auto;}
.w1240{width: 1240px; margin:auto;}


.nav{height: 147px;background: #fff;}
.nav .w1100{position:relative;height: 147px;}

.nav h1{float: left;margin-top: 30px;margin-right: 15px;}
.nav h2{float: left;margin-top: 30px;}
.nav ul{width: 755px;position: absolute;right: 0px;top:75px;}
.nav li{float: left;padding-right:55px;}
.nav li:last-child{padding-right:0px;}
.nav li a{display: block;height:70px;line-height: 70px;color: #666666;border-bottom: solid 2px #fff}
.nav li a:hover{color:#015198;border-bottom: solid 2px #015198}
.nav li a.first{color: #015198;border-bottom: solid 2px #015198}
.nav .call{color: #fccc0b;font-size: 18px;font-family: "Arial";background: url(../images/call.jpg) no-repeat center left;
width:165px;padding-left: 20px;position: absolute;top:40px;left: 340px;}


/*轮播图点样式*/
.active{ background: #fff;}
.flickerplate .dot-navigation .dot.active { background: #014393; height:2px;width: 60px;}
.flickerplate .dot-navigation .dot.active:hover{ background:#014393;}
.flickerplate .dot-navigation .dot {background: #fff;}
.flickerplate .dot-navigation .dot:hover{background: #014393;}

/*搜索框*/
.search{position:absolute;background: url(../images/ssuo.jpg) no-repeat center; float: right;width:278px;height: 30px;top:30px;right:0px;}
.search_div{height:115px;background:#fff;}
.search_tow{ border: none; background: none; width:215px; color: #444;font-size: 14px;padding-left: 35px;height: 30px;}
.search_button{    cursor: pointer;width: 30px; position: absolute; right: 2px;height: 30px; border: none;
 background: none;color: #fff;font-size: 16px;}


/*pordcut*/
.porduct{background: #fff;height: 840px;margin-top:60px;margin-bottom: 55px;}
.porduct h3{color: #333333;font-size:26px;text-align: center;font-weight: normal;}
.porduct h4{color: #aaaaaa;font-size: 12px;text-align: center;font-weight: normal;text-transform:uppercase;padding-bottom: 60px;
border-bottom: solid 1px #dedede;}
.porduct .cptit{margin-top:-40px;}
.porduct .cptit li{float: left;margin-right: 60px;}
.porduct .cptit li a{color: #666666;font-size:14px;background: url(../images/pt1.jpg) no-repeat center bottom;display: block;padding-bottom:25px;}
.porduct .cptit li a:hover{color: #015198;background: url(../images/pt2.jpg) no-repeat center bottom;}
.procont{padding-top:55px;}
.procont ul li{float: left;margin-right: 20px;margin-bottom:20px;transition: all 0.3s ease 0s;}
.procont ul li img{display: block;}
.procont ul li:nth-child(3n){margin-right: 0px;}
.procont ul li p{height: 60px;background: #f0f0f0 url(../images/pt4.jpg) no-repeat 320px center}
.procont ul li p span{display:block;width: 280px;padding-left: 25px;line-height: 60px;  color: #999999;   overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.procont ul li:hover  p span{color: #015198}
.procont ul li:hover  p{background: #f0f0f0 url(../images/pt3.jpg) no-repeat 320px center}
.procont ul li:hover{  -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);}
.porduct .more{width: 320px;margin:auto;text-align: center;padding-top:30px;}
.porduct .more a{width: 136px;height: 37px;display: block;float: left;line-height: 37px;text-align: center;background: #015198;color: #fff;
margin:0px 10px;}
.porduct .more a:hover{background:#fccc0b}


.yous{height:940px;background: url(../images/ysbj.jpg) no-repeat center center; }
.yous h4{text-align: center;padding-top: 68px;color: #fff;font-size: 38px;font-weight: normal;}
.yous h5{color: #5498d3;text-align: center;font-weight: normal;font-size:12px;text-transform:uppercase; }
.yous ul li{padding-top: 40px;clear:both;}
.yous ul li img{float: left;display: block;}
.yous ul li:nth-child(2n) img{float: right;}
.yous ul li .yscon{width: 835px;float:left;margin-left: 55px;}
.yous ul li .yscon:nth-child(2n) {}
.yous ul li .yscon h6{margin-top: 25px;color: #fff;font-size: 12px;text-transform:uppercase;margin-bottom: 10px; }
.yous ul li .yscon h6 span{color:#fff;font-size: 22px;font-weight: normal;}
.yous ul li .yscon  p{color: #fff;font-size:14px;line-height: 30px;}


/*lc*/
.lc{height: 430px;background: #f0f0f0;}
.lc h3{color: #333333;font-size:26px;text-align: center;font-weight: normal;}
.lc h4{color: #aaaaaa;font-size: 12px;text-align: center;font-weight: normal;text-transform:uppercase;padding-bottom: 60px;}
.lc .w1100{position: relative;padding-top:70px;}
.lc .lcScroll li{float: left;text-align: center;margin-right: 45px;width: 93px;margin-left:45px;}
.lc .lcScroll li h4{margin-top:20px;color: #333333;font-size: 18px;font-weight: normal;margin-bottom: 10px}
.lc .lcScroll li p{display:block; text-align: center;color: #333;font-size: 14px;margin-top: 15px;}
.lc .lcScroll .next{position:absolute;top:210px;left: -30px; }
.lc .lcScroll .prev{position:absolute;top:210px;right: -30px; }
.lc .lcScroll .tempWrap{width: 1100px!important}
.lc .lcScroll .picList li span{width: 93px;color: #999;height: 93px;display: block;line-height: 93px;text-align: center;background: #fff;border-radius: 90px;margin:auto;}
.lc .more{width: 320px;margin:auto;text-align: center;padding-top:45px;}
.lc .more a{width: 136px;height: 37px;display: block;float: left;line-height: 37px;text-align: center;background: #015198;color: #fff;
margin:0px 10px;}
.lc .more a:hover{background:#fccc0b}


/*关于我们*/
.about{height: 520px;background: #fff;}
.about .w1100{padding-top: 70px}
.about .ableft{float: left;width:520px;height: 390px; }
.about .abright{float: right;width: 510px;}
.about .abright h3{color: #aaaaaa;font-size: 12px;font-family:Arial;text-transform:uppercase;font-weight: normal; }
.about .abright h4{color: #333333;font-size: 26px;font-weight:both;}
.about .abright p{color: #666666;font-weight:normal;line-height: 28px;margin-top: 30px;}
.about ul{margin-top: 60px;}
.about ul li{float: left;margin-right:60px;}
.about ul li h5{color: #015198;font-weight: normal;font-size:26px;}
.about ul li span{color: #666666;font-size: 14px;}


.hz h3{color: #333333;font-size:26px;text-align: center;font-weight: normal;}
.hz h4{color: #aaaaaa;font-size: 12px;text-align: center;font-weight: normal;text-transform:uppercase;padding-bottom: 20px;}
.photo{height:170px;background:#efefef; overflow: hidden;}
.photo .w1100{position: relative;}
.photo h4{color: #010101;font-size:31px;text-transform:uppercase; text-align: center;padding-top:35px;}
.photo h5{color: #010101;font-size:18px;text-transform:uppercase; text-align: center;}
.photo h6{color: #010101;font-size:14px;text-transform:uppercase; text-align: center;font-weight: normal;letter-spacing: 8px;}
.photo .photoScroll li{float: left;text-align: center;margin-right: 22px;margin-top: 23px;}
.photo .photoScroll li img{display: block;width: 200px;height:122px;}
.photo .photoScroll li p{color: #fff;height: 35px;line-height: 35px;background: #b0b0b0}
.photo .next{position: absolute;top: 23px;left: -410px;}
.photo .prev{position: absolute;top: 23px;right: -400px;}
.photo .tempWrap{width: 1100px!important;}

/*news*/


.news h3{color: #333333;font-size:26px;text-align: center;padding-top: 70px;font-weight: normal;}
.news h4{color: #aaaaaa;font-size: 12px;text-align: center;font-weight: normal;text-transform:uppercase;padding-bottom: 20px;}
.news{background: #fff;height:390px;}
.news .ntit{margin-top:60px;padding-bottom:30px;}
.news .ntit h4{color: #333333;font-size: 26px;font-weight:normal;float: left;}
.news .ntit p{float: right;}
.news .ntit p a{width:115px;height: 35px;border:solid 1px #dedede; border-radius: 30px;display: block;float: left;
  margin-left: 20px;line-height: 35px;text-align: center;color: #666}
.news .ntit p a:hover{background: #015198;color: #fff;border:solid 1px #015198}
.nleft{float: left;margin-top:30px;}
.neright{float: right;margin-top: 30px;width: 690px;}
.neright p{float: left; height: 60px;border-top:solid 1px #dedede;width: 320px;line-height: 60px;color: #666666;
padding-left: 16px;background: url(../images/n3.jpg) no-repeat center  left ;}
.neright p:nth-child(2n){float: right;}
.neright p a{color: #666}
.neright p a:hover{color: #015198;}
.neright p:hover{background: url(../images/n2.jpg) no-repeat center left;}
.neright p:nth-child(7){border-bottom:solid 1px #dedede;}
.neright p:nth-child(8){border-bottom:solid 1px #dedede;}


.link{background: #ffffff;margin-top: 60px;margin-bottom: 20px;}
.link a{color: #999999;margin-right:40px;line-height: 65px;}
.link a:hover{text-decoration:underline;}


/*foot*/
.ftop{height: 125px;border-bottom: solid 1px #414b54;line-height: 125px;background: #1b252e}
.ftop span{padding-left: 35px;margin-right:140px;color: #fff;float:left;}
.ftop span:last-child{margin-right: 0px;}
.ftop span:nth-child(1){background: url(../images/f1.jpg) no-repeat center left;}
.ftop span:nth-child(2){background: url(../images/f2.jpg) no-repeat center left;}
.ftop span:nth-child(3){background: url(../images/f3.jpg) no-repeat center left;}
.ftop span a:hover{color: #fff;text-decoration:underline;}




.foot{height: 455px;background:#1b252e;}
.foot h3{float: left;margin-top: 52px;margin-right: 75px;}
.foot .w1100{position: relative;height: 455px;}
.fnav{width: 150px;float: left;}
.fnav1{width: 300px}
.fnav1 li{width: 130px;float: left;}
.fnav1 h4{width: 210px;border-bottom: solid 1px #58636c;}
.fnav h4{color: #bbbbbb;font-size: 16px;padding-top: 55px;font-weight:normal;padding-bottom: 20px;
border-bottom: solid 1px #58636c;margin-bottom: 20px;}
.fnav ul li{padding-bottom:10px;padding-top: 10px;}
.fnav ul li a{color: #58636c;}
.gzhu{float: right;margin-top: 60px;}
.gzhu p{text-align: center;color: #fff;margin-top:10px;}


.fend{height: 90px;background: #1b252e;color: #fff;position: absolute;bottom: 0px;width: 1100px;
border-top:solid #58636c 1px;}
.fend p{color: #58636c;font-size:14px;margin-top: 35px;text-align: center;}


.fend a{color: #58636c;}
.fendcall a{display: block;width: 126px;height: 36px;background: #015198;line-height: 36px;text-align: center;color: #fff;}
.fend a:hover{text-decoration:underline;}
.foot a:hover{text-decoration:underline;}


/*返回顶部*/
/*返回顶部*/
.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}