
.a-main{width: 100%;}
.a-bn{width: 100%;}
.a-s{position: relative;}
.a-box{display: block;width: 100%;padding-top: 100vh;position: relative;}
.a-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}

.a-bn.swiper-container-horizontal>.swiper-pagination-bullets{bottom: .4rem;font-size:0}
.a-bn.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .05rem;}
.a-bn .a-ps>span{width: 1rem;height:0.02rem;background-color: rgba(255,255,255,0.4);border: none;position: relative;opacity: 1;}
.a-bn .a-ps>span:after{content: "";display: inline-block;width: 0;height: 100%;background-color: #fff;position: absolute;left: 0;top: 0;}
.a-bn .a-ps>span.swiper-pagination-bullet-active:after{width: 100%;transition: width 4s linear;animation: long 4s linear;}
.a-ps>span:before{content: "";display: inline-block;width: 100%;height: 0.2rem;position: absolute;left: 0;top: 50%;margin-top: -0.2rem;background-color: transparent;}

.a-main.hide  .a-ps{opacity: 0;}

@keyframes long{
    0%{
        width: 0;
    }
    100%{
        width: 100%;
    }
}
.a-text{width: 16.8rem;position: absolute;left: 50%;margin-left: -8.4rem;top: 52.87%; transform: translate(0,-50%);z-index: 12;}
.a-tit{color: #fff;line-height: 1.23;margin-bottom: .5rem;}
.a-des{color: #fff;line-height: 1.6;margin-bottom: 1.05rem;}
.a-btn{display: inline-block;vertical-align: top;background-color: #fff;color: #074970;cursor: pointer;line-height: .56rem;border-radius: .5em;padding: 0 .3rem;}
.a-btn:after{content: "";display: inline-block;vertical-align: middle;width: .875em;height: .75em;background-image: url(../images/17.png);background-size: 100% 100%;margin-left: .29rem;}

.a-tit,.a-des,.a-btn{opacity:0;transform:translate3d(0,80px,0);}
.a-s.swiper-slide-active .a-tit{opacity:1;transform:translate3d(0,0,0);transition:opacity 1.5s cubic-bezier(.25,.1,.25,1),transform 1.5s cubic-bezier(.25,.1,.25,1);} 
.a-s.swiper-slide-active .a-des{opacity:1;transform:translate3d(0,0,0);transition:opacity 1.5s cubic-bezier(.25,.1,.25,1),transform 1.5s cubic-bezier(.25,.1,.25,1);} 
.a-s.swiper-slide-active .a-btn{opacity:1;transform:translate3d(0,0,0);transition:opacity 1.5s cubic-bezier(.25,.1,.25,1),transform 1.5s cubic-bezier(.25,.1,.25,1);} 


@media(max-width: 1200px){
    .a-box{padding-top: 48.958%;}
    .a-btn{line-height: 34px;}
}
@media(max-width: 960px){
    .a-bn .a-ps>span{height: 1px;}
}
@media(max-width: 850px){
    .a-text{width: 100%;margin-left: 0;left: 0;top: 50%;padding: 0 20px;}
    .a-tit{font-size: 20px;}
    .a-des{font-size: 14px;}
    .a-btn{font-size: 12px;}
}
@media(max-width: 600px){
    .a-tit{margin-bottom: 10px;}
    .a-des{margin-bottom: 20px;}
}
@media(max-width: 500px){
    .a-tit{font-size: 16px;}
    .a-des{font-size: 12px;margin-bottom: 15px;}
    .a-bn.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 5px;}
}

.b-a{width: 100%;position: relative;background-color: #d0d3d7; background-image: linear-gradient(45deg, #d0d3d7 0%, #f3f5f7 34%, #dcdfe3 81%, #eaeced 100%);}
.b-main{width: 100%;margin: 0 auto;font-size: 0;}
.b-left{display: inline-block;vertical-align: middle;width: 50%;padding: 10px   1.2rem;}
.b-top{width: 100%;max-width: 5.8rem;min-height: 3.2rem;padding-bottom: .5rem;}
.b-titles{width: 100%;margin-bottom: .5rem; color: #111111;line-height: 1.2;}
.b-synopsis{    font-family: ranyRegular;width: 100%;color: #606266;line-height: 1.6;}
.b-swiper{width: 100%;margin-left: -.1rem; max-width: 6.6rem; position: relative;z-index: 38;}
.b-b{width: 100%;}
.b-nav{display: block;cursor: pointer; width: 33.33%;text-align: center;padding: .2rem .1rem;}
.b-nav:last-child{margin-right: 0;}
.b-icon{display: inline-block;}
.b-icon1{display: block; width: .9rem;height: .9rem;line-height: .9rem; border-radius: 50%; background-color: #ffffff;}
.b-icon1 img{    max-width: 100%;
    max-height: 50%;}
.b-icon2{display: none; width: .9rem;height: .9rem;line-height: .9rem; border-radius: 50%;background-color: #fff; box-shadow: 0px .1rem .2rem 0px rgba(20, 24, 29, 0.05);}
.b-icon2 img{    max-width: 100%;
    max-height: 50%;}
.b-classify{font-weight: bold; width: 100%;margin-top: .1rem; color: #191919;line-height: 1.5;}
.b-nav:hover .b-icon1{display: none;}
.b-nav:hover .b-icon2{display: block;}
.b-nav:hover .b-classify{color: #074970;}
.b-nav.active .b-icon1{display: none;}
.b-nav.active .b-icon2{display: block;}
.b-nav.active .b-classify{color: #074970;}

.b-prev{left: -.4rem;top: 0; margin-top: .5rem; width: .27rem;height: .3rem;background-image: url('../images/a26.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.b-prev:hover{background-image: url('../images/a26-b.png');}
.b-next{transform: rotate(-180deg);top: 0; right: -.4rem;margin-top: .5rem; width: .27rem;height: .3rem;background-image: url('../images/a26.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.b-next:hover{background-image: url('../images/a26-b.png');}


.b-right{display: inline-block;vertical-align: middle;width: 50%;position: relative;}
.b-bgbox{width: 100%;padding-top: calc(940/960*100%);position: relative;}
.b-bg{opacity: 0;z-index: -1;transition: all ease .5s; position: absolute;top: 0;left: 0;display: block;cursor: pointer; width: 100%;height: 100%; }
.b-bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.b-bg.show{opacity: 1;z-index: 1;}
.b-list{position: absolute;top: 50%;left: -2.1rem;transform: translate(0,-50%); z-index: 18; width: 10.5rem;}
.b-item{display: none;align-items: center;justify-content: space-between;flex-wrap: wrap;cursor: pointer; width: 100%;}
.b-item.show{display: flex;}
.b-img{width: 4.65rem;}
.b-img img{width: 100%;}
.b-text{display: block;width: 4.8rem;}
.b-name{width: 100%;margin-bottom: .4rem; color: #ffffff;line-height: 1.3; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.b-intro{font-family: ranyLight;width: 100%;margin-bottom: 1.15rem; color: #ffffff;line-height: 1.6; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.b-more{display: inline-block;cursor: pointer;padding: 0 .3rem;color: #074970;line-height: .56rem; background-color: #ffffff;border-radius: .08rem;}
.b-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .28rem;width: 1em;height: 1.5em;background-image: url('../images/a2.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.b-item:hover .b-more{background-color: #074970;color: #fff;}
.b-item:hover .b-more:after{background-image: url('../images/a2-b.png');}
.b-arrows{position: absolute;bottom: 0;left: 50%;margin-left: -1.25rem;z-index: 88; display: block;cursor: pointer; width: 2.5rem;height: .53rem;background-image: url('../images/a60.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
@media(max-width: 1920px){
    .b-prev{background-size: 7px auto;}
    .b-next{background-size: 7px auto;}
}

@media(max-width: 850px){
    .b-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .b-left{width: 100%;padding: 25px 0 80px;}  
    .b-top{max-width: 100%;}
    .b-swiper{max-width: 100%;padding: 0 10px;}
    .b-nav{width: 50%;}
    .b-prev{left: 0;width: 10px;}
    .b-next{right: 0;width: 10px;} 

    .b-right{width: 100%;}  
    .b-list{left: 0;top: -70px;transform: translate(0,0); width: 100%;padding: 0 10px;}
    .b-img{width: 100%;text-align: center; height: 150px;line-height: 150px;}
    .b-img img{width: auto;max-width: 80%;max-height: 80%;}
    .b-text{width: 100%;}
    .b-intro{margin-bottom: 15px;}
    .b-more{line-height: 32px;}
}

.c-a{width: 100%;padding-top: .95rem;padding-bottom: .75rem;background-color: #f3f5f7;}
.c-main{width: 17.06rem;margin: 0 auto;}
.c-titles{width: 100%;text-align: center;margin-bottom: .3rem; color: #111111;line-height: 1.2;}
.c-cont{width: 100%;position: relative;}
.c-item{width: 25%;padding: .1rem .13rem;}
.c-link{display: block;cursor: pointer; width: 100%;text-align: center;padding: 0 .2rem .3rem;background-color: #fff;	box-shadow: 0px 0px .15rem 0px rgba(1, 74, 151, 0.1); }
.c-img{width: 100%;height: 3.2rem;line-height: 3.2rem;}
.c-img img{width: 90%; max-width: 3.2rem;max-height: 80%;transform: scale(1.00);transition: all ease .5s;}
.c-text{width: 100%;}
.c-name{font-family: ranyRegular;width: 100%;color: #222222;line-height: 1.5;height: 3em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.c-link:hover .c-img img{transform: scale(1.05);}
.c-link:hover .c-name{color: #074970;}

.c-prev{display: none; left: -.3rem; margin-top: -.15rem; width: .27rem;height: .3rem;background-image: url('../images/a26.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.c-prev:hover{background-image: url('../images/a26-b.png');}
.c-next{display: none; transform: rotate(-180deg); right: -.3rem;margin-top: -.15rem; width: .27rem;height: .3rem;background-image: url('../images/a26.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.c-next:hover{background-image: url('../images/a26-b.png');}
 
@media(max-width: 1920px){
    .c-prev{background-size: 7px auto;}
    .c-next{background-size: 7px auto;}
}

@media(max-width: 850px){
    .c-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;} 
    .c-cont{max-width: 100%;padding: 0 10px;}
    .c-item{width: 50%;padding: 0 5px;}
    .c-img{height: 130px;line-height: 130px;}
    .c-prev{display: block; left: 0;width: 10px;}
    .c-next{display: block; right: 0;width: 10px;}   
}

.d-a{width: 100%;position: relative; }
.d-bgbox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.d-bg{opacity: 0;z-index: -1;transition: all ease .5s; position: absolute;top: 0;left: 0;display: block;cursor: pointer; width: 100%;height: 100%;}
.d-bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.d-bg.show{opacity: 1;z-index: 1;}
.d-main{width: 16.8rem;margin: 0 auto;position: relative;z-index: 1;padding-top: 1.45rem;padding-bottom: 3.5rem; min-height: 9.4rem;}
.d-top{width: 100%;}
.d-top:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.d-left{float: left;font-size: 0;width: 4.75rem;padding-top: 1rem;}
.d-titles{width: 100%;margin-bottom: .5rem; }
.d-titles span{display: inline-block;position: relative; color: #ffffff;line-height: 1.2;}
.d-titles span:before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: .03rem;background-color: #fff;}
.d-synopsis{ font-family: ranyRegular;width: 100%;line-height: 1.6; color: #ffffff;}
.d-right{float: right;width: 4.75rem;}
.d-item{display: none;cursor: pointer;width: 100%;}
.d-item.show{display: block;}
.d-item .d-icon{display: none; width: 100%;margin-bottom: .4rem; height: .4rem;line-height: .4rem;}
.d-item .d-icon img{height: .3rem;}
.d-name{width: 100%;margin-bottom: .4rem; color: #ffffff;line-height: 1.27;}
.d-intro{width: 100%;margin-bottom: .5rem; background-color: rgba(0,0,0,.5);padding: .15rem; }
.d-intro_text{width: 100%;font-family: ranyRegular;color: #ffffff;line-height: 1.6;height: 8em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.d-intro_text *{line-height: inherit !important;}
.d-more{display: inline-block;cursor: pointer; padding: 0 .3rem;line-height: .56rem;color: #074970; background-color: #ffffff;border-radius: .08rem;}
.d-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .28rem;width: 1em;height: 1.5em;background-image: url('../images/a2.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.d-more:hover{color: #fff;background-color: #074970;}
.d-more:hover:after{background-image: url('../images/a2-b.png');}

.d-bottom{position: absolute;bottom: 0;left: 0;width: 100%;}
.d-swiper{width: 15.6rem;margin: 0 auto;position: relative; }
.d-swiper:after{content: '';position: absolute;top: .6rem;left: 0;width: 100%;height: 1px;border-top: 1px dashed rgba(255,255,255,.5);}
.d-nav{transition: all ease .5s;display: block;cursor: pointer; width: 14.28%;min-height: 2.1rem;padding-top: .8rem; text-align: center;}
.d-nav:before{content: ''; position: absolute;top: .55rem;left: 50%;transform: translate(-50%,0);	width: .1rem;height: .1rem;border-radius: 50%;background-color: #ffffff;}
.d-box{opacity: 0;transition: all ease .5s; position: absolute;top: 0;left: 50%;transform: translate(-50%,0);padding: .2rem;border-radius: 50%; border: 1px dashed #fff;}
.d-nav .d-icon{display: block;width: .8rem;height: .8rem; line-height: .8rem; border-radius: 50%;background-color: #ffffff;}
.d-nav .d-icon img{max-width: 80%;max-height: 80%;} 
.d-classify{width: 100%; color: #ffffff;line-height: 1.5;}

.d-nav.swiper-slide-active{padding-top: 1.35rem;}
.d-nav.swiper-slide-active .d-box{opacity: 1;}

.d-prev{transform: rotate(-180deg); top: .3rem;left: -.6rem;margin-top: 0; width: .6rem;height: .6rem;border-radius: 50%;border: dashed 1px #ffffff;background-image: url('../images/a2-b.png');background-size: .16rem auto;background-position: center center;background-repeat: no-repeat;}
.d-prev:hover{background-color: #fff;border: 1px solid #fff;background-image: url('../images/a2.png');}
.d-next{top: .3rem;right: -.6rem;margin-top: 0; width: .6rem;height: .6rem;border-radius: 50%;border: dashed 1px #ffffff;background-image: url('../images/a2-b.png');background-size: .16rem auto;background-position: center center;background-repeat: no-repeat;}
.d-next:hover{background-color: #fff;border: 1px solid #fff;background-image: url('../images/a2.png');}


.d-nav.swiper-slide-active .d-classify{font-size: calc(24 * 1rem / 100);line-height: 1.41;}
@media(max-width: 1248px){
    .d-nav.swiper-slide-active .d-classify{font-size: 15.6px;}
}

@media(max-width: 850px){ 
    .d-main{padding-top: 30px;}
    .d-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .d-left{width: 100%;margin-bottom: 25px;padding-top: 0;}
    .d-right{width: 100%;}
    .d-swiper{width: calc(100% - 1.2rem);}
    .d-nav{width: 33.33%;min-height: 120px;}
}


.e-a{width: 100%;padding-top: .9rem;padding-bottom: .5rem;}
.e-main{width: 17.4rem;margin: 0 auto;}
.e-titles{width: 100%;margin-bottom: .3rem; text-align: center;line-height: 1.4;}
.e-cont{width: 100%;position: relative;}
.e-top{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 88; }
.e-img{display: inline-block; width: 2.8rem;height: 2.8rem;line-height: 2.8rem;border-radius: 50%; text-align: center;background-image: url('../images/b55.jpg'); background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.e-img img{max-width: 1.6rem;max-height: 1.6rem;}
.e-b{width: 100%;}
.e-item{width: 100%;padding: .6rem .3rem;display: flex;flex-wrap: wrap; justify-content: space-between;background-color: #fff;}
.e-one{display: block;position: relative;cursor: pointer;width:calc(50% - .1rem);padding: .75rem 1.8rem .78rem .5rem;}
.e-one:before{opacity: .25;width: calc(100% - 1.6rem);z-index: 3;  content: '';position: absolute;top: -.4rem;left: 50%;display: block;height: 100%; transform: translate(-50%,0);background-color: #ffffff;box-shadow: 0px 0px .2rem 0px rgba(1, 74, 151, 0.1);border-radius: .3rem;}
.e-one:after{opacity: .5;width: calc(100% - .8rem);z-index: 6; content: '';position: absolute;top: -.2rem;left: 50%;display: block;height: 100%; transform: translate(-50%,0);background-color: #ffffff;box-shadow: 0px 0px .2rem 0px rgba(1, 74, 151, 0.1);border-radius: .3rem;}
.e-bg1{opacity: .25;width: calc(100% - 1.6rem);z-index: 1;  content: '';position: absolute;top: -.4rem;left: 50%;display: block;height: 100%; transform: translate(-50%,0);background-color: #ffffff;box-shadow: 0px 0px .2rem 0px rgba(1, 74, 151, 0.1);border-radius: .3rem;}
.e-bg2{position: absolute;top: 0;left: 0; z-index: 8; width: 100%;height: 100%; background-color: #ffffff;box-shadow: 0px 0px .2rem 0px rgba(1, 74, 151, 0.1);border-radius: .3rem;}
.e-icon{position: relative;z-index: 18;width: 100%;height: .67rem;line-height: .67rem;}
.e-icon img{max-width: 100%;max-height: 100%;}
.e-text{position: relative;z-index: 18;width: 100%;padding-top: 1rem;}
.e-name{width: 100%;margin-bottom: .2rem; color: #111111;line-height: 1.6;}
.e-intro{ font-family: ranyRegular;width: 100%; color: #606266;line-height: 1.28;}
.e-one:nth-child(2n) {text-align: right;padding: .75rem  .5rem .78rem  1.8rem;}

.e-one:before{width: calc(100% - 1.6rem);opacity: .25; top: -.4rem;transition: all  ease 1.5s;}
.e-item.swiper-slide-active  .e-one:before{width: calc(100% - .8rem);opacity: .5; top: -.2rem;}
.e-one:after{width: calc(100% - .8rem);opacity: .25; top: -.2rem;transition: all  ease 1.5s;}
.e-item.swiper-slide-active  .e-one:after{width: 100%;opacity: 1; top: 0;} 
.e-bg1{transition: all  ease .5s; opacity: 0;}
.e-item.swiper-slide-active  .e-bg1{transition-delay: 1s; opacity: .25;} 
.e-bg2{transition: all  ease .5s; opacity: 0;}
.e-item.swiper-slide-active  .e-bg2{transition-delay: 1s; opacity: 1;} 
.e-icon{transition: all  ease .5s;top: 10px; opacity: 0;}
.e-item.swiper-slide-active  .e-icon{top: 0;transition-delay: 1s;opacity: 1;} 
.e-text{transition: all  ease .5s;top: 10px; opacity: 0;}
.e-item.swiper-slide-active  .e-text{top: 0; transition-delay: 1.3s;opacity: 1;} 
  


@media(max-width: 850px){  
    .e-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .e-item{padding-bottom: 10px;}
    .e-one{width: 100%;margin-bottom: .8rem; text-align: left !important;padding: 15px 10px !important;}
    .e-one:last-child{margin-bottom: 0;}
    .e-top{position: relative;top: 0;left: 0;transform: translate(0,0);width: 100%;text-align: center;} 
    .e-text{padding-top: 15px;}
}

.g-a{width: 100%;padding-top: 1.25rem;padding-bottom: 1.3rem; background-image: url('../images/b26.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.g-main{width: 17.7rem;margin: 0 auto;}
.g-titles{width: 100%;text-align: center;margin-bottom: .8rem; color: #111111;line-height: 1.2;}
.g-top{width: 100%;max-width: 12.8rem;margin: 0 auto .8rem; position: relative;}
.g-b{width: 100%;}
.g-item{display: block;width: 100%;}
.g-link{display: block;position: relative;padding-top: .25rem; width: 100%;text-align: center;}
.g-link:before{content: ''; position: absolute;top: 0;left: 0;width: .83rem;height: .66rem;background-image: url('../images/a61.png'); background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.g-link:after{opacity: .5;transform: rotate(-180deg); content: ''; position: absolute;bottom:   .7rem;right: 0;width: .83rem;height: .66rem;background-image: url('../images/a61.png'); background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.g-intro{position: relative;z-index: 1; font-family: ranyRegular;text-align: justify; width: 100%;margin-bottom: .75rem; line-height: 2; color: #606266;}
.g-name{position: relative;z-index: 1;width: 100%;margin-bottom: .55rem; color: #111111;line-height: 1.27;}
.g-bottom{width: 100%;}
.g-nav{display: block;cursor: pointer; width: 14.28%;text-align: center;}
.g-box{transition: all ease .5s;display: inline-block;padding: .3rem;border-radius: 50%;border: 1px dashed transparent;}
.g-img{transition: all ease .5s;display: inline-block;border-radius: 50%;overflow: hidden; border:  .02rem solid transparent;}
.g-img img{width: 1rem;height: 1rem;object-fit: cover;}

.g-nav.swiper-slide-active .g-box{border: dashed 1px #074970;}
.g-nav.swiper-slide-active .g-img{border: solid .02rem #074970;}

@media(max-width: 850px){
    .g-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .g-nav{width: 33.33%;} 
}

.i-a{width: 100%;padding-top: .95rem;padding-bottom: .4rem;overflow: hidden;}
.i-main{width: 100%;margin: 0 auto;}
.i-top{width: 100%;max-width: 16.8rem;margin: 0 auto;text-align: center;}
.i-titles{width: 100%;margin-bottom: .65rem; color: #111111;line-height: 1.2;}
.i-linkbox{width: 100%;font-size: 0;padding-bottom: .25rem;}
.i-link{display: inline-block;vertical-align: top;cursor: pointer;margin: 0 .75rem .3rem;}
.i-icon{display: inline-block;}
.i-icon1{display: block;width: .9rem;height: .9rem;line-height: .9rem;border-radius: 50%; background-color: #ffffff;box-shadow: 0px 0px .3rem 0px rgba(1, 74, 151, 0.06);}
.i-icon1 img{max-width: 50%;max-height: 50%;}
.i-icon2{display: none;width: .9rem;height: .9rem;line-height: .9rem; border-radius: 50%;background-color: #ffffff;box-shadow: 0px 0px .3rem 0px rgba(1, 74, 151, 0.06);}
.i-icon2 img{max-width: 50%;max-height: 50%;}
.i-name{width: 100%;margin-top: .25rem;color: #111111;line-height: 1.6;}

.i-link.active .i-icon1{display: none;}
.i-link.active .i-icon2{display: block;}
.i-link.active .i-name{color: #074970;}

.i-center{width: 100%;position: relative;display: flex;flex-wrap: wrap; margin-bottom: 1.25rem;background-color: #074970;}
.i-left{width: 12.8rem;position: relative;}
.i-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.i-bg.hide{opacity: 0;visibility: hidden;z-index: -1;}
.i-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.i-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.i-b{position: absolute;top: 0;left: 0;width: 100%;padding: .85rem .8rem;text-align: right;}
.i-c{width: 100%;margin-bottom: .1rem; color: #ffffff;line-height: 1.4;}
.i-d{color: #ffffff;line-height: 1.27;}

.i-right{flex: 1; min-height: 5.2rem;padding: .75rem .5rem .3rem; text-align: center; }
.i-subtitle{width: 100%;margin-bottom: .3rem; color: #ffffff;line-height: 1.27;}
.i-intro{font-family: ranyRegular;text-align: justify; width: 100%;min-height: 2.2rem;padding-bottom: .3rem; color: #ffffff;line-height: 1.87;}
.i-morebox{width: 100%;}
.i-more{transition: all ease .5s;display: none;cursor: pointer; padding: .2rem .5rem;color: #ffffff;background-color: transparent; border-bottom: 1px solid #ffffff;}
.i-more:hover{background-color: #fff;color: #074970;}
.i-more.show{display: inline-block;}

.i-onebox{width: 100%;}
.i-one{position: absolute;top: 0;left: -29rem; width: 100%;}
.i-one.show{position: relative;left: 0;}
.i-a .xg-cont{min-height: 5.2rem;}
.i-a .xi-bottom{padding: .5rem .5rem .3rem;}
.i-a .xj-bottom{padding: 1rem .5rem .3rem; }
.i-a .xj-name{color: #fff !important;}

.i-bottom{width: 100%;max-width: 16.8rem;margin: 0 auto; }
.i-list{width: 100%;font-size: 0;}
.i-item{display: inline-block;vertical-align: top;width: 16.666%;text-align: center;padding: 0 .1rem;margin-bottom: .35rem;}
.i-e{width: 100%;}
.i-nub{font-family: heavy;display: inline-block;vertical-align: middle;color: #074970;line-height: 1.16;}
.i-tip{font-family: heavy;display: inline-block;vertical-align: middle;color: #074970;line-height: 1.16;}
.i-text{width: 100%;margin-top: .15rem; color: #999999;line-height: 1.7;}

.ia-cont{width: 100%;font-size: 0;display: flex;flex-wrap: wrap; padding: .5rem 0 .3rem;}
.ia-item{display: block;width: 18%;margin: 0 1% .2rem; padding: 0.35rem 0.2rem 0.15rem;text-align: center;background-color: #ffffff;border-radius: 0.08rem; }
.ia-item:nth-child(5n){margin-right: 0;}
.ia-img{width: 100%;margin-bottom: 0.25rem;height: 1.4rem;line-height: 1.4rem;}
.ia-img img{max-width: 100%;max-height: 100%;cursor: pointer;}
.ia-name{width: 100%;line-height: 1.3;height: 2.6em; color: #000;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

@media(max-width: 850px){
    .i-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .i-link{width: 33.33%;padding: 0 .1rem;margin: 0 0 15px;}
    .i-center{padding-left: 0;margin-bottom: 30px;}
    .i-left{position: relative;width: 100%;  }
    /* .i-left{position: relative;width: 100%; height: auto;padding-top: calc(520/1280*100%);} */
    .i-b{top: 50%;padding: 10px;text-align: center;transform: translate(0,-50%);}
    .i-right{width: 100%;padding: 25px 10px;}
    .i-item{width: 33.33%;}
 
    .i-left{min-height: 180px;}
    .ia-cont{padding: .5rem 5px .3rem;}
    .ia-item{width:calc(50% - 10px);margin: 0 5px .2rem; padding: 15px 10px;}
    .ia-img{height: 130px;line-height: 130px;}
}

.j-a{width: 100%;padding-top: .5rem; padding-bottom: 1rem;}
.j-main{width: 16.8rem;margin: 0 auto;} 
.j-titles{width: 100%;margin-bottom: .5rem;text-align: center; color: #111111;line-height: 1.2;}
.j-cont{width: 100%;position: relative;}
.j-b{width: 100%;}
.j-item{width: 16.66%;}
.j-logo{display: block;width: 100%;text-align: center; cursor: pointer;height: 1.8rem;line-height: 1.8rem;overflow: hidden;}
.j-logo img{max-width: 55%; max-height: 55%;transform: scale(1.00);transition: all ease .5s;}
.j-logo:hover img{transform: scale(1.05);}

.j-prev{left: -.5rem; margin-top: -.15rem; width: .27rem;height: .3rem;background-image: url('../images/a26.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.j-prev:hover{background-image: url('../images/a26-b.png');}
.j-next{transform: rotate(-180deg); right: -.5rem;margin-top: -.15rem; width: .27rem;height: .3rem;background-image: url('../images/a26.png');background-size: .07rem auto;background-position: center center;background-repeat: no-repeat;}
.j-next:hover{background-image: url('../images/a26-b.png');}

@media(max-width: 1920px){
    .j-prev{background-size: 7px auto;}
    .j-next{background-size: 7px auto;}
}

@media(max-width: 850px){
    .j-a{padding-bottom: .5rem;}
    .j-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .j-item{width: 33.33%;}
    .j-logo{height: 1.5rem;line-height: 1.5rem;}
    .j-prev{left: 0;width: 10px;}
    .j-next{right: 0;width: 10px;} 
}

.k-a{width: 100%; background-color: #f3f5f7;position: relative;overflow: hidden;}
.k-main{width: 100%;margin: 0 auto;}
.k-cont{width: 100%;font-size: 0; display: flex;flex-wrap: wrap; align-items: center;justify-content: space-between;}
.k-left{width: calc(955/1920*100%);position: relative;padding: 1.55rem 1.2rem; min-height: 9.4rem;}
.k-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.k-bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.k-top{width: 100%;position: relative;z-index: 8;min-height: 5.2rem;padding-bottom: .5rem;}
.k-box{width: 100%;margin-bottom: .2rem;}
.k-titles{display: inline-block;vertical-align: middle;max-width: calc(100% - .8rem);padding-right: .1rem; color: #ffffff;line-height: 1.2;}
.k-buttom{display: inline-block;vertical-align: middle;position: relative;}
.k-memu{display: block;cursor: pointer; width: .42rem;height: 1em;background-image: url('../images/a65.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.k-synopsis{font-family: ranyRegular;line-height: 1.41; color: #ffffff;}
.k-bottom{width: 100%;position: relative;z-index: 1;}
.k-mores{display: inline-block;cursor: pointer; padding: 0 .3rem;line-height: .56rem;color: #074970; background-color: #ffffff;border-radius: .08rem;}
.k-mores:after{content: '';display: inline-block;vertical-align: middle;margin-left: .28rem;width: 1em;height: 1.5em;background-image: url('../images/a2.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.k-mores:hover{color: #fff;background-color: #074970;}
.k-mores:hover:after{background-image: url('../images/a2-b.png');}

.k-sub{opacity: 0;visibility: hidden;z-index: -1;transition: all ease .5s;z-index: 88; position: absolute;top: 0;left: 100%;width: 2.5rem;min-width: 150px;padding-left: 10px; }
.k-buttom.show .k-sub{opacity: 1;visibility: visible;z-index: 8;}
.ks-close{display: none; position: absolute;top: 0;right: 0; cursor: pointer; width: .3rem;height: .3rem;background-image: url('../images/a23-b.png');background-size: 50% auto;background-position: center center;background-repeat: no-repeat;}
.ks-cont{width: 100%;padding-top: .2rem; background-color: #ffffff;box-shadow: 0px .1rem .3rem 0px rgba(1, 74, 151, 0.1);border-radius: .2rem;}
.ks-navbox{width: 100%; padding-bottom: .17rem;}
.ks-nav{font-family: ranyRegular;position: relative;cursor: pointer; display: block;width: 100%; padding: .08rem .1rem;text-align: center; line-height: 2; color: #606266;}
.ks-nav:before{opacity: 0; content: '';position: absolute;top: 50%;left: 0;margin-top: -.05rem; width: .03rem;height: .1rem;background-color: #074970;border-radius: .02rem;}
.ks-nav:hover{color: #074970;}
.ks-nav.active{color: #074970;}
.ks-bottom{width: 100%;padding: 0 .2rem;}
.ks-link{display: block;cursor: pointer;width: 100%;padding: .05rem .05rem;text-align: center; color: #ffffff; line-height: .3rem; background-color: #074970;border-radius: .2rem;}


.k-right{width: calc(965/1920*100%);padding-left: 1.65rem; }
.k-list{width: 100%;position: relative;}
.k-swiper{position: absolute;top: 0;left: -20rem; width: 100%; }
.k-swiper.show{position: relative;left: 0;}
.k-b{width: 100%;}
.k-item{width: 4.6rem;margin-right: .5rem;}
/* .k-item:last-child{margin-right: 0;} */
.k-link{display: block;cursor: pointer; width: 100%;background-color: #ffffff;border-radius: .3rem;overflow: hidden;}
.k-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(276/460*100%);}
.k-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.k-text{width: 100%;padding: .35rem .4rem .65rem;}
.k-time{font-family: ranyRegular;width: 100%;margin-bottom: .2rem; color: #666666;line-height: 1.6;}
.k-name{width: 100%;margin-bottom: .65rem; color: #111111;line-height: 1.5;height: 4.5em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.k-more{width: 100%;color: #074970;line-height: 1.6;}
.k-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .1rem;width: 1em;height: 1.5em;background-image: url('../images/a2.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.k-link:hover .k-img img{transform: scale(1.05);}
.k-link:hover .k-name{color: #074970;}

.k-prev{transform: rotate(-180deg); top: auto;bottom: 0;left: -2.45rem;margin-top: 0; width: .8rem;height: .8rem;background-color: #ffffff;border-radius: 0px .08rem .08rem 0px;background-image: url('../images/a2.png');background-size: .16rem auto;background-position: center center;background-repeat: no-repeat;}
.k-next{top: auto;right: auto; bottom: 0;left: -1.65rem;margin-top: 0; width: .8rem;height: .8rem;background-color: #074970;border-radius: 0px .08rem .08rem 0px;background-image: url('../images/a2-b.png');background-size: .16rem auto;background-position: center center;background-repeat: no-repeat;}


@media(max-width: 850px){ 
    .k-a{padding-top: 30px;padding-bottom: 30px;}
    .k-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .k-left{width: 100%;margin-bottom: 15px;padding: .5rem 10px; min-height: 6rem;} 
    .k-top{min-height: 100px;}
    .k-mores{line-height: 32px;}
    .k-right{width: 100%;padding-left: 0;}
    .k-swiper{padding-bottom: 1rem;}
    .k-item{width: calc(50% - 5px);margin-right: 10px;}
    .k-item:last-child{margin-right: 0;}
    .k-text{padding: 15px 10px;}
    .k-name{margin-bottom: 10px;}
    .k-prev{left: calc(50% - .8rem);}
    .k-next{left: auto;right: calc(50% - .8rem);}

    .k-sub{ top: 25px;left: 50%;transform: translate(-50%,0);}
    .ks-link{padding: 5px;line-height: 20px;border-radius: 15px;}
}

.l-a{width: 100%;padding-top: 1.2rem;padding-bottom: 1.2rem; min-height: 7.8rem; position: relative;}
.l-main{width: 16.8rem;margin: 0 auto;}
.l-left{position: relative;z-index: 18; width: 7.8rem;}
.l-titles{width: 100%;margin-bottom: .43rem; color: #111111;line-height: 1.2;}
.l-list{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.l-item{display: block;width: 100%;position: relative; padding: 0 .2rem; margin-bottom: .2rem;background-color: #f3f5f7;border-radius: .08rem;}
.l-star{position: absolute;top: 0;left: 0;width: .2rem;text-align: right;color: #e50009;line-height: .6rem;height: .6rem;}
.l-input{font-family: ranyLight;display: block;width: 100%;border: none;background-color: transparent;height: .6rem;color: #111;}
.l-textarea{font-family: ranyLight;display: block;width: 100%;border: none;background-color: transparent;padding: .1rem 0;line-height: .4rem; height: 1.8rem;color: #111;}
.l-submit{display: inline-block;cursor: pointer;border: none;cursor: pointer; padding: .23rem .44rem; color: #ffffff;background-color: #074970;border-radius: .08rem;}
.l-right{position: absolute;top: 0;right: 0;height: 100%;}
.l-img{position: absolute;top: 0;right: 0;height: 100%;}
.l-img img{height: 100%;max-width: none;}

 
@media(min-width: 851px){ 
    .l-list .l-item{width: calc(50% - .1rem);}
}

@media(max-width: 850px){ 
    .l-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .l-left{width: 100%;}
    .l-input{height: 36px;}
    .l-star{line-height: 36px;height: 36px;}
    .l-textarea{padding: 8px 0;line-height: 20px;height: 76px;}
    .l-right{width: 100%;}
    .l-img{width: 100%;}
    .l-img img{width: 100%;object-fit: cover;}
}


.xg-a{width: 100%;overflow: hidden;}
.xg-main{width: 100%;margin: 0 auto;}
.xg-cont{width: 100%;padding-top: .95rem ;padding-bottom: 1rem; min-height: 8.6rem; position: relative;}
.xg-cont:before{content: '';position: absolute;top: 0;left: 33.33%;display: block;z-index: 28; width: 1px;height: 100%;background-color: rgba(255,255,255,.2);}
.xg-cont:after{content: '';position: absolute;top: 0;left: 66.66%;display: block;z-index: 28; width: 1px;height: 100%;background-color: rgba(255,255,255,.2);}
.xg-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.xg-bg img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.xg-top{width: 100%;margin-bottom: 1.6rem; position: relative;z-index: 18;text-align: center;}
.xg-titles{width: 100%;color: #ffffff;line-height: 1.2;}
.xg-list{width: 100%;text-align: center;position: relative;z-index: 18;font-size: 0;}
.xg-item{display: inline-block;vertical-align: top;width: 33.33%;padding: 0 .1rem; position: relative;}
.xg-icon{width: 100%;height: .75rem;line-height:  .75rem;}
.xg-icon img{max-width: .85rem;max-height: 100%;}
.xg-text{width: 100%;padding-top: .4rem;}
.xg-name{width: 100%;margin-bottom: .2rem; color: #ffffff;line-height: 1.27;}
.xg-intro{ font-family: ranyRegular;width: 100%;max-width: 26em;margin: 0 auto; color: #ffffff;line-height: 1.5;}

@media(max-width: 850px){ 
    .xg-main{width: 100%;}
    .xg-cont:before{display: none;}
    .xg-cont:after{display: none;}
    .xg-top{margin-bottom: 30px;}
    .xg-item{width: 100%;margin-bottom: 15px;padding: 0 10px;}
}

.xi-a{width: 100%;padding-top: .95rem;padding-bottom: .9rem; background-image: url('../images/d13.jpg'); background-size: cover;background-position: center center;background-repeat: no-repeat;}
.xi-main{width: 16.8rem;margin: 0 auto;}
.xi-top{width: 100%;margin-bottom: .55rem; display: flex;align-items: center;}
.xi-lt{flex: 1;padding-right:  .1rem;}
.xi-titles{width: 100%; color: #ffffff;line-height: 1.2;}
.xi-rt{font-size: 0;}
.xi-more{display: inline-block;cursor: pointer; padding: 0 .3rem;color: #074970;line-height: .56rem;background-color: #fff;border-radius: .08rem;}
.xi-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .25rem; width: 1em;height: 1.5em;background-image: url('../images/a2.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.xi-bottom{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.xi-left{width: 57.14%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.xi-one{display: block;width: calc(50%  - .1rem);padding: .2rem .2rem .15rem;text-align: center;height: calc(100% - .2rem);  background-color: #ffffff;border-radius: .08rem;margin-bottom: .2rem;}
.xi-one .xi-img{width: 100%;margin-bottom: .3rem; height: 4.2rem;line-height: 4.2rem;}
.xi-one .xi-img img{max-width: 100%;max-height: 100%;cursor: pointer;}
.xi-text{width: 100%;}
.xi-name{width: 100%;line-height: 1.28;} 

.xi-right{width: 41.66%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.xi-item{display: block;width: calc(50%  - .1rem);padding: .35rem .2rem .15rem;text-align: center; min-height: 2.55rem;background-color: #ffffff;border-radius: .08rem;margin-bottom: .2rem;}
.xi-item .xi-img{width: 100%;margin-bottom: .25rem; height: 1.4rem;line-height: 1.4rem;}
.xi-item .xi-img img{max-width: 100%;max-height: 100%;cursor: pointer;}

.wi-swiper{width: 100%;overflow: hidden;}
.wi-b{width: 100%;}
.wi-slide{width: 100%;}

@media(max-width: 850px){ 
    .xi-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .xi-more{line-height: 32px;}
    .xi-left{width: 100%;}
    .xi-right{width: 100%;}
    .xi-one{padding: 15px 10px;}
    .xi-one .xi-img{margin-bottom: 15px;}
    .xi-item{padding: 15px 10px;}
    .xi-one .xi-img{height: 150px;line-height: 150px;}
    .xi-item .xi-img{height: 130px;line-height: 130px;}
}

.xj-a{width: 100%;padding-top: .95rem;padding-bottom: 1.05rem; }
.xj-main{width: 16.8rem;margin: 0 auto;}
.xj-top{width: 100%;margin-bottom: .65rem; display: flex;align-items: center;}
.xj-lt{flex: 1;padding-right:  .1rem;}
.xj-titles{width: 100%; color: #111111;line-height: 1.2;}
.xj-rt{font-size: 0;}
.xj-more{display: inline-block;cursor: pointer; padding: 0 .3rem;color: #074970;line-height: .56rem;background-color: #f3f5f7;border-radius: .08rem;}
.xj-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .25rem; width: 1em;height: 1.5em;background-image: url('../images/a2.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.xj-bottom{width: 100%;}
.xj-b{width: 100%;}
.xj-item{width: 32.14%;margin-right: 1.78%;}
.xj-item:last-child{margin-right: 0;}
.xj-link{display: block;cursor: pointer; width: 100%;}
.xj-img{width: 100%;position: relative;overflow: hidden;padding-top: calc(324/540*100%);}
.xj-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.xj-text{width: 100%;padding-top: .15rem;text-align: center;}
.xj-name{width: 100%;color: #111111;line-height: 1.5;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.xj-item:hover .xj-img img{transform: scale(1.05);}
.xj-item:hover .xj-name{color: #074970;}

@media(max-width: 850px){ 
    .xj-main{width: 100%;max-width: 500px; padding-left: 10px;padding-right: 10px;}
    .xj-titles{font-size: 18px;}
    .xj-more{line-height: 32px;}
    .xj-item{width: calc(50% - 5px);margin-right: 10px;}
}