@charset "utf-8";
/*样式重置*/
body {
    width: 100%;
    min-width: 1100px;
    max-width: 1920px;
    overflow-x: hidden;
    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:#1a98d6;cursor:pointer;} 
a:hover{color: #1a98d6}
.clear{clear: both;}
.w1100{width: 1100px; margin:auto;}
.w1920{width: 1920px; margin:auto;}
.hearder{background: #fff;height: 127px;}
.hearder h1{float: left;margin-top:20px;}
.hearder .w1100{position: relative;}
.hearder .ding{float: left;}
.hearder .ding h2{margin-top:40px;margin-left:25px;color: #222222;font-weight:bold;font-size:20px;}
.hearder .ding h3{color: #959595;font-size:14px;font-weight:normal;margin-top: 5px;letter-spacing:1px;margin-left:25px;}
.hearder .ding h3 span{color: #005ec7;font-size:14px;font-weight: bold;}
.hearder .call{position:absolute;right: 0px;top:0px;   margin-top:40px;padding-left:25px;text-align: left;}
.hearder .call span{color: #999999;font-size:14px;background:url(../images/t2.jpg) no-repeat center left;display: block;
padding-left: 25px}
.hearder .call p{color: #1a98d6;font-size:27px;line-height: 30px;font-weight:bold;font-family:"Arial";}
.nav{height:56px;background:#323232;}
.nav .w1100{position:relative;height: 56px;}
.nav li{float: left;}
.nav li:last-child{padding-right:0px;}
.nav li a{display: block;color: #fff;height: 56px;line-height: 56px;text-align: center;padding-left:35px;padding-right:35px;}
.nav li a:hover{color:#fff;background:#1a98d6}
.nav li a.first{color:#fff;background:#1a98d6}
/*轮播图点样式*/
.active{ background:#fff;}
.flickerplate .dot-navigation .dot.active { background:#1a98d6;}
.flickerplate .dot-navigation .dot.active:hover{ background:#1a98d6;}
.flickerplate .dot-navigation .dot { background:#fff;}
.flickerplate .dot-navigation .dot:hover{ background:#1a98d6;}
/*search*/
.search{position:relative;}
.search_div{height:90px;line-height:90px;background:#FFF;z-index: 2;position: relative;}
.search{ float: right;width:320px;background: url(../images/ssuo.jpg) no-repeat center;}
.search_tow{ border: none; background: none; width:200px; color: #adadad;font-size: 14px;padding-left: 10px;  height: 30px;}
.search_button{ cursor: pointer;width: 50px;height: 90px; position: absolute; right: 0px; border: none; background: none;color: #fff;font-size: 16px;}
#SearchType {margin-left: 1px;height: 30px;line-height: 30px;background: #fff; display: block;color: #b1b1b1;float: left;margin-top:30px;}
.search_div .sshot{width: 650px;float: left;}
.search_div .sshot span{color: #8d9aa6;padding-left: 18px;background: url(../images/hot.jpg) no-repeat center left;}
.search_div .sshot a{color: #8d9aa6;margin-left:20px;font-size: 13px;}
.search_div .sshot a:hover{color: #1a98d6}
.search_div .sshot i{color: #ef8d2b;font-size: 14px;font-style:normal;text-transform:uppercase;font-weight:normal;margin-right: 10px;}
.porduct{margin-top:20px;height: 850px;}
.porduct .w1100{position:relative;}
.porduct h3{color: #222222;font-size: 24px;font-weight: normal;background: url(../images/pt1.jpg) no-repeat center center;width: 296px;
height:92px;line-height: 100px; }
.porduct h4{color: #999999;line-height: 25px;font-weight: normal;width: 340px;margin-top: 20px;}
.porduct .portop{width: 300px;position: absolute;top:15px;right: 0px;}
.porduct .portop li{float: left;padding-right:35px;background: url(../images/pt2.jpg) no-repeat center right;}
.porduct .portop li a{color: #333333;}
.porduct .portop li:last-child{padding-right: 0px;background: none}
.porduct .portop li:hover a{color: #1a98d6}
.porduct .porbig{width:725px;height:436px;display: block;background: url(../images/cpbj.jpg) no-repeat center center;
position: absolute;top:60px;right: 0px; }
.porduct .porbig span{color: #1a98d6;font-size: 20px;font-weight: bold;padding-top: 105px;display: block;
padding-left: 70px;}
.porduct .porbig p{color: #999999;line-height: 28px;padding-left: 70px;width: 280px;margin-top: 20px;}
.porduct .porbig a{width: 130px;height: 45px;display: block;background: #ef8d2b;text-align: center;line-height: 45px;
margin-left: 70px;margin-top: 50px;color: #fff}
.porduct .porbig a:hover{background: #1a98d6;color: #fff;}
.porduct .porcon li{width: 352px;height: 268px;margin-right: 22px;float: left;margin-top:22px;}
.porduct .porcon li p{height: 50px;display: block;line-height: 50px;text-align: center;background: #f3f3f3}
.porduct .porcon li img{display: block;width: 352px;height: 218px;display: block;}
.porduct .porcon li:nth-child(4){margin-right: 0px;}
.porduct .porcon li:nth-child(1){margin-right: 500px;margin-top:65px;}
.porduct .porcon li p{color: #555555}
.porduct .porcon li:hover p{background: #1a98d6;color: #fff;}
.yous{}
.yous .w1100{position: relative;}
.yous h3{margin-top:50px;text-align: center; }
.yous h3 span{color: #1a98d6;font-size: 26px;font-weight: normal;}
.yous h3 i{color: #333333;font-size: 18px;font-weight: normal;font-style:normal;text-transform:uppercase; }
.yous h4{text-align: center;color: #999999;text-align: center;font-weight:normal;margin-bottom: 30px;}
.yous .ysimg{float: left;}
.yous .ysli{width: 495px;float: right;}
.yous .ysli .yscon{}
.yous .ysli .yscon h5 a{color: #333333;font-size: 22px;font-weight: normal;margin-top:25px;display: block;
padding-bottom:40px;background: url(../images/ys1.jpg) no-repeat left 45px;float: left;}
.yous .ysli .yscon h5 a:hover{color: #1a98da}
.yous .ysli .yscon h5 span{float: right;color: #ef8d2b;font-size: 22px;font-weight: normal;text-transform:uppercase; 
float: right;margin-top: 25px;}
.yous .ysli .yscon p{clear:both;line-height: 25px;color: #999999}
.yous .ysli .hd{position: absolute;top:435px;left: 390px;}
.case{height: 521px;background: url(../images/case.png) no-repeat center center;margin-top: 60px}
.case h3{color: #ffffff;font-size: 24px;padding-top:45px;text-align: center;}
.case h3 span{text-align: center;font-size: 26px;font-weight:normal;}
.case h3 i{font-style: normal;font-weight:normal;margin-left:10px;}
.case h4{color: #89c9e9;font-size: 14px;text-transform:uppercase; text-align: center;margin-top: 10px;font-weight:normal;}
.case .caseScroll li{float:left;margin-right:31px;margin-top: 50px;text-align: center;position:relative;overflow: hidden;}
.case .caseScroll li:hover p{color: #fff;text-decoration:underline;}
.case .caseScroll li p{height: 50px;line-height: 50px;color: #fff;}
.case .caseScroll li img{width:346px;height: 209px;display: block;}
.case .caseScroll li span{position: absolute;top:-209px;left: 0px;transition: all 0.8s;}
.case .caseScroll li:hover span{top:0px;}
.case .caseScroll .tempWrap{width: 1100px!important}
.case .more{width: 330px;margin:auto;margin-top:15px;}
.case .more a{width: 135px;height: 40px;display: block;border:solid 1px #ffffff;text-align: center;line-height: 40px;float: left;margin-left: 12px;
margin-right: 12px;color: #fff}
.case .more a:hover{background: #ef8d2b;color: #fff;border:solid 1px #ef8d2b;}
.about{height:405px;padding-top: 65px;}
.abimg{float: left;}
.abright{width: 520px;float: right;}
.abright h3{color: #ef8d2b;font-size: 38px;font-family:"Arial";font-weight: normal;margin-top: 20px;}
.abright h4{color: #222222;font-size: 22px;font-weight:normal;padding-left:50px;background: url(../images/ab1.jpg) no-repeat center left;}
.abright p{color: #777777;line-height: 28px;margin-top: 30px}
.abright .more{margin-top: 50px;}
.abright .more a{width:133px;height: 40px;line-height: 40px;text-align: center;float: left;background: #ef8d2b;margin-right: 20px;
color: #fff;} 
.abright .more a:hover{background: #1a98d6;color: #fff}
.news{}
.news h3{text-align: center;}
.news h3 span{color: #1a98d6;font-size: 26px;font-weight:normal;}
.news h3 i{text-align: center;color: #333333;font-size: 18px;font-style:normal;text-transform:uppercase; font-weight:normal;margin-left: 10px;} 
.news h4{text-align: center;color: #999999;font-weight:normal;margin-bottom: 30px;}
.news .newsright{width: 650px;float: left;}
.news .newsright .newstop{width:650px;height: 200px;background: url(../images/nimg.jpg) no-repeat center center; position: relative;overflow: hidden;}
.news .newsright .newstop p{height: 50px;width: 650px;background: url(../images/nm1.png) repeat center center;line-height: 50px;
position: absolute;bottom: -50px;left:0px;transition: all 0.8s;}
.news .newsright .newstop p span{color: #fff;margin-left:10px;}
.news .newsright .newstop p a{color:#fff;}
.news .newsright .newstop:hover  p{position: absolute;bottom: 0px;}
.news .newsright .newsli{}
.news .newsright .newsli li{float:left;width: 300px;float: left;padding-bottom:30px;border-bottom:solid 1px #f5f5f5}
.news .newsright .newsli li:nth-child(2){float:right;}
.news .newsright .newsli li a{color: #333333;font-size: 15px;padding-top: 15px;line-height: 50px;display: block;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .newsright .newsli li p{line-height: 20px;color: #999999;height: 40px;
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;}
.news .newsright .newsli li span{display: block;color: #999999;font-family:"Arial";margin-top: 10px}
.news .newsright .newsli li:hover a{color: #1a98d6}
.news .newleft li{float:right;height: 63px;border-bottom: solid 1px #f5f5f5;line-height: 63px;width: 400px;}
.news .newleft li a{float: left;width: 290px;display: block;line-height: 63px;
color: #333333; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news .newleft li span{float: right;color: #b9b9b9;font-family:"Arial"}
.news .newleft li:hover a{color: #1a98d6}
.link{background: #fff;border-top: solid 1px #f5f5f5;margin-top: 50px;}
.link .w1100{padding-top:20px;background: url(../images/link.jpg) no-repeat  center left;width:955px;padding-bottom:30px;
padding-left: 145px;}
.link  a{padding-right: 40px;color: #959595;display: block;float:left;line-height: 40px;}
.link  a:hover{color: #1a98d6;text-decoration:underline;}
/*foot*/
/*foot*/
.foot{height: 350px;background:#202122;padding-top: 20px;}
.foot .w1100{position: relative;height: 370px;}
.foot .fnav{padding-left:115px;background: url(../images/f1.jpg) no-repeat center left;height: 90px;border-bottom: solid 1px #313233}
.foot .fnav li{float: left;}
.foot .fnav li a{float: left;line-height: 107px;color: #818385;margin-right:84px;}
.foot .fnav li:last-child a{margin-right: 0px;}
.foot .fnav li a:hover{color: #1a98d6}
.foot .fcall{position: absolute;}
.foot .fcall h3{color: #ffffff;font-size: 18px;font-weight:normal;margin-top:60px;
margin-bottom: 30px}
.foot .fcall p{line-height: 32px;color: #818385}
.foot .fcall p span{width: 358px;display: inline-block;}
.foot .fcall .fp1{padding-left: 30px;background: url(../images/f2.jpg) no-repeat center left;}
.foot .fcall .fp2{padding-left: 30px;background: url(../images/f3.jpg) no-repeat center left;}
.foot .fcall .fp3{padding-left: 30px;background: url(../images/f4.jpg) no-repeat center left;}
.foot .fcall .fp4{padding-left: 30px;background: url(../images/f5.jpg) no-repeat center left;}
.foot .fwx{float:right;margin-top:55px;text-align: center;}
.foot .fwx p{color: #818385;}
.foot .fqq{position: absolute;top:290px;left: 0px;}
.foot .fcall  a{color: #818385}
.foot .fcall a:hover{color: #1a98d6}
.fend{height: 60px;line-height: 60px;border-top: solid 1px #2d3035;background: #202122;color: #818385;text-align: center;}
.fend a{color: #818385;line-height: 60px;}
.fend a:hover{color: #1a98d6}
/*返回顶部*/
/*返回顶部*/
.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}