@charset "utf-8";
.banner .pgba{z-index: 5;position: absolute;bottom: .74rem;text-align: center;text-align: right;right: 0}
.banner .pgba span{color: #fff;width: 12px;height: 12px;background:#fff;opacity:1;margin: 0 .06rem!important;position: relative;}
.banner .pgba span.active{opacity: 1;background: #ffcc66}
.banner .pgba span.active i{display: block;}
.banner .pgba span i{position: absolute;left:0;top: -1px;bottom: -1px;width: 0;background: #d20b17;display: none}

.banner .swiper-slide .a{display: block;height: 100vh;min-height: 500px;}
.banner .swiper-slide .a{position: relative;display: block;overflow: hidden;}
.banner .swiper-slide .bg:before{content: '';position: absolute;left: 0;right: 0;height: 30%;background: url(../images/bamask.png) no-repeat bottom center;background-size: 100% 100%;z-index: 1;bottom: 0}
.banner .swiper-slide h4{position: absolute;bottom: .7rem;z-index: 5;font-weight: bold;color: #fff;font-size: .3rem;max-width: 12rem;margin: 0 auto;text-align: center;left: 50%;transform: translateX(-50%);}
.banner .swiper-slide .bg{-webkit-transform: scale(1.1);position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;transition:linear 5s}
.banner .swiper-slide-active .bg{-webkit-transform: scale(1.01);}
@media screen and (max-width: 1400px){

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

}
@media screen and (max-width:1024px){
.banner .swiper-slide .a{height: 50vw;min-height: inherit;}
.banner .swiper-slide h4{font-size: .24rem;bottom: .3rem;max-width: 80%}
.banner .pgba{bottom: .3rem}
}
@media screen and (max-width:900px){
.banner .swiper-slide .a{height: 46vw}
.banner .swiper-slide h4{font-size: .2rem;}
}
@media screen and (max-width:640px){
.banner .pgba{bottom: .15rem}
.banner .swiper-slide .a{height: 52vw}
.banner .swiper-slide h4{bottom: .15rem;max-width: 58%;left: 5%;transform: translateX(0);}
.banner .pgba span{width: 10px;height: 10px}
.banner .swiper-slide .bg:before{height: 40%}
}

.compensate-for-scrollbar{margin-right: 0!important}
.fancybox-iframe, .fancybox-video{object-fit: cover;}


.intit {margin-bottom: .4rem;position: relative;}
.intit .mor{position: absolute;right: 0;bottom: .1rem;z-index: 3;font-size: .14rem}
.intit h4{color: #00205a;}
.intit h4 em{display: block;text-transform: uppercase;}
.intit h4 span{font-size: .36rem;display: block;margin-top: .05rem;line-height: 1.1em}
.hoverbtn .sbtn a{opacity: 0;visibility: hidden;}
.hoverbtn:hover .sbtn a{opacity: 1;visibility: visible;}
.sbtn a{display: block;width: .3rem;height: .5rem;background: rgba(0,0,0,.4);color: #fff;line-height: .5rem;text-align: center;;position: absolute;top: 50%;transform: translateY(-50%);z-index: 5;transition: .3s}
.sbtn a.prev{left: 0}
.sbtn a.next{right: 0}


.homea{background: #f7f7f7;padding: .6rem 0 1.26rem}
.homea .slide-a .pic{height: 2.2rem}
.homea .slide-a .txt{background: #fff;padding: .32rem .3rem .59rem;text-align: justify;}
.homea .slide-a .txt h4{font-size: .2rem;margin-bottom: .2rem;line-height: 1.5em;height: .56rem}
.homea .slide-a .txt p{line-height: 1.8em;color: #636563;margin-bottom: .25rem;height: .84rem}
.homea .slide-a .txt time i{margin-right: 5px}
.homea .slide-a .txt time{background: #deaa31;color: #fff;display: block;width:.86rem;height: .26rem;line-height: .26rem;text-align: center;}

.homea .pgba{text-align: center;margin-top: .5rem}
.homea .pgba span{color: #fff;width: 12px;height: 12px;background:#03367c;opacity:1;margin: 0 .06rem;position: relative;}
.homea .pgba span.active{opacity: 1;background: #ffcc66}


.homeb{background: #03367c;position: relative;}
.homeb:after{content: '';position: absolute;right: 0;top: 0;bottom: 0;width: 50%;z-index: 0;background: url(../images/bbg.jpg) no-repeat center;background-size: cover}
.homeb .aleft{width: 50%}
.homeb .aright{width: 46%;padding: .6rem 0;color: #fff}
.homeb .aleft .slide-b{overflow: visible;}
.homeb .aleft .item{}
.homeb .aleft .item a{display: flex;position: relative;justify-content: space-between;flex-wrap: wrap;}
.homeb .aleft .item .dlog{position: absolute;top: .5rem;left: -.3rem;width: .9rem;background: #e31b21;border-radius: 0 0 0 .3rem;z-index: 5;min-height: .9rem;color: #fff;font-size: .12rem;font-weight: bold;padding: .1rem .1rem .15rem;display: flex;justify-content: center;flex-direction: column;}
.homeb .aleft .item .pic{height: 5.4rem;width: 50%}
.homeb .aleft .item .txt{width: 50%;padding: .5rem .5rem 1.7rem;color: #fff;position: relative;}
.homeb .aleft .item .txt .info p{font-size: .14rem;margin-bottom: .12rem;color: #99ccff;position: relative;padding-left: .35rem}
.homeb .aleft .item .txt .info p:nth-child(1){background: url(../images/qi1.png) no-repeat left center; }
.homeb .aleft .item .txt .info p:nth-child(2){background: url(../images/qi2.png) no-repeat left center; }
.homeb .aleft .item .txt .info p:nth-child(3){background: url(../images/qi3.png) no-repeat left center; }
.homeb .aleft .item .txt .info p:nth-child(4){background: url(../images/qi4.png) no-repeat left center; }


.homeb .aleft .item .txt .info p i{position: absolute;left: 0;top: 3px;display: none}
.homeb .aleft .item .txt .jspic{width: 1.3rem;height: 1.3rem;position: absolute;right: .5rem;bottom: .4rem}
.homeb .aleft .item .txt h4{font-size: .24rem;color: #99ccff;line-height: 1.6em;font-weight: bold;margin-bottom: .5rem}
.homeb .aleft .item .txt h4:before{height: 6px ;width: .6rem;background: #99ccff;content: '';display: block;margin-bottom: .15rem}
.homeb .aright .intit h4{color: #fff}
.homeb .aright a{color: #fff}
.homeb .aright  ul li{font-size: .2rem;line-height: .62rem;border-bottom: 1px solid #174a9f;padding-left: .8rem;position: relative;}
.homeb .aright  ul li time{font-size: .26rem;position: absolute;left: 0;top: 0}


.homec{background: url(../images/cbg.jpg) no-repeat bottom center;background-size: cover;padding: .85rem 0 .7rem}
.homec .wp{max-width: 14rem}
.homec .link{margin-top: -.7rem;margin-bottom: .7rem;max-width: 13rem;margin-left: auto;margin-right: auto}
.homec .link li{font-size: .22rem;font-weight: bold;position: relative;}
.homec .link li:after{content: '';position: absolute;height: 3px;left: 50%;transform: translateX(-50%);bottom: -.1rem;width: 0;transition: .3s;background: #00205a}
.homec .link li:hover:after{width: 100%}
.homec .link li:nth-child(3){margin-left: 20%}
.homec .intit{}
.homec .slide-c .item .ico{width: 1.45rem;margin:  0 auto .2rem;}
.homec .slide-c .item .txt{text-align: center;}
.homec .slide-c .item .txt span{font-size: .48rem;color: #0f4483}
.homec .slide-c .item .txt p{font-size: .2rem;}

.homec .pgba{text-align: center;margin-top: .5rem}
.homec .pgba span{color: #fff;width: 12px;height: 12px;background:#03367c;opacity:1;margin: 0 .06rem;position: relative;}
.homec .pgba span.active{opacity: 1;background: #ffcc66}


.homed{max-width: 1920px;margin: 0 auto}
.homed .ul1{}
.homed .ul1 .li1{width: 50%}
.homed .ul1 .li2{width: 33.3333333%}
.homed .ul1 .li3{width: 16.6666666%}
.homed .ul1 .li1 .item .pic{height: 5.4rem}
.homed .ul1 .li2 .item .pic{height: 2.7rem;width: 50%}
.homed .ul1 .li2 .item .txt{width: 50%;padding: .3rem}
.homed .ul1 .li3 .item .pic{height: 2.7rem}
.homed .ul1 .li3 .item .txt{padding: .3rem}

.homed .ul1 .li2 .itemT{height: 2.7rem;background: url(../images/d2.jpg) no-repeat center;background-size: cover;color: #fff;padding: .3rem}
.homed .ul1 .li2 .itemT .intit{margin-bottom: .3rem}
.homed .ul1 .li2 .itemT .intit h4{color: #fff}
.homed .ul1 .li2 .itemT .intit .ico{padding-top: .15rem}
.homed .ul1 .li2 .itemT .intit .ico a{font-size: .36rem;margin-left: .3rem}
.homed .ul1 .li2 .itemT a{color: #fff}
.homed .ul1 .li2 .itemT ul li{font-size: .14rem;margin-bottom: .1rem;line-height: 1.4em}
.homed .ul2 li{width: 33.33333%}
.homed .ul2 li .pic{height: 2.7rem;position: relative;}
.homed .ul2 .li2 a{display: block;position: relative;}
.homed .ul2 .li1 .item .pic{width: 50%}
.homed .ul2 .li1 .item .txt{width: 50%;padding: .3rem}
.homed .ul2 .li2 .pic:after{content: '';position: absolute;left: 0;bottom: 0;right: 0;height: 40%;background: url(../images/topmask1.png) repeat-x bottom center;background-size: 101% 101%}
.homed .ul2 .li2 .txt{position: absolute;left: 0;bottom: 0;right: 0;z-index: 3;color: #fff;padding: .25rem}
.homed ul li .txt .med i{display: inline-block;width: .3rem;height: .3rem;border-radius: 50%;text-align: center;line-height: .3rem;background: #f8616c;color: #fff;font-size: .2rem;margin-right: .1rem}
.homed ul li .txt .med.sina i{background: #f8616c;}
.homed ul li .txt .med.weixin i{background: #2ac148;}
.homed ul li .txt h4{margin-top: .1rem;font-weight: bold;font-size: .18rem;line-height: 1.5em;max-height: .54rem\0}
.homed ul li .txt p{font-size: .13rem;color: #666;line-height: 1.6em;margin-top: .15rem;margin-bottom: .15rem;height: .6rem}
.homed ul li .txt time{color: #3b61ad;font-size: .14rem}
.homed .ul2 .li2 .txt time{background: #deaa31;color: #fff;display: block;font-size: .14rem;width: 1rem;height: .26rem;line-height: .26rem;text-align: center;}

.homed .ul1 .li2 .itemT .intit .ico a{display: inline-block;position: relative;}
.homed .ul1 .li2 .itemT .intit .ico a span.code{position: absolute;width: 1rem;height: 1rem;background: #fff;left: 50%;margin-left: -.5rem;top: calc(100% + .1rem);z-index: 8;opacity: 0;transform: translateY(.2rem);visibility: hidden;transition: .5s}
.homed .ul1 .li2 .itemT .intit .ico a span.code:after{content: '';border: 10px solid transparent;border-bottom-color: #fff;position: absolute;top: -18px;left: 50%;transform: translateX(-50%);}
.homed .ul1 .li2 .itemT .intit .ico a:hover span.code{opacity: 1;visibility: inherit;transform: translateY(0);}




.homee{padding: .55rem 0 1rem}
.homee .desc{max-width: 9.6rem;margin: 0 auto .5rem;position: relative;}
.homee .desc:before{content: '';position: absolute;top: -.25rem;left: -1rem;width:.8rem;height: .75rem;background: url(../images/edot1.png) no-repeat center;background-size: 100% 100% }
.homee .desc:after{content: '';position: absolute;bottom: -.0rem;right: -1rem;width:.8rem;height: .74rem;background: url(../images/edot2.png) no-repeat center;background-size: 100% 100% }
.homee .desc h4{text-align: center;font-size: .2rem;font-weight: bold;line-height: 1.4em;margin-bottom: .2rem}
.homee .desc h4 a{}
.homee .desc p{line-height: 1.8em;color: #666;font-size: .16rem;text-indent: 2em;height: .82rem}
.homee .slide-e .item .pic{height: 1.8rem}

.homed .ul2 .li1 .item .txt{position: relative;}
.homed .ul2 .li1 .item .txt:after{content: '';position: absolute;left: 0;bottom: 0;right: 0;height: 40%;background: url(../images/topmask1.png) repeat-x bottom center;background-size: 101% 101%;opacity: .6;}
.homed .ul2 .li1 .item .pic:after{content: '';position: absolute;left: 0;bottom: 0;right: 0;height: 40%;background: url(../images/topmask1.png) repeat-x bottom center;background-size: 101% 101%;}


@media (min-width: 1940px){
.homed .ul1 .li1 .item .pic{height: 6rem}
.homed .ul1 .li2 .item .pic{height: 3rem;}
.homed .ul1 .li3 .item .pic{height: 3rem} 
.homed .ul1 .li2 .itemT{height: 3rem;} 
.homed .ul2 li .pic{height: 3rem;}
}

@media (max-width: 1024px){
.hoverbtn .sbtn a{opacity: 1;visibility:visible;}
.homee .desc{max-width: calc(100% - 2rem)}	
.homed .ul1 .li1{width: 100%}
.homed .ul1 .li2{width: 66.66666%}
.homed .ul1 .li3{width: 33.33333%}
.homed .ul2 li:nth-child(1){width: 100%}
.homed .ul2 li{width: 50%}
.homed ul li .txt p{height: auto}
.homed ul li .txt h4{height: auto}
.homeb .aleft{width: calc(100% - .5rem);margin-left: .5rem}
.homeb .aright{width: 100%}
.homeb:after{width: 100%;top: 60vw}
.homeb .aleft .item .pic{height: 60vw}
.homeb .aleft .item .txt{padding-right: 0}
.homeb .aleft .item .txt .jspic{right: 0}
.homea .slide-a .txt p{height: auto;line-height: 1.6em;font-size: .16rem}
.homeb .aleft .item .txt .info p{font-size: .16rem}
.homee .desc p{height: auto}
}
@media (max-width: 900px){
.homed .ul1 .li1 .item .pic{height: 55vw}	
.homec .link{margin-top: 0}
.homec .link li:nth-child(3){margin-left: 0}
}
@media (max-width: 700px){
.homed .ul1 .li2{width: 100%}
.homed .ul1 .li3{width: 100%}
.homed .ul1 .li3 a{display: flex;justify-content: space-between;flex-wrap: wrap;}
.homed .ul1 .li3 .pic{width: 50%}
.homed .ul1 .li3 .txt{width: 50%}
.homed .ul1 .li2 .itemT{height: auto}
.homed .ul1 .li3 .item .pic{height: auto}
.homed .ul2 li .pic,.homed .ul1 .li2 .item .pic{height: auto}
.homed .ul2 .li2 .pic{height: 40vw}
.homeb .aleft .item .pic{width: 100%;width: 70%;margin: 0 auto;height: 80vw}
.homeb .aleft .item .txt{width: 100%;padding-left: 0;padding-bottom: 1.3rem}
.homeb .aleft{width: 100%;margin-left: 0}
.homeb .aleft .item .txt .jspic{bottom: 0}
.homeb .aleft .item .dlog{left: 6%}
}
@media (max-width: 640px){
.intit h4 span{font-size: .32rem}
.homee .desc{max-width: calc(100% - 1rem)}	
.homee .desc:before{width: .4rem;height: .38rem;left: -.5rem}
.homee .desc:after{width: .4rem;height: .38rem;right: -.5rem}
.homee .desc h4{font-size: .19rem}
.homed .ul1 .li2 .itemT ul li{font-size: .16rem}
.homed ul li .txt p{-webkit-line-clamp: 2;}
.homed .ul2 .li2{width: 100%}
.homed .ul2 .li2 .pic{height: 50vw}
.homed .ul1 .li2 .itemT .intit .ico a{font-size: .3rem}
.homed .ul1 .li2 .itemT .intit .ico{padding-top: .2rem}
.homec .link li{font-size: .2rem}
.homec .link{margin-bottom: .5rem}
.homec{padding: .6rem 0}
/*.homeb .aright ul li{font-size: .18rem}*/
.homea .slide-a .pic{height: 50vw}

.homea .slide-a .txt h4{font-size: .21rem}
.homea .slide-a .txt p{font-size: .17rem}
}
@media (max-width: 360px){
.homec .link li{font-size: .18rem}
}
/*ie11*/ 
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop, 
} 
/*ie10*/ 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 

}