@charset "utf-8";
body{font-family: "Microsoft YaHei";}
.content{width: 1200px; margin: 0 auto;}
i,em,b{font-style: normal;}

.tit01{text-align: center; }
.tit01 h2{font-size:50px; font-family: "Microsoft YaHei";color: #111111;font-weight:bold;line-height: 65px;position: relative; }
.tit01 a{color: #333333; }
.tit01 p{ font-weight: lighter; display: block;font-size:20px;color: #666666; line-height: 30px;padding-bottom: 30px; }

/**/
.g-guide{ background: url(../images/guidebg.jpg) no-repeat center top; height:815px; padding-top:150px;box-sizing: border-box;  font-family:"Microsoft Yahei";}
.guide{width: 1200px;margin:0 auto;}
.guide dd{width:308px;float: left;}
.guide dd h3{font-size: 50px; color: #111111; line-height: normal; text-align: left;height: 165px;position: relative;margin-bottom: 40px;}
.guide dd h3:before{content: "";position: absolute;width:42px;height: 3px;background: #01559e;left:0;bottom:0px;}
.guide dd p{font-size: 14px; color: #666666; line-height:30px;text-align: justify;height:318px;}
.guide dd .guide-btn{font-size: 12px;color: #01559e;text-align: center;display: block; height:39px;line-height: 39px;border: 1px solid #01559e;width:128px;text-transform: uppercase;}
.guide dt{width:195px;float: right;}
.digital{width:195px; height:auto;position: relative; clear:both;overflow: hidden; }
.digital li{height:162px;box-sizing: border-box;text-align: right; position: relative;}
.digital li em{margin-left:0px;display: block; position: relative;}
.digital li em b{ margin-left:0px;font-size: 52px; color: #222222; font-family: "Myriad Pro","Arial"; font-weight: normal;height: 55px;line-height: 55px;}
.digital li p{font-size: 16px; color: #666666; font-weight: normal;line-height: 28px; }



/**/
.g-products{height: auto;overflow: hidden; background:#fff url(../images/productbg.jpg) no-repeat center top;;padding:65px 0 0; box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-products .tit01{height:136px;}
.products-1{width: 100%; clear: both;overflow: hidden;}
.products-1 dl{width:1200px;margin:0 auto;position: relative;}
.products-1 dt{position: relative;width:1200px;}
.products-1 dt img{width:1920px; height: 760px;margin-left: -360px;display:block;}
.products-1 dt .ico{display: block;text-align: center; position: absolute;box-shadow: 0 0 3px #fff;border-radius: 100%;box-sizing: border-box;}
.products-1 dt .ico i{font-size: 16px;color: #fff;position: relative;z-index: 1;}
.products-1 dt .ico::after{content: "";position: absolute;left:0;top:0;width:100%;height:100%; background:rgba(72, 191, 255, 0.9);border-radius: 100%;-webkit-animation: living 2s linear infinite;}
.products-1 dt .ico-11{width:85px;height:85px;line-height: 85px;left:238px;top:180px; }
.products-1 dt .ico-12{width:101px;height:101px;padding-top:27px; left:50px;top:476px;}
.products-1 dt .ico-13{width:85px;height:85px;line-height: 85px;left:350px;top:396px; }
.products-1 dd{width: 665px;position: absolute; left:50%;top:170px;margin-left:143px;}
.products-1 dd h4{font-size: 40px; color: #333333; font-weight: normal;margin-bottom: 55px; }
.products-1 dd h4 a{color: #333333;padding-right: 55px;display: inline-block;background:url(../images/clmico.png) no-repeat right center;}
.products-1 dd h4 em{text-transform: uppercase;color: #999999; font-size: 18px;display: block;font-weight: normal;}
.products-1 dd .desc{ clear: both;overflow: hidden;margin-bottom: 34px;width:308px;}
.products-1 dd .desc img{width:59px;height: 62px;display: block; float: left;}
.products-1 dd .desc p{float: left;margin-left: 15px; font-size: 14px;color: #666666;padding-top:5px;}
.products-1 dd .desc b{display: block;font-weight: normal;font-size: 20px;color: #333333; line-height: 28px;}

.products-2{width: 100%; clear: both;overflow: hidden;}
.products-2 dl{width:1200px;margin:0 auto;position: relative;}
.products-2 dt{position: relative;width:1200px;}
.products-2 dt img{width:1920px; height: 850px;margin-left: -360px;display:block;}
.products-2 dt .ico{display: block;text-align: center; position: absolute;box-shadow: 0 0 3px #fff;border-radius: 100%;box-sizing: border-box; font-family: Arial, Helvetica, sans-serif;}
.products-2 dt .ico i{font-size: 16px;color: #fff;position: relative;z-index: 2;}
.products-2 dt .ico::after{content: "";position: absolute;left:0;top:0;width:100%;height:100%; background:rgba(72, 191, 255, 0.9);border-radius: 100%;-webkit-animation: living 2s linear infinite;}
.products-2 dt .ico-21{width:56px;height:56px;line-height: 56px;left:50%;top:355px;margin-left: 95px; }
.products-2 dt .ico-21::after{ background:rgba(72, 191, 255, 0.64);}
.products-2 dt .ico-22{width:82px;height:82px;line-height: 82px;left:50%;margin-left:395px;top:395px; font-size: 26px;}
.products-2 dd{width: 600px;position: absolute; left:0;top:160px;}
.products-2 dd h4{font-size: 40px; color: #333333; font-weight: normal;margin-bottom: 55px;}
.products-2 dd h4 a{color: #333333;padding-right: 55px;display: inline-block;background:url(../images/clmico.png) no-repeat right center;}
.products-2 dd h4 em{text-transform: uppercase;color: #999999; font-size: 18px;display: block;font-weight: normal;}
.products-2 dd .desc{ clear: both;overflow: hidden;margin-bottom: 34px;}
.products-2 dd .desc img{width:59px;height: 62px;display: block; float: left;}
.products-2 dd .desc p{float: left;margin-left: 15px; font-size: 14px;color: #666666;padding-top:5px;width:355px;}
.products-2 dd .desc b{display: block;font-weight: normal;font-size: 20px;color: #333333; line-height: 28px;}
.products-2 dd .desc:last-child p{padding-top:0;}

.products-3{width: 100%; clear: both;overflow: hidden;}
.products-3 dl{width:1200px;margin:0 auto;position: relative;}
.products-3 dt{position: relative;width:1200px;}
.products-3 dt img{width:1920px; height: 847px;margin-left: -360px;display:block;}
.products-3 dt .ico{display: block;text-align: center; position: absolute;box-shadow: 0 0 3px #fff;border-radius: 100%;box-sizing: border-box;}
.products-3 dt .ico i{font-size: 16px;color: #fff;position: relative;z-index: 1;}
.products-3 dt .ico::after{content: "";position: absolute;left:0;top:0;width:100%;height:100%; background:rgba(72, 191, 255, 0.9);border-radius: 100%;-webkit-animation: living 2s linear infinite;}
.products-3 dt .ico-31{width:72px;height:72px;padding-top:14px; left:388px;top:178px;}
.products-3 dt .ico-32{width:72px;height:72px;padding-top:14px; left:119px;top:266px;}
.products-3 dt .ico-33{width:92px;height:92px;padding-top:24px; left:280px;top:358px;}
.products-3 dt .ico-34{width:63px;height:63px;padding-top:10px; left:518px;top:430px;}
.products-3 dd{width: 675px;position: absolute; left:50%;top:190px;margin-left:150px;}
.products-3 dd h4{font-size: 40px; color: #333333; font-weight: normal;margin-bottom: 55px; }
.products-3 dd h4 a{color: #333333;padding-right: 55px;display: inline-block;background:url(../images/clmico.png) no-repeat right center;}
.products-3 dd h4 em{text-transform: uppercase;color: #999999; font-size: 18px;display: block;font-weight: normal;}
.products-3 dd .desc{width:88px;display: inline-block; margin-bottom: 34px;margin-right: 35px;}
.products-3 dd .desc img{width:59px;height: 62px;display: block;margin:0 auto; }
.products-3 dd .desc p{padding-top:15px;text-align: center;}
.products-3 dd .desc b{display: block;font-weight: normal;font-size: 20px;color: #333333; line-height: 28px;}
.products-3 dd .nor{margin-right: 0;}
.pro3-desc{width:375px;}

/**/
.g-products2{height: auto;overflow: hidden; background:#fff;padding:65px 0; box-sizing: border-box; font-family: "Microsoft YaHei";}
.pro{width:1200px;margin:0 auto;position: relative;}
.pro-left {position:absolute;top:50%;margin-top: -14px; left:-80px;cursor:pointer;border:1px solid #005da3;border-radius: 100%; background:url(../images/case-left.png) no-repeat center center;width:40px;height:40px;z-index: 5;}
.pro-right {position:absolute;top:50%;margin-top: -14px;right:-80px; cursor:pointer;border:1px solid #005da3;border-radius: 100%;background:url(../images/case-right.png) no-repeat center center;width:40px;height:40px;z-index: 5;}
.pro h3{font-size: 18px;color: #999999;margin-bottom: 20px; font-weight:normal;text-transform: uppercase;}
.pro h3 a{display: block;/*background:url(../images/clmico.png) no-repeat right center;*/}
.pro h3 b{font-size: 40px;color: #333333;margin-right: 10px; font-weight: normal;}
.pro-con{overflow:hidden;}
.pro-con li{width:380px; float: left;margin-right: 30px;padding-top:10px;}
.pro-con li img{width:380px;height:284px;display: block;position: relative;}
.pro-con li em{width:79.2%;max-height: 270px;margin:0 auto;display: block;overflow: hidden;}
.pro-con li h4{height:35px;line-height: 35px;margin-top:15px;  font-size: 18px;color: #666666;  font-weight: normal;box-sizing: border-box;text-align: center;}
.pro-con li:hover img{box-shadow: 0 0 8px rgba(0, 93, 163,0.15);}
.pro-con li:hover h4{color: #005da3;}


/**/
.g-cases{ height:auto; background:#f7f8fa; padding:90px 0 75px;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative; }
.g-cases .tit01{height:150px; }
.case{position: relative;width:1200px;margin:0 auto;}
.case-nav{width:1200px;margin:0 auto;height: 124px;}
.case-nav li{ line-height: 42px; box-sizing: border-box; font-size:18px; color:#333333;text-align: center;position: relative; float: left;width:150px;}
.case-nav li a{color: #333333; text-decoration: none; }
.case-nav li em{width:40px;height:38.5px;overflow: hidden;position: relative;display: block;margin:0 auto;}
.case-nav li em img{position: absolute;left:0;top:0;width:40px;-webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;}
.case-nav li.cur,.case-nav li:hover{color: #21499b;}
.case-nav li.cur a,.case-nav li:hover a{color:#21499b; font-weight:bold; }
.case-nav li.cur em img,.case-nav li:hover em img{top:-38.5px;}
.case-nav li:first-child,.case-nav li:last-child{width:150px;}


.case-nr{margin:0 27px 50px;clear:both; overflow: hidden;}
.case-nr dl{width:448px; float: left;margin: 12.5px;box-shadow: 0 0 10px #e8e8ea;}
.case-nr dt{width: 100%;max-height: 336px;overflow: hidden;;}
.case-nr dt img{width:100%;display: block;}
.case-nr dd{background:#fff;padding:10px 35px 15px;width: 100%;box-sizing: border-box;}
.case-nr dd h4{height: 35px;line-height: 35px;border-bottom: 1px solid #e1e1e1;color: #333333;font-weight: bold;font-size: 16px;margin-bottom: 5px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case-nr dd h4 a{color: #333;}
.case-nr dd p{line-height: 24px;font-size: 14px;color: #666666; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case-more{width:184px;height:46px;line-height: 46px;border:1px solid #01559e;color: #01559e;text-align: center;display: block;margin:0 auto;}


/**/
.g-super{ height: auto;background:#fff;padding-top:95px; box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-super .tit01{height:127px;}
.super{position: relative;}
.super-nav{ width:1200px;height:170px;margin:0 auto;overflow: hidden;}
.super-nav li {width:320px; height:134px; float: left; text-align: left;  font-weight: bold;box-sizing: border-box;}
.super-nav li .supert-ico{width:129px;height:134px; display:block;float:left;overflow: hidden;position: relative;}
.super-nav li .supert-ico img{position: absolute;top:0;left:0;width:129px;-webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;}
.super-nav li .supert-txt{font-size: 28px;color: #000000;margin-left:15px;margin-top:28px; float: left;}
.super-nav li .supert-txt i{display: block;font-size: 12px;color:rgba(0, 0, 0, 0.5); font-weight: normal;text-transform: uppercase;}
.super-nav li:last-child{width:240px; }
.super-nav li.on .supert-txt{color: #005da3;}
.super-nav li.on .supert-ico img{top:-134px;}
.super-nr{position: relative;max-height: 701px;}
.super-con{width:100%;}
.super-con dl{width: 1200px;margin:0 auto;position: relative;z-index: 1;}
.super-con dt{width: 1200px;position: relative;;}
.super-con dt img{width:1920px;height: 701px;margin-left:-360px; display:block;}
.super-con dd{margin:-190px auto 0;box-sizing: border-box; width: 1200px;height:248px;padding:40px 0 0 65px;border-radius: 20px;background:#fff;box-shadow:  0 0 10px rgba(127, 153, 178, 0.41);z-index: 1;position: relative;}
.super-desc{float:left;width:688px;}
.super-desc h4{font-size: 30px;color:#111111;margin-bottom: 18px; line-height: 42px; font-weight: bold;}
.super-desc p{font-size:16px; color:#666666;  line-height: 30px;}
.super-count{ float:right;font-size: 22px;color:#ffffff;width:365px;height: 85px;border-left: 1px solid #dcdcdc;margin-top:30px;padding-left: 88px;box-sizing: border-box; font-size: 16px;color: #005da3;line-height: normal;}
.super-count em{font-size:16px;display: block;}
.super-count em b{font-size: 62px;color:#005da3; font-weight: normal;font-family: Arial;line-height: 62px;}

/**/
.g-honor{ max-height: 879px;overflow: hidden;width:100%;position: relative;}
.g-honor img{width: 100%;display: block;}
.g-honor .tit01{width:1200px;position: absolute;left:50%;top:135px;margin-left:-600px;z-index:5;}
.g-honor .tit01 i{display: block;font-size: 12px;color: #01559e;text-transform: uppercase;}

    .honor{max-height: 879px;overflow: hidden;}
    .honor img{width: 100%;display: block;}
    .honor .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 42px; height: 74px; margin-top: -50px;border: 0; outline: none;}
    .honor .slick-prev {left: 5%; display: none !important; background:url(images/lefts.png) no-repeat center center;}
    .honor .slick-next {right: 5%; display: none !important;background:url(images/rights.png) no-repeat center center;}   
    .honor .slick-dots { position: absolute;left: 50%; font-size:0; bottom: 8%;width: 300px;text-align: center;margin-left: -150px;z-index: 3;}
    .honor .slick-dots li {display: inline-block;margin: 0 8px; }
    .honor .slick-dots li button {display: block;background: #005da3;width: 10px;height: 10px;color: #cbc4b7; border-radius: 10px;border:0; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
    .honor .slick-dots .slick-active button {background:#005da3 ;width: 30px;} 


@media screen and (max-width:1720px) {
  .g-honor .tit01{top:105px;}
}
@media screen and (max-width:1600px) {
  .g-honor .tit01{top:85px;}
}


/* 新闻 */
.g-news{height:807px;padding-top: 80px;box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative;}
.g-news .tit01{height:130px;}
.news{width:1260px;margin:0 auto;}
.news h3{margin-bottom: 10px;height:40px;line-height: 40px;}
.news h3 a{display: block;font-size:22px;font-weight: normal;color: #005da3;}

.news1{width:400px;padding: 29px 30px 49px;background:#f7f8fa; float: left;margin-right: 30px;box-sizing: border-box;}
.news1 dl img{-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;}
.news1 dl:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);} 
.news1 dl{width:340px; overflow: hidden;background:#fff;}
.news1 dt{ width:340px;height:181px; position: relative; overflow: hidden;}
.news1 dt img{width:100%;max-height:181px; display: block;}
.news1 dd{width:340px; overflow: hidden;box-sizing: border-box;padding:22px 28px;}
.news1 dd h4{font-size: 20px; font-weight: normal;margin: 0 0 13px; height: 30px; line-height: 30px;color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.news1 dd h4 a{ color:#333333;}
.news1 dd p{overflow: hidden;font-size: 14px; line-height: 22px; height: 53px; color:#999999;text-align: justify;}
.news1 dd em{ height: 30px;display:block;  line-height: 30px;font-size: 12px; color: #999999;font-weight: normal; }

.news2{width:400px;padding: 29px 30px 49px;background:#f7f8fa; float: left;margin-right: 30px;box-sizing: border-box;}
.news2 dl{height: 135px; overflow: hidden;}
.news2 dd{overflow: hidden;box-sizing: border-box;}
.news2 dd h4{font-size: 20px; font-weight: normal; height: 30px;color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.news2 dd h4 a{ color:#333333;}
.news2 dd p{margin: 8px 0;overflow: hidden;font-size: 14px; line-height: 22px;color:#999999;text-align: justify;}
.news2 dd em{ height: 30px;display:block;  line-height: 30px;font-size: 12px; color: #999999;font-weight: normal; }
.news2 li{border-top:1px solid #e5e8ed; height: 53px;line-height: 53px;padding-left:18px;position: relative; font-size: 14px;color: #666666; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news2 li::after{content: "";position: absolute;left:0;top:50%;margin-top:-2px; width:4px;height:4px; background:#005da3;border-radius: 100%;}
.news2 li a{color: #666;}
.news2 li.new{background: url(../images/newico.gif) no-repeat right center;padding-right: 35px;}

.news3{margin-right: 0;}





/**/
.g-about{background:url(../images/aboutbg.jpg) no-repeat center top;height:675px;font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden; position: relative;}
.about{width:1200px;margin:0 auto; }
.abl{float: left;width: 600px;padding-top: 120px;}
.abl h2{margin-bottom: 35px; text-align: left; font-size: 46px; color: #111111; font-weight: bold; }
.abl h2 a{color: #111111;}
.abl h2 em{font-size: 20px;color:#454545; font-weight: normal;display: block;}
.abl p{font-size: 16px;line-height: 33px;color: #666666;width:485px;margin-bottom: 92px;}
.abl span a{font-size: 12px;color: #01559e;text-align: center;display: block; height:39px;line-height: 39px;border: 1px solid #01559e;width:128px;text-transform: uppercase;}

.abm{width: 300px;float: left;}
.abm li{width: 291px;height: 225px;border-left: 9px solid #005da3;position: relative;}
.abm li::after{content: "";position: absolute;right:0;top:0;width:291px;height:225px; background:rgba(0, 0, 0, 0.5);}
.abm li span{position: absolute;left:20px;top:20px;font-size: 15px;color: #fff;z-index: 1;}
.abm li em{display: block;color: #ffffff;font-size: 20px;text-transform: capitalize;}
.abm li i{background:url(../images/abh.png) no-repeat;margin-top: 15px;width: 36px;height: 36px;display: none;}
.abm li:hover,.abm .cur{border-left:9px solid #0ec5b2;}
.abm li:hover::after,.abm .cur::after{background:rgba(0, 0, 0, 0.25);}
.abm li:hover i,.abm .cur i{display: block;}

.abr{float: right;width: 226px;}
.abr li{font-size: 18px;color: rgba(255,255,255,.75);height: 128px;border-bottom: 1px solid rgba(255,255,255,.2);padding-top: 40px;}
.abr b{display: block;font-size: 48px;color: #ffffff; position: relative; font-weight: normal;}


/**/
.g-link{height:0;line-height:32px;position: relative;z-index: 9;width: 1200px;margin: 0 auto;font-size: 16px;color:rgba(255, 255, 255,0.3);}
.link{width:800px;position: absolute;left: 0;top: -89px;text-align: left;}
.link a{display: inline-block;color:rgba(255, 255, 255,0.3);padding: 0 18px;}
.link a:last-child{background: none;}

@keyframes living {
  0%{
      transform: scale(1);
      opacity: 1;
  }
  50%{
      transform: scale(1.05);
      opacity: 0.85;
  }
  100%{
      transform: scale(1);
      opacity: 1;
  }
}

@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-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);
  }
}