@charset "utf-8";

.swiper-button-next:after, .swiper-button-prev:after{display: none}
.banner img.baimg{}
.bamask{position: absolute;left: 0;right: 0;bottom: 0;z-index: 5}
.banner .swiper-pagination{right:16%;bottom:10%;left:inherit;display:flex;width:auto;justify-content:space-between;flex-wrap:nowrap;z-index: 20}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px}
.banner .swiper-slide{background-repeat: no-repeat;background-position: center;background-size: cover}
.banner .swiper-slide .wp{height: 100%;position: absolute;z-index: 30px}
.banner .swiper-slide .wp .txt{color:#ffffff;position: absolute;left: 9%;bottom: 5%;z-index: 990;font-weight: 600;right: 30%}
.banner .swiper-slide .wp .txt a{color: #fff;font-size: 30px}
.banner .swiper-pagination-bullet{position:relative;z-index:99;width:10px;height:10px;background:#fff;opacity:.5;transition: width .3s}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width:60px;opacity: 1}
.banner .swiper-button-next{opacity:0; right: 16%;width: 65px;height: 65px;border-radius: 50%;background: rgba(0,0,0,.4);text-align: center;line-height: 65px;}
.banner .swiper-button-prev{opacity:0; left: 16%;width: 65px;height: 65px;border-radius: 50%;background: rgba(0,0,0,.4);text-align: center;line-height: 65px;}
.banner .swiper-button-next i, .banner .swiper-button-prev i{color: #fff;font-size: 25px}
.banner:hover .swiper-button-next, .banner:hover .swiper-button-prev{opacity:1;}

@media screen and (max-width:1440px){
.banner .swiper-button-next{right: 5%;}
.banner .swiper-button-prev{left: 5%;}
.banner .swiper-pagination{right:14%;}
.gdbanner{right:4% !important;width:100px !important;}
}
@media screen and (max-width:1366px){
.banner .swiper-slide{}
}
@media screen and (max-width:1200px){
.banner .swiper-button-next, .banner .swiper-button-prev{display: none}
.banner .swiper-slide{}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width:20px;}
}
@media screen and (max-width:640px){
.banner .swiper-slide{}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.banner .swiper-pagination-bullet{width:6px;height:6px;}
.banner .swiper-slide .wp .txt a{font-size: 18px}
.gdbanner{right:0% !important;width:40px !important;}
}


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

.body{
    padding-top: 59px;

}
}



.intit{font-size: 28px;text-align: center;font-weight: normal;margin-bottom: 30px}
.rowa{padding: 60px 0 30px}
.innews li{width: 23.5%;margin-right: 2%;border-top: 3px solid #2d68a7;margin-bottom: 20px}
.innews li .pic{height: 155px;overflow: hidden;}
.innews li .info{padding:15px 10px 10px;}
.innews li .info a{font-size: 17px;max-height: 52px;display: block\0;}
.innews li .info p{margin-top: 12px;font-size: 13px;color: #777;max-height: 60px;margin-bottom: 15px;line-height: 1.6em}
.innews li .info p.line8{max-height:160px;display: block\0;}
.innews li .info time{font-size: 12px;color: #777;}
.innews li .info time i{vertical-align: -1px;margin-right: 3px}
.innews li:nth-child(4n){margin-right: 0}
.rowa .more a{color: #224e9c;border: 1px solid #224e9c;display: inline-block;padding: 8px 30px;font-size: 19px}

.rowb{background: url(../images/bg120240705.png) no-repeat center;background-size: cover;color: #fff}
.rowb a{color: #fff}
.rowb .tabNav{position: relative;z-index: 10}
.rowb .tabNav li{width: 20%;text-align: center;font-weight: bold;;font-size: 19px;color: #474747;position: relative;cursor: pointer;background: #fff;padding: 15px 0}
.rowb .tabNav li:after{content: '';width: 0;height: 0;border: 10px solid transparent;border-top-color:#224e9c;position: absolute;left: 0;bottom: -20px;z-index: 15;left: 50%;
transform: translateX(-50%);opacity: 0; }
.rowb .tabNav li.cur{color: #fff;background: #224e9c;}
.rowb .tabNav li.cur:after{opacity: 1}
.rowb .tabcons{display: none;position: relative;z-index: 3}
.rowb .tabcons .ani-mask{width: 46.1%}
.rowb .tabcons .ani-mask .pic{height: 100%}
.rowb .tabcons .list{width: 50%;padding-bottom: 40px;padding-top: 30px}
.rowb .tabcons .list h4 span{font-size: 25px;border-bottom: 2px solid #fff;padding-bottom: 5px;font-weight: normal;display: inline-block;margin-bottom: 10px}
.rowb .tabcons .list ul li{line-height:40px;padding-right: 100px;position: relative;font-size: 15px}
.rowb .tabcons .list ul li span{position: absolute;right: 0;top:0;}
.rowb .tabcons .list .more{display: inline-block;margin-top: 15px;opacity:.7;font-size: 14px;}

.rowc{background: url(../images/bg2.jpg) no-repeat center;background-size: cover;padding: 65px 0}
.rowc .ctit{border-bottom: 1px solid #b5b5b5;padding-bottom: 10px;margin-bottom: 20px}
.rowc .ctit h3{font-size: 26px;font-weight: normal;}
.rowc .ctit h3 span{font-size: 18px;color: #b0b0b0;margin-left: 10px}
.rowc .ctit a{font-size: 14px;color:#b0b0b0;padding-top: 15px }
.rowc .sjmt{width: 62%}
.rowc .sjmt ul li{width: 48%;border-bottom: 1px dashed #b5b5b5;position: relative;padding: 20px 0 15px;}
.rowc .sjmt ul li h4{padding-left: 45px;position: relative;}
.rowc .sjmt ul li a{color: #224e9c}
.rowc .sjmt ul li p{margin-top: 15px;color: #777;font-size: 14px;margin-bottom: 15px;line-height: 1.8em;height: 50px;}
.rowc .sjmt ul li .info{font-size: 14px;color: #777;}
.rowc .sjmt ul li .info span{margin-right: 10px}
.rowc .sjmt ul li img{position: absolute;left: 0;top:-8px;}
.rowc .wsp{width: 33%}
.rowc .wsp .ctit{margin-bottom: 30px}
.rowc .wsp .pic{height: 265px}
.rowc .wsp .pic span{position: absolute;left: 50%;top:50%;;transform: translateX(-50%) translateY(-50%);z-index: 10;font-size: 60px}
.rowc .wsp .info{background: #224e9c;color: #fff;margin-left: 20px;margin-right: 20px;position: relative;margin-top: -30px;z-index: 20;padding: 10px}
.rowc .wsp .info h4{font-size: 16px;}
.rowc .wsp .info p{font-size: 14px;margin-top: 5px}


.rowd{padding: 60px 0}
.rowd .fold_wrap{height:480px;margin:40px auto 0 auto;overflow:hidden;}
.rowd .fold_wrap li{float:left;width:100px;height:480px;position:relative;overflow:hidden;cursor:pointer;background: #fff;border-left: 1px solid #fff;}
.rowd .fold_wrap li .mask{position: absolute;left: 0;right: 0;bottom: 0;}
.rowd .fold_wrap li .mask img{height: 233px}
.rowd .fold_wrap li.active .mask_b{background:none;}
.rowd .fold_wrap li .showt{position: absolute;left: 10%;bottom: 5%;z-index: 10;color: #fff;writing-mode: tb-lr;writing-mode: vertical-lr;max-height: 70%;font-size: 20px;}
.rowd .fold_wrap li .showt i{font-size: 25px;display: inline-block;margin-bottom: 5px}
.rowd .fold_wrap li .adv_intro{  padding:30px 5%; position:absolute;left:10%; top:15%;right: 10%;bottom: 15%; background:rgba(35,80,155,.8); color:#FFF;z-index: 10;opacity: 0;visibility: hidden;}
.rowd .fold_wrap li .adv_intro .tit{writing-mode: tb-lr;writing-mode: vertical-lr;width: 30px;font-size: 25px;letter-spacing: .1em}
.rowd .fold_wrap li .adv_intro .txt{width: calc(100% - 60px)}
.rowd .fold_wrap li .adv_intro .txt i{font-size: 50px;margin-bottom: 70px;display: inline-block;color:#ffffff;}
.rowd .fold_wrap li .adv_intro .txt p{font-size:14px;line-height: 1.8em;margin-bottom: 30px}
.rowd .fold_wrap li .adv_intro .txt span{font-size: 14px;opacity: .7}
.rowd .pic_auto{width:100%;height:100%;}
.rowd .pic_auto1{background:url(../images/img1.jpg) no-repeat center ;background-size: cover}
.rowd .pic_auto2{background:url(../images/img2.jpg) no-repeat center ;background-size: cover}
.rowd .pic_auto3{background:url(../images/img3.jpg) no-repeat center ;background-size: cover}
.rowd .pic_auto4{background:url(../images/img4.jpg) no-repeat center ;background-size: cover}
.rowd .pic_auto5{background:url(../images/img5.jpg) no-repeat center ;background-size: cover}
.rowd .fold_wrap li.active .pic_auto{opacity: .6}
.rowd .fold_wrap li.active .showt{opacity: 0;visibility: hidden;}
.rowd .fold_wrap li.active .adv_intro{opacity: 1;visibility: inherit;}

.rowe{background: url(../images/bg3.jpg) no-repeat center;background-size: cover;padding: 65px 0}

.rowe .swiper-slide i{display: block;width: 80px;height: 80px;margin: 0 auto 15px;border-radius: 50%;border: 1px dashed #002e73;text-align: center;line-height: 80px;font-size: 45px;color: #002e73}
.rowe .swiper-slide span{font-size: 33px;color: #002e73 }
.rowe .swiper-slide p{margin-top: 10px}
.rowe .swiper-container-a{padding-bottom: 50px;padding-top: 20px}
.rowe .swiper-container-a .swiper-pagination-bullets{bottom: 0}
.rowe .swiper-container-a .swiper-pagination-bullet{position:relative;z-index:99;width:10px;height:10px;background:#2d68a7;}

.rowf ul{width: 100%}
.rowf ul li{height: 380px;width: 20%}
.rowf ul li .pic{height: 380px;}
.rowf ul li .pic a{position: relative;}
.rowf ul li .con{position: absolute;left: 0;top:0;right:0;bottom: 0; z-index: 10;padding: 15px;color: #fff}
.rowf ul li .con i{font-size: 50px;display: inline-block;margin-bottom: 30px}
.rowf ul li .con h4{font-size: 26px;margin-bottom: 15px}
.rowf ul li .con span{font-size: 16px;text-transform: uppercase;}

.rowg{background: #192455;color: #fff;padding: 70px 0 85px}
.rowg .intit{margin-bottom: 55px}
.rowg .swiper-container-b{margin-left: 50px;margin-right: 50px}
.rowg .swiper-slide .con{position: absolute;left: 5%;top:0;right: 45%;background: rgba(15,10,100,.7);z-index: 10;padding: 20px 15px 15px}
.rowg .swiper-slide .con span{background: #eed02d;color: #000;display: inline-block;margin-bottom: 10px;font-size: 12px;padding: 2px 5px}
.rowg .swiper-slide .con h4{font-size:20px;color: #fff;margin-bottom: 10px;line-height: 1.4em;min-height: 56px}
.rowg .swiper-slide .con i{font-size:20px;color: #fff}
.rowg .swiper-button-next{ right: 0;width: 40px;height: 40px;border-radius: 50%;background: rgba(0,0,0,.4);text-align: center;line-height: 40px;}
.rowg .swiper-button-prev{ left: 0;width: 40px;height: 40px;border-radius: 50%;background: rgba(0,0,0,.4);text-align: center;line-height: 40px;}
.rowg .swiper-button-next i, .rowg .swiper-button-prev i{color: #fff;font-size: 20px}
.rowg:hover .swiper-button-next, .rowg:hover .swiper-button-prev{opacity:1;}

.inxywh-m{margin-bottom: 8px}
.inxywh-m dt{position: relative;}
.inxywh-m dt .abcon{position: absolute;left: 0;top:0;right: 0;bottom: 0;z-index: 10;padding:8%;color: #fff}
.inxywh-m dt span{font-size: 22px;font-weight: bold;text-shadow: 0 0 5px rgba(0,0,0,.2)}
.inxywh-m dt i{border-radius: 50%;border: 1px solid #fff;width: 35px;height: 35px;line-height: 32px;text-align: center;}
.inxywh-m dd{padding: 5%;color: #fff;font-size: 15px;line-height: 1.8em;display: none}
.inxywh-m dd a{color: #fff;font-size: 14px;opacity: .7;}
@media screen and (max-width:980px){
/*.innews li:nth-child(7){display: none}
.innews li:nth-child(8){display: none}*/
.innews li:nth-child(4n){margin-right: 1%}
.innews li{width: 31.3333%;margin: 0 1% 40px}

.rowc .sjmt{width: 100%;margin-bottom: 30px}
.rowc .wsp{width: 100%}

.rowd .fold_wrap{height:auto;overflow: inherit;}
.rowd .fold_wrap li{float:inherit;width:100%;height:280px;border-left: 0;}
.rowd .fold_wrap li .showt{display: none}
.rowd .fold_wrap li .adv_intro{opacity: 1;visibility: inherit;}
.rowd .fold_wrap li .adv_intro .txt i{display: none}
.rowd .fold_wrap li .adv_intro .txt p{max-height: 95px;overflow: hidden;margin-bottom: 20px}
}
@media screen and (max-width:768px){
.rowb .tabcons .ani-mask{width: 100%}
.rowb .tabcons .ani-mask .pic{height: 300px}
.rowb .tabcons .list{width: 100%;}
.rowg .swiper-slide .con h4{font-size: 16px;min-height: 44px;}
.rowf ul li{height: 240px;width: 33.3333%}
.rowf ul li:last-child{width: 100%}
.rowf ul li .pic { height: 240px;}
.rowf ul li .con i{font-size: 40px;display: inline-block;margin-bottom: 20px}
.rowf ul li .con h4{font-size: 22px;margin-bottom: 10px}
.rowf ul li .con span{font-size: 14px;text-transform: uppercase;}
}
@media screen and (max-width:640px){
  .intit{font-size: 24px;}
/*.innews li:nth-child(7){display: none}
.innews li:nth-child(8){display: none}*/
.innews li{width: 48%;margin: 0 1% 30px}
.rowb .tabNav li{font-size: 16px;padding: 10px 15px }
.rowb .tabcons .ani-mask .pic{height: 220px}
.rowc .sjmt ul li{width: 100%;}
.rowc .sjmt ul li p{height: auto}
.rowg .swiper-slide .con{right: 35%}

.rowg .swiper-slide .con h4{font-size: 16px;min-height: 42px;}

.rowf ul li{height: 200px;width: 50%}
.rowf ul li:last-child{width: 50%}
.rowf ul li:nth-child(4){border-bottom: 1px solid #3165c1}
.rowf ul li .pic { height: 200px;}
.rowf ul li .con i{font-size: 30px;display: inline-block;margin-bottom: 20px}
.rowf ul li .con h4{font-size: 18px;margin-bottom: 10px}
.rowf ul li .con span{font-size: 14px;text-transform: uppercase;}
.rowg .swiper-container-b{margin-left: 20px;margin-right: 20px}
}