@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: 36px; font-family: "Microsoft YaHei";color: #333333;font-weight:bold;line-height: 80px;position: relative; }
.tit01 a{color: #333333; }
.tit01 h2:before{content:'';position:absolute;height:1px;width:200px;background:#b2b2b2;bottom:0;left:50%;margin-left:-100px;}
.tit01 b{font-weight: bold;color: #133d87;}
.tit01 p{ font-weight: normal; display: block;font-size:16px;color: #4c4c4c; line-height: 36px; }


/**/
.g-guide{ /*background:url(../images/gdbg.jpg) no-repeat center top; height:701px; padding-top:108px;*/box-sizing: border-box;  font-family:"Microsoft Yahei";}
.guide{width:1200px;/*height: 436px;*/margin:0 auto;position: relative;}
.guide dl{height: 327px;}
.guide dl dt{overflow: hidden; width:542px;height: 327px; position: relative; float: right;margin-right: 25px; }
.guide dl dt img{width: 542px; height: 327px;  display: block;}
.guide dl dt i{width: 120px; height: 120px;  display: block;background: url(../images/vdo_btn.png) no-repeat; position: absolute; left:50%;top:50%;margin-left:-60px;margin-top:-60px; z-index: 1;}
.guide dl dd{width: 490px;  float: left;position:relative;}
.guide dl dd h3{ font-size: 48px; color: #333333; font-weight: bold;margin-bottom: 15px; height: 87px;line-height: normal;white-space: nowrap;position: relative;}
.guide dl dd h3:before{content:'';position:absolute;height:1px;width:300px;background:#d2d2d2;background-size:100%; bottom:1px;left:0;}
.guide dl dd p{font-size: 16px; color: #666666; line-height: 36px;text-align: justify;height:185px;}
.guide dl dd span{display: block;position: relative;height:68px;}
.guide dl dd .guide-btn{display: block;background:url(../images/pro-btn.gif) no-repeat; height:32px; line-height: 32px;width: 120px;text-align: left;color: #fff;font-size: 14px;padding-left:25px;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.guide dl dd a:hover{transform: translateX(5px);}
.guide dl dt img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.guide dl:hover dt img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}

.digital ul{width: 1200px; height:112px;margin:0px auto; position: relative; clear:both;overflow: hidden; }
.digital li{ width:165px;padding-left: 0px;height: 112px; box-sizing: border-box; float: left; text-align: center; position: relative;margin-right: 180px;}
.digital li::after{content: "";position: absolute;width: 113px;height: 1px;background:#cbcbcb;right:-150px;top:50px;} 
.digital li em{margin-left:0px;display: block; position: relative;height: 62px;}
.digital li em b{ margin-left:0px;font-size: 60px; color: #333333; font-family: "Arial"; font-weight: bold;line-height: 60px;}
.digital li em i{ font-size:20px;  color: #fff;text-align: center; font-weight: normal; text-align: center; line-height: 26px;width:26px; height: 26px;display: block;text-transform: uppercase;font-family: "Arial";position: absolute;bottom:10px; right:0px; border-radius: 100%;background: #133d87;}
.digital li h3{font-size: 20px; color: #4c4c4c; text-align: center; font-weight: normal;}
.digital li:nth-child(2) em b{margin-left: -22px;}
.digital li:nth-child(2) em i{right:35px;}
.digital li:nth-child(4){margin-right: 0;}
.digital li:nth-child(4) em i{right:16px;}
.digital li:nth-child(4)::after{width:0;}



/**/



.pro{ padding:60px 0 0;background: #F5F5F5;height:1000px;}
.pro_t{ margin-top: 56px; height: 150px;position: relative; }
.pro_t ul{ width:345px; margin:0 auto;}
.pro_t li{ float: left;width: 171px;height: 117px;padding-top: 10px;box-sizing: border-box;border-right: 1px solid #e3e3e3;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro_t li:first-child{ border-left: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;position: relative; }
.pro_t li p{display: none;position: absolute;left: 0;top: 150px;z-index:10; background:#F5F5F5; padding: 16px 0;border-top: 1px solid #d8d8d8;width:1200px; z-index:20;}
.pro_t li p>a{display: block;height: 30px;line-height: 30px;font-size: 16px;color: #333;white-space: nowrap;float: left;width: 200px;padding-left: 44px;box-sizing: border-box;background: url(../images/pro_jt.png) no-repeat 30px 12px;}
.pro_t li em{ display: block;width: 50px;height: 50px;margin: 0 auto; overflow: hidden;}
.pro_t li em img{display: block;width: 50px;height: 50px;transition: all 0.5s;}
.pro_t li.cur em img:nth-child(1){margin-top: -50px;  }
.pro_t li b{ font-size: 18px;font-family: Microsoft JhengHei;font-weight: bold;text-align: center;display: block;line-height: 18px;padding-top: 15px; }
.pro_t li i{ display: block;font-size: 14px;color: #999999;line-height: 14px;padding-top: 8px;text-transform: uppercase;font-weight: normal;text-align: center; }
.pro_t li.cur b,.pro_t li.cur i{color: #133d87;  }
.pro_con {margin-top:40px;}
.pro_con .pro_l{float: left;width:34%;position: relative; }
.pro_con .pro_l li{width:100%;}
.pro_con dt img{display: block;width: 100%;}
.pro_con dd p{ position: absolute;left:36px;top:36px; }
.pro_con dd p b{  font-size: 28px;font-family: Microsoft JhengHei;font-weight: bold;text-align: center;display: block;line-height: 28px;position: relative;position: relative;}
.pro_con dd p em{ display: block;font-size: 14px;color: #333333;line-height: 14px;padding-top: 6px; }
.pro_con dd p i img{ display: block;width: 38px;height: 13px;margin-top: 20px; }

.pro_con .pro_r{float: right;width:65.3%; }
.pro_con .pro_r li{ float: left;width: 32.3%;margin-right: 1%;position: relative;margin-bottom: 1%; }
.pro_con ul li .pro_z{ position: absolute;left:0;bottom:0;background: rgba(19,61,135,0.5);width: 100%;height: 100%; padding-left: 26px;padding-top: 26px;box-sizing: border-box;display:none;}
.pro_con ul li:hover .pro_z{display:block;}
.pro_con ul li .pro_z>p b{  font-size: 20px;font-family: Microsoft yahei;font-weight: normal;display: block;line-height: 28px;position: relative;position: relative;color: #fff;}
.pro_con ul li .pro_z>p em{ display: block;font-size: 14px;color: #fff;line-height: 14px;padding-top: 6px; }
.pro_con ul li .pro_z>p b img{ display: inline-block;width: 38px;height: 13px;margin-left: 14px;vertical-align: middle; }
.pro_con ul li .pro_z>span{ margin-top: 18px;display: block; }
.pro_con ul li .pro_z>span a{display: block;font-size: 16px;line-height: 36px;color: #fff;padding-left: 18px;background: url(../images/pro_jt4.png) no-repeat 0 13px;}

.pro_con ul li img{display: block;width: 100%;}
.pro_con ul li:nth-child(3n){ margin-right: 0; }
.pro_con ul li a>p{ position: absolute;left:26px;top:26px; }
.pro_con ul li a>p b{  font-size: 20px; color:#000;font-family: Microsoft yahei;font-weight: normal;display: block;line-height: 28px;position: relative;position: relative;}
.pro_con ul li a>p em{ display: block;font-size: 14px;color: #999;line-height: 14px;padding-top: 6px; }
.pro_con ul li a>p i img{ display: block;width: 38px;height: 13px;margin-top: 10px; }

@media screen and (max-width:1440px) {
      .pro_con ul li .pro_z>span a{display: block;font-size: 14px;line-height: 24px;color: #fff;padding-left: 18px;background: url(../images/pro_jt4.png) no-repeat 0 10px;}
}
@media screen and (min-width:1441px) and (max-width:1660px) {
 .pro_con ul li .pro_z>span a{display: block;font-size: 16px;line-height: 26px;color: #fff;padding-left: 18px;background: url(../images/pro_jt4.png) no-repeat 0 10px;}
        } 
		

/**/
.g-products-2{height: 425px;overflow: hidden; background:#fff;padding-top:35px; font-family: "Microsoft YaHei";margin:0 auto; }
.g-products-2 h2{height:65px;line-height: 65px;font-size:18px;font-weight: normal;color: #333333;border-bottom:1px solid #ebebeb;margin-bottom: 22px;background:url(../images/hot.png) no-repeat 80px 15px;}
.g-products-2 h2 a{color: #333;}
.g-products-2 h2 span{padding-right: 36px;background: url(../images/hot-more.png) no-repeat right center; font-size: 16px;color: #333333;}
.pro-hot{position: relative;padding:27px 20px 22px;box-shadow: 5px 3px 10px 0px #ececec;background:#f2f2f2;}
.pro-hot-bd{overflow: hidden;}
.pro-hot .pro-l{width:45px;height:45px; position: absolute;left:-35px;top:50%;margin-top:-22px; background:url(../images/pro-l.png) no-repeat;}
.pro-hot .pro-r{width:45px;height:45px; position: absolute;right:-35px;top:50%;margin-top:-22px; background:url(../images/pro-r.png) no-repeat;}
.pro-hot li{margin-right:20px;width:280px;height:280px; float: left;position: relative;}
.pro-hot li img{width:280px;height:280px;display: block;}
.pro-hot li h4{width:100%; height: 0;font-size: 18px;color:#fff;font-weight: normal; text-align: center;background:rgba(230, 33, 41, 0.85);-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;width:100%;position: absolute;bottom:0; box-sizing: border-box;}
.pro-hot li:hover h4{height:280px;padding:120px 20px 0;}





/**/
.g-cases{ height:795px; background:#fff; padding:65px 0 0;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;max-width: 1920px; margin:0 auto; }
.g-cases .tit01{height:155px; }
.partner{width:1200px;margin:0 auto;position: relative; }
.case-nr {width:920px;height:535px; position: relative;overflow: hidden;float: left;}
.case-nr dl img{-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.case-nr dl:hover img{-webkit-transform:scale(1.01,1.01);-moz-transform:scale(1.01,1.01);transform:scale(1.01,1.01);}
.case-nr  dl{width:920px;height:535px;position: relative;}
.case-nr  dl dt{width: 920px;height: 535px;}
.case-nr  dl dt img{width: 100%;height: 535px; display: block;}
.case-nr  dl dd{width:100%;box-sizing: border-box;height:80px;line-height: 80px;background: rgba(230, 33, 41, 0.85);position: absolute;left:0;bottom: 0;font-size: 24px; color: #ffffff;font-weight: normal; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center; }

.case-sml{width:260px;height:535px;overflow: hidden; float: right;}
.case-sml li{ width:260px;height:165px;margin-bottom: 20px;}
.case-sml li img{width:100%; display: block;border:0px solid #fff;box-sizing: border-box; }
.case-sml li:hover img{border-color: #ad000d;border-width: 3px;}
/**/
.fwkh {padding: 70px 0;height:500px;}
.fwkh .fwkh_con {padding-top:50px;}
.fwkh .fwkh_con ul li {float: left;width: 239px;border: 1px solid #e9e9e9;margin: 0 0 -1px -1px;position: relative;z-index: 1;overflow: hidden;}
.fwkh .fwkh_con ul li img {display: block;width: 239px;transition: all 0.5s;height: 114px;}
.fwkh .fwkh_con ul li:hover {border-color: #2c488c;z-index: 2;}
.fwkh .fwkh_con ul li:hover img {transform: scale(1.1);}


/**/
.g-partner{height:225px; box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative; }
.partner{height:110px;position: relative;padding-top:33px;border-top:2px solid #c7c7c7;}
.partner .part-l{width:30px;height:30px; position: absolute;left:-15px;top:50%;margin-top:-4px; background:url(../images/part-l.png) no-repeat;}
.partner .part-r{width:30px;height:30px; position: absolute;right:-15px;top:50%;margin-top:-4px; background:url(../images/part-r.png) no-repeat;}
.part-bd{width:1104px;margin:0 auto; height: 120px;overflow: hidden;}
.partner ul{}
.partner li{width: 196px;float: left;position: relative;overflow: hidden;margin-right:31px;}
.partner li img{width: 194px; height: 108px; display: block;border:1px solid #cccccc; }
.partner li:hover img{border-color: rgba(215, 0, 0, 0.9);}



/**/
.g-about{background:url(../images/about.jpg) no-repeat center top;height:630px;margin:0 auto 48px;padding-top:105px; font-family:"Microsoft Yahei";position: relative;box-sizing: border-box;}
.about{width:1200px;position: relative;margin:0 auto;}
.about dl{width: 600px; float: left;position: relative;}
.about dl::after{content: "";position: absolute;width: 1020px;height: 526px;background:rgba(255,255,255,0.9);right:-60px;top:0;box-shadow: -6px 5px 10px 0px #ececec;} 
.about dd{width: 600px;position: relative;z-index: 1;padding-top: 80px;}
.about dd h3{font-size: 36px; font-family: "Microsoft YaHei";color: #333333;font-weight:bold;line-height: 80px;position: relative; }
.about dd a{color: #333333; }
.about dd h3:before{content:'';position:absolute;height:1px;width:200px;background:#b2b2b2;bottom:0;left:10px;}
.about dd b{font-weight: bold;color: #133d87;}
.about dd em{ font-weight: normal; display: block;font-size:16px;color: #4c4c4c; line-height: 36px;margin-bottom: 25px;}
.about dd p{font-size: 15px;color:#4c4c4c;line-height: 30px;text-align: justify;height:205px;width:560px;}
.about dd span a{width:180px;height:50px;text-align: left; display: inline-block;line-height: normal; font-size: 18px;color:#fff;background-color:#242424;padding-left:70px;padding-top: 5px;box-sizing: border-box;margin-right: 23px;}
.about dd span a i{display: block; font-size:12px;text-transform: uppercase; font-weight: normal;}
.about dd span a:nth-child(1){background-image:url(../images/abtico2.png) ;background-position:25px 8px;background-repeat: no-repeat;}
.about dd span a:nth-child(2){background-image:url(../images/abtico3.png) ;background-position:25px 8px;background-repeat: no-repeat;}
.about dd span a:nth-child(3){background-image:url(../images/abtico3.png) ;background-position:25px 8px;background-repeat: no-repeat;margin-right: 0;}
.about dd span a:hover,.about dd span a.on{background-color: #133d87; font-weight: bold;}

/**/
.g-show{height: 260px;overflow: hidden; background:#fff;font-family: "Microsoft YaHei";margin:0 auto; }
.show{position: relative;margin:0 auto;width:1200px;}
.show-bd{overflow: hidden;}
.show li{margin-right:17px;width:287px;height:229px; float: left;position: relative;}
.show li img{width:287px;display: block;}
.show li h4{width:100%;line-height: 42px; height: 42;font-size: 16px;color:#fff;font-weight: normal; text-align: center;background:#1a1a1a;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;position: absolute;bottom:0; box-sizing: border-box;}
.show li:hover h4{height:229px;padding:70px 20px 0;background:url(../images/show-tm.png) no-repeat center center;}

/**/
.g-news{ height: 790px; box-sizing: border-box; background:#ffffff;padding-top:65px;overflow: hidden; font-family:"Microsoft Yahei";}
.g-news .tit01{ height:132px;}
.news{width:1200px;margin:0 auto;}
.news img{-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.news img:hover{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.newstit{height: 58px;margin-bottom: 25px; border-bottom: 1px solid #e5e5e5;}
.newstit li{color:#333333;line-height: 58px;display: block;font-size: 18px;position: relative;font-weight: normal;float:left;width:140px; }
.newstit li a{color: #333333;text-decoration: none;}
.newstit li em{width:30px;height:25px;overflow: hidden; float: left;position: relative;margin-right:8px;margin-top:17px;}
.newstit li em img{position: absolute;left:0;top:-25px;width:30px;}
.newstit span{float: right; font-size: 14px;color:#333333;margin-top: 25px;}
.newstit li.cur a{font-weight: bold;color:#133d87;}
.newstit li.cur em img{top:0;}

.news1{width:585px; float: left;position: relative;}
.news1 dl{width:585px; height: 471px;}
.news1 dt{ width:585px;height:330px; position: relative; overflow: hidden;}
.news1 dt img{width:585px;height:330px; display: block;}
.news1 dd{width:585px;box-sizing: border-box; padding:15px 0 0 0;}
.news1 dd h4{font-size: 18px; font-weight: normal;line-height: 35px;height:35px;color:#000000;margin-bottom: 10px;}
.news1 dd h4 a{ color:#000000; display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news1 dd h4 span{float: right;font-size: 18px;color: #333333;font-weight: bold;font-style: italic;}
.news1 dd p{overflow: hidden;font-size: 14px; line-height: 26px; color:#737373;}
.news2{width:572px; float: right;}
.news2 dl{width:572px; overflow: hidden;margin-bottom: 20px;}
.news2 dt{ width:212px;height:119px; position: relative; overflow: hidden;float: left;}
.news2 dt img{width:212px;height:119px; display: block;}
.news2 dd{width:335px; overflow: hidden;box-sizing: border-box;float: right; }
.news2 dd h4{font-size: 18px; font-weight: normal;line-height: 35px;height:35px;color:#000000;margin: 10px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.news2 dd h4 a{ color:#000000;}
.news2 dd p{overflow: hidden;font-size: 14px; line-height: 26px; color:#737373;}
.news2 ul{clear: both; overflow: hidden;margin-top:40px;}
.news2 li{height: 36px; display: block;padding-left:20px;background: url(../images/newsico.png) no-repeat left center;}
.news2 li a{ font-size: 14px;color:#737373;text-decoration: none;  overflow: hidden; text-overflow: ellipsis;white-space:nowrap;height: 36px; line-height: 36px; display: block;width: 460px;}
.news2 li span{ line-height: 36px; font-size: 14px;color: #868686; display: block; float: right;}
.news2 li a:hover{color: #133d87;}



.case{ padding: 60px 0;background: #F5F5F5;height:960px;   }
.case_con{ margin-top: 40px; }
.case_con dl{float: left;width: 400px;position: relative;}
.case_con dl:before{ position: absolute;left:50%;top: 385px;width: 0;height: 0;border-style: solid;border-width: 0 15px 15px 15px;border-color: transparent transparent #ffffff transparent;margin-left: -15px;width: 0;height: 0;content: "";z-index: 50; }
.case_con dl:nth-child(2):before{ position: absolute;left:50%;top: 400px;width: 0;height: 0;border-style: solid;border-width: 15px 15px 0 15px;border-color: #ffffff transparent transparent transparent;margin-left: -15px;content: ""; z-index: 50;}
.case_con dt{height: 400px;overflow: hidden;}
.case_con dt img{display: block;width: 400px;height: 400px;transition: all 0.5s;}
.case_con dt:hover img{transform: scale(1.05);}
.case_con dd{height: 400px;padding: 85px 40px 0;box-sizing: border-box;background: #fff; }
.case_con dd h4 a{font-size: 24px;color: #333;line-height: 24px;position: relative;display: block;font-weight: normal;text-align: center;}
.case_con dd h4 img{ display: block;width: 170px;height: 23px;margin: 0 auto 8px; }
.case_con dd p{font-size: 15px;color: #999999;line-height: 24px;text-align: center;padding-top: 36px;}
.case_con dd .more{ display: block;margin:30px auto 0;font-size: 14px;color: #333333;line-height: 50px;width: 86px; height: 50px;text-align: center;text-transform: uppercase;font-family: Arial;background: url(../images/case_jt.png) no-repeat bottom center;}




/*友情链接*/
.link{height:0;line-height:25px;position: relative;z-index: 9;width: 1200px;margin: 0 auto;font-size: 14px;color:rgba(255, 255, 255, 0.6);}
.link_c{width:550px;position: absolute;right: 0;top: -52px;height:25px;overflow: hidden;text-align: right;}
.link a{display: inline-block;color:rgba(255, 255, 255, 0.6);padding: 0 8px;}
.link a:last-child{background: none;}

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

.linkk{color:#fff}
.linkk a{color:#fff}