@charset "utf-8";
/* CSS Document */
/*banner*/


.picMarquee-left{ overflow:hidden; position:relative;  box-sizing: border-box; overflow: hidden;  background: #f7f7f7; }
.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
     cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{ margin:10px; overflow: hidden;  }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin-right:10px; width:284px; height: 200px; float:left; _display:inline; overflow:hidden; text-align:center; background: #fff; transition: all 0.5 ease-in-out }
.picMarquee-left .bd ul li:hover{

    transform: background 700ms;
}
.picMarquee-left .bd ul li:hover a{
    color:#fff;
    transform: color 700ms;
}
.picMarquee-left .bd ul li .pic{ text-align:center; height:130px;padding-top:6px; }
.picMarquee-left .bd ul li .pic .img2{display: none;}
.picMarquee-left .bd ul li .pic a{display:block; width:100%; height: 100%;}

.picMarquee-left .bd ul li .pic img{ display:inline-block; vertical-align: middle;  transition:  all 0.5s ease-out  }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999; padding-top:8px;  }

.index_title{text-align: center;padding: 55px 0 40px 0;letter-spacing: 1px;}
.index_title h2{font-size: 30px;color: #0461bb;font-weight: normal;}
.index_title h3{text-transform: uppercase; font-size: 18px; color: #d3d2d1; font-weight: normal;padding-top:5px;}
.index_title p.heng{font-size: 0;width: 71px;height: 3px;background: #0060a5;margin: 20px auto;}
.index_title p.txt{font-size: 18px;color: #2d2d2e; padding-top:10px;}

a.more{font-size: 16px;color: #fff;text-align:center; width: 124px;height: 42px;line-height: 42px;background: #0060a5; display:block;margin: 25px auto 0; }

/* in_service */



.good{
  margin:30px auto;
  width:1200px;
  height:200px;
  box-shadow: 0 0 10px 2px #f0f0f0  ;
  margin-top:-100px;
  position: relative;
  z-index: 9999;
  background:#f7f7f7;
}
.goodul{
  width:1237px;
  margin:0  auto;
}
.good ul li {
  height:135px;
  width:33.33%;
  float:left;
  padding:10px 20px;
  box-sizing:border-box;
}
.good ul li img{
  float: left;
  margin-right:20px;
}
.good ul li .txt{
  width:100%;
  text-align: center;
  margin-top:33px;
  border-right: 1px solid #dcdcdc;
  padding: 10px 0

}
.good ul li h2{
  color:#353535;
  line-height: 40px;
  font-size: 50px;
  height: 40px;
}
.good ul li h2 i{
  font-size: 16px; 
  color:#949494;
  font-style: normal;
  font-weight: normal;
  padding-right: 15px;
}
.good ul li h2 span{
  display: inline-block;
  color:#c82a1e;
}
.good ul li h2 span.shu3{
  font-size: 30px;
}
.good ul li h2 sup{
  font-size: 12px; 
  color:#949494;
}
.good ul li p{
  padding-top:10px;
  color:#626262;
  transition: all 0.5ms ease-out;
  font-size: 24px;
  margin:15px 0;
}
.good ul li:hover p{
  color:#134c2c;
  transform: color 700ms;
}








.in_service{width:1200px; margin:0 auto; position: relative; margin-top:50px;}
.in_service .hd .prev,.in_service .hd .next{ display:block;  width:53px; height:53px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
    cursor:pointer; }
    .in_service .hd .next{ background:url(../images/prev.png) no-repeat; position: absolute;left:-70px;  }
    .in_service .hd .prev{background:url(../images/next.png) no-repeat;   position: absolute;right:-70px;  }
    .in_service .hd {width: 100%;text-align: center;margin-top: 25px;; position: absolute; top:34%;}
.in_service .hd ul li {display: inline-block;width: 27px;height: 5px;background: #0060a5;margin: 0 5px;font-size: 0;border-radius:2.5px;}
.in_service .hd ul li.on {background: #07a1f1;}

.in_service .bd{width: 100%;overflow: hidden;height: auto;}
.in_service .bd ul li{width:390px;position: relative;height: 350px; margin-right:10px; float: left;}
.in_service .bd ul li img{width: 390px;height: 350px;}
.in_service .bd ul li .cover{
    width:100%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    z-index: 9;
    text-align: center;
    padding: 0 30px;
    top: 180px;
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    filter:alpha(opacity=90);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    background: -webkit-linear-gradient(#0461bb, #07aafe); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#0461bb, #07aafe); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#0461bb, #07aafe); /* Firefox 3.6 - 15 */
    background: linear-gradient(#0461bb, #07aafe); /* 标准的语法 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#0461bb, endColorstr=#07aafe)";/*IE8+*/

}
.in_service .bd ul li .cover .logo{
    margin:0 auto;
    margin-top:-38px;
    width:76px;
    height: 76px;
    border-radius: 38px;
    background:#fff;
    transition: all .6s ease-in-out;
    -webkit-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
}
.in_service .bd ul li .cover .logo img{
   padding-top:18px;
    width:auto;
    height:42px;
    display: inline-block;
    text-align: center;
    /* vertical-align: middle; */
    max-width: 90%;

}
.in_service .bd ul li .cover .logo::before{
    display: inline-block;
    content:"";
    height: 100%;
    vertical-align: middle;

}
.in_service .bd ul li h2{font-size: 22px;color: #fff;line-height: 36px; margin-top:15px;}
.in_service .bd ul li p.heng{font-size: 0;width: 71px;height: 3px;background: #fff;margin: 15px auto;}
.in_service .bd ul li p.txt{font-size: 15px;color: #fff;line-height: 36px;}
.in_service .bd ul li .mask_blue {background: #282c2f;display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6;opacity: 0.6;-webkit-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.in_service .bd ul li .btn_con {opacity: 0;transition: all .4s ease-in-out; }
.in_service .bd ul li .btn_con a {border-radius: 15px; margin-top: 15px; width: 120px;height: 36px;line-height: 34px;text-align: center;border: 1px solid #ddd;display: inline-block;color: #fff;font-size: 15px;}

/* .in_service .bd ul li:hover .mask_blue {background: #07a1f1;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;} */
.in_service .bd ul li:hover .cover {
    top:0px;
}
.in_service .bd ul li:hover .logo{
   margin-top:50px;
}
.in_service .bd ul li:hover .btn_con {opacity:1;}
.in_service .bd ul li .btn_con a:hover{background:#fff; color: #525356;}



.calog .slideTxtBox {
  width: 1250px;
  height: auto;
  text-align: center;
  margin: 0 auto;
}

.calog .slideTxtBox .hd {
  width: 1200px;
  margin: 30px auto 0;
  text-align: left;
}

.calog .slideTxtBox .hd li {
  width: 10%;
margin:1% 1%;
  height: 40px;
  border: 1px solid #2d2d2e;
  display: inline-block;
  vertical-align: top;
  border-radius: 25px;
}

.calog .slideTxtBox .hd li a {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  color: #000;
}

.calog .slideTxtBox .hd li.on,
.calog .slideTxtBox .hd li:hover {
  background: #0461bb;
  color: #fff;
  border: 1px solid #0461bb;
}

.calog .slideTxtBox .hd li.on a,
.calog .slideTxtBox .hd li:hover a

{
  color:#fff;
}

.calog .slideTxtBox .bd {
  margin-top: 15px;
  position: relative;
  left: 10px;
}

.calog .slideTxtBox .bd .boxs {
  text-align: left;
}

.calog .slideTxtBox .bd .boxs li {
  display: inline-block;
  width: 282px;
  margin: 12px;
  vertical-align: top;
}

.calog .slideTxtBox .bd .boxs li .pic {
  display: block;
  position: relative;
}

.calog .slideTxtBox .bd .boxs li .pic .cover {
  width: 100%;
  height: 228px;
  position: absolute;
  top: 0;
  left: 0;
}

.calog .slideTxtBox .bd .boxs li div.txt {
  width: 100%;
  height: 42px;

  line-height: 42px;
  position: relative;
  margin-top: 10px;
  text-align: left;
}

.calog .slideTxtBox .bd .boxs li div.txt .txt1 {
 text-align: center;
 display: block;
}

.calog .slideTxtBox .bd .boxs li div.txt .more {
  display: block;
  width: 49px;
  height: 42px;
  background: url(../images/p41.png) no-repeat center #00A0E9;
  position: absolute;
  right: 0;
  top: 0;
}

.calog .slideTxtBox .bd .boxs li:hover .pic .cover {
  background: url(../images/p4.png) no-repeat;
}


 . case_list2 li a img {
   height:200px;
 }



/* in_adv */
.in_adv{background: #f9f9f9;  margin-top:70px;}
.in_adv .index_title{margin-bottom:95px;}
.calog .index_title{padding-bottom:0px;}
.about{width:100%;background:#0461bb; }
.about .txt{background:#fff;padding:22px;overflow: hidden; margin-top:-100px; box-sizing: border-box;}
.about .txt .img1{float:left;  overflow: hidden; width:477px; height: 366px;}
.about .txt .img1 img{transition: all  0.5s ease-in-out;}
.about .txt .img1:hover img  {transform: scale(1.2); transition: all  0.5s ease-in-out; cursor: pointer;}
.about .txt_r{float:left; margin-left:50px; width:620px;}
.about .txt_r h2{font-size: 32px; color:#d2261d; font-weight: normal;  font-weight: bold; line-height: 35px; position: relative;}
.about .txt_r h2::after{
    content:"";
    width:63px;
    height: 4px;
    margin-bottom:15px;
    position: absolute;
    left:0;
    bottom:-30px;
    background:#d2261d;

}
.about .txt_r  p{
    margin-top:50px;
}
.about .txt_r a{
    width:114px;
    height: 35px;
    background:#0461bb;
    color:#fff;
    display: block; 
    float:right;
    line-height: 35px;
    text-align: center;
}

/* in_advan */
.in_advan{padding: 70px 0 70px 0; }
.in_advan ul li{float: left;width:25%; font-size: 15px;padding:0 28px; letter-spacing: 1px; box-sizing: border-box; border-right:1px dashed #fff;}
.in_advan ul li h2{color: #fff;font-size: 22px;font-weight: normal; display: block; overflow: hidden; margin-bottom:30px;}
.in_advan ul li h2 img{float: left; margin-right: 10px;}
.in_advan ul li h2 span{float:left; display: inline-block;}
.in_advan ul li h2 span em{font-style: normal;}
.in_advan ul li p{margin-bottom: 20px;letter-spacing: 0; color:#fff;}
.in_advan ul li p.heng{font-size: 0;width: 52px;height: 3px;background: #0060a5;margin: 20px auto 0;}
.in_advan ul li a{color: #999999;}
.in_advan ul li:hover{
    cursor: pointer;
}
.in_advan ul li:hover h2{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}




@-webkit-keyframes hvr-buzz-out {
    10% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    20% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    30% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    40% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    50% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    60% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    70% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    80% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    90% {
      -webkit-transform: translateX(1px) rotate(0);
      transform: translateX(1px) rotate(0);
    }
    100% {
      -webkit-transform: translateX(-1px) rotate(0);
      transform: translateX(-1px) rotate(0);
    }
  }
  @keyframes hvr-buzz-out {
    10% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    20% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    30% {
      -webkit-transform: translateX(3px) rotate(2deg);
      transform: translateX(3px) rotate(2deg);
    }
    40% {
      -webkit-transform: translateX(-3px) rotate(-2deg);
      transform: translateX(-3px) rotate(-2deg);
    }
    50% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    60% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    70% {
      -webkit-transform: translateX(2px) rotate(1deg);
      transform: translateX(2px) rotate(1deg);
    }
    80% {
      -webkit-transform: translateX(-2px) rotate(-1deg);
      transform: translateX(-2px) rotate(-1deg);
    }
    90% {
      -webkit-transform: translateX(1px) rotate(0);
      transform: translateX(1px) rotate(0);
    }
    100% {
      -webkit-transform: translateX(-1px) rotate(0);
      transform: translateX(-1px) rotate(0);
    }
  }

/* in_news */
.in_news{padding-bottom:60px; }
.in_news .news_top {text-align: center; margin-bottom:45px;}
.in_news .news_top li{display: inline-block;height: 38px;line-height: 38px;width: 130px;border:1px solid #2d2d2e;margin:0 10px; border-radius: 18px;}
.in_news .news_top li a{color: #000;font-size: 18px;}
.in_news .news_top li:hover,.in_news .news_top li.on{background:#0461bb; color:#fff; border: 1px solid #0461bb}
.in_news .news_top li:hover a,.in_news .news_top li.on a{color: #fff; }

.in_news .news_box ul{display: none;}
.in_news .news_box ul.on{display: block;}
.in_news .news_box li {width: 570px;padding-bottom: 20px;float: left;margin-right:30px; margin-top: 30px;background:#fff;}
.in_news .news_box li h2{width:78px; height: 78px; background:#f2f2f2;text-align: center;color: #808080;}
.in_news .news_box li .des  span{display: block; font-weight: bold;  font-size: 26px;  line-height: 44px; border-bottom:1px solid #dad8d8;}
.in_news .news_box li .des  em{display: block; font-style: normal;   font-size: 14px; line-height: 33px;}


.in_news .news_box li .txt { width: 470px;}
.in_news .news_box li p.txt1{font-size: 18px;color: #2d2d2e;margin-bottom:10px;}
.in_news .news_box li p.txt2{color: #848383; font-size: 14px; line-height: 20px;}
.in_news .news_box li:hover{ -moz-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);}
.in_news .news_box li:hover p.txt1{color: #0060a5;}
.in_news .news_box li:hover h2{
    background: #0461bb;
    color:#fff;
}
.in_news .news_box li .txt a.fr{background: #0060a5;color: #fff;line-height: 18px;height: 20px;padding: 0 15px;border-radius: 10px;}
.in_news .news_box li .txt a.fr:hover{background: #07a1f1;}
.in_news a.more{background: #07a1f1;}

/* in_case */
.in_case{padding-bottom:55px; background: #f9f9f9;}
.in_case ul li {border:1px solid #f0f0f0;float: left;width: 228px;margin: 0 5px;}
.in_case ul li img {width: 228px;height: 120px;}
.pp{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }
.pp:hover{-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);}

.adv2{background:#0461bb; padding:40px  0; overflow: hidden;}
.adv2 li{width:33.33%; float: left; padding-right:20px; box-sizing: border-box;}
.adv2 li div{color:#fff; font-size: 15px;}
.adv2 li div h2{font-size: 20px;  font-weight: normal; margin-top:15px;}
.adv2 li div h3{
  font-size: 16px;
  font-weight: normal;
  margin-bottom:5px;
}
.adv2 img{float: left; margin-right:20px; transition: all 0.5s ease-in-out}
.adv2 li:hover{cursor: pointer;}
.adv2 li:hover img{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    cursor: pointer;
}