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

.tit01{font-size: 2.395vw; text-align: center; font-family: "Microsoft YaHei";color: #333333;font-weight:bold; }
.tit01 a{color: #333333; }
.tit01 i{ display: block;font-size:20px;color: #666; line-height:38px; font-weight:normal;}

.intro {  background: url(../image/intro_bg.png) no-repeat center bottom;  height: 778px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  padding-top: 61px;}
.intro_con {  margin-left: 405px;  margin-bottom: 49px;}
.intro_con h2 a {  display: block;}
.intro_con h2 i {  display: block;  font-size: 18px;  line-height: 100%;  color: #4c4c4c;  font-weight: normal;  padding-bottom: 34px;  background: url(../image/tbg.png) no-repeat left bottom;  margin-bottom: 29px;}
.intro_con h2 strong {  display: block;  font-size: 42px;  line-height: 100%;  color: #333;  margin-bottom: 14px;  letter-spacing: 2px;}
.intro_con h2 span {  display: block;  font-size: 18px;  line-height: 100%;  color: #333;  padding-bottom: 32px;  font-weight: normal;  background: url(../image/intro_icon.png) no-repeat left bottom;  letter-spacing: 1px;}
.intro_con p {  font-size: 15px;  line-height: 28px;  color: #666;  margin: 16px 0 32px;}
.intro_feature {  width: 1200px;  height: 279px;  background:-webkit-linear-gradient(left, #004a94, #00954c); margin-left:200px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  padding-top: 85px;}
.intro_feature li {  width: 20%;  float: left;  text-align: center;}
.intro_feature li i {  display: block;  position: relative;  width: 44px;  height: 40px;  overflow: hidden;  margin: 0 auto 25px;}
.intro_feature li i img {  position: absolute;  left: 0;  top: 0;}
.intro_feature li span {  display: block;  font-size: 16px;  line-height: 28px;  color: #fff;  -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
.intro_feature li:hover i img {  animation: flipInY 1.5s;  top: -40px;}
.intro_feature li:hover span {  color: #202020;}

.yybj{ height: 700px;padding-top: 95px;  background: url(../image/abbj.jpg) no-repeat center bottom;  box-sizing: border-box;  font-family:"Microsoft Yahei"; padding-bottom:100px;}
.yy{width: 1400px;margin:0 auto 45px; }
.yy dl{height: 400px;}
.yybj dl dt{position: relative; width: 28.571%; max-height: 400px;overflow: hidden; float: left; }
.yybj dl dt img{width:100%;  display: block;}
.yybj dl dt i{width: 100%;max-height:400px;background: url(../image/vdotm.png) no-repeat;background-size: 100%; position: absolute;left:0;top:0%;}
.yybj dl dd{height: 150px; width:94%;float: right;margin-right: 15px;padding-top: 25px;}
.yybj dl dd h3{font-size: 1.979vw;color: #333333;line-height: 2.7vw; font-weight: bold;margin-bottom: 20px;}
.yybj dl dd h3 b{ display: block;}
.yybj dl dd p{font-size: 16px; line-height: 32px;color:#000000;margin-bottom: 35px; margin-top: 20px;}
.yybj dl dd span{display: block;}
.yybj dl dd span a{width:133px;height:34px;line-height: 34px; border:1px solid #b9b9b9; font-size:16px;color:#474747; display: block;float: left;text-align: center;}
.yybj dl dd span a:hover,.yybj dl dd span a.cur{background:-webkit-linear-gradient(left, #004a94, #004a94);color:#fff;border-color: #13afff;}
.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);}

.m_zz{width: 1400px;margin:0px auto; position: relative;height:10px;  }
.m_zz li{ width:21.142%; height: 110px;padding-left:24px; box-sizing: border-box; float: left; text-align: left; position: relative;cursor: pointer;}
.m_zz li::before{content: "";position: absolute;width: 171px;height:83px;background:url(../image/szlibg.png) no-repeat;left:6px;bottom:6px;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.m_zz li em{margin-left:0px;display: block; position: relative;z-index: 1;}
.m_zz li em b{ margin-left:0px;font-size:32px; color: #535353; font-family: "Century Gothic","Arial"; font-weight: bold;line-height: 38px;}
.m_zz li em i{ font-size: 14px;  color: #fff;text-align: center; font-weight: normal; text-align: center; line-height: 22px;width:22px; height: 22px;display: block;text-transform: uppercase;font-family: "Arial";position: absolute;bottom:5px; right:0px;background:url(../image/zz_i.png) no-repeat; }
.m_zz li h3{font-size: 28px; color: #333333; text-align: left; font-weight: normal; line-height: 42px;z-index: 1;position: relative;}

.m_zz li:nth-child(1) em{width: 68px;}
.m_zz li:nth-child(2) em{width:130px;}
.m_zz li:nth-child(2) em i{background:url(../image/zz_i1.png) no-repeat;}
.m_zz li:nth-child(2) em b{font-size: 22px;font-weight: bold;}
.m_zz li:nth-child(3) em{width: 105px;}
.m_zz li:nth-child(4) em{width: 85px;}
.m_zz li:nth-child(5){width: 15.432%;}
.m_zz li:nth-child(5) em{width: 68px;}

@media screen and (max-width:1440px) {
  .yy,.m_zz{width: 1200px;}

}





.cp1{height: 730px; padding-top:75px;}
.cp1 h3{height: 110px;text-align: center;padding-top:80px;margin-bottom: 35px;background:url(404.png) no-repeat bottom;}
.cp1 h3 em{font-size:42px ;color:#173399;display: block;line-height: 100%;font-weight:normal;}
.cp1 h3 em i{font-weight: bold;}
.cp1 h3 span{font-size: 18px;color: #333333;line-height: 30px;padding-top: 10px;font-weight: normal;display:block;}
.cp0{width:1400px;padding:70px 100px;margin:0 auto;background:#fff;clear: both;overflow: hidden;}
.cps{height: 600px;width: 820px;float: left; background-color:#FFFFFF;}

.cps h2{font-size: 40px; text-align: left; font-family: "Microsoft YaHei";color: #333333;font-weight:bold; }
.cps h2 a{color: #333333; }
.cps h2 i{ font-weight: bold; display: block;font-size:30px;color: rgba(26, 26, 26, 0.1); font-family: Arial, Helvetica, sans-serif; }

.cps p{height: 118px; width:700px;}
.cps p span{display: block;font-size:16px ;color:#333333 ;line-height: 28px; padding: 30px 0px 0 10px;}
.cpt_con{height:361px;margin-top: 48px;position: relative;}
.cpt_con ul{height:361px; }
.cpt_con ul li{float: left;margin-right:8px;}
.cpt_con ul li img{height:265px; width:265px;display: block;}
.cpt_con ul li span{height: 40px;border-top: 1px solid #f2f2f3;line-height: 40px;font-size: 18px;color: #333333;text-align: center;width:265px;background: #f3f3f3;display: block;}
.cpt_con ul li span a{font-size: 18px;color: #333333;display:block;}
.cpt_con ul li:last-child{ margin-right:0;}
.cpt_con .sprev{position: absolute;left: 0;top: 110px;width:41px;height: 41px;background:url(../image/lft1.png) no-repeat;z-index: 10;}
.cpt_con .snext{position: absolute;right: 0px;top: 110px;width:41px;height: 41px;background:url(../image/rig1.png) no-repeat;z-index: 10;}
.cp1 b{float: right;height: 560px;width: 530px;overflow:hidden;}
.cp1 b img{height: 560px;width: 530px; display: block;transition: all 0.3s linear 0s;}
.cp1 b:hover img{transform: scale(1.05);}
.cpt_con ul li span:hover{background:-webkit-linear-gradient(left, #004a94, #004a94);}
.cpt_con ul li span a:hover{color:#ffffff;}
.cpt_con .sprev:hover{background:url(../image/lft01.png) no-repeat;z-index: 10;}
.cpt_con .snext:hover{background:url(../image/rig01.png) no-repeat;z-index: 10;}


.cp2{height: 690px; background:-webkit-linear-gradient(left, #004a94, #00954c);}
.cp2 b{float: left;height: 560px;width: 530px; margin-top: 80px;overflow:hidden;}
.cp2 b img{height: 560px;width: 530px;display: block;transition: all 0.3s linear 0s;}
.cp2 b:hover img{transform: scale(1.05);}

.cps2{height: 600px;width: 820px;float:right;margin-top: 80px;}
.cps2 h2{font-size: 40px; text-align: left; font-family: "Microsoft YaHei";color: #fff;font-weight:bold; }
.cps2 h2 a{color: #fff; }
.cps2 h2 i{ font-weight: bold; display: block;font-size:30px;color: rgba(190, 190, 190, 0.5); font-family: Arial, Helvetica, sans-serif; }
.cps2 p{height: 118px;background:url(404.png) no-repeat center;width: 758px; }
.cps2 p span{display: block;font-size:16px ;color:#ffffff ;line-height: 28px;    padding: 19px 0px 0 10px;}


.cp3{height: 750px; padding-top:70px;}
.cp3 b{float:right;height: 560px;width: 530px; margin-top: 50px;overflow:hidden;}
.cp3 b img{height: 560px;width: 530px;display: block;transition: all 0.3s linear 0s;}
.cp3 b:hover img{transform: scale(1.05);}

.cps3{height: 600px;width: 820px;float:left;margin-top: 50px;}
.cps3 h2{font-size: 40px; text-align: left; font-family: "Microsoft YaHei";color: #333333;font-weight:bold; }
.cps3 h2 a{color: #333333; }
.cps3 h2 i{ font-weight: bold; display: block;font-size:30px;color: rgba(26, 26, 26, 0.1); font-family: Arial, Helvetica, sans-serif; }
.cps3 p{height: 118px;background:url(404.png) no-repeat center;width: 758px;}
.cps3 p span{display: block;font-size:16px ;color:#333333 ;line-height: 28px;    padding: 20px 0px 0 10px;}



.bg1{background: url(404.png) no-repeat center top;padding-top:175px;}
.fabj{height: auto;overflow: hidden;box-sizing: border-box; font-family: "Microsoft YaHei";max-width: 1920px;margin:0 auto; padding-bottom: 145px;}
.fa{width:1400px;padding:70px 5.2vw 100px;margin:0 auto;background:#fff;clear: both;overflow: hidden;}
.fa_nav{ width: 100%;height:8.072vw; }
.fa_nav h2{width:30.357%; float: left;text-align: left;}
.fa_nav h3{width: 69.285%; height:45px;margin-top:2.864vw; float: left;}
.fa_nav h3 a{height:2.34375vw;line-height: 2.34375vw; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-size:16px; color: #333333;font-weight:normal;text-decoration: none;text-align: left;float: left;box-sizing: border-box;margin-right: 2.583vw;position: relative;}
.fa_nav h3 a:after{content:'';position:absolute;height:2px;width:0%;bottom:0;left:0;-webkit-transition:width .5s;transition:width .5s;z-index: 1;background-image: -webkit-gradient(linear, left top, right bottom, from(#06beff), to(#0d5de2)); 
  background-image: -webkit-linear-gradient(left, #06beff, #0d5de2); 
  background-image: -moz-linear-gradient(left, #06beff, #0d5de2); 
  background-image: -o-linear-gradient(left, #06beff, #0d5de2); 
  background-image: -ms-linear-gradient(left, #06beff, #0d5de2); 
  background-image: linear-gradient(left, #06beff, #0d5de2);}
.fa_nav h3 a:hover:after,.fa_nav h3 a.cur:after{width:100%;color: #fff;z-index: 1;}
.fa_nav h3 a:last-child{margin-right: 0;}
.fa_nav h3 a.cur,.fa_nav h3 a:hover{color:#287dfc; font-weight: normal;}


.fa img{width: 100%;display: block;}
.fa_left{width:30.357%;max-height:548px;position: relative; float: left;margin-right: 0.5%;}
.fa_left h4{ font-size: 1.5625vw;color:#1a1a1a; line-height: 2.239vw;font-weight: normal;width: 100%;top:52px;left:0;position: absolute;text-align: center;}
.fa_left h4 b{font-weight: bold;display: block;}
.fa_right{width:69.142%;float: left;max-width: 968px;}
.fa_right ul{clear: both;overflow: hidden;}
.fa_right li{width:49.586%; float: left;margin-right:0.723%;margin-bottom:8px;position: relative;max-height: 270px;}
.fa_right li:nth-child(2n){margin-right: 0;}
.fa_right li .hover{width:100%; height:100%;background-image:-webkit-gradient(linear, left top, right bottom, from(#06beff), to(#0d5de2)); 
  background-image: -webkit-linear-gradient(left, #06beff, #0d5de2); 
  background-image: -moz-linear-gradient(left, #06beff, #0d5de2); 
  background-image: -o-linear-gradient(left, #06beff, #0d5de2); 
  background-image: -ms-linear-gradient(left, #06beff, #0d5de2); 
  background-image: linear-gradient(left, #06beff, #0d5de2); background:rgba(8,163,247,0.5); position: absolute; left:0;top:0;padding-top:67px; box-sizing: border-box; transform: scale(0); opacity: 0; transition: .8s;border-radius: 0px;}
.fa_right li .hover h4{display: block; width:100%; height:1.822vw; text-align: center; font-size: 1.614vw;color: #fff;font-weight: normal;}
.fa_right li .hover em{display: block;height:2.239vw; line-height: 2.239vw; text-align: center;font-size: 0.8333vw; color:#FFFFFF;margin-bottom: 0.2vw;}
.fa_right li .hover i{width:90px;border-radius: 24px; line-height:30px; height:30px;display:block;border:1px solid #fff;text-align: center;color:#fff;margin:0 auto;}
.fa_right li:hover .hover{transform: scale(1); opacity: 1;}


.tab3{width: 1500px; }
.tab3 .tit{height: 90px;text-align: center;}
.tab3 .tit h2 {height: 65px;line-height: 65px;font-size:38px;color: #2447a5;}
.tab3 .tit h2 a{color: #2447a5;}
.tab3 .tit p{height: 59px;line-height: 59px;font-size:16px;color: #333333}
.tab3 .tit p a{color: #fff;margin-right: 24px;padding:8px 30px; background:-webkit-linear-gradient(left, #004a94, #004a94);}
.tab3 .tit p a:hover{color: #fff;margin-right: 24px; padding:8px 30px; background:-webkit-linear-gradient(left, #333, #333);}
.sec2_ul{width: 1500px; margin: 0 auto;overflow: hidden;}
.sec2_ul ul{width:1500px;}
.sec2_ul li{float: left; width: 280px; border:1px solid #ccc; display: block; margin-right: 25px; text-align: left; overflow: hidden; margin:5px;}
.sec2_ul li a{width: 280px; height: 300px; background: #eee; position: relative;}
.sec2_ul li a img{width: 280px; height:275px; transition: .9s;  line-height: 1em; overflow: hidden;}
.sec2_ul li .p{padding:0 15px;position: relative;width: 280px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:0px solid #ccc;}
.sec2_ul li .p a:hover{padding:0 15px;position: relative;width: 203px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:1px solid #ccc; color:FF9B09;}
.sec2_ul li img{width: 280px; height: 225px; overflow: hidden;display:block;}
.sec2_ul li a:hover img{transform: scale(1.2);  z-index: 1;}
.sec2_ul li a:hover{background: #0042ae; width: 280px; height: 300px; overflow: hidden;}
.sec2_ul ul .sec2_ul_r{width: 280px; border:1px solid #ccc; display: block;text-align: left; overflow: hidden;}
.p{font-size: 16px;color: #333333; line-height: 34px; height: 32px; margin-top:5px; text-align:center;}
.w1500 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}



.spbj{height: auto;overflow: hidden; box-sizing: border-box; font-family: "Microsoft YaHei";padding-bottom: 47px;border-bottom: 1px solid #f3f3f3; min-width: 1300px; ;max-width: 1920px;margin:0 auto; margin-top:60px;}
.spbj h2{margin-bottom: 30px;}
.sp .desc{margin-bottom: 38px;}
.sp .desc p{text-align: center; line-height: 28px;font-size: 16px;color: rgba(22, 22, 22, 0.8);;}
.sp .desc .sp_btn{width:112px;margin:20px auto;display: block;}
.sp dl{width: 36.458vw;height:20.433vw;position: relative;float: left;margin-right: 2.552vw;}
.sp dt img{width: 100%;display: block;}
.sp dd{height:3.02vw;line-height: 3.02vw; text-align: left;background:rgba(0, 0, 0, 0.5);width: 100%;position: absolute;left:0;bottom:0;box-sizing: border-box; font-size:0.9375vw;color:#fff;}
.sp dd h4{padding-left:2.7vw;background:url(404.png) no-repeat 18px center;background-size:1.25vw ;color:#fff;}

@media screen and (max-width:1440px) {
  .fa{width: 1200px;}
  .fa_nav h3 a,.sp .desc p{ font-size:15px;}
  
}

.cpbj{height: auto;overflow: hidden; padding:75px 0 0; box-sizing: border-box; font-family: "Microsoft YaHei";max-width: 1920px;margin:0 auto; }
.cp{ width:1400px;margin:0 auto;}
.cp_nav{margin-bottom: 10px;}
.cp_nav h2{width:100%; text-align: left;font-size: 2.291vw;position: relative;}
.cp_nav h2 em{display: block;width:186px;height:46px;line-height: 46px;font-size: 20px;color:#1a1a1a;background: #f5f5f5;border-radius: 23px;text-align: center;font-weight: normal;position: absolute;right: 0;bottom:0;}
.cp_nav h3{width: 100%;padding-left:2vw; height: 2.708vw;margin-top:0.729vw; background:#f5f5f5;box-sizing: border-box;}
.cp_nav h3 a{height:2.708vw;line-height: 2.708vw; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;font-size:16px; color: #333333;font-weight:normal;text-decoration: none;text-align: left;float: left;box-sizing: border-box;margin-right:4.23vw;position: relative;padding-left:10px;background: url(404.png) no-repeat left center;}
.cp_nav h3 a:hover:after,.cp_nav h3 a.cur:after{width:100%;color: #fff;z-index: 1;}
.cp_nav h3 a:last-child{margin-right: 0;}
.cp_nav h3 a.cur,.cp_nav h3 a:hover{color:#287dfc; font-weight: normal;background: url(404.png) no-repeat left center;}

.cp_nr{width:100%;border:1px solid #dcdcdc;}
.cp_nr img{width:100%; display: block;}

.cp_left{width:39.285%; float:left; padding:49px 60px 45px;box-sizing: border-box;}
.cp_left dl{width:100%;}
.cp_left dt{width:100%;}
.cp_left dd{width:100%;padding-top: 23px;}
.cp_left dd h3{height:83px;background: url(404.png) no-repeat left top; position: relative; font-size: 15px;color:#333333;font-weight: normal;padding-top: 10px;margin-bottom: 18px;}
.cp_left dd b{ font-weight: bold;font-size: 26px;color:#333333;line-height: 40px;display: block;}
.cp_left dd i{height:15px; display: block;position: absolute;right: 0;top:0;}
.cp_left dd p{ line-height: 24px;color:#666666;font-size: 14px;text-align: justify;}

.cp_right{width:60.714%;height: 100%; float:left; box-sizing: border-box;border-left:1px solid #e5e5e5;}
.cp_right dl{width:100%;height:364px; padding:49px 50px 45px 60px;border-bottom:1px solid #e5e5e5;box-sizing: border-box;}
.cp_right dt{width:100%;max-width: 270px;float: left;}
.cp_right dd{width:430px;float: right;}
.cp_right dd h3{height:83px;background: url(404.png) no-repeat left top; position: relative; font-size: 15px;color:#333333;font-weight: normal;padding-top: 10px;margin-bottom: 18px;}
.cp_right dd b{ font-weight: bold;font-size: 26px;color:#333333;line-height: 40px;display: block;}
.cp_right dd i{height:15px; display: block;position: absolute;right: 0;top:0;}
.cp_right dd p{ line-height: 24px;color:#666666;font-size: 14px;text-align: justify;height: 140px;}
.cp_right dd p em{display: block;position: relative;}
.cp_right dd p em:after{content:'';position:absolute;height:4px;width:4px;background:#666666;top:10px;left:0;border-radius: 100%;}
.cp_right dd span a{ font-size:14px;color:#666666;text-decoration: underline;}
.cp_right dl:last-child{border-bottom: 0;}

@media screen and (max-width:1440px) {
  .cp{width: 1200px;}
  .cp_right dd{width:314px;}
  .cp_nav h3 a{font-size:15px;}
}


.case{padding: 100px 0;}
.case_con{ margin-top: 46px;position: relative; }
.case_con .tempWrap{ width: 1400px!important; }
.case_con .case_qie{ width: 385px;height: 489px;float: left;margin-right: 21px;border: 1px solid #D2D2D2; }
.case_con dl{background: #FFFFFF;padding: 20px 21px 0 20px;}
.case_con dt{height: 253px;overflow: hidden;}
.case_con dt img{display: block;width: 344px;height: 253px;transition: all 0.5s;}
.case_con dt:hover img{transform: scale(1.05);}
.case_con dd{height: 215px; }
.case_con dd h4 a{font-size: 22px;color: #333;line-height: 22px;padding: 25px 0 20px;position: relative;display: block;font-weight: normal;}
.case_con dd p{font-size: 14px;color: #666666;line-height: 26px;}
.case_con dd p a{ color: #029441; display: block;float: right;margin-top:50px;font-size: 16px;color: #004a94;line-height: 16px; }
.case_con dd p a img{ display: inline-block;width: 11px;height: 4px;margin-left: 5px;vertical-align: middle; }
.case_con dd h4:hover a{color: #004a94;}
.case_con .zprev{ position: absolute;left: -60px;top:220px; width: 35px;height: 35px;background: url(../image/zprev.png) no-repeat center;cursor: pointer;}
.case_con .znext{ position: absolute;right:  -60px;top:220px;  width: 35px;height: 35px;background: url(../image/znext.png) no-repeat center;cursor: pointer;}


h2.main_title a {  display: block;  text-align: center;  position: relative;}
h2.main_title i {  display: block;  font-size: 85px;  font-family: Impact;  font-weight: 400;  color: rgba(51, 51, 51, 0.1);  text-transform: uppercase;  letter-spacing: 1px;  line-height: 1;}
h2.main_title strong {  display: block;  font-size: 42px;  line-height: 100%;  color: #333;  letter-spacing: 1px;  padding-bottom: 32px;  background: url(../image/tbg.png) no-repeat center bottom;  margin-top: -38px;}
h2.main_title span {  display: block;  font-size: 18px;  line-height: 100%;  color: #333;  font-weight: normal;  margin-top: 15px;}
.ys {  overflow: hidden;}
.ys .content {  position: relative;  padding-top: 77px;}
.ys .content:after {  position: absolute;  content: "";  width: 1px;  height: 982px;  background: rgba(191, 191, 191, 0.4);  right: -54px;  top: 0;}
.ys .content:before {  position: absolute;  content: "";  width: 6px;  height: 16px;  background: #00954c;  top: 385px;  right: -56px;  z-index: 2;}
.ys_con {  margin-top: 37px;  height: 713px;  position: relative;}
.ys_con dd {  position: absolute;  width: 386px;  height: 713px;  margin-left: 185px;  left: 50%;  top: 14px;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.ys_con dd i {  display: block;  font-size: 60px;  line-height: 72px;  color: #004a94;  font-family: Impact;  text-transform: uppercase;}
.ys_con dd h3 {  font-size: 34px;  line-height: 100%;  color: #333;  margin: 53px 0 17px;}
.ys_con dd p {  font-size: 15px;  line-height: 28px;  color: #666;}
.ys_con dt {  position: absolute;  width: 1057px;  height: 713px;  margin-right: -97px;  right: 50%;  top: 0;  overflow: hidden;}
.ys_con dt img {  width: 1057px;}
.ys_nav {  position: absolute;  width: 1092px;  height: 178px;  right: 102px;  bottom: 0;  background: #004a94;}
.ys_nav li {  width: 182px;  height: 178px;  border: 5px solid #004a94;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  position: relative;  float: left;  text-align: center;  cursor: pointer;}
.ys_nav li:after {  position: absolute;  content: "";  width: 1px;  height: 150px;  background: rgba(255, 255, 255, 0.2);  right: -5px;  top: 9px;}
.ys_nav li .pic {  width: 172px;  height: 168px;  overflow: hidden;}
.ys_nav li .pic img {  height: 168px;  margin-left: -38.5px;}
.ys_nav li .con {  width: 172px;  height: 168px;  position: absolute;  padding-top: 45px;  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;  box-sizing: border-box;  left: 0;  top: 0;  -o-transition: all 0.3s ease;  transition: all 0.3s ease;  background: #004a94;}
.ys_nav li .con img {  width: 47px;  height: 42px;  display: block;  margin: 0 auto 16px;}
.ys_nav li .con span {  display: block;  font-size: 20px;  line-height: 100%;  color: #fff;}
.ys_nav li:last-child:after {  display: none;}
.ys_nav li.on:after {  display: none;}
.ys_nav li.on .con {  background: rgba(0, 0, 0, 0.7);  padding-top: 65px;}
.ys_nav li.on .con img {  display: none;}
.ys_nav li.on .con span {  font-weight: bold;  color: #ffffff;  position: relative;  padding-bottom: 27px;  background: url(../image/more2.png) no-repeat center bottom;}
.ys .switch {  position: absolute;  margin-left: 185px;  left: 50%;  bottom: 245px;  font-size: 16px;  font-family: Arial;  color: rgba(51, 51, 51, 0.5);  line-height: 16px;  text-transform: uppercase;  cursor: pointer;}
.ys .switch:after {  position: absolute;  content: "";  width: 1px;  height: 18px;  background: rgba(0, 0, 0, 0.5);  top: -2px;  left: 103px;}
.ys .switch .ys_prev {  padding-left: 42px;  background: url(../image/ys_prev.png) no-repeat left 4px;  padding-right: 21px;  float: left;}
.ys .switch .ys_next {  float: left;  padding-left: 21px;  color: #004a94;  padding-right: 42px;  background: url(../image/ys_next1.png) no-repeat right 4px;}



.newsbj{ background:url(../image/newbj.jpg) no-repeat center top; padding:90px 0 68px;overflow: hidden; font-family:"Microsoft Yahei";}
.news{width:1400px;  position: relative;margin:0 auto;}
.news h2{ margin-bottom: 25px;text-align: left;}
.news1{width:73.571%; max-width: 1030px; float: left;}
.news1 dl{background:#fff;box-shadow: 5px 8px 10px #e4e5e6;margin-bottom: 17px;height:225px;}
.news1 dt{width:300px;height:225px;float: left;overflow: hidden;}
.news1 dt img{width: 100%;display: block;}
.news1 dd{padding:25px 80px 0 32px; box-sizing: border-box; float: left;width:728px;}
.news1 dd h4{font-size:24px;color:#333;height: 42px;line-height: 42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: normal;}
.news1 dd h4 a{color:#333}
.news1 dd p{ line-height: 24px;font-size: 16px;color:#999999;margin: 10px 0 15px;}
.news1 dd span{height:36px;display: block; line-height: 36px;}
.news1 dd span .news_btn{display: block;width:140px;height:36px;line-height: 36px;float: left;text-align: left;padding-left:28px;box-sizing: border-box;font-size: 16px;color: #004a94;background: url(../image/news_btn.gif) no-repeat;}
.news1 dd span i{ font-size: 13px;color: #999999;float: right;}
.news1 ul{background: #fff;height:91px;width:100%;box-shadow: 5px 8px 10px #e4e5e6;}
.news1 li{width: 33%;padding-left: 27px;box-sizing: border-box;height: 91px;float: left;padding-top:20px;}
.news1 li p{ font-size: 18px;color:#333333; line-height: 32px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; height: 32px;}
.news1 li i{ font-size: 13px;color: #999999;display: block;}


.news2{width:24.357%;padding:25px 17px 20px 24px;box-sizing: border-box; max-width: 341px; float: right;box-shadow: 5px 8px 10px #e4e5e6;background: #fff;}
.news2 h3{font-size:24px;color:#191919;height: 42px;line-height: 42px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: normal;margin-bottom: 46px;}
.news2 h3 a{color:#191919;}
.news2 dl{padding-bottom: 10px;border-bottom: 1px solid #e9e9e9;margin-bottom:29px;clear: both;overflow: hidden;}
.news2 dt{width:95px;height:71px;float: right;overflow: hidden;}
.news2 dt img{width: 100%;display: block;}
.news2 dd{ float: left;width:181px;}
.news2 dd p{font-size:14px;color:#333333;height: 53px;line-height: 22px;font-weight: normal;}
.news2 dd i{ font-size: 13px;color: #999999;display: block;}

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


@media screen and (max-width:1440px) {
  .news{width: 1200px;}
  .news1 dd{padding:25px 40px 0 32px; width:582px;}
  .news2 dd{ width:145px;}
}


.g-link{ overflow: hidden;background:none;min-height: 60px;background: #002b6d; }
.link{width:1200px; margin: 0 auto; height:auto; overflow: hidden;font-family:"Microsoft Yahei";padding:40px 0 30px;}
.link h2{font-size:14px ;font-weight:normal; text-transform: uppercase; width: 80px; float: left;height: 23px; line-height: 23px;color: #fff;opacity: 0.6;}
.link p{  width: 1120px; overflow: hidden; line-height: 23px; color:#7e7e7e;position: relative;z-index: 1;}
.link p a{ color: #fff; font-size: 14px; padding: 0 45px 0 0; text-align: left; opacity: 0.6;}


@media screen and (max-width:1440px) {
  .link{width:1200px;margin: 0 auto; }
 
}

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



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