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

.tit01{font-size: 45px; text-align: center; font-family: "Microsoft YaHei";color: #282828;font-weight:bold; }
.tit01 a{color: #282828; }
.tit01 p{ font-weight: normal; display: block;font-size:18px;color:#282828;text-align: center; line-height: 42px;  }
/**/
.yybj{ height: 578px;padding-top: 40px;  background:#fff;  box-sizing: border-box;  font-family:"Microsoft Yahei"; }
.yybj .tit01{text-align: center;height:105px;}
.yybj .tit01 em{font-size: 14px;color: rgba(0, 0, 0, 0.3);height: 42px;line-height: 42px;position: relative;text-transform: uppercase; font-weight: bold;display: block;}
.yy{width: 1200px;margin:0 auto;height: 340px; }
.yy dd{height:132px;}
.yy dd .tit02{height:45px;line-height: 45px;text-align: center;font-size: 22px;color: #000000;font-weight: bold;}
.yy dd p{ font-size: 14px;color: rgba(0, 0, 0, 0.7); line-height: 24px;text-align: center;}
.yy dt{width:1200px;height:305px;position: relative;overflow: hidden;}
.yy dt img{width:100%;display: block;}
.yy dt i{width:124px;height:124px;position: absolute;left:50%;top:50%;margin-left:-72px;margin-top:-72px;background: url(../images/vdtm.png) no-repeat;}
.yybj dl dt img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.yybj dl:hover dt img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}
/**/
.rybj{height: 347px;background:url(../images/rybg.jpg) no-repeat center top;overflow: hidden;box-sizing: border-box; font-family: "Microsoft YaHei";padding-top: 38px; }
.ry{ height:265px;width: 1200px; position: relative;margin:0 auto;overflow: hidden; }
.ry li{ width:177px;position:relative;margin-right:27px; float: left; overflow: hidden;}
.ry li img{ display:block;width:177px; height:234px;}
.ry li em{height: 32px;font:16px "Microsoft YaHei"; line-height:40px; color:#333333; overflow:hidden; display: block; text-align: center;  -webkit-transition:all .5s;transition:all .5s;width: 100%;box-sizing: border-box;}
.ry li a{ text-decoration: none; }

.ry li img,.ry li em{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.ry li:hover img{transform:translateY(-5px)}


/**/
.cpbj{height: 859px;background:url(../images/fwbg.jpg) no-repeat center top; overflow: hidden; box-sizing: border-box; font-family: "Microsoft YaHei";padding-top: 60px;}
.cpbj h2{margin-bottom: 45px;color: #fff;}
.cpbj h2 a{color: #fff;}
.cpbj h2 p{color: #fff;}
.cp{width: 1400px;margin:0 auto;}

.cp_nav{width: 392px;float: left;}
.cp_nav dl{width:187px;height:106px;border:1px solid rgba(255, 255, 255, 0.6);background:rgba(255, 255, 255, 0.15);padding:13px;box-sizing: border-box;margin-right: 18px;margin-bottom: 34px;float: left;position: relative;overflow: hidden;;}
.cp_nav dl:nth-child(2n){margin-right: 0;}
.cp_nav dt{}
.cp_nav dt img{display: block;width:54px;height:44px;}
.cp_nav dt h3{font-size: 16px;color: #fff;height:38px; line-height: 38px; font-weight: normal;background:url(../images/fwico.png) no-repeat right center;}
.cp_nav dd{background:#0146aa;position: absolute;left:2px;top:2px;width:181px;height: 100px;opacity: 0;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.cp_nav dd a{ display: block;padding-left:26px;background:url(../images/fw_line1.png) no-repeat 15px center; line-height: 30px; text-align: left;color:#81aef0;}
.cp_nav dd a:hover{background:url(../images/fw_line2.png) no-repeat 15px center;color: #fff;}
.cp_nav dl.cur dd{opacity: 1;}


.cp_nr{width:970px;float: right;}
.cp_nr dl{width: 100%;height:529px; position: relative;}
.cp_nr dt{max-height:389px;position: relative; overflow: hidden;}
.cp_nr dt::after{content:'';position:absolute;height:133px;width:100%;bottom:0;left:0;background:url(../images/fwtm.png) no-repeat;background-size: 100%;}
.cp_nr dt img{width: 100%;display: block; height:auto;}
.cp_nr dt em{font-size:26px;color: #ffffff;font-weight: normal; line-height: normal;padding-right: 40px;background:url(../images/fwicotit.gif) no-repeat right 7px;position: absolute;left:35px;bottom:85px;z-index: 2;}
.cp_nr dd{height:160px;background:#0146aa;padding:15px 0 0 2.239vw;position: absolute;left:0;bottom: 0;width:100%;box-sizing: border-box; }
.cp_nr dd b{display: block;height:40px;line-height: 40px;font-size: 18px;color: #fff;font-weight: normal;}
.cp_nr dd .desc{width:355px; float: left;}
.cp_nr dd .desc p{font-size: 14px;line-height: 25px;color: rgba(255, 255, 255, 0.6);display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}
.cp_nr dd .yypp{width:484px; float: left;margin-left:2.239vw;}
.cp_nr dd .yypp span{width: 90px; display: block;float: left;margin-right: 5px;text-align: center;font-size: 12px;color: #fff;font-weight: lighter;white-space: nowrap; line-height: 22px;}
.cp_nr dd .yypp span img{display: block;width: 100%;}



@media screen and (max-width:1401px) {
  .cp{width: 1200px;}
  .cp_nav{width: 328px;}
  .cp_nav dl{width:155px;}
  .cp_nav dd{width:149px;}
  .cp_nr{width:850px;}
  .cp_nr dd{height: 204px;}
  .cp_nr dd .desc{width:95%; }
  .cp_nr dd .desc p{white-space:nowrap;  overflow: hidden; text-overflow: ellipsis;}
  .cp_nr dd .yypp{width:95%;margin-left:0;}

}


/**/
.casebj{height: 680px;background:url(../images/casebg.jpg) no-repeat center top;overflow: hidden;box-sizing: border-box; font-family: "Microsoft YaHei";padding-top:80px; }
.casebj h2{margin-bottom: 28px;}
.case_nav{ width: 100%;height:70px;border-top:1px solid #b2b2b2;margin-bottom: 0px; }
.case_tit{width:1306px;margin:0 auto;}
.case_nav h5{width: 1190px; height:69px;float: left;overflow: hidden;}
.case_nav h5 a{height:69px;line-height:69px;padding-right: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-size:18px; color: #666666;font-weight:bold;text-decoration: none;text-align: left;float: left;box-sizing: border-box;position: relative;font-weight: normal;}
.case_nav h5 a em{width:30px;height:32px;position: relative;overflow: hidden;display: block;float: left;margin-top:17px;margin-right: 5px;}
.case_nav h5 a em img{width:30px;position: absolute;left:0;top:0;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.case_nav h5 a:last-child{padding-right: 0;}
.case_nav h5 a.cur,.case_nav h5 a:hover{color:#0d54bc;font-weight: bold;}
.case_nav h5 a.cur em img,.case_nav h5 a:hover em img{top:-32px;}
.case_nav span a{height:69px;line-height:69px;width:115px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-size:18px; color: #666666;font-weight:normal;text-decoration: none;text-align: left;float: left;box-sizing: border-box;position: relative;}
.case_nav span em{width:30px;height:32px;position: relative;overflow: hidden;display: block;float: left;margin-top:17px;margin-right: 5px;}
.case_nav span em img{width:30px;position: absolute;left:0;top:0;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.case_nav span a:hover{color:#0146aa; font-weight: bold;}
.case_nav span a:hover em img{top:-32px;}


.case{width:1306px;margin:0 auto;clear: both;overflow: hidden;position: relative;}
.case-c1{height:437px;}
.case_nr img{width: 100%;display: block;}
.case_nr dl{width: 100%;height:437px;background:#f2f2f2;}
.case_nr dt{width:776px; display: block;float: left;}
.case_nr dd{width:452px;padding:45px 0 0; margin-right: 45px;float: right; box-sizing: border-box; }
.case_nr dd h4{font-size: 24px;color:#010101; line-height: 42px;height:42px;padding-bottom: 18px;border-bottom: 1px solid #137bcd; font-weight: bold;white-space: nowrap;
  overflow: hidden;text-overflow: ellipsis;margin-bottom: 30px;}
.case_nr dd h4 a{color: #010101;}
.case_nr dd h4 span{display: inline-block;color: rgba(0, 0, 0, 0.2);text-transform: uppercase;}
.case_nr dd p{font-size: 16px;color: #666666;line-height: 28px;margin-bottom: 35px;}
.case_nr dd .case_btn{display: block;width:180px;height:40px;line-height: 40px;border-radius: 25px;text-align: center;font-size: 16px;border:2px solid #0146aa;color: #0146aa;}
.case_nr dl:hover dd h4 span img{transform: translateX(5px);}

/**/
.hz{padding:0px;width: 1306px;margin: 30px auto;position: relative;overflow: hidden;}
.hz li{width:248px;float: left;overflow: hidden;padding-bottom: 20px;background:url(../images/hzbg1.png) no-repeat center bottom;margin-right: 16px;}
.hz li em{width:246px; height:123px;border:1px solid #e2e2e2; display: block;overflow: hidden;}
.hz li img{width:100%;display: block;}
.hz li img{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.hz li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}

/**/
.ysbj{ position: relative; box-sizing: border-box; background:#f2f2f2; overflow: hidden; clear: both; font-family:"Microsoft Yahei";padding:70px 0 0;}
.ysbj h2{ margin-bottom: 35px;}
.ysbj h2 i img{vertical-align: middle;}
.ys{width:100%;  position: relative;background:url(../images/ysbg.jpg) no-repeat center top;height:722px;}
.ys_nav img{width:100%; display: block;}
.ys_nr{width:100%;}
.ys_nr p{width: 100%;}
.ys_nav ul{width: 100%;position: absolute;left:0;top:0;height: 100%;}
.ys_nav li{width:20%;height: 100%;float: left;border-right: 1px solid rgba(255, 255, 255, 0.5);box-sizing: border-box;position: relative;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.ys_nav li:last-child{border-right: 0;}
.ys_nav li .ysen{width:100%;text-align: center;position: absolute;left:0;top:11.71875vw;opacity: 1;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.ys_nav li .ysen img{width:126px;display: block;margin:0 auto;}
.ys_nav li .ysen span{font-size: 26px;color: #f2f2f2;margin-top: 2.1875vw;background:url(../images/ys_line1.gif) no-repeat  center bottom;padding-bottom: 4.27vw; display:block;}
.ys_nav li dl{display: block;text-align: left;width:100%;height:100%;background:#fff; position: relative;z-index: 5;opacity: 0;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.ys_nav li dt{width:100%;}
.ys_nav li dd{width: 100%;padding:2.08vw 1.8vw 0; box-sizing: border-box;}
.ys_nav li dd span{font-size: 28px;color: #000000;background:url(../images/ys_line2.gif) no-repeat  left bottom; margin-bottom: 22px;font-weight: normal;display:block;}
.ys_nav li dd em{display: block; line-height: 38px;color: rgba(49, 49, 49, 0.3); font-size: 14px;font-weight: normal;text-transform: uppercase;}
.ys_nav li dd p{line-height: 24px;font-size: 14px; color: rgba(49, 49, 49, 0.8);margin-bottom: 1.3vw;}
.ys_nav li dd .ys_btn{width:200px;height:40px;display: block;border-radius: 25px;border:2px solid #0146aa;line-height: 40px;text-align: center;color: rgba(1, 70, 170, 0.8);}

.ys_nav li.cur{}
.ys_nav li.cur .ysen{opacity: 0;}
.ys_nav li.cur dl{opacity: 1;}


/**/
.lcbj{height:922px; position: relative; box-sizing: border-box; background:url(../images/lcbg.jpg) no-repeat center top;  font-family:"Microsoft Yahei";padding:100px 0 0;}
.lcbj h2{ margin-bottom: 55px;}
.lc{width:1400px;  position: relative;margin:0 auto;height: 352px;}
.lc ul{clear: both;overflow: hidden;margin-bottom: 70px;}
.lc li{width:280px;float: left;height: 176px;position: relative;}
.lc li::before{content:'';position:absolute;height:100%;width:1px;top:0;right:0;background:#e1e1e1;z-index: 0;}
.lc li::after{content:'';position:absolute;height:1px;width:100%;bottom:0;left:0;background:#e1e1e1;z-index: 0;}
.lc li:nth-child(5n)::before{width: 0;}
.lc li:nth-child(n+6)::after{height: 0;}
.lc li .lctit{width:100%;text-align: center; font-size: 18px;color: #000000;line-height: 40px;position: absolute;left:0;top:45px;opacity: 1;}
.lc li .lctit img{width:92px;height:67px;display: block;margin:0 auto;}
.lc li .lc_cnt{width:100%;height:100%;display: block;opacity: 0;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;z-index: 5;}
.lc li dl{text-align: left;position: relative;z-index: 5;width:100%;}
.lc li dt{width:100%;}
.lc li dt::after{content:'';position:absolute;height:100%;width:100%;top:0;bottom:0;left:0;right:0;background:rgba(1, 70, 170, 0.65);}
.lc li dt img{width: 100%;display: block;}
.lc li dd{width: 100%;position: relative;z-index: 1;text-align: center;position: absolute;left:0;top:0;}
.lc li dd img{width:92px;height:67px;display: block;margin:20px auto 0;}
.lc li dd h4{font-size: 18px;color: #fff;line-height: 34px;font-weight: bold;}
.lc li dd p{line-height: 34px;font-size: 14px; color: rgba(255, 255, 255, 0.6);height: 34px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.lc li.cur .lctit{opacity: 0;}
.lc li.cur .lc_cnt{opacity: 1;}

.lc_tel{text-align: center;}
.lc_tel h4{line-height: 30px;font-size: 18px;color: #666666;}
.lc_tel b{display: block;font-size: 44px;color: #0146aa;line-height: 70px;}
.lc_tel a{display: block;text-align: left;width:184px;height:46px;line-height: 46px;border-radius: 20px;border:1px solid #0146aa;padding-left: 52px;font-size: 20px;color: #0146aa;font-weight: bold;background:url(../images/lcico.png) no-repeat 148px center;margin:0 auto;}

@media screen and (max-width:1401px) {
  .lc{width: 1200px;}
  .lc li{width:240px; height:151px;}
  .lc li dd img{margin:10px auto 0;}

}

/**/
.newsbj{ background:url(../images/newsbg.jpg) no-repeat center top;padding:140px 0 0;overflow: hidden;height:920px; font-family:"Microsoft Yahei";box-sizing: border-box; }
.news{width:1400px;margin:0 auto;}

.news1{width:845px;position: relative; float: left;}
.newstit{width:290px;float: left;position: relative; }
.newstit:before{content:'NEWS';position:absolute;left:-126px;top:-15px;font-size: 130px;font-family:"Microsoft Yahei";color: rgba(255, 255, 255, 0.1);font-weight: bolder;}
.newstit h2{ margin-bottom:125px; color: #fff;text-align: left;}
.newstit h2 a{color: #fff;position: relative;}
.newstit h2 em b{display: block;font-size: 18px;color: #ffffff;}
.newstit h2 em{font-size:18px;color: #ffffff; line-height: 30px; font-weight: normal;margin-top: 10px;display: block;position: relative;z-index: 1;}
.newstit h3{font-size: 18px;color: #fff;}
.newstit h3 a{height:60px;line-height:60px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;color: #fff;text-decoration: none;text-align: left;display: block; font-weight: normal;}
.newstit h3 a.cur{font-weight: bold;font-size: 22px;text-decoration: underline;}
.newstit span a{height:160px;line-height:60px;white-space: nowrap; text-overflow: ellipsis;display: block; overflow: hidden;color: #fff;text-decoration: none;text-align: left; font-size:18px;background:url(../images/news_more.png) no-repeat left bottom;}
.news_nr{width:493px;float: right; position: relative;}
.news_c em{border:4px solid #fff; border-radius: 3px;display: block;margin-bottom: 20px;}
.news_c em img{display: block;width:100%;}
.news_c dl{width:100%;height:80px; position: relative;margin-bottom: 28px;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.news_c dt{float: left;}
.news_c dt span{width: 118px;display: block; float: left;font-size: 14px;color: #ffffff; }
.news_c dt span i{display: block; font-size: 22px;color: #ffffff; line-height: 32px;}
.news_c dd{width:100%;}
.news_c dd h4{font-size:14px;color:#ffffff;line-height: 26px;overflow: hidden;font-weight: normal;}
.news_c dd h4 a{color:#ffffff}


.news2{width:490px;float: right;}
.news2_c{height:652px;overflow: hidden;}
.news2 li{height: 89px;-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;padding:30px 30px 0; margin-bottom: 12px;background:rgba(255, 255, 255, 0.6);}
.news2 li em{color: #363636;display: block;font-size: 18px;line-height: 36px;}
.news2 li h4{line-height: 36px;height: 36px;font-size:14px;color:#333333;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.news2 li:hover{background:#0146aa;} 
.news2 li:hover a,.news2 li:hover em,.news2 li:hover h4{color: #fff;}

@media screen and (max-width:1401px) {
  .news{width: 1200px;}
  .news1{width:800px;}
  .news2{width:345px;}
}

/**/
.abtbj{ position: relative; box-sizing: border-box; background:#fff;  font-family:"Microsoft Yahei";padding:110px 0 0;}
.abtbj dl{width:1400px;margin:0 auto;}
.abtbj dl img{width:100%;display: block;}
.abtbj dl dd{width:100%;position: relative;background:#fff;height:270px;}
.abtbj dl dd h2{width:320px;float: left;text-align: left; }
.abtbj dl dd h2 em{width: 112px;height:48px; line-height: 48px;font-size: 16px;color: #1d1d1d;display: block; font-weight: normal;border-bottom: 2px solid #b5b5b5;background:url(../images/abtico.png) no-repeat right center;position: relative;margin-top: 32px;}
.abtbj dl dd h2 em::after{content:'';position:absolute;height:2px;width:40px;bottom:-2px;left:0;background:#0146aa;-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;}
.abtbj dl dd h2 a:hover em::after{width:100%;}
.abtbj dl dd .desc{width:800px; font-size: 16px;line-height: 35px;text-align: left;color: rgba(51, 51, 51, 0.9);float: right;padding-top:5px;}
.abtbj dl dd .desc p{height:135px;overflow: hidden;}
.abtbj dl dd span{display: block;font-size: 20px;color: #333333;height:44px;line-height: 44px;text-align: left;}
.abtbj dl dd span a{display: block;width:142px;float: left;position: relative;font-weight: bolder;color: #333333;}
.abtbj dl dd span a:hover{color: #0146aa;font-size: 22px;}
.abtbj dl dd span a:hover::before{background-position: 0 -32px;}

.abtbj dl dt img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.abtbj dl:hover dt img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}

@media screen and (max-width:1401px) {
  .abtbj dl{width:1200px;}
 
}

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