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



/**/
.g-guide{ background:#fff; height:760px; padding-top:75px;box-sizing: border-box;  font-family:"Microsoft Yahei";}
.guide{width: 1200px;margin:0 auto;}
.guide-t{height: 175px;}
.guide-t h3{font-size:48px; color: #111111; text-align: left;height: 65px; line-height: 65px;margin-bottom: 20px;}
.guide-t em{display: block;font-size: 14px;color: #666666; font-weight: normal;background: url(../images/guideo-more.png) no-repeat center 0;height: 65px;padding-top:30px;box-sizing: border-box;width: 109px;float: right;line-height: normal;padding-left: 15px; }
.guide-t p{font-size: 16px; color: #666666; line-height:24px;text-align: justify;}
.guide dt{width:893px;height:429px;overflow: hidden;position: relative;float: right;}
.guide dl dt i{width: 100%; height: 100%;  display: block;background: url(../images/vdo-btn.png) no-repeat; position: absolute; left:0;top:0;z-index: 1;}
.guide dt img{width:100%;display: block;}
.guide dd{width:256px;height: 429px;float: left;}
.digital{width:100%; background: #efeff2;}
.digital li{width: 100%; height:143px;box-sizing: border-box; padding-top: 20px; text-align: center; position: relative;cursor: pointer;}
.digital li::after{content: "";position: absolute;width:242px;height:1px;background:#d8d8d8;left:7px;bottom:0;}
.digital li em{display: block; position: relative;font-size: 52px; line-height: 55px;color: #333;font-weight: bold;}
.digital li em b{ font-size: 52px; color: #333; font-family: "Arial"; font-weight: bold;}
.digital li .cbt{font-size: 30px; color: #fff; font-weight: normal;line-height: 40px;margin-top: 0px;text-align: center; }
.digital li .cbt a{color: #fff; font-size: 30px; }
.digital li:last-child::after{width: 0;}
.digital li:hover{background: #2d4399;color: #fff;} 
.digital li:hover em,.digital li:hover em b,.digital li:hover .cbt{color: #fff; font-size: 30px; }

/**/
.g-products{height: auto;overflow: hidden; background:#efeff2;padding:55px 0 75px; box-sizing: border-box; font-family: "Microsoft YaHei";}
.pro-tit{height:145px;}
.pro-tit .tit01{float: left;}
.pro-nav{width: 425px;float: right;margin-top:20px;}
.pro-nav a{padding-left:14px;width: 175px; border-left:1px solid #aaaaaa;line-height: 25px;font-size: 16px;color: #333333; float: left;display: block; box-sizing: border-box;position: relative;}
.pro-nav a:nth-child(3n){width: 75px;}
.pro-nav a:nth-child(-n+4){padding-bottom: 15px;}
.pro-nav a.cur,.pro-nav a:hover{font-weight: bold;color: #2d4399;}
.pro-nav a.cur::after,.pro-nav a:hover::after{content: "";position: absolute;width:2px;height:25px;background:#2d4399;left:-1px;top:0;}
.pro{max-height:710px;overflow: hidden;}
.pro img{width: 100%;display: block;}
.pro-left{width:50%;box-sizing: border-box; float: left;overflow: hidden;position: relative;max-width: 960px;}
.pro-right{width: 50%;float: left; font-size: 16px;overflow: hidden;max-width: 960px;}
.pro-right ul{clear: both;overflow: hidden;}
.pro-right li{margin-left:1%;width:49%; float: left;margin-bottom:0.8vw;position: relative;max-height: 350px;background: #fff;}
.pro-right li em{width:100%;max-height: 288px;margin:0 auto;display: block;overflow: hidden;padding:0.75vw;box-sizing: border-box;}
.pro-right li h4{background:#fff;width:100%;line-height:3.625vw;text-align: left; font-size: 16px; color: #666666; font-weight: normal;box-sizing: border-box;border-top:1px solid #efeff2;position: relative;padding-left: 55px;}
.pro-right li h4::after{content: "";position: absolute;width:20px;height:20px;background:url(../images/proico.png) no-repeat;right:45px;top:50%;margin-top:-10px;}







/**/
.g-process{ height: auto;background:#fff;padding:72px 0 80px; box-sizing: border-box; font-family: "Microsoft YaHei";max-width: 1920px;overflow: hidden;}
.pcs-tit{height:130px;}
.pcs-tit .tit01{float: left;}
.pcs-tit2{width: 350px;float: right;margin-top:12px;height: 80px;padding-left: 32px;box-sizing: border-box;position: relative;}
.pcs-tit2::after{content: "";position: absolute;width:2px;height:66px;background:#e1e1e1;left:0px;top:10px;}
.pcs-tit2 b{float: left;font-size: 28px;font-weight: normal; color: #666666;}
.pcs-btn{width: 80px;height: 80px;background:url(../images/pcs-btn.png) no-repeat;color: #fff;font-size: 16px;text-align: center;display: block;float: right;padding-top:18px;box-sizing: border-box;}
.process1{position: relative;width: 1200px;margin:0 auto; clear: both;overflow: hidden;}
.process1 li{width:166px;height: 253px;padding-top:45px;box-sizing: border-box; margin-right: 6px; background: #efeff2;text-align: center;float: left;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.process1 li:last-child{margin-right: 0;}
.process1 li em{ width:66px;height: 56px;display: block;margin:0 auto;position: relative;overflow: hidden;}
.process1 li em img{width: 66px;display: block;position: absolute;left:0;top:0;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.process1 li h4{font-size: 16px;color: #333333;line-height: 22px;margin: 15px 0 30px;font-weight: normal;}
.process1 li i{display: block; font-size: 16px;color: #afafaf; font-weight: bold;}

.process1 li.cur{background: #ff9000;}
.process1 li.cur em img{top:-56px;-webkit-animation:hvr-buzz-out 0.75s linear;}
.process1 li.cur h4,.process1 li.cur i{color: #fff;}




.g-about{background:url(../images/about.jpg) no-repeat center top; height:723px;padding-top:192px; font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden; position: relative;max-width: 1920px;margin:0 auto;}
.about{width:1200px;margin:0 auto;}
.about dd{width:346px;float: right;}
.about dd h3{font-size:48px;color: #ffffff; font-weight: bold;padding-bottom: 32px;}
.about dd h3 i{display: block;font-size: 20px;color: #fff;font-weight: normal;}
.about dd h3::after{content: ""; width:46px;height:4px;background:#fff;position: absolute; bottom:0;left:0;}
.about dd p{color: #fff;font-size: 15px;line-height:30px; text-align: justify;margin:30px 0 50px;}
.about dd span{display: block;}
.about dd span a{ font-size: 15px;width: 70px; color: #fff;padding-right: 20px;background:url(../images/abt-btn2.png) no-repeat right center; line-height: 24px;margin-right: 70px;position: relative;display: block;float: left;}
.about dd span a::after{content: ""; width:86px;height:1px;background:#fff;position: absolute; bottom:2px;left:0;}
.about dd span a:nth-child(1){color: #ff9000;background:url(../images/abt-btn1.png) no-repeat right center; }
.about dd span a:nth-child(1)::after{background: #ff9000;}

/**/
.g-show{height:auto;position: relative;margin:80px 0;}
.show{width: 1200px; position: relative;margin:0 auto;}

.show-nav{height:62px;margin-bottom: 43px;text-align: center;}
.show-nav a{display: inline-block;width: 338px;border-right:1px solid #e8e9e9;padding-left: 75px;box-sizing: border-box; font-size: 26px;text-align: left; color: #202428; font-weight: bold;position: relative;}
.show-nav a:last-child{border-right: 0;}
.show-nav em{width:60px;height:56px; display:block;overflow: hidden;position: relative;float:left;margin-right: 10px;}
.show-nav em img{width:60px;display: block;position: absolute;left:0;top:0;}
.show-nav i{display: block; line-height: normal; font-size: 16px;color: #333333;opacity: 0.5; font-weight: normal;}
.show-nav a:hover{color: #ff9000;font-weight: bold;}
.show-nav a:hover em img{top:-56px;}
.show-nav a:hover i{color: #ff9000;}


.show-nr{position: relative;}
.show-prev{width:18px;height:32px;position: absolute;left:-35px;top:50%;margin-top:-32px;background: url(../images/show-prev.png) no-repeat center;}
.show-next{width:18px;height:32px;position: absolute;right:-35px;top:50%;margin-top:-32px;background:url(../images/show-next.png) no-repeat center;}

.show-con{overflow: hidden;}
.show-con li{ width:24.41%; position:relative;margin-right:10px; float: left; overflow: hidden;}
.show-con li img{ display:block;width:100%; }
.show-con li h4{font-size:16px;font-weight: normal; white-space: nowrap;text-overflow: ellipsis; line-height:57px;height:57px; color:#666666; text-align: center;  overflow:hidden;box-sizing: border-box;width:100%;border-bottom: 1px solid #d9d9d9;}
.show-con li a{ text-decoration: none; }
.show-con li img{-webkit-transition: .15s;-moz-transition: .15s;transition: .15s;}
.show-con li:hover img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}
.show-con li:hover h4{border-color: #2d4399;color: #2d4399;}


/**/
.g-link{width:100%; min-height:60px;padding-top:15px;overflow: hidden;position: relative;background:#2d4399; box-sizing: border-box;margin-top:-60px;}
.link{ height:auto;width:1200px;margin:0 auto; overflow: hidden;font-family:"Microsoft Yahei";color: rgba(255,255,255,.5);}
.link h2{float: left; font-weight: bold; font-size: 18px;color: rgba(255, 255, 255, 0.5);line-height: 30px;width:185px;font-weight: normal;text-transform: uppercase;background: url(../images/link-ico.png) no-repeat right center;margin-right: 50px;}
.link h2 b{ font-family: Arial, Helvetica, sans-serif;font-size: 24px; font-weight: bold;}
.link p{  max-width: 1120px; float: left; font-size: 14px;overflow: hidden; line-height: 30px;color: rgba(255,255,255,0.5);}
.link a{ color: rgba(255,255,255,0.5); font-size: 14px; padding-right:30px; text-align: left; line-height: 30px;display: inline-block;}


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