@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: 48px; font-family: "Microsoft YaHei";color: #fff;font-weight:bold;line-height: 65px;position: relative; }
.tit01 a{color: #fff; }
.tit01 p{ font-weight: lighter; display: block;font-size:24px;color: #fff; line-height: 50px;}
.tit02{text-align: center; }
.tit02 h2{font-size: 48px; font-family: "Microsoft YaHei";color: #111111;font-weight:bold;line-height: 65px;position: relative; }
.tit02 a{color: #111111; }
.tit02 p{ font-weight: lighter; display: block;font-size:24px;color: #111111; line-height: 50px;}


/**/
.g-guide{background:#fff; height:550px; padding-top:81px;box-sizing: border-box;  font-family:"Microsoft Yahei";}
.guide{width: 1200px;margin:0 auto;height:469px;}
.guide dt{width:622px;padding:15px; height:469px;float: left;background: url(/images/guide-dtbg.jpg) no-repeat center top;box-sizing: border-box;position:relative;}
.guide dt img{width:100%;display: block;}
.guide dt i{width:591px;height:359px;display:block;position:absolute;left:15px;top:15px;background:rgba(0,0,0,0.5);}
.guide dt i::after{content: "";position: absolute;left:50%;top:50%;width:61px;height:61px;background:url(/images/vdo-btn.png) no-repeat;margin-left:-30px;margin-top:-30px;}
.guide dd{width:494px;float: right;}
.guide dd em{display: block;font-size: 20px;color: #383a3e;  font-weight: normal; line-height: 25px;}
.guide dd h3{font-size: 30px; line-height: 60px; color: #383a3e; font-weight: bold; text-align: left;height: 83px;background: url(/images/guide-line.png) no-repeat left bottom;margin-bottom: 22px;}
.guide dd p{font-size: 14px; color: #727375; line-height:32px;text-align: justify;height:200px;}
.guidet{width:494px;height:50px; line-height: 50px; font-weight: bold; color: #333333;font-size: 16px;text-align: left;padding-left:290px; box-sizing: border-box;position: relative;}
.guidet::after{content: ""; width:280px;height:1px;background:#dedede;position: absolute; top:25px;left:0;}
.guidet img{width:100px;height:50px;vertical-align: middle;float: right;}

/**/
.g-chara{ height:788px;background:url(/images/charabg.jpg) no-repeat center top; padding-top:70px;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;}
.g-chara .tit01{height:185px;}
.chara{width:1550px;  position: relative;height:465px;margin:0 auto;}
.chara dl{width:310px;height: 100%;float: left;box-sizing: border-box;position: relative;padding:0 38px;text-align: center;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.chara dl::after{content: "";position: absolute;right:0;top:75px;width:1px;height:327px;background:rgba(255, 255, 255, 0.1);}
.chara dt{width:62px;height: 62px;margin:90px 0 30px;overflow: hidden; position: relative;z-index: 1;}
.chara dt img{width:62px;position: absolute;left:0;top:0;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.chara dd{width: 100%;box-sizing: border-box;position: relative;z-index: 1;text-align: left;}
.chara dd h4{font-size: 28px;color: #ffffff;font-weight: bold; line-height: 42px;margin-bottom: 35px;}
.chara dd em{display: block; line-height: 38px;color:#fff; font-size: 16px;font-weight: normal;text-transform: uppercase;}
.chara dd p{line-height: 26px;font-size: 16px; color: #ffd800;opacity: 0;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;text-align: center;height: 160px;overflow: hidden;}
.chara dd span{width:254px; margin:0 auto;display: block;opacity: 0;}
.chara dd span img{width:100%;display: block;}
.chara dl:last-child:after{width:0;}
.chara dl.cur{background:url(/images/chara-cur.png) no-repeat center top;}
.chara dl.cur dt{margin:48px auto 15px;}
.chara dl.cur dt img{top:-62px;}
.chara dl.cur dd{text-align: center;}
.chara dl.cur dd h4,.chara dl.cur dd em{color: #ffd800;}
.chara dl.cur dd p{opacity: 1;}
.chara dl.cur dd span{opacity: 1;}

@media screen and (max-width:1400px) {
  .chara{width:1200px;}
  .chara dl{width:240px;padding:0 20px;}
  .chara dd p{line-height: 25px;font-size: 14px;}
  .chara dd span{width:200px;}
}


/**/
.g-projects{height:919px;overflow: hidden; background:url(/images/project-pic1.jpg) no-repeat center top;box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-projects .tit01{height:310px;padding-top:85px;box-sizing: border-box;position: relative;}
.g-projects .tit01 p{position: relative;z-index: 1;}
.g-projects .tit01::before{content: "";position: absolute;width:100%;height:236px;background: rgba(0, 42, 131, 0.68);left:0px;top:0px;}
.projects{width:565px;position: relative;float: right;}
.projects .proj-tit{height:109px;}
.projects .proj-tit img{width:132px;height:102px;display: block; float: left;}
.projects .proj-tit h3{ line-height: 55px;color: #fff;font-size: 36px;font-weight: normal; float: left;padding:10px 0 0 22px;}
.projects .proj-tit h3 em{display: block; font-size: 20px;font-weight: normal; line-height: normal;}
.projects .proj-desc{padding:15px 0;font-size: 14px;color: #aab9ca;line-height:24px;text-align: justify;border:1px solid rgba(200, 200, 200, 0.2);border-left:0;border-right: 0;}
.projects .proj-qsq,.projects  .proj-qsa{padding-top:15px;}
.projects .proj-qsq h4,.projects  .proj-qsa h4{ font-size: 24px;font-weight: normal;line-height: 50px;color: #fff;}
.projects .proj-qscon{clear: both;overflow: hidden;}
.projects .proj-qscon i{display: inline-block;line-height: 24px;height:24px;border-radius: 12px;border:1px solid rgba(255, 255, 255, 0.5);padding:0 11px;margin-right: 4px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: rgba(255, 255, 255, 0.6);}
.projects .proj-qsa ul{margin-top:10px;}
.projects .proj-qsa li{float: left;width:114px;height: 114px; overflow: hidden;margin-right: 19px;background:#125db4;border-radius: 6px;text-align: center; font-size: 14px;color: #fff;}
.projects .proj-qsa li:last-child{margin-right: 0;}
.projects .proj-qsa li img{width:40px;height: 40px;display: block;margin:22px auto 15px;}
.projects .proj-qsa li.cur,.proj-qsa li:hover{background:#ffa200;}
.projects .projects li:hover img{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.projects .projects li:hover img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}


/**/
.g-projects2{height:798px;padding-top:100px; overflow: hidden; background:url(/images/project-pic2.jpg) no-repeat center top;box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-projects2 .content{width: 1232px;}
.projects2{width:640px;position: relative;float: left;padding-left:52px;}
.projects2 .proj-tit{height:162px;}
.projects2 .proj-tit img{width:94px;height:102px;display: block; float: left;}
.projects2 .proj-tit h3{ line-height: 55px;color: #fff;font-size: 36px;font-weight: normal; float: left;padding:5px 0 0 22px;}
.projects2 .proj-tit h3 em{display: block; font-size: 20px;font-weight: normal; line-height: normal;}
.projects2 .proj-qsq h4,.projects2 .proj-qsa h4{ font-size: 24px;font-weight: normal;line-height: 50px;color: #fff;padding-left:45px;background:url(/images/project2-t1.png) no-repeat left center;}
.projects2 .proj-qscon{clear: both;overflow: hidden;}
.projects2 .proj-qscon{padding:15px 0;font-size: 14px;color:rgba(255, 255, 255, 0.8);line-height:24px;text-align: justify;width:545px;}
.projects2 .proj-qsa ul{margin:10px 0 0 -52px;}
.projects2 .proj-qsa li{float: left;width:320px;height: 114px; overflow: hidden;background:none;font-size: 14px;color: #fff;position: relative;}
.projects2 .proj-qsa .project2-ico{height:40px;line-height: 40px;font-size: 20px;color: #fff; font-weight: bold;margin:30px 15px 0 60px;opacity: 1; -webkit-transition: .35s;-moz-transition: .35s;transition: .35s; }
.projects2 .proj-qsa .project2-ico img{width:40px;height: 40px;display: block;float: left;margin-right: 20px;}
.projects2 .proj-qsa .project2-desc{height: 114px;opacity: 0;position: absolute;left:0;top:0;padding:32px 38px 0;background:#ffa200;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.projects2 .proj-qsa li:hover .project2-ico,.projects2 .proj-qsa li.cur .project2-ico{opacity: 0;}
.projects2 .proj-qsa li:hover .project2-desc,.projects2 .proj-qsa li.cur .project2-desc{opacity: 1;}

/**/
.g-projects3{height:767px;padding-top:90px;background:url(/images/project-pic3.jpg) no-repeat center top;box-sizing: border-box; font-family: "Microsoft YaHei";}
.projects3{width:900px;position: relative;float: right;}
.projects3 .proj-tit{height:150px;}
.projects3 .proj-tit img{width:196px;height:102px;display: block; float: left;}
.projects3 .proj-tit h3{ line-height: 55px;color: #fff;font-size: 36px;font-weight: normal; float: left;padding:2px 0 0 22px;}
.projects3 .proj-tit h3 em{display: block; font-size: 20px;font-weight: normal; line-height: normal;}
.projects3 .proj-qsa{width:900px;height:525px; position: relative;}
.projects3 .proj-qsa li{position: relative; float: left;padding-top:35px;box-sizing: border-box; width:300px;height: 224px;background: rgba(18, 93, 180, 0.91);text-align: center; color: #fff;border-right:1px solid #125db4;border-bottom: 1px solid #125db4;}
.projects3 .proj-qsa li:nth-child(3n){border-right: 0;}
.projects3 .proj-qsa li img{width:50px;height: 50px;display: block;margin:0 auto 15px;}
.projects3 .proj-qsa li h4{ line-height:42px;font-size: 26px;font-weight: normal;}
.projects3 .proj-qsa li p{ font-size: 14px;}
.projects3 .proj-qsa li h4,.projects3 .proj-qsa li img,.projects3 .proj-qsa li p{position: relative;z-index: 2;}
.projects3 .proj-qsa li::after{content: "";position: absolute;width:302px;height:226px;background:#ffa200;left:-1px;top:-1px;opacity: 0;z-index: 1;border-radius: 2px;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.projects3 .proj-qsa li.cur::after,.proj-qsa li:hover::after{opacity: 1;}
.projects3 .proj-qsa span{display: block;position: absolute;left:180px;bottom:-25px; z-index: 2;}

.projects3 li:hover img{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.projects3 li:hover img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}


/**/
.g-cases{ height:985px; background:#fff; padding:100px 0 0;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative; }
.g-cases .tit02{height:154px; }
.case{position: relative;width:1200px;margin:0 auto;}
.case li img{width:100%;display: block;}
.case li{width:385px; height: 350px;margin-right: 22px;margin-bottom: 24px; float: left;position: relative;}
.case li em{display: block;position: relative;overflow: hidden; }
.case li em::after{content: "";position: absolute;width:100%;height:150px;background:url(/images/case-tm.png) repeat-x;left:0px;bottom:0;}
.case h4{ line-height: 38px; box-sizing: border-box; font-size:26px; color:#ffffff;text-align: left;position: relative; width:100%;padding-left:35px;box-sizing: border-box; position: absolute;left:0;bottom:15px;}
.case h4 i{display: block;font-size: 12px;color:#fff;text-transform: capitalize;line-height: normal;font-weight: lighter;}
.case li:nth-child(1){width:793px;}
.case li:nth-child(2),.case li:last-child{margin-right: 0;}
.case li:hover img{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.case li:hover img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}


/**/
.g-super{ max-height: 955px;background:#fff;padding-top:65px; box-sizing: border-box; font-family: "Microsoft YaHei";min-width:1300px;max-width: 1920px;margin:0 auto;}
.g-super .tit02{height:150px;}

.super-nav{width:100%;height:79px;}
.super-nav ul{width:1020px;height: 50px;border:1px solid #d1d1d1; margin:0 auto;border-radius: 25px;}
.super-nav li{width:255px;float: left;position: relative;height: 50px;line-height:50px;font-size: 20px; box-sizing:border-box;overflow: hidden; color: #474747;cursor: pointer;}
.super-nav li em{width:44px;height: 32px;position: relative;float: left;margin:10px 10px 0 28px;}
.super-nav li em img{display: block;position: absolute;left:0;top:0;}
.super-nav li.cur{background:#125db4;color: #fff;border-radius: 25px;}
.super-nav li.cur em img{top:-32px;}
.super{width:100%;max-height:650px;position: relative;max-width: 1920px;margin:0 auto;}
.super img{width:100%;display: block;}
.super-l{width:49.94%; float: left;}
.super-r{width:50.05%; float: right;position: relative;}
.super-c{width:505px; position:absolute;left:5.1vw;top:3.645vw;  box-sizing: border-box}
.super-con img{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.super-con span:hover img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}

.super1 .super-tit{height:75px;border-bottom:1px solid #c7c7c7;margin: 20px 0;}
.super1 .super-tit h3{ font-size: 32px;color: #125db4;}
.super1 .super-desc{ font-size: 24px;color: #666666;line-height: 60px;margin-bottom: 30px;}
.super1 .super-desc p{padding-left: 50px;}
.super1 .super-desc p:nth-child(1){background:url(/images/super1-ico1.png) no-repeat left center;}
.super1 .super-desc p:nth-child(2){background:url(/images/super1-ico2.png) no-repeat left center;}
.super1 .super-desc p:nth-child(3){background:url(/images/super1-ico3.png) no-repeat left center;}
.super1 .super-img{clear: both;overflow: hidden;}
.super1 .super-img span{width:120px;display: inline-block;text-align: center; font-size: 13px;line-height: 30px;margin-right: 60px;}
.super1 .super-img span img{width: 120px;}
.super1 .super-img span:last-child{margin-right: 0;}

.super2 .super-tit{height:132px;border-bottom:1px solid #c7c7c7;margin:10px 0 30px; font-size: 30px;color: #333333; line-height: 54px;}
.super2 .super-tit h3{ font-size: 32px;color: #125db4;}
.super2 .super-desc{ font-size:15px;color: #666666;line-height: 26px;margin-bottom: 30px;}
.super2 .super-desc p{padding-left: 16px;position: relative;margin-bottom: 15px;}
.super2 .super-desc p b{color: #125db4;}
.super2 .super-desc p::before{content: "";position: absolute;width:4px;height:4px;background:#125db4;left:0px;top:10px;border-radius: 100%;}

.super3 .super-tit{height:141px;border-bottom:1px solid #c7c7c7;margin: 10px 0 20px; font-size: 22px;color: #333333;line-height: 34px;white-space: nowrap;}
.super3 .super-tit h3{ font-size: 32px;color: #125db4;line-height: 50px;}
.super3 .super-img{clear: both;overflow: hidden;}
.super3 .super-img span{width:98px;display: inline-block;text-align: center; font-size: 15px;line-height: 22px;margin-right: 32px;margin-bottom: 55px; color: #333333;}
.super3 .super-img span img{width: 60px;margin:0 auto 10px;}
.super3 .super-img span:nth-child(4n){margin-right: 0;}

.super4 .super-tit{height:122px;border-bottom:1px solid #c7c7c7;margin:10px 0 30px; font-size: 30px;color: #333333; line-height: 50px;}
.super4 .super-tit h3{ font-size: 32px;color: #125db4;}
.super4 .super-desc{ font-size:15px;color: #666666;line-height: 22px;margin-bottom: 30px;}
.super4 .super-desc p{padding-left: 69px;position: relative;margin-bottom: 20px;}
.super4 .super-desc p b{color: #125db4;display: block; font-weight: normal; font-size: 20px; line-height: 32px;}
.super4 .super-desc p:nth-child(1){background:url(/images/super4-ico1.png) no-repeat left 0;}
.super4 .super-desc p:nth-child(2){background:url(/images/super4-ico2.png) no-repeat left 0;}
.super4 .super-desc p:nth-child(3){background:url(/images/super4-ico3.png) no-repeat left 0;}
.super4 .super-desc p:nth-child(4){background:url(/images/super4-ico4.png) no-repeat left 0;}

@media screen and (max-width:1400px) {

  .super-c{top:1.645vw; }
  .super1 .super-tit{height:65px;margin: 0px 0 20px;}
  .super1 .super-desc{ font-size: 18px;line-height: 40px;margin-bottom: 30px;}
  .super2 .super-tit{height:105px;margin:0px 0 20px;line-height: 44px;}
  .super3 .super-tit{height:130px;margin: 0px 0 20px; line-height: 34px;white-space: nowrap;}
  .super3 .super-img span{margin-bottom: 15px;}
  .super4 .super-tit{height:102px;margin:0px 0 20px;line-height: 44px;}
  .super4 .super-desc p{margin-bottom: 10px;}
  .super4 .super-desc p b{line-height: 30px;}
}



/**/
.g-partner{ height: auto;background:#fff;padding:70px 0 82px; box-sizing: border-box; font-family: "Microsoft YaHei";max-width: 1920px;margin:0 auto;}
.g-partner .tit02{height:144px;}
.partner{ width:87.5%;margin:0 auto;position: relative;background:#125db4;}
.partner img{width:100%;display: block;}
.partner ul{width:100%;border:1px solid #e9e9e9; clear: both;overflow: hidden;}
.partner ul li{width:14.285%;float: left;overflow: hidden;box-sizing: border-box;position: relative;}
.partner ul li:nth-child(10){margin-left:42.855%;}
.partner ul li::before{content: "";position: absolute;width:1px;height:100%;background:#e9e9e9;right:0px;top:0;}
.partner ul li::after{content: "";position: absolute;width:100%;height:1px;background:#e9e9e9;left:0px;bottom:0;}
.partner ul li:nth-child(7):before,.partner ul li:nth-child(11):before,.partner ul li:nth-child(18):before{width:0;}
.partner ul li:nth-child(n+12):after{height:0;}
.digital{width:42.855%; height:auto;position: absolute;left:50%;top:50%;margin-left:-21.4275%;margin-top:-2.5%;}
.digital .mun_top{height:100%; max-height:178px;  float: left; text-align: center; position: relative;width:27%; font-size: 20px;color: #ffffff;}
.digital .mun_top b{ font-size: 2.4vw; color: #fff; font-family: "Myriad Pro","Arial"; font-weight: bold;}
.digital .mun_top i{ font-size:2vw;;  color: #fff;}
.digital .mun_top h4{font-size: 15px; color: #ffffff; text-align: center; font-weight: normal;line-height: 30px; }
.digital .mun_top1{width: 19%;}

/* 新闻 */
.g-news{height:743px;background:url(/images/newsbg.jpg) no-repeat center top;padding-top: 70px;box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative;}
.g-news .tit01{height:155px;}
.newstit{margin-bottom: 15px;height:30px;line-height: 30px;}
.newstit a{display: block;font-size: 14px;font-weight: normal;color: #d9d9d9;text-transform: uppercase;}
.newstit b{ font-size: 20px;color: #ffffff;margin-right: 10px; font-weight: normal;}
.newstit i{display: block; font-size: 14px;color: #b0b0b0; float:right;text-transform: uppercase;background:url(/images/news-ico.png) no-repeat right center;padding-right: 22px;}
.news{width:1200px;margin:0 auto;}
.news1{width:380px;float: left;margin-right: 30px;}
.news1 dl{width:380px; overflow: hidden;background:#fff;}
.news1 dt{ width:380px;height:199px; position: relative; overflow: hidden;}
.news1 dt img{width:100%; display: block;}
.news1 dd{width:380px;height:194px; overflow: hidden;box-sizing: border-box;padding-top:15px;}
.news1 dd a{line-height: 38px; height: 38px; display: block;  padding:0  20px 0 40px;  font-size: 14px;color:#666666;text-decoration: none;  overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
.news1 dd a:first-child{background: url(/images/news-ico1.png) no-repeat left center;}
.news1 dd a:first-child:hover{background: url(/images/news-ico1cur.png) no-repeat left center;}
.news1 dd a:hover{color: #ffa200;}
.news1:last-child{margin-right: 0;}
.news dl img{-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;}
.news dl:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);} 

/*友情链接*/
.g-link{ background:none;width:1200px; margin: 0 auto;position: relative; }
.link{ height:auto;font-family:"Microsoft Yahei";position: absolute;right:0;top:-38px;width:500px;}
.link h2{font-size:14px ;font-weight:normal; text-transform: uppercase; width: 80px; float: left;height: 22px; line-height: 22px;color: rgba(255, 255, 255, 0.5);}
.link p{  width: 418px;max-height:44px; overflow: hidden; line-height: 22px; color: rgba(255, 255, 255, 0.5);position: relative;z-index: 1;}
.link p a{ color: rgba(255, 255, 255, 0.5); font-size: 14px; padding: 0 15px 0 0; text-align: left; }


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


        i,em{font-style: normal;}
         .topWrap {background:rgba(0, 42, 131, 0.42); width: 100%;min-width:1300px;font-family: "Microsoft Yahei";  height: 137px;box-sizing: border-box; position: absolute;left:0;top:0;z-index: 9;overflow:hidden;}
         .hd-nr{padding:31px 5.2% 0;max-width: 1720px;margin:0 auto;}
         .hd-logo { width: 175px;overflow: hidden; box-sizing: border-box; float: left;margin-right: 22px;}
         .hd-logo img { height: 70px; display: inline-block; vertical-align: middle; }
         .hd-txt{ font-size: 20px; color: #fff;  line-height:28px;float: left;font-weight: lighter;padding-left:24px;margin-top: 10px;position: relative;}
         .hd-txt::after{content: "";position: absolute;left:0;top:3px;width:1px;height:50px; background: rgba(255, 255, 255, 0.2);}
         .hd-txt b{font-size: 22px;font-weight: bold;display: block;}
         .hd-tel{float: right; width: 40px;height: 40px;background: url(/images/tel.png) no-repeat right center; position: relative;cursor: pointer;z-index:10; margin-top:20px;margin-right: 18px;}
         .hd-tel p{height: 42px;line-height: 42px; width: 238px; background: #ffa200; border-radius: 25px; text-align: center; font-size: 24px; color: #fff; position: absolute;right: -360px;top:42px;z-index:10;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;opacity: 0; }
         .hd-tel:hover p{right:-10px;opacity: 1;}
         .menu{float: right;max-width: 912px;margin-right: 60px;}
         .menu ul{height: 45px;overflow: hidden;margin-top:15px;}
         .menu li { float: left;height: 45px;line-height: 45px; margin-right: 28px; position: relative;box-sizing: border-box; }
         .menu li a { text-decoration: none; color: #ffffff; font-size: 16px; display: inline-block; position: relative;z-index: 2; font-weight: normal; text-align: center;}
         .menu li a::after{content: ""; width: 0%;height: 2px;background-color: #ffa200;position: absolute; bottom:2px;left:50%;-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
         .menu li:hover a,.menu li.cur a{ font-weight: bold;color: #ffa200;}
         .menu li:hover a::after,.menu li.cur a::after{ width: 100%;font-weight: bold;color: #ffa200;}
         .menu li.nones{margin-right:0;}
         @media screen and (max-width:1780px) {
            .hd-tel{margin-right: 0;}
            .menu{margin-right: 30px;}
            .menu li { margin-right: 25px; }
          }
          @media screen and (max-width:1600px) {
            .hd-nr{padding:31px 2% 0;}
            .hd-txt{ font-size: 18px;}
            .hd-txt b{ font-size: 20px;}
            .hd-tel{display: none;}
            .menu{margin-right: 0;}
            .menu li { margin-right: 20px; }
          }
         @media screen and (max-width:1400px) {
            .hd-txt{font-size: 16px;}
            .hd-txt b{ font-size: 18px;}
            .menu li a {font-size: 15px;}
          }
     

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

         .footWrap{background:#fff;height:545px;padding-top:74px; font-family:"Microsoft Yahei";box-sizing: border-box;position: relative;}
         .footer{width:1200px;margin: 0 auto; position: relative;}
         .footer em{padding:0 10px;}
         .ftcontact{height: 120px;box-sizing: border-box;margin-bottom: 50px;border-bottom: 1px solid #f2f2f2; }
         .ftcontact p{height: 120px;padding-left:95px; box-sizing: border-box; float: left; font-size: 16px;color: #333333;}
         .ftcontact p i{ font-size: 14px;color: #d6d6d6;font-weight:bold;display: block; line-height: 30px;}
         .ftcontact p b{ font-size: 26px;color: #333333;font-family: Arial;}
         .ftcontact p:nth-child(1){background:url(/images/ft-ico1.png) no-repeat left 0;width: 292px;margin-right: 140px;} 
         .ftcontact p:nth-child(2){background:url(/images/ft-ico2.png) no-repeat left 0;width: 472px;} 
         .ftcontact p:nth-child(3){background:url(/images/ft-ico3.png) no-repeat left 0;width: 292px;} 
         .ftnav{height: 246px; box-sizing: border-box;float: left;}
         .ftnav a{display: block;font-size:14px;color: #737373;line-height: 27px;text-align: left;}
         .ftnav dl{ float: left;width:250px;}
         .ftnav dt{margin-bottom: 15px;}
         .ftnav dt a{font-size: 20px;color: #4f4f4f; font-weight: bold;height:40px; line-height: 40px;}
         .ftnav a:hover{color: #ffa200;}
         .ftcode{ width: 172px;float: right; box-sizing: border-box;}
         .ftcode p{border:1px solid #f2f2f2;background:#fff;padding:8px;}
         .ftcode p img{width: 154px; height: 154px;display: block;}
         .fbeian{height:55px;padding-top: 15px;box-sizing: border-box;background:#084cab; }
         .fbeian span{display: block; line-height: 24px;font-size: 14px;color: rgba(255, 255, 255, 0.5); text-align:left;width:600px;}
         .fbeian span a{color: rgba(255, 255, 255, 0.5);}
        

        .client-2 {
            position: fixed;
            right: -170px;
            top: 35%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(/images/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-position: 4px 5px;
        }
        
        .client-2 .my-kefu-tel i {
            background-position: 0 -21px;
        }
        
        .client-2 .my-kefu-liuyan i {
            background-position: 4px -53px;
        }
        
        .client-2 .my-kefu-weixin i {
            background-position: -34px 4px;
        }
        
        .client-2 .my-kefu-weibo i {
            background-position: -30px -22px;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
               width: 33px;
    height: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            color: #fff;
            float: left;
            height: 24px;
            line-height: 22px;
            padding: 0 15px;
            border-radius:5px;
            border-left: 1px solid #fff;
            margin-top: 14px;
        }
        
        .client-2 .my-kefu-right {
            width: 20px;
        }
        
        .client-2 .my-kefu-tel-main {
            background: #125eb4;
            /*background: #fea200;*/
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
             border-radius:5px;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #125eb4;
            /*background: #fea200;*/
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
             border-radius:5px;
            float: left;
        }
        
        .client-2 .my-kefu-weixin-pic {
            position: absolute;
            left: -130px;
            top: -24px;
            display: none;
            z-index: 333;
        }
        
        .my-kefu-weixin-pic img {
            width: 115px;
            height: 115px;
        }