.xa-a{width: 100%;position: relative;}
.xa-b{width: 100%;}
.xa-item{width: 100%;}
.xa-c{display: block;cursor: pointer; width: 100%;position: relative;}
.xa-img{width: 100%;}
.xa-img img{width: 100%;}
.xa-text{position: absolute;left: 50%; top: 50%;transform: translate(-50%,-50%);width: 16rem; }
.xa-en{color: #ffffff;font-size: 1rem;font-weight: bold;margin-bottom: .4rem;}
.xa-titles{color: #ffffff;letter-spacing: 4px;line-height: 1.3; margin-bottom: .9rem;}
.xa-more{display: inline-block;cursor: pointer;padding: .17rem  .3rem;color: #ffffff;background-color: #2154bd;}
.xa-more:after{content: '+';color: #ffffff; margin-left: .1rem;} 

.xa-buttom{position: absolute;left: 0;bottom: 5.95%;z-index: 88; width: 100%; text-align: center;font-size: 0;}
.xa-pagination{display: inline-block;vertical-align: middle;position: static;}
.xa-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle; width: 1.5rem;height: 2px;margin: 0 .1rem;opacity: .3;border-radius: 0; background-color: #ffffff; }
.xa-pagination .swiper-pagination-bullet-active{opacity: 0.9;}
.xa-d{display: inline-block;vertical-align: middle;margin-left: .1rem;cursor: pointer;}
.xa-pause{display: block;width: 16px;height: 16px;background-image: url('../images/c6.png');background-size: 12px auto;background-position: center center;background-repeat: no-repeat;}
.xa-play{display: none;width: 16px;height: 16px;background-image: url('../images/c6-b.png');background-size: 12px auto;background-position: center center;background-repeat: no-repeat;}
.xa-d.hide .xa-pause{display: none;}
.xa-d.hide .xa-play{display: block;}

@media(max-width: 750px){ 
    .xa-text{width: 100%;padding: 0 10px;}
    .xa-en{font-size: 18px;}
    .xa-titles{font-size: 16px;margin-bottom: .35rem;} 
    .xa-img img{min-height: 220px;object-fit: cover;}
    .xa-pagination .swiper-pagination-bullet{width: .6rem;}
}

.xb-a{width: 100%;padding-top: 1rem;padding-bottom: 1rem;}
.xb-b{width: 100%;margin: 0 auto;padding-left: 1.6rem;}
.xb-top{width: 100%; position: relative;margin-bottom: .5rem;}
.xb-left{display: inline-block;vertical-align: top;}
.xb-en{color: #333333;font-weight: bold;margin-bottom: .3rem;}
.xb-titles{color: #333333;}
.xb-right{position: absolute;top: 50%;right: 1.6rem;transform: translate(0,-50%); font-size: 0;}
.xb-more{display: block;cursor: pointer;color: #666666;line-height: 1.5;}
.xb-more:after{content: '+';display: inline-block;vertical-align: middle;color: #999999;margin-left: .1rem;}
.xb-more:hover{color: #2154bd;}
.xb-more:hover:after{color: #2154bd;}
.xb-cont{width: 100%;position: relative;padding-bottom: .25rem;}
.xb-c{width: 100%;}
.xb-item{width: 6.8rem;margin-right: .3rem;}
.xb-item:last-child{margin-right: 0;}
.xb-d{display: block; width: 100%;}
.xb-img{width: 100%;overflow: hidden;}
.xb-img img{width: 80%;transform: scale(1.00);transition: all .5s;}
.xb-text{width: 100%;padding: .4rem 0;}
.xb-nub{color: #2154bd;font-weight: bold;margin-bottom: .2rem;}
.xb-e{display: inline-block;vertical-align: middle; color: #222222;font-weight: bold;}
.xb-espan:before{content: '';display: inline-block;vertical-align: middle;margin: 0 .1rem;width: .2rem;height: 2px;background-color: #ffae00;}

.xb-item:hover .xb-img img{transform: scale(1.05);}
.xb-item:hover .xb-e{color: #2154bd;}

.xb-scrollbar{position: absolute;bottom: 0;left: 0; width:  calc(100% - 1.6rem);height: 3px; border-radius: 0;background-color: #f0f0f0;}
.xb-scrollbar .swiper-scrollbar-drag{ background-color: #12509c;cursor: pointer;}


@media(max-width: 750px){ 
    .xb-b{width: 100%;max-width: 500px;padding-left: 10px;}
    .xb-right{right: 10px;}
    .xb-item{width: 80%;}
    .xb-scrollbar{width: calc(100% - 10px);}
}

.xc-a{width: 100%;padding-top: .63rem; background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xc-b{width: 16rem;margin: 0 auto;}
.xc-cont{width: 100%;font-size: 0;}
.xc-left{display: inline-block;vertical-align: middle;width: 6.9rem;padding: 0 .4rem;}
.xc-left img{width: 100%;}
.xc-right{display: inline-block;vertical-align: middle;width: calc(100% - 6.9rem);padding-left: 2.6rem;padding-bottom: .25rem;}
.xc-en{color: #ffffff;font-weight: bold;margin-bottom:  .3rem;}
.xc-titles{	color: #ffffff;margin-bottom: .3rem;}
.xc-textbox{color: #ffffff;line-height: 2.25;margin-bottom: .7rem;}
.xc-textbox *{line-height: inherit;}
.xc-more{margin-bottom: 1rem; display: inline-block;cursor: pointer;padding: .17rem .33rem;background-color: #2154bd;color: #ffffff;}
.xc-more:after{content: '+';display: inline-block;vertical-align: middle;color: #ffffff;margin-left: .1rem;}
.xc-list{width: 100%;font-size: 0;display: flex;flex-wrap: wrap; justify-content: space-between;}
.xc-item{display: inline-block;vertical-align: top;margin-bottom: .35rem;}
.xc-c{width: 100%;}
.xc-nub{display: inline-block;vertical-align: bottom; color: #ffffff;font-weight: bold;}
.xc-d{display: inline-block;vertical-align: bottom; }
.xc-dspan1{display: inline-block;vertical-align: top; color: #ffffff;}
.xc-dspan2{display: inline-block;vertical-align: top;   color: #ffffff; }
.xc-d{margin-top: .25rem;	color: #ffffff;line-height: 1.3;}

@media(max-width: 1400px){ 
    .xc-right{ padding-left: 1.8rem;}
    .xc-textbox{margin-bottom: .35rem;}
    .xc-more{margin-bottom: .6rem;}
}

@media(max-width: 750px){ 
    .xc-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .xc-left{width: 100%;padding: 0; margin-bottom: .5rem;text-align: center;}
    .xc-left img{width: 80%;}
    .xc-right{width: 100%;padding-left: 0;}
}

.xd-a{width: 100%;padding-top: 1rem;padding-bottom: 1.1rem;}
.xd-b{width: 100%;margin: 0 auto;padding-left: 1.6rem;}
.xd-cont{width: 100%;font-size: 0;}
.xd-left{display: inline-block;vertical-align: top;width: calc(100%  - 11rem);padding-right: 1rem;}
.xd-en{color: #333333;font-weight: bold;margin-bottom: .14rem;}
.xd-titles{color: #222222;margin-bottom: .85rem;}
.xd-c{color: #222222;line-height: 1.5;margin-bottom: .35rem;}
.xd-text{color: #666666;line-height: 2.25;margin-bottom: .85rem;}
.xd-more{  display: inline-block;cursor: pointer;padding: .17rem .33rem;background-color: #2154bd;color: #ffffff;}
.xd-more:after{content: '+';display: inline-block;vertical-align: middle;color: #ffffff;margin-left: .1rem;}

.xd-right{display: inline-block;vertical-align: top;width: 11rem;position: relative;}
.xd-d{width: 100%;}
.xd-item{width: 9.4rem;margin-right: .55rem;}
.xd-item:last-child{margin-right: 0;}
.xd-img{display: block;cursor: pointer;width: 100%;}
.xd-img img{width: 100%;}

.xd-prev{display: none;}
.xd-next{transform: rotate(-180deg);left: 9.18rem;  right:  auto;margin-top: -.22rem; width: .44rem;height: .44rem;border-radius: 50%;background-color: #12509c;background-image: url('../images/c10-b.png'); background-size: .1rem auto;background-position: center center;background-repeat: no-repeat;}

@media(max-width: 900px){ 
    .xd-left{padding-right: .3rem;width: 30%;}
    .xd-right{width: 70%;}
}
@media(max-width: 750px){ 
    .xd-b{width: 100%;max-width: 500px;padding-left: 10px; }
    .xd-left{width: 100%;margin-bottom: .5rem;}
    .xd-right{width: 100%;}
    .xd-item{width: 80%;}
    .xd-next{left: calc(80% - .22rem);}
    .xd-text{margin-bottom: .35rem;}
}

.xe-a{width: 100%;position: relative;}
.xe-b{width: 100%;}
.xe-item{width: 100%;}
.xe-c{display: block;cursor: pointer;position: relative; width: 100%;padding-top: 43.75%;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xe-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: .8rem;}
.xe-play img{width: 100%;}

.xe-buttom{position: absolute; left: 50%;bottom: .5rem;transform: translate(-50%,0);white-space: nowrap; z-index: 98;text-align: center;  }
.xe-pagination{position: static; display: inline-block;vertical-align: middle;}
.xe-pagination .swiper-pagination-bullet{position: relative;  display: inline-block;vertical-align: middle;margin-right: .15rem; width: .16rem;height: .16rem;border-radius: 50%;background-color: transparent;border: solid .02rem rgba(255,255,255,.6);opacity: 1; }
.xe-pagination .swiper-pagination-bullet-active{border: none;margin-left: .8rem; width: .4rem;height: .4rem;background-image: url('../images/c9-b.png');background-size: .42rem .42rem;}
.xe-pagination .swiper-pagination-bullet-active:before{content: '';position: absolute;left: -.66rem;top: 50%; display: inline-block;vertical-align: middle; width: .38rem;height: 1px;background-color:  rgba(255,255,255,.2);}
.xe-pagination .swiper-pagination-bullet:nth-child(1){margin-left: 0 !important;}
.xe-pagination .swiper-pagination-bullet:nth-child(1):before{display: none;}

.xe-nubs{display: inline-block;vertical-align: middle;}
.xe-nub1 ,.xe-link,.xe-nub2{color: #ffffff;margin: 0 .05rem;}

@media(max-width: 750px){ 
    .xe-buttom{bottom: 10px;}
}

.xg-a{width: 100%;padding-top: .98rem;padding-bottom: 1rem;}
.xg-b{width: 16rem;margin: 0 auto; }
.xg-top{width: 100%; position: relative;margin-bottom: .5rem;}
.xg-left{display: inline-block;vertical-align: top;}
.xg-en{color: #333333;font-weight: bold;margin-bottom: .3rem;}
.xg-titles{color: #222;}
.xg-right{position: absolute;top: 50%;right: 1.6rem;transform: translate(0,-50%); font-size: 0;}
.xg-navs{display: inline-block;vertical-align: middle;}
.xg-nav{display: inline-block;vertical-align: middle;margin-right: .7rem;color: #333333;line-height: 1.5;cursor: pointer;}
.xg-nav:hover{color: #12509c;}
.xg-nav.active{color: #12509c;}
.xg-more{display: inline-block;vertical-align: middle; color: #333333;line-height: 1.5;cursor: pointer;}
.xg-more:hover{color: #12509c;}

.xg-cont{width: 100%;position: relative;overflow: hidden;padding-bottom: .5rem;border-bottom: 1px solid #f0f0f0;}
.xg-item{position: absolute;width: 100%;left: -199rem;}
.xg-item.show{position: relative;left: 0;}
.xg-c{width: 100%;}
.xg-one{width: 100%;padding-right: 1.5rem;}
.xg-d{display: block;cursor: pointer;width: 100%;}
.xg-e{width: 100%;font-size: 0;}
.xg-espan1{display: inline-block;vertical-align: middle;color: #12509c;line-height: 1.5;}
.xg-espan2{display: inline-block;vertical-align: middle;color: #999999;line-height: 1.5;}
.xg-espan2:before{content: '';display: inline-block;vertical-align: middle;margin: 0 .1rem; width: 1px;height: 1em;	background-color: #cccccc;}
.xg-f{color: #222222;line-height: 1.3;margin-bottom: .35rem;margin-top: .35rem; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.xg-g{color: #999999;}
.xg-g:after{content: '>';display: inline-block;vertical-align: middle;margin-left: .15rem;}
.xg-one:hover .xg-f{color: #12509c;}
.xg-one:hover .xg-g{color: #12509c;}
.xg-prev{left: auto; right: .6rem; margin-top: -.22rem; width: .44rem;height: .44rem;border-radius: 50%;border: 1px solid #cccccc;  background-image: url('../images/c10.png'); background-size: .1rem auto;background-position: center center;background-repeat: no-repeat;}
.xg-prev:hover{ background-image: url('../images/c10-c.png');border: 1px solid #12509c; }
.xg-next{transform: rotate(-180deg); right:0; margin-top: -.22rem; width: .44rem;height: .44rem;border-radius: 50%;border: 1px solid #cccccc;  background-image: url('../images/c10.png'); background-size: .1rem auto;background-position: center center;background-repeat: no-repeat;}
.xg-next:hover{ background-image: url('../images/c10-c.png');border: 1px solid #12509c; }


.xg-bottom{width: 100%;position: relative;overflow: hidden;padding-top: .27rem;  }
.xg-h{position: absolute;width: 100%;left: -199rem;}
.xg-h.show{position: relative;left: 0;}
.xg-i{width: 100%; padding-bottom: .65rem;}
.xg-j{width: 5rem;margin-right: .5rem;}
.xg-j:last-child{margin-right: 0;}
.xg-k{display: block;cursor: pointer; width: 100%;}
.xg-img{width: 100%;text-align: center; overflow: hidden;margin-top: .27rem;margin-bottom: .25rem;}
.xg-img img{width: 100%;transform: scale(1.00);transition: all .5s;}
.xg-intro{color: #222222;line-height: 1.75;height: 3.5em;margin-bottom: .3rem; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.xg-l{color: #999999;}
.xg-l:after{content: '>';display: inline-block;vertical-align: middle;margin-left: .15rem;}
.xg-k:hover .xg-img img{transform: scale(1.05);}
.xg-k:hover .xg-intro{color: #12509c;}
.xg-k:hover .xg-l{color: #12509c;}

.xg-h .xg-scrollbar{position: absolute;bottom: 0;left: 0; width:  100%;height: 3px; border-radius: 0;background-color: #f0f0f0;}
.xg-h .swiper-scrollbar-drag{ background-color: #12509c;}

@media(max-width: 750px){ 
    .xg-b{width: 100%;max-width: 500px;padding-left: 10px; padding-right: 10px;}
    .xg-right{width: 100%;position: static;transform: translate(0,0);margin-top: .5rem;text-align: center; }
    .xg-one{padding-right: 0;}
    .xg-prev{top: 0;margin-top: 0;}
    .xg-next{top: 0;margin-top: 0;}
}