@charset "utf-8";
.homePage,.homePage body,.homePage .pageWrap{width: 100%;height: 100%;position: relative;overflow: hidden;}

.homeContainer{width: 100%;height: 100%;position: relative;overflow: hidden;}
.homeContainer .outerSlider{height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;}

.banner{width: 100%;height: 100%;background: #000;}
.banner .swiper-slide{width: 100%;position: relative;overflow: hidden;}
.banner .swiper-slide a{display: block;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;-webkit-transition: all 2s linear;transition: all 2s linear;opacity: 0;-webkit-transform: scale(1.05);transform: scale(1.05);}
.banner .swiper-slide.swiper-slide-active a{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.banner .swiper-slide video{width: 120%;height: 120%;object-fit: cover;position: absolute;left: 50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);opacity: 0;}
.banner .swiper-slide.swiper-slide-active video{opacity: 1;}
.banner .swiper-pagination{width: auto;left: auto;right: 200px;bottom: 55px;height: 4px;line-height: 4px;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 120px;height: 4px;margin: 0 0 0 6px;position: relative;background: rgba(255,255,255,0.5);opacity: 1;border-radius: 0;}
.banner .swiper-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.banner .swiper-pagination .swiper-pagination-bullet:before{content: "";width: 100%;height: 100%;background: #fff;position: absolute;left: 0;top:0;-webkit-transform: scaleX(0);transform: scaleX(0);/* -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s; */-webkit-transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;-webkit-transform-origin:left 50%;transform-origin:left 50%;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{-webkit-transform: scaleX(1);transform: scaleX(1);
webkit-transition: all 6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;transition: all 6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;}
.wapBanner{display: none;}



.header:hover{background: #fff;}
.header:hover .logo img{filter: brightness(1) invert(0);}
.header:hover .nav .nLi h3 a{color: #222222;}
.header:hover .nav .nLi h3 a:hover{color: #003087;}

.header.white:hover{background: #fff;}
.header.white:hover .logo img{filter: brightness(1) invert(0);}
.header.white:hover .nav .nLi h3 a{color: #222222;}
.header.white:hover .nav .nLi h3 a:hover{color: #003087;}

.header.bg{background: #fff;}

.loading-layer{z-index: -1;position: fixed;left: 0;right: 0;top: 0;bottom: 0;animation: loadingLayer 4s linear;background: #fff;}
.loading-layer .progress-bar{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 400px;height: 50px;margin: auto;background-color: #ccc;mask: url(../images/logo.png);-webkit-mask: url(../images/logo.png);animation: progressBarHide 0.5s ease-out;animation-delay: 4s;animation-fill-mode: forwards;}
.loading-layer .progress-bar:after{content: "";position: absolute;left: 0;top: 0;width: 0;height: 100%;background-image: linear-gradient(90deg,#112a8e,#048cf4,#112a8e,#048cf4,#112a8e);background-size: 400% 100%;animation: bgp 2s infinite linear,loadingProgress 3s linear;animation-fill-mode: forwards;}
@keyframes loadingLayer{
    0%{z-index: 10;background-color: #000;}
    90%{opacity: 1;}
    99.99%{z-index: 10;}
    100%{z-index: -1;opacity: 0;}
}
@keyframes loadingLayerItem{
    0%{height: 50%}
    100%{height: 0;}
}
@keyframes bgp{
    0%{background-position: 0 0;}
    100%{background-position: -100% 0;}
}
@keyframes loadingProgress{
    20%{width: 40%;}
    80%{width: 60%;}
    100%{width: 100%;}
}
@keyframes progressBarHide{
    100%{opacity: 0;}
}


.rFloat{width: 100px;height: 100%;position: absolute;right: 0;top: 0;z-index: 9;color: #ffffff;}
.rFloat .rFloatWrap{position: absolute;left: 0;top:0;width: 100%;height: 100%;left: 100%;background: rgba(0,25,76,0.5);}
/* .rFloat .rFloatWrap .floatBtn{width: 68px;height: 360px;position: absolute;top:50%;margin-top: -180px;left: -68px;cursor: pointer;background: url(../images/floatBtn.png) no-repeat center;-webkit-transition:all 0.1s linear;transition:all 0.1s linear; } */
.rFloat:hover .rFloatWrap{left: 0;}
/* .rFloat:hover .rFloatWrap .floatBtn{opacity: 0;} */
.rFloat .searchBtn{width: 34px;height: 34px;position: absolute;left: 50%;top: 44px;-webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);background: rgba(255,255,255,0.2);border-radius: 50%;cursor: pointer;}
.rFloat .searchBtn:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: url(../images/searchBtn.png) no-repeat center;}
.rFloat .searchBtn:hover{background: rgba(255,255,255,0.3);}
.rFloat .link{width: 14px;position: absolute;left: 50%;top:93px;-webkit-transform:translateX(-50%); -moz-transform: translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);text-align: center;font-size: 14px;line-height: 14px;}
.rFloat .link li{margin-top: 27px;}
.rFloat .link li a{display: block;}
.rFloat .link li span{display: block;}
.rFloat .link li a:hover{color: #f18101;}
.rFloat .share{width: 100%;position: absolute;right: 0;bottom: 50px;text-align: center;font-size: 12px;line-height: 26px;font-family: "microsoft yahei";}
.rFloat .share dl{margin-bottom: 20px;position: relative;}
.rFloat .share dl dt{cursor: pointer;}
.rFloat .share dl .icon{width: 33px;height: 33px;margin: 0 auto;border:1px solid #c4c4c4;border-radius: 50%;font-size: 0;}
.rFloat .share dl .icon img{width: 100%;height: 100%;}
.rFloat .share dl dd{position: absolute;right: 71px;top: 0;padding-right: 9px;display: none;}
.rFloat .share dl dd:before{content: "";position: absolute;right: -8px;top:20px;border: 9px solid transparent;border-left-color: #fff;}
.rFloat .share dl dd .wrap{width: 118px;box-sizing: border-box;padding: 15px 15px 5px;border-radius: 5px;background: #fff;}
.rFloat .share dl dd .pic{border: 1px solid #003087;}
.rFloat .share dl dd .pic img{width: 100%;}
.rFloat .share dl dd p{font-size: 12px;color: #003087;line-height: 30px;}
.rFloat .share dl:hover dt .icon{-webkit-transform: scale(0.8);transform: scale(0.8);}

.rFloat .pagePagination{width: 12px;height: auto;position: absolute;left: 50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);}
.rFloat .pagePagination .swiper-pagination-bullet{width: 12px;height: 12px;display: block;position: relative;margin: 6px auto;background: none;opacity: 1;}
.rFloat .pagePagination .swiper-pagination-bullet:before{content: "";width: 4px;height: 4px;position: absolute;left: 50%;top:50%;margin: -2px 0 0 -2px;background: #fff;border-radius: 50%;}
.rFloat .pagePagination .swiper-pagination-bullet:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;box-sizing:border-box;border:1px solid #fff;opacity: 0;-webkit-transform: scale(0);transform: scale(0);border-radius: 50%;}
.rFloat .pagePagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

.popWrap{position: fixed;left: 0;top:0;width: 100%;height: 100%;z-index: 10;display: none;}
.popWrap .maskLayer{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);}
.popWrap .content{max-height: 80%;position: absolute;left: 50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);background: #ffffff;box-sizing: border-box;padding: 50px 68px 75px;overflow: auto;}
.popWrap .content:before{content: "";width: 100%;height: 20px;background: #fff;position: absolute;left: 0;bottom: 0;z-index: 2;}
.popWrap .content .close{width: 30px;height: 30px;position: absolute;right: 10px;top:10px;z-index: 2;cursor: pointer;background: url(../images/closeIcon.png) no-repeat center;background-size: 100% 100%;}
.popWrap .content .title{text-align: center;background: url(../images/line.png) no-repeat center;}
.popWrap .content .title h3{font-size: 22px;line-height: 31px;color: #222222;font-weight: normal;}
.popWrap .content .title h4{font-size: 14px;line-height: 18px;color: #222222;font-family: "ChivoLight";font-weight: normal;text-transform: uppercase;}
.popWrap .content .tit{margin: 70px auto 27px;padding-left: 20px;position: relative;font-size: 18px;line-height: 34px;color: #003087;font-weight: normal;}
.popWrap .content .tit:before{content: "";width: 4px;height: 18px;position: absolute;left: 0;top:50%;margin-top: -9px;background: #003087;}
.popWrap .content .tit:first-child{margin-top: 60px;}
.popWrap .content li{width: 25%;box-sizing: border-box;padding:0 12px 16px 0;}
.popWrap .content li a{font-size: 16px;line-height: 38px;color: #444444;padding-left: 26px;position: relative;border-radius: 19px;}
.popWrap .content li a:before{content: "";width: 4px;height: 4px;background: #b7b7b7;border-radius: 50%;position: absolute;left: 12px;top:50%;margin-top: -2px;}
.popWrap .content li a:hover{background: #003087;color: #fff;}
.popWrap .content li a:hover:before{background: #fff;}

.popWrap .content::-webkit-scrollbar{width:3px;height:3px}
.popWrap .content::-webkit-scrollbar-button:vertical{display:none}
.popWrap .content::-webkit-scrollbar-corner,
.popWrap .content::-webkit-scrollbar-track{background-color:#cccccc}
.popWrap .content::-webkit-scrollbar-thumb{border-radius:0;background-color:#ef991c; }
.popWrap .content::-webkit-scrollbar-thumb:vertical:hover{ }
.popWrap .content::-webkit-scrollbar-thumb:vertical:active{ }

.w1370{width: 71%;max-width: 1370px;margin: 0 auto;}

.iTitle{margin-bottom: 20px;position: relative;font-family: "PingFang SC";}
.iTitle h3{font-size: 46px;color: #222222;font-weight: normal;line-height: 46px;}
.iTitle h4{font-family: "ChivoBold";font-size: 45px;color: #575757;line-height: 65px;text-transform: uppercase;opacity: 0.22;}


.btnStyle div{width: 37px;height: 37px;border:1px solid rgba(161,161,161,0.6);border-radius: 50%;margin-left: 12px;cursor: pointer;position: relative;background: rgba(255,255,255,0.6);}
.btnStyle div:before{content: "";width: 9px;height: 9px;border-left: 1px solid #999999;border-bottom: 1px solid #999999;position: absolute;left: 50%;top:50%;margin: -5px 0 0 -2px;-webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); transform: rotateZ(45deg);}
.btnStyle div.next:before{-webkit-transform: rotateZ(-135deg); -moz-transform: rotateZ(-135deg); -ms-transform: rotateZ(-135deg); transform: rotateZ(-135deg);margin-left: -6px;}
.btnStyle div:hover{border-color: #003087;background-color: #003087;}
.btnStyle div:hover:before{border-color: #fff;}
.btnStyle div.swiper-button-disabled{pointer-events: none;opacity: 0.6;}

.outerSlider .content{padding-top: 60px;}

.outerSlider1 .bannerWrap{width: 100%;height: 100%;position: relative;overflow: hidden;}

.outerSlider2{background: url(../images/slide2Bg.jpg) no-repeat center;background-size: cover;}
.outerSlider2 .tabs{position: absolute;right: 0;bottom: 17px;}
.outerSlider2 .tabs li a{display: block;padding: 0 30px;font-size: 22px;line-height: 46px;color: #666666;border:1px solid #b7b7b7;border-radius: 5px;margin-left: 17px;}
.outerSlider2 .tabs li:first-child a{margin-left: 0;}
.outerSlider2 .tabs li.active a{border-color: #182376;color: #182376;}

.outerSlider2 .content{padding-top: 60px;}
.outerSlider2 .top{margin-bottom: 34px;position: relative;}
.outerSlider2 .container{width: 100%;padding: 0 10px;margin-left: -10px;overflow: hidden;}
.outerSlider2 .picScroll{width: 54%;position: relative;overflow: hidden;}
.outerSlider2 .picScroll a{display: block;width: 100%;height: 0;padding-bottom: 53.9%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.outerSlider2 .textScroll{width: 53.1%;width: 46.1%;position: absolute;right: 0;top:50%;-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);background: #fafafa;background: rgba(250,250,250,0.5);box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.2);z-index: 2;box-sizing: border-box;padding: 32px 45px 32px 50px;font-family: "PingFang SC";box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.2);border: 1px solid #efefef;}
.outerSlider2 .textScroll .scroll{overflow: hidden;}
.outerSlider2 .textScroll a{display: block;}
.outerSlider2 .textScroll .tit{position: relative;margin-bottom: 19px;border-bottom: 1px solid #ebebeb;font-size: 20px;line-height: 65px;color: #222222;}
.outerSlider2 .textScroll .tit:before{content: "";width: 50px;height: 1px;position: absolute;left: 0;bottom: -1px;background: #595959;}
.outerSlider2 .textScroll .tit h5{font-weight: normal;}
.outerSlider2 .textScroll p{margin-bottom: 42px;font-size: 16px;color: #666666;line-height: 32px;max-height: 64px;}
.outerSlider2 .textScroll .btm{font-size: 14px;color: #999999;line-height: 40px;}
.outerSlider2 .textScroll .btm span{font-size: 18px;padding: 0 40px 0 22px;position: relative;background: url(../images/dateIcon.png) no-repeat left center;}
.outerSlider2 .textScroll .btm span:before{content: "";width: 1px;height: 12px;background: #a5a5a5;position: absolute;right: 17px;top:50%;margin-top: -6px;}
.outerSlider2 .textScroll .btm em{padding-right: 20px;position: relative;}
.outerSlider2 .textScroll .btm em:before{content: "";width: 14px;height: 8px;position: absolute;right: 0;top:50%;margin-top: -4px;background: url(../images/arrow1.png) no-repeat right center;}
.outerSlider2 .textScroll a:hover .tit h5,
.outerSlider2 .textScroll a:hover .btm em{color: #003087;}
.outerSlider2 .textScroll a:hover .btm em:before{background-position: left center;}
.outerSlider2 .textScroll .pageState{width: 118px;height: 86px;position: absolute;right: 0;top:0;background: url(../images/pageState.png) no-repeat center;box-sizing: border-box;padding: 7px 4px 0 0;text-align: right;line-height: 40px;font-size: 20px;color: rgba(255,255,255,0.5);font-family: "ChivoMed";z-index: 2;}
.outerSlider2 .textScroll .pageState em{font-size: 36px;color: #fff;font-weight: normal;}
.outerSlider2 .textScroll .btnStyle{position: absolute;right: 46px;bottom: 32px;z-index: 3;}

.outerSlider2 .iScrollNews{position: relative;overflow: hidden;}
.outerSlider2 .iScrollNews a{display: block;width: 100%;height: 0;padding-bottom: 57.14%;position: relative;overflow: hidden;}
.outerSlider2 .iScrollNews em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.outerSlider2 .iScrollNews b{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 2;background: rgba(0,60,126,0.9);opacity: 0;}
.outerSlider2 .iScrollNews .date{width: 98px;height: 32px;position: absolute;left: 28px;top: -32px;background: rgba(0,0,0,0.32);border-radius: 0 0 5px 5px;z-index: 3;text-align: center;line-height: 32px;font-size: 14px;color: rgba(255,255,255,0.6);font-family: "ChivoLight";}
.outerSlider2 .iScrollNews .text{position: absolute;left: 0;top:50%;z-index: 4;width: 100%;box-sizing: border-box;padding: 0 30px;-webkit-transform:translateY(-50%); -moz-transform: translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.outerSlider2 .iScrollNews .text h5{font-size: 18px;line-height: 32px;color: #fffdfd;font-weight: normal;max-height: 64px;overflow: hidden;padding-top: 28px;opacity: 0;transform:translateY(20px);}
.outerSlider2 .iScrollNews .text i{display: block;width: 46px;height: 46px;margin: 0 auto;background: url(../images/moreIcon.png) no-repeat center;background-size: 100% 100%;opacity: 0;transform: scale(0.5);}
.outerSlider2 .iScrollNews a:hover b{opacity: 1;}
.outerSlider2 .iScrollNews a:hover .date{top:0;}
.outerSlider2 .iScrollNews a:hover .text h5{opacity: 1;transform:translateY(0);}
.outerSlider2 .iScrollNews a:hover .text i{opacity: 1;transform: scale(1);transition:all 0.3s linear 0.2s;}

.outerSlider3{background: url(../images/slide3Bg.jpg) no-repeat center;background-size: cover;}
.outerSlider3 .wrap{position: relative;padding-left: 160px;position: relative;padding-left: 120px;}
.outerSlider3 .content .iTitle{position: absolute;left: 0;top:0;padding-left: 36px;;}
.outerSlider3 .content .iTitle h3{width: 40px;}
.outerSlider3 .content .iTitle h4{transform: rotate(90deg) translate(0px, 0px);white-space:nowrap;position: absolute;left: 15px;top:-22px;-webkit-transform-origin:left center;transform-origin:left center;}
.outerSlider3 .cont{position: relative;clip-path: polygon(0 0,0 0,0 100%,0 100%);}
.outerSlider3 .container{width: 100%;position: relative;overflow: hidden;}
.outerSlider3 .container em{display: block;width: 100%;height: 0;padding-bottom: 55.84%;background-repeat: no-repeat;background-position: center;background-size: cover;-webkit-transform: scale(1.05);transform: scale(1.05);}
.outerSlider3 .container .swiper-slide-active em{-webkit-transform: scale(1);transform: scale(1);}
.outerSlider3 .tabs{position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,58,110,0.5);z-index: 2;display: flex;}
.outerSlider3 .tabs li{flex: 1;box-sizing: border-box;height: 100%;border-left: 1px solid rgba(255,255,255,0.2);}
.outerSlider3 .tabs li:first-child{border: none;}
.outerSlider3 .tabs li a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}
.outerSlider3 .tabs li a .txt{width: 100%;position: absolute;left: 0;bottom: -110px;text-align: center;padding-bottom: 58px;}
.outerSlider3 .tabs li a .txt .icon{width: 60px;height: 60px;margin: 0 auto;background: url(../images/slide3Icon.png) no-repeat left top;}
.outerSlider3 .tabs li a .txt h5{font-size: 22px;line-height: 46px;color: #deefff;font-weight: normal;}
.outerSlider3 .tabs li a .txt .more{display: block;width: 160px;height: 45px;margin: 40px auto 0;border:1px solid rgba(255,255,255,0.5);border-radius: 5px;text-align: center;font-size: 0;line-height: 45px;-webkit-transform: scale(0);transform: scale(0);opacity: 0;}
.outerSlider3 .tabs li a .txt .more span{display: inline-block;font-size: 14px;color: #ffffff;padding-right: 24px;position: relative;}
.outerSlider3 .tabs li a .txt .more span:before{content: "";width: 14px;height: 8px;position: absolute;right: 0;top:50%;margin-top: -4px;background: url(../images/arrow1.png) no-repeat right center;filter: brightness(0) invert(1);}
.outerSlider3 .tabs li a .txt .more:hover{background: #fff;color: #ffd667;}
.outerSlider3 .tabs li a .txt .more:hover span{color: #004598;}
.outerSlider3 .tabs li a .txt .more:hover span:before{background-position: left center;filter: brightness(1) invert(0);}
.outerSlider3 .tabs li:nth-child(2) a .txt .icon{background-position-x: -60px;}
.outerSlider3 .tabs li:nth-child(3) a .txt .icon{background-position-x: -120px;}
.outerSlider3 .tabs li:nth-child(4) a .txt .icon{background-position-x: -180px;}
.outerSlider3 .tabs li.active a{background: rgba(0,58,110,0.4);}
.outerSlider3 .tabs li.active a .txt{bottom: 0;}
.outerSlider3 .tabs li.active a .txt .icon{background-position-y: bottom;}
.outerSlider3 .tabs li.active a .txt h5{color: #fed180;}
.outerSlider3 .tabs li.active a .txt .more{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

.outerSlider3 .wrap{padding-left: 0;}
.outerSlider3 .content .iTitle{z-index: 2;padding-left: 0;top:50px;left: 50px;}
.outerSlider3 .content .iTitle h3{width: auto;color: #fff;}



.outerSlider4{background: url(../images/slide4Bg.jpg) no-repeat center;background-size: cover;}
.outerSlider4 ul{width: 8.18%;}
.outerSlider4 ul li{margin-top: 58px;}
.outerSlider4 ul li:first-child{margin-top: 35px;}
.outerSlider4 ul a{display: block;text-align: center;font-size: 19px;color: #333333;line-height: 42px;font-weight: normal;font-family: "PingFang SC";}
.outerSlider4 ul .icon{width: 100%;height: 0;padding-bottom: 100%;position: relative;box-sizing: border-box;background: #ffffff;border-radius: 50%;}
.outerSlider4 ul .icon img{position: absolute;left: 0;top:0;width: 100%;height: 100%;border-radius: 50%;}
.outerSlider4 ul .icon img.o{opacity: 0;transform: scale(0);}

.outerSlider4 ul li .icon .circle,.outerSlider4 ul li .icon .circle i{position: absolute;left: 0;top:0;width: 100%;height: 100%;}
.outerSlider4 ul li .icon .circle .c1{background: url(../images/circle1.png) no-repeat center;background-size: 100%;animation: qh 8s linear 0s infinite;}
.outerSlider4 ul li .icon .circle .c2{background: url(../images/circle2.png) no-repeat center;background-size: 100%;animation: qw 8s linear 0s infinite;}
.outerSlider4 ul li .icon .circle.o .c1{background-image: url(../images/circle3.png);}
.outerSlider4 ul li .icon .circle.o .c2{background-image: url(../images/circle4.png);}
.outerSlider4 ul li .icon .circle.o{opacity: 0;}
.outerSlider4 ul li:hover .icon .circle.d{opacity: 0;}
.outerSlider4 ul li:hover .icon .circle.o{opacity: 1;}
@keyframes qh{0%{transform:rotateZ(-360deg)}100%{transform:rotateZ(0deg)}}
@keyframes qw{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(-360deg)}}

.outerSlider4 ul h5{font-weight: normal;}
.outerSlider4 ul a:hover{color: #f18101;}
.outerSlider4 ul a:hover .icon{border-color: #f0d9be;}
.outerSlider4 ul a:hover .icon:before{-webkit-transform: rotateZ(0);transform: rotateZ(0);opacity: 1;}
.outerSlider4 ul a:hover .icon img.d{opacity: 0;transform: scale(0);}
.outerSlider4 ul a:hover .icon img.o{opacity: 1;transform: scale(1);transition:all 0.3s linear 0.2s;}
.outerSlider4 .cont{width: 81.3%;height: 631px;background: #ffffff;border-radius: 100px 0 0 0;box-shadow: -4.474px 10.049px 16px 0px rgba(0, 27, 87, 0.08);
box-sizing: border-box;padding: 460px 46px 0 130px;position: relative;}
.outerSlider4 .cont .slogan{width: 130px;position: absolute;left: 0;top:30px;text-align: center;}
.outerSlider4 .cont .pic{width: 90%;position: absolute;left: 130px;top:-50px;height: 490px;overflow: hidden;cursor: pointer;}
.outerSlider4 .cont .pic em{position: absolute;left: 0;top:0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.outerSlider4 .cont .pic .text{position: absolute;left: 50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%);z-index: 2;text-align: center;font-size: 22px;line-height: 33px;color: #ffffff;}
.outerSlider4 .cont .pic .text .icon{width: 109px;height: 109px;margin: 0 auto;position: relative;text-align: center;line-height: 109px;}
.outerSlider4 .cont .pic .text .icon:before{content: "";width: 100%;height: 100%;border:1px solid rgba(255,255,255,0.5);border-radius: 50%;position: absolute;left: 0;top:0;box-sizing: border-box;animation: ripple 2s ease-out 1225ms infinite;}
@keyframes ripple {
    0% {opacity: 0;transform: scale(0.6);}
    5% {opacity: 1;}
    100% {opacity: 0;transform: scale(1.2);}
}
.outerSlider4 .cont .pic:hover em{transform: scale(1.1);}
.outerSlider4 .cont .txt{font-size: 18px;line-height: 32px;color: #222222;max-height: 96px;overflow: hidden;margin-bottom: 16px;}
.outerSlider4 .cont .more{padding-right: 20px;position: relative;display: inline-block;font-size: 14px;line-height: 28px;color: #a3a3a3;}
.outerSlider4 .cont .more:before{content: "";width: 14px;height: 8px;position: absolute;right: 0;top:50%;margin-top: -4px;background: url(../images/arrow3.png) no-repeat right center;}
.outerSlider4 .cont .more:hover{color: #f18101;}
.outerSlider4 .cont .more:hover:before{background-position: left center;}

.aniDelay{-webkit-transition:all 0.3s linear 0.9s;transition:all 0.3s linear 0.9s;}

.outerSlider4 .iTitle{opacity: 0; -webkit-transform: translate3d(0, 200px, 0);transform: translate3d(0, 200px, 0);-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s; }
.outerSlider4 ul li{opacity: 0; -webkit-transform: scale3d(.1, .1, .1);transform: scale3d(.1, .1, .1); }
.outerSlider4 .cont{opacity: 0; -webkit-transform: translate3d(200px, 0, 0);transform: translate3d(200px, 0, 0);}

.outerSlider4.swiper-slide-active .iTitle{opacity: 1; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.outerSlider4.swiper-slide-active ul li{opacity: 1; -webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);transition:all 0.3s linear 0.4s;}
.outerSlider4.swiper-slide-active ul li:nth-child(2){transition:all 0.3s linear 0.7s;}
.outerSlider4.swiper-slide-active ul li:nth-child(3){transition:all 0.3s linear 0.9s;}
.outerSlider4.swiper-slide-active .cont{opacity: 1; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);transition:all 0.3s linear 1.2s;}

/* 响应式调节 */
/* .w1370{max-width: 1320px;width: 80%;} */
.header{padding-right: 80px;}
.homePage .header{top: -120px;}
.homePage .header.show{top:0;}
.header .wrap{line-height: 90px;}
.header .wrap .logo img{height: 58px;}
.header .nav .nLi{padding: 0 20px;}
.header .nav .nLi h3 a{font-size: 18px;}
.header .nav .nLi .navSub{top:91px;}
.rFloat{width: 80px;}
.rFloat .share dl .icon{width: 30px;height: 30px;}


.iTitle{margin-bottom: 16px;}
.iTitle h3{font-size: 36px;line-height: 36px;}
.iTitle h4{font-size: 34px;line-height: 50px;display: none;}

.outerSlider2 .tabs{bottom: 0;}
.outerSlider2 .tabs li{margin-left: 12px;}
.outerSlider2 .tabs li a{padding: 0 22px;line-height: 36px;font-size: 17px;}
.outerSlider2 .textScroll{padding: 24px 34px;}
.outerSlider2 .textScroll .tit{font-size: 18px;line-height: 52px;}
.outerSlider2 .textScroll p{font-size: 14px;line-height: 26px;max-height: 52px;margin-bottom: 36px;}
.outerSlider2 .textScroll .btm{line-height: 32px;}
.outerSlider2 .textScroll .btm span{font-size: 15px;}
.outerSlider2 .iScrollNews .date{left: 24px;}
.outerSlider2 .iScrollNews .text{padding: 0 24px;}
.outerSlider2 .iScrollNews .text h5{font-size: 15px;line-height: 26px;max-height: 52px;}
.outerSlider2 .iScrollNews .text h5 i{width: 38px;height: 38px;}

.btnStyle div{width: 30px;height: 30px;}
.btnStyle div:before{margin-left: -3px;}
.btnStyle div.next:before{margin-left: -7px;}


.outerSlider4 ul li{margin-top: 40px;}
.outerSlider4 ul li:first-child{margin-top: 30px;}
.outerSlider4 ul a{font-size: 16px;line-height: 34px;}
.outerSlider4 .cont{padding: 384px 38px 0 110px;height: 525px;}
.outerSlider4 .cont .slogan{width: 110px;top:26px;}
.outerSlider4 .cont .slogan img{width: 30px;}
.outerSlider4 .cont .pic{left: 110px;top:-40px;height: 408px;width: 92%;}
.outerSlider4 .cont .pic .text .icon{width: 90px;height: 90px;line-height: 90px;}
.outerSlider4 .cont .pic .text .icon img{width: 70px;}
.outerSlider4 .cont .pic .text{font-size: 16px;}
.outerSlider4 .cont .txt{font-size: 15px;line-height: 26px;max-height: 78px;}

.outerSlider5{height: auto !important;}

.footer{width: 100%;background: url(../images/footerBg.png) no-repeat center bottom;}
.footer .w1370{max-width: 1300px;width: 82%;}
.footer .top{padding: 70px 0 63px;}
.footer .top .fNav dl{width: 142px;box-sizing: border-box;padding-right: 20px;}
.footer .top .fNav dl:last-child{width: auto;padding-right: 0;}
.footer .top .fNav a{display: inline-block;}
.footer .top .fNav dt{margin-bottom: 28px;font-size: 20px;color: #222222;line-height: 22px;}
.footer .top .fNav dd{font-size: 16px;line-height: 32px;color: #7a7a7a;}
.footer .top .fNav a:hover{color: #f18101;text-decoration: underline;}
.footer .top .qrcode li{width: 116px;margin-left: 50px;text-align: center;font-size: 16px;color: #676767;line-height: 26px;}
.footer .top .qrcode li:first-child{margin-left: 0;}
.footer .top .qrcode li img{width: 100%;height: 116px;margin-bottom: 8px;}
.footer .btm{background: rgba(0,0,0,0.7);width: 100%;padding: 26px 0 24px;font-size: 16px;line-height: 30px;color: #fdfdfd;}
.footer .btm img{margin-right: 12px;}
.footer .btm span{margin-left: 28px;}
.footer .btm span:first-child{margin-left: 0;}

.outerSlider3 .w1370,
.outerSlider4 .w1370{max-width: 1340px;width: 80%;} 
.outerSlider .content{padding-top: 98px;}

.outerSlider3 .w1370,
.outerSlider2 .content{width: 80%;max-width: 1500px;}
.outerSlider3 .container em{padding-bottom: 48%;}

/* 20210421 */
.outerSlider2 .textScroll{top:0; -webkit-transform: translateY(-0);-moz-transform: translateY(-0);-ms-transform: translateY(-0);
transform: translateY(-0);padding: 60px;height: 100%;}
.outerSlider2 .textScroll .tit{font-size: 20px;line-height: 40px;padding-bottom: 14px;height: 80px;}
.outerSlider2 .textScroll p{max-height: none;height: 78px;margin-bottom: 104px;}
.outerSlider2 .textScroll .btnStyle{bottom: 50px;}


@media screen and (max-height: 700px){
.outerSlider3 .container em{padding-bottom: 48%;}
.outerSlider4 ul li{margin-top: 20px;}

.outerSlider2 .content,.outerSlider3 .w1370{width: 71%;max-width: 1370px;}
}

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

.popWrap .content{padding: 45px 70px 60px;}
.popWrap .content .tit,.popWrap .content .tit:first-child{margin: 30px auto 15px;}
.popWrap .content li{padding-bottom: 10px;width: 33.33%;}
.popWrap .content li a{font-size: 14px;line-height: 30px;}


.footer .top .fNav dl{width: 120px;}
.footer .top .qrcode li{width: 100px;margin-left: 20px;}
.footer .top .qrcode li img{height: 100px;}

}

@media screen and (max-width: 1500px){
.banner .swiper-slide video{width: 120%;height: 120%;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 80px;}

.outerSlider .content{padding-top: 110px;}
.outerSlider4 .cont{padding: 300px 30px 0 90px;height: 426px;border-radius: 66px 0 0 0;}
.outerSlider4 .cont .slogan{width: 90px;top:20px;}
.outerSlider4 .cont .slogan img{width: 24px;}
.outerSlider4 .cont .pic{left: 90px;top:-34px;height: 330px;width: 92%;top:-50px;}
.outerSlider4 .cont .pic .text .icon{width: 74px;height: 74px;line-height: 74px;}
.outerSlider4 .cont .pic .text .icon img{width: 58px;}
.outerSlider4 .cont .pic .text{font-size: 16px;}
.outerSlider4 .cont .txt{font-size: 14px;line-height: 22px;max-height: 66px;margin-bottom: 6px;}

.outerSlider4 ul{width: 8%;}
.outerSlider4 ul li{margin-top: 20px;}
.outerSlider4 ul li:first-child{margin-top: 20px;}

.iTitle h4{font-size: 30px;line-height: 40px;}

.rFloat .share{bottom: 20px;}

.outerSlider2 .textScroll .pageState{width: 98px;background-size: 100% auto;height: 65px;font-size: 16px;}
.outerSlider2 .textScroll .pageState em{font-size: 24px;}
.outerSlider2 .textScroll .tit h5{padding-right: 20px;}

.outerSlider .w1370{width: 84%;}
/* .outerSlider3 .wrap{padding-left: 120px;} */
.outerSlider2 .w1370{width: 70%;width: 80%;}
.outerSlider2 .content{max-width: 1370px;max-width: 1400px;}
.outerSlider2 .iTitle h3{padding-bottom: 20px;}

.outerSlider2 .textScroll .tit h5{-webkit-line-clamp:1;overflow: hidden;text-overflow: ellipsis;display: block;white-space: nowrap;}
.outerSlider2 .textScroll .tit{height: 40px;padding-bottom: 20px;margin-bottom: 20px;}
.outerSlider2 .textScroll p{margin-bottom: 34px;}
.outerSlider2 .textScroll .btnStyle{bottom: 40px;}

.footer .btm{font-size:14px;}
.footer .btm span{margin-left:16px;}
}

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

.rFloat{width: 70px;}
.rFloat .share dl .icon{width: 26px;height: 26px;}
.rFloat .share dl dd{right: 61px;}

.iTitle{margin-bottom: 10px;}
.iTitle h3{font-size: 32px;line-height: 32px;}
.iTitle h4{font-size: 32px;line-height: 46px;}

.outerSlider2 .tabs{bottom: 14px;}
.outerSlider2 .tabs li{margin-left: 12px;}
.outerSlider2 .tabs li a{padding: 0 22px;line-height: 36px;font-size: 17px;}
.outerSlider2 .top{margin-bottom: 20px;}
.outerSlider2 .textScroll{padding: 20px 30px;}
/* .outerSlider2 .textScroll p{margin-bottom: 30px;} */
.outerSlider2 .iScrollNews .date{left: 24px;}
.outerSlider2 .iScrollNews .text{padding: 0 24px;}
.outerSlider2 .iScrollNews .text h5{font-size: 15px;line-height: 26px;max-height: 52px;}
.outerSlider2 .iScrollNews .text h5 i{width: 38px;height: 38px;}

.btnStyle div{width: 30px;height: 30px;}
.btnStyle div:before{margin-left: -3px;}
.btnStyle div.next:before{margin-left: -7px;}

.rFloat .searchBtn{top: 20px;}
.rFloat .link{top:50px;}
.rFloat .link li{margin-top: 15px;}
.rFloat .share dl{margin-bottom: 10px;}
}
@media screen and (max-width: 1300px){
.outerSlider4 ul{width: 9%;}
.outerSlider4 ul a{font-size: 14px;}

.footer .top .fNav dl{width: 106px;}
.footer .top .qrcode li{width: 80px;margin-left: 14px;}
.footer .top .qrcode li img{height: 80px;}

.footer .btm{padding: 16px 0;font-size: 14px;}
.footer .btm span{margin-left: 14px;}
.footer .btm img{margin-right: 6px;}

.footer .btm{font-size:13px;}
.footer .btm span{margin-left:10px;}

}

@media screen and (max-width: 1180px){
.homePage .header .nav .nLi{padding: 0 3px;}
.header .nav .nLi h3 a .en{font-size: 10px;}

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

.rFloat{width: 52px;}
.rFloat .share{bottom: 20px;}
.rFloat .share dl .icon{width: 20px;height: 20px;line-height: 20px;}
.rFloat .share dl dd{right: 45px;}

.iTitle h3{font-size: 24px;line-height: 24px;}
.iTitle h4{font-size: 24px;line-height: 34px;}

.outerSlider2 .tabs{bottom: 9px;}
.outerSlider2 .tabs li{margin-left: 8px;}
.outerSlider2 .tabs li a{padding: 0 16px;line-height: 24px;font-size: 13px;}

.outerSlider2 .textScroll{padding: 15px 20px;}
.outerSlider2 .textScroll .tit{margin-bottom: 12px;line-height: 34px;}
.outerSlider2 .textScroll p{margin-bottom: 20px;line-height: 20px;max-height: 40px;}
.outerSlider2 .textScroll .pageState{display: none;}
.outerSlider2 .textScroll .tit{padding-right: 0;}
.outerSlider2 .iScrollNews .date{left: 24px;}
.outerSlider2 .iScrollNews .text{padding: 0 24px;}
.outerSlider2 .iScrollNews .text h5{font-size: 15px;line-height: 26px;max-height: 52px;padding-top: 0;}
.outerSlider2 .iScrollNews .text h5 i{width: 38px;height: 38px;}
.outerSlider2 .textScroll .btnStyle{bottom: 20px;}


.btnStyle div{width: 20px;height: 20px;margin-left: 6px;}
.btnStyle div:before{margin-left: -3px;width: 6px;height: 6px;margin-top: -4px;}
.btnStyle div.next:before{margin-left: -5px;}

.outerSlider2 .iScrollNews .text,.outerSlider2 .iScrollNews .text i{padding: 0 12px;}
.outerSlider2 .iScrollNews .date,.outerSlider2 .iScrollNews .text i{display: none;}

.footer .top {text-align: center;padding: 35px 0;}
.footer .top .fNav{display: none;}
.footer .top .qrcode{float: none;display: inline-block;}
.footer .top .qrcode li{width: 120px;}
.footer .top .qrcode li img{height: 120px;}
.footer .btm{padding: 12px 0;text-align: center;}
.footer .btm .w1370 > .fl,.footer .btm .w1370 > .fr{width: 100%;float: none;}
.footer .btm span{display: block;margin: 0;}
}


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


.banner .swiper-pagination{right: 0;width: 100%;text-align: center;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 60px;margin: 0 4px;}

.iTitle{margin-bottom: 20px;}
.iTitle h3{line-height: 26px;font-weight: bold;}
.iTitle h4{display: none;}


.outerSlider2 .tabs{bottom: 0;}
.outerSlider2 .iTitle h3{padding-bottom: 0;}
.outerSlider2 .textScroll{padding: 10px 15px;}
.outerSlider2 .textScroll .btm span{padding-right: 24px;}
.outerSlider2 .textScroll .btm span:before{right: 12px;}
.outerSlider2 .textScroll p{-webkit-line-clamp:1;}
.outerSlider2 .textScroll .btnStyle{right: 15px;}

.outerSlider4 .cont{padding: 0 0 22px 90px;height: auto;}
.outerSlider4 .cont .pic{position: relative;left: 0;width: 105%;height: auto;top:0;margin: -20px 0 20px;}
.outerSlider4 .cont .pic em{position: relative;height: 0;padding-bottom: 48.9%;display: block;}
.outerSlider4 .cont .slogan{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.outerSlider4 .cont .slogan img{width: 20px;}


.popWrap .content{padding: 30px;}
.popWrap .content .tit, .popWrap .content .tit:first-child{margin: 15px auto 10px;}
.popWrap .content .tit{font-size: 16px;line-height: 28px;}
.popWrap .content .tit:before{height: 12px;margin-top: -6px;}
.popWrap .content li{width: 50%;}

.outerSlider3 .w1370{width: 100%;height: 100%;}
.outerSlider3 .wrap{width: 100%;height: 100%;padding: 0;}
.outerSlider3 .content{padding-top: 0 !important;}
.outerSlider3 .content .iTitle{padding-left: 0;left: 5%;top: 100px;z-index: 3;width: 100%;}
.outerSlider3 .content .iTitle h3{color: #fff;width: 100%;}
.outerSlider3 .cont,.outerSlider3 .container,.outerSlider3 .container .swiper-slide,.outerSlider3 .container .swiper-slide em{height: 100%;}
.outerSlider3 .container .swiper-slide em{padding-bottom: 0;}
}

@media screen and (max-width: 760px){
.w1370,.outerSlider2 .w1370{width: 90%;}
/* .banner .swiper-slide a.pc{display: none;}
.banner .swiper-slide a.wap{display: block;} */
.pcBanner{display: none;}
.wapBanner{display: block;}

.outerSlider2 .content{padding-top: 30px;}
.outerSlider2 .picScroll{width: 100%;}
.outerSlider2 .textScroll{position: relative;top:0;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);width: 100%;}
.outerSlider2 .textScroll p{-webkit-line-clamp:2;}
.outerSlider2 .tabs{position: relative;margin-top: 16px;}
.outerSlider2 .tabs li{margin-left: 0;}
.outerSlider2 .tabs li a{margin-left: 8px;line-height: 30px;}
.outerSlider2 .textScroll .btnStyle{bottom: 15px;}



.moreBtn{width: 110px;height: 34px;line-height: 34px;}

.header.white .wrap .logo img,.header.white .menuIcon img{filter: brightness(0) invert(1);}

.outerSlider .content{padding-top: 30px;}
.outerSlider4 ul{width: 100%;text-align: center;margin-bottom: 60px;}
.outerSlider4 ul li{width: 33.33%;text-align: center;float: left;}
.outerSlider4 ul li,.outerSlider4 ul li:first-child{margin-top: 0;}
.outerSlider4 ul li .icon{width: 72px;margin: 0 auto;padding-bottom: 72px;}
.outerSlider4 .cont{width: 100%;padding-left: 50px;}
.outerSlider4 .cont .slogan{width: 50px;}
.outerSlider4 .cont .pic{width: clac(100% + 20px);margin-bottom: 12px;}
.outerSlider4 .cont .pic em{padding-bottom: 75%;}
.outerSlider4 .cont .txt{line-height: 30px;max-height: 90px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;padding-right: 20px;margin-bottom: 10px;}

.loading-layer .progress-bar{width: 200px;height: 146px;margin: auto;background-color: #ccc;mask: url(../images/aniLogo1.png);-webkit-mask: url(../images/aniLogo1.png);animation: progressBarHide 0.5s ease-out;animation-delay: 4s;animation-fill-mode: forwards;}

.outerSlider3 .tabs li a .txt{padding-bottom: 30px;bottom: -30px;}
.outerSlider3 .tabs li a .txt .icon{-webkit-transform: scale(0.6);transform: scale(0.6);}
.outerSlider3 .tabs li a .txt h5{font-size: 16px;line-height: 28px;}
.outerSlider3 .tabs li a .txt .more{width: 100px;height: 30px;line-height: 30px;margin-top: 20px;}
.outerSlider3 .tabs li a .txt .more span{font-size: 12px;}

.header.white:hover{background: #fff;}
.header.white:hover .logo img{filter: brightness(1) invert(0);}
.header.white:hover .nav .nLi h3 a{color: #222222;}
.header.white:hover .nav .nLi h3 a:hover{color: #003087;}
.header.white:hover .menuIcon img,
.header:hover .menuIcon img{filter: brightness(1) invert(0);}

.outerSlider2 .textScroll .tit{padding-bottom: 0;}
.outerSlider2 .textScroll .tit h5{padding-right: 0;}
}

@media screen and (max-height: 700px){

.outerSlider4 ul{margin-bottom: 30px;}
.outerSlider4 .cont .pic em{padding-bottom: 64%;height:0;}
.outerSlider4 .cont .txt{line-height: 25px;max-height: 75px;}

.outerSlider2 .content{padding-top: 72px;}
.outerSlider2 .iTitle{margin-bottom: 12px;}
.outerSlider2 .tabs{margin-top: 10px;}
.outerSlider2 .textScroll{padding-top: 5px;}
.outerSlider2 .textScroll p{margin-bottom: 12px;}
.outerSlider2 .top{margin-bottom: 12px;}




}

@media screen and (max-width: 468px){
.popWrap .content li{width: 100%;padding: 0;}

.footer .top{padding: 15px 0;}
.footer .top .qrcode li{width: 80px;}
.footer .top .qrcode li img{height: 80px;}
.footer .btm{font-size: 13px;line-height: 24px;}
.outerSlider3 .tabs li.active a .txt .more{width: 100%;border:none;}
.outerSlider3 .tabs{flex-wrap: wrap;}
.outerSlider3 .tabs li{width: 50%;height: 50%;flex: inherit;border-bottom: 1px solid rgba(255,255,255,0.2);}
.outerSlider3 .content .iTitle h3{display: none;}
}