@charset "utf-8";

.h4s2{font-size: .2rem;color: #000000;line-height: .3rem;height: .6rem;transition: .5s;}
.ps3{font-size: .14rem;color: #555555;line-height: .22rem;max-height: .66rem\0;transition: .5s;}
.ps4{font-size: .18rem;color: #555555;line-height: .36rem;max-height: calc(.36rem * 4)\0;transition: .5s;}


.n_banner{position: relative;z-index: 1;overflow: hidden;}
.n_banner .img .imgLi{ padding-bottom: 30%;}
.n_banner .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding-bottom: 1.3rem;z-index: 1;}
.n_banner .top .wp{display: flex;height: 100%;align-items: flex-end;}
.n_banner h3{position: relative;z-index: 1;min-width: 8.92rem;border-bottom: rgba(255,255,255,.7) .02rem solid;padding-bottom: .1rem;max-width: 100%;}
.n_banner big{font-size: .48rem;color: #fff;font-weight: 600;}
.n_banner small{font-size: .36rem;color: #fff;font-family: "emb";font-weight: normal;margin: 0 0 0 .12rem;}
.n_banner .h3{font-size: .7rem;-webkit-text-fill-color: transparent;-webkit-text-stroke: 1px #fff;color: #fff\0;text-transform: uppercase;position: absolute;bottom: .12rem;left: .6rem;z-index: -1;opacity: .7;}
.n_banner .h3 span:first-child{ font-size: 1.18rem}
.n_banner .n_bfj{ position: absolute; right: 0; bottom: .2rem}
.n_banner .n_bfj img{ height: .25rem}
.img{position:relative;width:100%}.slow{overflow: hidden;}.img .imgLi{padding-bottom:60%;transition: .5s;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.imgBox img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;}.none{display:none!important}

/* Animation */
.n_banner .top1{position: absolute;right: 0;bottom: 0;left: 0;z-index: 2;}
.waves {
    position:relative;
    width: 100%;
    height: 1.2rem;
     /*Fix for safari gap*/
}
.parallax > use {
animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
animation-delay: -2s;
animation-duration: 7s;
}
.parallax > use:nth-child(2) {
animation-delay: -3s;
animation-duration: 10s;
}
.parallax > use:nth-child(3) {
animation-delay: -4s;
animation-duration: 13s;
}
.parallax > use:nth-child(4) {
animation-delay: -5s;
animation-duration: 20s;
}
@keyframes move-forever {
0% {
    transform: translate3d(-90px,0,0);
}
100% { 
    transform: translate3d(85px,0,0);
}
}

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #025aac;background-size: cover;}
#bnt_back { position: absolute; left: 15px; top: 0px; }
#bnt_back img { height: 28px; }
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav h1 {font-size: .18rem;color: rgb(255, 255, 255);text-align: center;margin: 0px;line-height: 50px;}
#bnt_sub_nav { position: absolute; right: 15px; top: 0px; height: 50px; cursor: pointer; color: rgb(255, 255, 255); font-size: 18px; display: flex; align-items: center; }
#bnt_sub_nav svg { fill: rgb(255, 255, 255); height: 20px; vertical-align: middle; width: 20px; }
#bnt_sub_nav img { display: block; height: 20px; }
#bnt_sub_nav.on img { transform: rotate(-180deg); }
#sub_nav_content { background: rgb(240, 243, 245); display: none; box-shadow: rgb(153, 153, 153) 0px 0px 5px; z-index: 9; }
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0px; }
#sub_nav_content ul li a { display: block; border-left: 2px solid rgb(202, 158, 78); height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: rgb(83, 84, 85); }
#sub_nav_content ul li.on a { color: #9e0c3b; }
#sub_nav_content dl {font-size: 0px;overflow: hidden;background: rgb(255, 255, 255);padding: 10px 0px;display: flex;flex-wrap: wrap;}
#sub_nav_content dt {position: relative;background: rgb(255, 255, 255);z-index: 999;margin-bottom: 0px;min-width: 33.33%;text-align: center;}
#sub_nav_content dt a {margin: 5px 20px;display: block;color: #333;line-height: 30px;font-size: 14px;font-weight: 400; vertical-align: top;}
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0px; opacity: 0; display: none; }
#sub_nav_content dt.title { background: rgb(250, 250, 251); }
#sub_nav_content dt.title i { opacity: 1; }
#sub_nav_content dt.title_on { background: rgb(250, 250, 251); }
#sub_nav_content dt.title_on a { color: #fba33e; border-top: 1px solid rgb(255, 255, 255); }
#sub_nav_content dt.title_on a i { color: #fba33e; }
#sub_nav_content dt.last a { border-top: 1px solid rgb(248, 248, 248); }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {color: #025aac;}
#sub_nav_content dd { display: none; }
#sub_nav_content dd .box { padding: 0px; }
#sub_nav_content dd a { padding: 0px 25px; line-height: 30px; border-top: 1px solid rgb(231, 231, 231); font-size: 12px; color: rgb(91, 83, 73); display: block; height: 30px; }
#sub_nav_content dd a.on { color: #9e0c3b; }

.n_container{ position: relative; z-index: 2;}
.n_bg1{position: absolute;z-index: -1;right: 0;left: 0;top: -1.02rem;height: 4.35rem;}
.n_bg1 img{ width: 100%; height: 100%}

.list_sj{padding: .64rem 0 .9rem;justify-content: center;}
.list_sj li{ padding: 0 .18rem; position: relative;}
.list_sj li .a{display: block;padding: .34rem .08rem .15rem;text-align: center;font-size: .2rem;color: #333333;position: relative;z-index: 1;}
.list_sj li .a:before{content: "";position: absolute;left: 50%;width: 0;height: 1px;bottom: 0;transform: translateX(-50%);transition: .5s;} 
.list_sj li .a:after{content: "";position: absolute;left: 50%;transform: translateX(-50%);transition: .5s;border-left: transparent .05rem solid;border-right: transparent .05rem solid;border-top: #d4213a .06rem solid;bottom: -.06rem;opacity: 0;} 
.list_sj li .a .fj1{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: .77rem;transition: .5s;}
.list_sj li .a .fj1 img{width: 100%;transition: .5s;transform: scale(0);opacity: 0;transform-origin: bottom;transition-delay: .2s;}
.list_sj li .a .fj2{position: absolute;bottom: -.02rem;left: 50%;transform: translateX(-50%);width: .92rem; transition: .5s;}
.list_sj li .a .fj2 img{ width: 100%; transition: .5s;transform: scale(0);opacity: 0;transform-origin: top;}
.list_sj li.on .a{ font-weight: 600; color: #333333; transition: .5s;}
.list_sj li.on .a:before, .list_sj li .a:hover:before{ width: 100%; background: #de1027}
.list_sj li.on .a:after, .list_sj li .a:hover:after{ opacity: 1}
.list_sj li.on .a .fj1 img, .list_sj li .a:hover .fj1 img{ transform: scale(1);opacity: 1;}
.list_sj li.on .a .fj2 img, .list_sj li .a:hover .fj2 img{ transform: scale(1);opacity: 1;}
.list_sj li dl{position:absolute; top: 120%; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; width: 8rem;}
.list_sj li dl dd{margin: 0 0.17rem;}
.list_sj li dl dd a{display: block; font-size: 0.18rem;}
.list_sj li dl dd.on a{font-weight: bold; color: #0d246e;}

.about{background-size: 100% auto; background: url(../images/about_b1s.png) center 65% no-repeat}
.h3-1{ font-size: .38rem; color: #333333; font-weight: bold; margin-bottom: .3rem;}
.ar_article, .ar_article p{font-size: .18rem;color: #333333;line-height: 2;margin-bottom: 0.14rem;text-align: justify;text-indent: 2em;word-spacing: 0 !important;}
.ar_article:last-child, .ar_article p:last-child{ margin-bottom: 0;}
.about .fl1 .wp{ align-items: center;}
.about .fl1 .left{ width: 47%; padding: 0 4% 0 0;}
.about .fl1 .right{ width: 53%;}

.list1 li .a{ display: block; position: relative; z-index: 1;}
.list1 li .img::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list1_t1.png) center 101% no-repeat; background-size: 100% auto;}
.list1 li .img .imgLi{ padding-bottom: 68.75%;}
.list1 li .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;align-items: flex-end;z-index: 1;padding: 0 2rem .3rem .32rem;}
.list1 li h4{ font-size: .26rem; color: #fff; line-height: 1.375; font-weight: normal}
.list1Box .swiTool{position: absolute;bottom: .28rem;z-index: 5;width: 1.9rem;padding: 0;right: .2rem;}
.list1Box .swiDots{position: absolute;left: 0;bottom: 11px;z-index: 0;right: 0;display: flex;justify-content: space-between;margin-top: 0;}
.list1Box .swiDots:before{content: '';border-top: 1px dashed rgba(255,255,255,1);position: absolute;left: 0;top: 2.5px;width: 110%;}
.list1Box .swiDots span{width: 28px;height: 6px;background:transparent;opacity: 1;position: relative;margin: 0;}
.list1Box .swiDots span:after{content: '';display: block;width: 6px;height: 6px;background: rgba(255,255,255,.7);border-radius: 50%;margin: 0 auto;}
.list1Box .swiScroll{height: 28px;background:transparent;background-size: auto 6px;overflow: hidden;width: 99%;pointer-events: none;}
.list1Box .swiScroll .swiper-scrollbar-drag{background:url(../images/fj4.png) no-repeat center;background-size: 26px 28px;width: 26px;height: 28px;border-radius: 0;left: 0;}

.pad1{ padding: 1rem 0; overflow: hidden;}

.list2{ justify-content: center;}
.list2 li{ width: 50%; padding: 0 .8rem;}
.list2 li .h3{overflow: hidden;align-items: flex-end;margin-top: -.2rem;}
.list2 li .h3 .ll{margin: 0 .2rem 0 0;transform: translateY(.1rem);}
.list2 li .h3 .ll big{font-size: .72rem;color: #cf0921;font-weight: bold;}
.list2 li .h3 .ll small{font-size: .24rem;color: #cf0921;margin: 0 0 0 .12rem;}
.list2 li .h3 .rr{flex: 1;position: relative;z-index: 1;padding: 0 0 .15rem;display: flex;justify-content: flex-end;}
.list2 li .h3 .rr img{ height: .25rem}
.list2 li .h3 .rr:before{ content: ""; position: absolute; width: 100%; height: 1px; background: #0439aa; opacity: .36; bottom: 0}
.list2 li h6{ font-size: .24rem; color: #666666; font-weight: normal; line-height: 1.5; margin: .15rem 0 0}

.about .fl3 .left{ width: 60%; padding: 0 0 0 4%; order: 1;}
.about .fl3 .right{ width: 40%;}

.list3Box .swiTool{position: relative;bottom: auto;margin-top: .18rem;right: 0;float: right;}
.list3Box .swiDots:before{ border-top: #d2d2d2 1px dashed;}
.list3Box .swiDots span:after{ background: #d2d2d2; opacity: .7;}
.list3 li .img .imgLi{ padding-bottom: 60%;}

.about .fl4 .left{ width: 60%; padding: 0 4% 0 0;}
.about .fl4 .right{ width: 40%;}

footer{background: url(../images/footer_bg.jpg) center no-repeat;background-size: cover;padding: .56rem 0 .42rem;border-bottom: #dc081f .08rem solid;}
footer .wp{ justify-content: space-between;}
footer .left p{ font-size: .14rem; color: #fff; line-height: 1.5; margin: .36rem 0 0;}

.h3-2{ font-size: .2rem; color: #fff; font-weight: 600; line-height: 1.5; margin-bottom: .16rem;}
.list4 li, .list4 li a{ font-size: .14rem; color: #fff; line-height: .26rem; }

.list5 li img{ width: 1.09rem;}
.list5 li h6{ font-size: .14rem; color: #fff; line-height: 1.75; font-weight: normal; margin-top: .05rem; text-align: center;}

.xsz_box{overflow: hidden;}
.xsz_box ul{display: flex; flex-wrap: wrap; margin: 0 -0.2rem;}
.xsz_box ul li{width: 20%; text-align: center; margin-bottom: 0.6rem;}
.xsz_box ul li a{display: block; margin: 0 0.2rem;}
.xsz_box ul li a .xsz-pic{position: relative; padding: 0.15rem;}
.xsz_box ul li a .pic{overflow: hidden; position: relative; padding-top: 130.92%;transition: all 0.5s;}
.xsz_box ul li a .pic img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; transition: all 1s;}
.xsz_box ul li a .xsz-pic::before{content: ""; position: absolute; left: 0; bottom: 0; background: url(../images/xsz-bg.png) no-repeat; background-size: 100% 100%; width: 2.32rem;height: 3.04rem; visibility: hidden; opacity: 0; transition: all 0.5s;}
.xsz_box ul li a h3{font-size: 0.24rem; font-weight: bold; margin-top: 0.15rem;}

.xsz_box ul li:hover a .xsz-pic::before{visibility: visible; opacity: 1;}
.xsz_box ul li:hover a .pic{border-radius: 0 0.45rem 0 0; box-shadow: 0px 0px 0.18rem 0.02rem rgba(40, 40, 40, 0.2);}
.xsz_box ul li:hover a .pic img{transform: scale(1.1);}
.xsz_box ul li:hover a h3{color: #0d246e;}


  

@media(min-width: 1024px){
	.a:hover .slow .imgLi, a:hover .slow .imgLi, .slow:hover img{ transform: scale(1.08); transition: transform 1s cubic-bezier(0.25, 0, 0, 1);}
}
@media(max-width: 1600px){
}
@media(max-width: 1024px){
    #m_n_nav{ display: block;}

    .list_sj{ display: none;}
    .n_container{overflow: hidden;padding: .5rem 0 0;}
    .n_banner .top1{ bottom: -.15rem}
    .n_banner .img .imgLi{ padding-bottom: 50%;}
    .waves{height: .5rem;}
    .n_banner .top{ padding-bottom: .5rem;}
    
    .about .fl1{ padding-top: 1rem}
    .about .fl1 .left{width: 100%;margin-bottom: .3rem;padding: 0;}
    .about .fl1 .right{width: 5rem;max-width: 100%;margin: 0 auto 0.3rem;}

    .list2 li{ width: 50%; padding: 0 .4rem;}

    .about .fl3 .left{width: 100%;margin-bottom: .3rem;padding: 0;order: 0;}
    .about .fl3 .right{width: 100%;padding: 0;}

    .about .fl4 .left{width: 100%;margin-bottom: .3rem;padding: 0;}
    .about .fl4 .right{width: 100%;padding: 0;}

    .xsz_box ul li{width: 25%; margin-bottom: 0.25rem;}
    .xsz_box ul li a h3{font-size: 0.18rem; margin-top: 0.05rem;}
}
@media(max-width: 800px){
    .n_banner h3{ min-width: auto; width: 100%}
    .n_banner big{ font-size: .3rem}
    .n_banner small{ font-size: .24rem}

    .n_banner .h3{font-size: .4rem; }
    .n_banner .h3 span:first-child{ font-size: .6rem}
    .n_banner .n_bfj img{ height: .15rem}
    
    .about .fl1{ padding-top: .4rem}
    .h3-1{font-size: .26rem;margin-bottom: .25rem;}
    .ar_article, .ar_article p{margin-bottom: .1rem;font-size: .2rem;}

    .list1 li h4{ font-size: .2rem;}
    .list1Box .swiTool{width: 1.4rem;}
    .list1 li .top{ padding: 0 1.8rem .2rem .2rem;}

    .list2 li .h3 .ll big{ font-size: .3rem;}
    .pad1{ padding: .4rem 0}

    .list2 li{ padding: 0 .2rem;}
    .list2 li .h3{margin-top: 0;}
    .list2 li .h3 .ll{transform: translateY(0);}
    .list2 li .h3 .ll small{ font-size: .2rem;}
    .list2 li h6{ font-size: .18rem}

    .xsz_box ul{margin: 0 -0.1rem;}
    .xsz_box ul li{width: 50%; margin-bottom: 0.2rem;}
    .xsz_box ul li a{margin: 0 0.1rem;}
    .xsz_box ul li a .xsz-pic::before{display: none;}
    .xsz_box ul li a h3{margin-top: 0;}
}
@media(max-width: 560px){
	.list2 li{ width: 100%; margin-bottom: .25rem}
	.list2 li .h3 .rr img{ height: .18rem}
} 

.arrow10{position: absolute;right: 0;top: 0;}
.arrow10 .arrow{width: .56rem;height: .33rem;background: #c0c2c5;margin: 0 0 0 .1rem;display: flex;justify-content: center;align-items: center; transition: .5s}
.arrow10 .arrow svg{width: .23rem;height: .23rem;fill: #fff !important;}
.arrow10 .arrow:hover{ background: #035baa}

.list6W{position: relative;z-index: 1;padding: .8rem 0 1.3rem;}
.list6W>svg{position: absolute;left: 50%;transform: translateX(-50%);filter: drop-shadow(2.298px 1.928px 3.64px rgba(0, 0, 0, 0.07));z-index: 10;top: 40px;pointer-events: none;}
.list6W svg path { stroke-dasharray: 4,2; animation: dash1 6s linear infinite;}
@keyframes dash1{to{stroke-dashoffset:-100}}
.list6Box{ padding: .3rem 0; margin: -.3rem 0}
.list6 li{ height: auto;}
.list6 li .a{display: block;height: 100%;padding: 0 .4rem .94rem;background: url(../images/list6_s1.png) center no-repeat;background-size: 100% 100% !important;filter: drop-shadow(0 .11rem .13rem rgba(0, 0, 0, 0.08));}
.list6 li:nth-child(2n) .a{background: url(../images/list6_s2.png) center no-repeat;background-size: 100% 100% !important;}
.list6 li .ico{ text-align: center; top: -.26rem; position: relative; }
.list6 li .ico img{width: .5rem;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;opacity: .15;transition: .5s;}
.list6 li h3{ margin: .4rem 0 .12rem}
.list6 li h3 span{font-size: .4rem;color: #999999;font-family: 'Californian FB';font-weight: normal; display:inline-block; transform-origin: left bottom; height: .5rem}
.list6 li .img .imgLi{padding-bottom: 66%;}
.list6 li h4{ font-size: .2rem; color: #333333; font-weight: bold; line-height: 1.5; margin: .15rem 0 .12rem;}
.list6 li p{ font-size: .16rem; color: #666666; line-height: .26rem;}

.list6 li.swiper-slide-active h3 span{color: #035cac;transform: scale(1.2);}
.list6 li.swiper-slide-active .ico img{width: .5rem;-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:none;opacity: 1; }

.arrow1{justify-content: flex-end;margin-bottom: .46rem;position: relative;z-index: 11;}
.arrow1 .arrow{width: .56rem;height: .33rem;background: #c0c2c5;display: flex;justify-content: center;align-items: center;margin-left: .1rem;cursor: pointer;pointer-events: initial; transition: .5s}
.arrow1 .arrow svg{ width: .22rem; height: .22rem; fill: #fff}
.arrow1 .arrow:hover{ background: #035baa}
.overhide{ overflow: hidden;}

.n_bg2{background: #eff6fc url(../images/history_bg1.png) center bottom no-repeat;background-size: 100% auto;}
.n_bg3{background: url(../images/n_bg3.jpg) center top no-repeat;background-size: cover;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list6W>svg{top: -58px;}
    .list6 li h3{ margin-top: 0}
    .list6W{ padding-bottom: .4rem}
    .list6 li h3 span{font-size: .3rem;height: .35rem;}
}
@media(max-width: 560px){
} 

.contact table{ width: 100%;}
table th{font-size: .18rem;color: #015aac;line-height: 1.375;text-align: left; border-bottom: rgba(74,114,194,.25) 1px solid; padding: .15rem 0}
table td{font-size: .22rem;color: #222222;line-height: 1.375;padding: .25rem 0;border-bottom: rgba(74,114,194,.1) 1px solid;}
table td:nth-child(1){ /*! width: 40% */}

.contact .fl2{ padding: 1.1rem 0;}
.contact .fl2 .wp{ align-items: flex-start;}
.contact .fl2 .left{width: 6.26rem;padding: .15rem 0 0;}
.contact .fl2 .right{ flex: 1; overflow: hidden; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.17);}

#miso_map{ height: 5.44rem; }
.contact .fl2 .h3-1{ margin-bottom: .4rem}
.h4-1{font-size: .28rem;color: #015aac;font-weight: bold;line-height: 1.375;margin-bottom: .1rem;}
.list7{ margin-bottom: .34rem}
.list7 p{ font-size: .2rem; color: #333333; line-height: .28rem; font-weight: 600;}

@media(min-width: 1024px){
	.a:hover .h4s2{ }
}
@media(max-width: 1024px){
    .contact .fl2 .left{ width: 100%;}
    .contact .fl2 .right{width: 100%;flex: auto;}
}
@media(max-width: 800px){
    table td{font-size: .2rem;padding: .18rem 0;}
    .contact .fl2{padding: .4rem 0 .5rem;}
    .contact .fl2 .h3-1{ margin-bottom: .2rem}
    .contact .fl2 .h4-1{ font-size: .22rem}
    .list7 p{ font-size: .18rem}
    #miso_map{ height: 3rem}
    .ar_article .scroll{ width: 100%; overflow: hidden; overflow-x: scroll;}
    .ar_article .scroll table{width: 630px;}
}
@media(max-width: 560px){
} 

.tit1{align-items: baseline;margin-top: -.5rem;}
.tit1 big{ font-size: 2rem; color: #fff; font-weight: bold; text-transform: uppercase; opacity: .8;}
.tit1 small{ font-size: 1rem; color: #fff; text-transform: uppercase; margin-left: .4rem; opacity: .8;}
.tit1 .rr{font-size: .48rem;color: #e0eafa;font-weight: bold;flex: 1;text-align: center;}

.n_container{min-height: 20vh;}
.vision{}
.roating{-webkit-animation:play 25s linear infinite;-moz-animation:play 25s linear infinite;animation:play 25s linear infinite}
@-webkit-keyframes play{
    0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes play{
    0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}
}
.n_bg4{position: absolute;z-index: -1;right: .8rem;top: 1rem;width: 7.08rem;max-width: 37.33%; -webkit-animation:play 25s linear infinite;-moz-animation:play 25s linear infinite;animation:play 25s linear infinite}
.n_bg4 img{ width: 100%; height: 100%}

.list8W{padding: .18rem 0 0;background: url(../images/list8_b1.png) center bottom no-repeat;background-size: cover;position: relative;z-index: 1;}
.list8Box{width: 8.4rem;max-width: 56%;margin: 0 auto;}
.list8 .a{ display: block; position: relative}
.list8 .img .imgLi{ padding-bottom: 65%;}
.list8 .ico{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center}
.list8 .ico img{width: .3rem;height: .3rem;fill: #fff;position: relative;z-index: 1;display: inline-block;}
.circle{width: 1.2rem;height: 1.2rem;position: relative; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)}
.circle:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: #dc081f;
    transform: scale(.66);
    display: block;
    box-sizing: border-box;
    z-index: 99;
    opacity: .8;
}

.circle span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	background-color: #dc081f;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-animation: circleScale 3s linear infinite;
	-moz-animation: circleScale 3s linear infinite;
	-ms-animation: circleScale 3s linear infinite;
	animation: circleScale 3s linear infinite;
}
.circle span:nth-of-type(2) {
  animation-delay: 1s;
}
.circle span:nth-of-type(3) {
  animation-delay: 2s;
}

@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }
}

.arrow2 .arrow{position: absolute;top: 50%;width: .58rem;height: .58rem;border: #0062bb 1px solid;border-radius: 50vw;margin-top: -.29rem; display: flex; align-items: center; justify-content: center; transition: .5s; -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=40); opacity:0.4;  -moz-opacity:0.4; -khtml-opacity:0.4; cursor: pointer;}
.arrow2 .prev{ left: 8%}
.arrow2 .next{ right: 8%}

.list9Box{ margin: .5rem 0 0;  position: relative; z-index: 1}
.list9Box:before{ content: ""; position: absolute; bottom: 0; left: 0; right: 0; background: #ebebeb; height: 1px}
.list9 li{ padding-bottom: .4rem; }
.list9 li.swiper-slide-thumb-active{ border-bottom: #0062bb 1px solid}
.list9 .a{position: relative;z-index: 1;cursor: pointer;}
.list9 .img .imgLi{ padding-bottom: 62%;}
.list9 .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.4); transition: .5s}
.list9 .top img{ width: .41rem}
.list9 .top1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; }
.list9 .top1 span{background: url(../images/list9_i2.png) center no-repeat;width: 1.48rem;height: .29rem;display: flex;align-items: center;justify-content: center;font-size: .14rem;color: #ffffff;font-weight: bold;opacity: 0;transform: translateY(.3rem);transition: .5s;}
.list9 .swiper-slide-thumb-active .top{ opacity: 0}
.list9 .swiper-slide-thumb-active .top1 span{ opacity: 1; transform: translateY(0)}

.vision .fl2 .content{ position: relative;}
#moreImg img{ width: 4.86rem;}
#moreImg .txt{ float: left; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} 


.vision .fl2{padding: 1.3rem 0;}

@media(min-width: 1024px){
    .arrow2 .arrow:hover{ -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0); filter:none; filter:alpha(opacity=100); opacity:1;  -moz-opacity:1; -khtml-opacity:1;}
    .list_box_wall .photo:hover .txt{ transform: translateY(0)}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

/*瀑布流开始*/
.list_box_wall{margin: 0 -.15rem;font-size:0;text-align: center;margin-bottom: 0;}
.list_box_wall .photo{position: relative;text-align: center;overflow: hidden;margin-bottom: .3rem;}
.list_box_wall .photo a{ display:block; position:relative}
.list_box_wall .photo .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list10_t1.png) center 101% no-repeat;background-size: 100% auto;display: flex;align-items: flex-end;padding: .15rem .3rem;transform: translateY(101%);transition: .5s;}
.list_box_wall .photo>a>img{width:100%;}
.list_box_wall .photo .txt h4{ font-size: .18rem; color: #fff}
.wall-column{display:inline-block;width: 33.33%;padding: 0 .15rem;vertical-align:top;}

@media(max-width: 1024px){
    .tit1{ margin-top: 0;}
	.tit1 big{ font-size: 1rem;}
    .tit1 small{ font-size: .5rem;}
    .tit1 .rr{ font-size: .24rem;}
}
@media(max-width: 800px){
	.wall-column{width: 33.3333333%;}
    .vision .fl2{ padding: .4rem 0;}

    .tit1 big{ font-size: .5rem;}
    .tit1 small{ font-size: .25rem;}
    .tit1 .rr{ font-size: .18rem;}
    .arrow2 .arrow{ transform: scale(.6);}
    .arrow2 .prev{ left: 1%;}
    .arrow2 .next{ right: 1%;}
    .list8Box{ max-width: 70%;}
    .circle{ width: .8rem; height: .8rem;}
}
@media(max-width: 560px){
	.list_box_wall{ margin:0 -7px}
	.wall-column{width: 50%; padding:0 7px}
}
/*瀑布流结束*/

.list11{ margin: 0 -.13rem -.3rem; justify-content: flex-start;}
.list11 li{ width: 33.33%; padding: 0 .13rem; margin-bottom: .3rem;}
.list11 .a{display: flex;padding: .44rem .44rem .25rem;background: #fff;box-shadow: 0px 0px 16px 0px rgba(176, 176, 176, 0.15); position: relative; z-index: 1; transition: .5s;min-height: 240px;}
.list11 .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left:0;background: url(../images/list11_l.png) center bottom no-repeat;background-size: 100% auto;z-index: -1;pointer-events: none;}
.list11 .time{ width: .9rem}
.list11 .time h3{font-size: .24rem;color: #333333;font-family: Lora;transition: .5s;}
.list11 .time h6{font-size: .14rem;color: #333333;font-family: Lora;padding: .1rem 0 0 .3rem;transition: .5s;}
.list11 .rr{ flex: 1; overflow: hidden}
.list11 p{margin-top: .12rem;}
.list11 .h6{display: flex;justify-content: flex-end;margin-top: .3rem;}
.list11 .h6 svg{width: .25rem;height: .25rem;fill: #c1c1c1;/* transform: rotateY(180deg) */}

@media(min-width: 1024px){
    .list11 .a:hover{ background: #015aac;}
    .list11 .a:hover *{ color: #fff;}
}
@media(max-width: 1024px){
    .list11 li{ width: 50%;}
}
@media(max-width: 800px){
    .list11 li{ width: 100%;}
    .list11 .a{ padding: .25rem .2rem .15rem;}
    .list11 .h6{ margin-top: .15rem;}
    .list11 .time h6{ padding-top: .05rem;}
    
}
@media(max-width: 560px){
} 

.pages{margin: .8rem 0 0;}
.pages ul{text-align: center;}
.pages ul li{text-align:center;font-size: .16rem;display: inline-block;margin: .03rem .01rem;color: #666666;}
.pages ul li a{height: .35rem;text-align: center;padding: 0 8px;min-width: .35rem;display: flex;border: 1px solid #94bde1;border-radius: .04rem;align-items: center;justify-content: center;transition: .5s;}
.pages ul li a svg{width: 14px;height: 14px;fill: #959595;transition: .5s;}
.pages ul li.cur{border: #015aac 1px solid;padding: 0 8px;min-width: .35rem;height: .35rem;line-height: .33rem;border-radius: 3px;}
.pages ul li a.on{background:#9d0c3a;padding: 0 8px;min-width: .35rem;height: .35rem;line-height: .33rem;color: #fff ;border-radius: 3px}
.pages ul li.cur{color: #015aac;}
.pages ul li.page-count{line-height: .33rem}
.page-form {line-height: .33rem}
.page-form input{border: 1px solid #94bde1;width: .35rem;height: .35rem;float: left;text-align: center;padding: 0 .04rem;background: transparent;border-radius: .04rem;margin: 0 .08rem;}
.page-form span{float: left;color: #666}
.page-form button{border:none;width: .6rem;height: .35rem;line-height: .35rem;text-align: center;background: #015aac;color: #fff;border-radius: .04rem;margin-left: 5px;font-size: .16rem;cursor: pointer;}
.pages ul li.next svg{ transform: rotateY(180deg)}
.pages ul li a:hover{/* background: #107481; */border: #015aac 1px solid;color: #015aac;}
.pages ul li a:hover{color: #015aac;}
.pages ul li a:hover svg{fill: #015aac;}

@media(max-width: 560px){
    .pages{ margin-top: .4rem;}
}

.pad1{/* padding: 0 0 1.3rem; */}
.n_bg2s1{background: #eff6fc url(../images/history_bg2.png) center bottom no-repeat;background-size: 100% auto;}
.n_bg4s1{left: 0;right: auto;top: 39%;}
.l1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;line-height:1.25}
.l2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.l3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.l4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.l5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.l6{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.l7{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .pad1{ padding: 0 0 .5rem;}
}
@media(max-width: 560px){
} 

.list12{ position: relative; z-index: 1; margin: -.3rem 0;}
.list12:before{ content: ""; position: absolute; top: .3rem; bottom: .3rem; left: .88rem; width: 1px; background: #cdd4de}
.list12 li{ padding: .3rem 0;}
.list12 .a{ align-items: center;}
.list12 .ll{width: 1.48rem;display: flex;position: relative;z-index: 1;}
.list12 .ll:before{content: "";position: absolute;top: .1rem;left: .86rem;width: .05rem;height: .05rem;border-radius: 50vw;background: rgba(0,0,0,.2);transition: .5s;}
.list12 .ll:after{content: "";position: absolute;top: .8rem;left: .75rem;width: .28rem;height: .26rem;border-radius: 50vw;background: url(../images/list12_i2.png) center no-repeat;transition: .5s;opacity: 0;}
.list12 .ll .time{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.list12 .ll .time h3{font-size: .2rem;color: #666666;font-family: Lora;transition: .5s;}
.list12 .ll .time h6{font-size: .14rem;color: #666666;font-family: Lora;transition: .5s;}
.list12 .img{width: 3.68rem;margin-right: .5rem;}
.list12 .img .imgLi{padding-bottom: 66.5%;}
.list12 .rr{ flex: 1; overflow: hidden;}
.list12 h4{ font-weight: normal}
.list12 p{ margin: .2rem 0 .6rem}

.h4s1{ font-size: .22rem; color: #333333; line-height: 1.25; transition: .5s}
.ps2{font-size: .16rem;color: #666666;line-height: .26rem;max-height: .52rem\0;transition: .5s;}
.h6s1{display: flex;align-items: center;font-size: .12rem;color: #666666;transition: .5s;line-height: 1.25;}
.h6s1 img{width: .1rem;margin: 0 0 0 .1rem;-webkit-filter: grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;filter: alpha(opacity=80);opacity: .8;-moz-opacity: .8;-khtml-opacity: .8;transition: .5s;}

@media(min-width: 1024px){
	.list12 .a:hover .ll:before{ background: #015aac; opacity: .7}
	.list12 .a:hover .ll:after{ transform: translateY(-.54rem); opacity: 1}

	.list12 .a:hover h4{ font-weight: bold; color: #015aac}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
	.list12:before, .list12 .ll:before{ display: none}
	.list12 .ll{margin-bottom: .15rem;order: 1;width: .9rem;align-self: flex-start;}
    .list12 .rr{width: 100%;/* flex: auto; */order: 2;}
    .list12 .img{ width: 100%; max-width: 100%; margin: 0 0 .2rem}
    .list12{ margin: 0}
    .list12 li{ padding: .2rem 0}
    .list12 p{ margin: .1rem 0 .2rem}
}
@media(max-width: 560px){
} 

.miso_form1{ justify-content: flex-end;}
.xlss{width: 3.12rem;height: .54rem;border-radius: 50vw;border: #cce6f4 1px solid;background: #e6f0f6;position: relative;margin-bottom: .94rem;padding: 0 .32rem; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);}
.xlss .h3{font-size: .18rem;color: #222222;text-align: left;height: 100%;display: flex;align-items: center;cursor: pointer;}
.xlss .h3::after{content:"";border-left: 0.07rem solid transparent;border-right: 0.07rem solid transparent;border-top: 0.08rem solid #0a4e94;left: auto;right: .3rem;top: 50%;bottom: auto;width: auto;height: auto;margin-top: -0.05rem;position: absolute;}
.xlss ul{border-top: 2px solid #0a4e94;background: #fff;position: absolute;top: calc(100% + 0.2rem);width: 100%;display: none;z-index: 10000;transition: 0s;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.12);padding: .1rem 0;left: 0;border-radius: 0 0 .1rem .1rem;}
.xlss ul li{font-size: 0.16rem;color: #333;text-align: center;padding: 0.1rem 0;background: #fff;width: 100%;transition: 0.5s;cursor: pointer;line-height: 1.5;}
.xlss ul::after{content: "";position: absolute;border-left: 0.05rem solid transparent;border-right: 0.05rem solid transparent;border-bottom: 0.08rem solid #0a4e94;left: 50%;top: -.1rem;bottom: auto;width: auto;height: auto;margin-left: -0.05rem;transition: 0.5s;}

.list13 li{ margin-bottom: .44rem;width:100%;}
.list13 .a{align-items: center;position: relative;z-index: 1;}
.list13 .a:before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #dfe4ea;transition: .5s;}
.list13 .img{ width: 1.68rem; margin-right: .38rem;}
.list13 .img .imgLi{padding-bottom: 116.67%;}
.list13 .txt{flex: 1;overflow: hidden;padding-bottom: .1rem;}
.list13 .txt h3{font-size: .16rem;color: #0a4e94;line-height: 1.375;font-weight: normal;}
.list13 h3 big{ font-size: .26rem; color: #222222; font-weight: bold; margin-right: .15rem}
.list13 h4{font-size: .16rem;color: #222222 !important;line-height: 1.5;font-weight: normal;margin: .1rem 0 .24rem;}
.list13 p{ font-size: .14rem; color: #444444; line-height: .25rem}

@media(min-width: 1024px){
	.list13 .a:hover:before{ background: #0a4e94}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

.detail{padding-top: 1.2rem;overflow: visible;}
.detail .wp {display: flex;position: relative;z-index: 1;}
.detail .left {width: calc(100% - 3.52rem);padding: 0 .5rem 0 0;}.detail .left .box {margin: 0;}
.detail .ar_article, .detail .ar_article p{ color: #111}
.ar_tit {text-align: center;margin-bottom: .4rem;border-bottom: #ced4d7 1px solid;padding-bottom: .3rem;}
.ar_tit h3 {font-size: .4rem;color: #000000;line-height: 1.375;font-weight: 500;width: 8rem;max-width: 100%;margin: 0 auto;}
.ar_tit h6 {font-size: .14rem;color: #555555;line-height: 1.5;margin: .2rem 0 0;font-weight: normal;}
.ar_tit h6> span { margin: 0 .2rem }
.detail .right {width: 3.52rem;padding: 1.125rem 0 0;}.list24 {position: sticky;top: 0;width: .41rem;text-align: center;}
.detail .right .sticky{ position: sticky; top: 1.5rem}
.tit3 {margin-bottom: .3rem;border-bottom: #ced4d7 1px solid;padding-bottom: .16rem;}
.tit3 h3 {font-size: .24rem;color: #000000;font-weight: 600 }
.tit3 img {width: .48rem;height: .48rem;margin: 0 .25rem 0 0;}
.list14 {position: relative;z-index: 1;padding-bottom: .2rem;}
.list14::before{content: "";position: absolute;left: 1.5px;top: 0;bottom: 0;width: 1px;background: #dc081f;transition: background .5s; opacity: .2}
.list14 li {padding: 0 0 .3rem;}
.list14 li .a {display: block;padding: 0 0 0 .24rem;position: relative;z-index: 1;}
.list14 li .a:before{content: "";position: absolute;width: 5px;height: 5px;background: #dc081f;border-radius: 50%;left: 0;top: .08rem;transition: .5s;opacity: .2;}
.list14 li .a:after{content: "";position: absolute;width: .14rem;height: .12rem;background: url(../images/list14_i1.png) center no-repeat;border-radius: 50%;left: -.06rem;top: .03rem;transition: .5s;transform: scale(0);}
.list14 li h6 {font-size: .14rem;color: #111111;font-weight: normal;}
.list14 li h4 {font-size: .16rem;color: #555555;line-height: .24rem;margin: .12rem 0 0;transition: color .5s;font-weight: normal;}


html,body{min-height:100vh;background: #fff;}

.more4 .a{display: flex;width: .58rem;height: .58rem;border: #0062bb 1px solid;border-radius: 50vw;background: #fff;align-items: center;justify-content: center;margin: 0 auto;}

@media(min-width: 1024px){
    .list14 li .a:hover:after{ transform: scale(1);}
    .list14 li .a:hover h4{ color: #dc081f}
}
@media(max-width: 1024px){
    .detail{ padding-top: 0;}
    .detail .left{width: 100%;padding: 0;}
    .detail .right{width: 100%;padding: .5rem 0 0;}
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

.edu .fl1{ padding: 1.1rem 0 0;}

.tit4{align-items: center;margin-bottom: .52rem;justify-content: flex-start;width: 100%;}
.tit4>img{ height: .73rem; margin: 0 .15rem 0 0}
.tit4 .rr{ align-items: center; font-size: .36rem; color: #05186c; font-weight: bold; border-bottom: #bdc9de 1px solid; padding: 0 0 .1rem;}
.tit4 .rr img{ width: .24rem; margin-left: .15rem}

.edu .fl2{position:relative;width: 1920px;left: 50%;transform: translateX(-50%); margin: 0 0 .6rem}
.edu .fl2 .bg img{width: 1920px;max-width: fit-content;position: relative;/* left: 50%; *//* transform: translateX(-50%); */}
.edu .fl2 .move{position: absolute;top: 0;left: 0;z-index: 0;offset-path: path("M0.500,295.986 C0.500,295.986 231.988,150.344 456.887,180.078 C681.786,209.813 795.429,317.164 1104.740,312.972 C1414.051,308.780 1628.952,121.261 1817.619,55.178 C2006.287,-10.905 2039.338,-10.319 2115.054,24.203 C2190.770,58.724 2263.064,138.677 2347.462,136.113 ");animation-fill-mode: forwards;}
.edu .fl2 svg{/* width: 100%; */position: absolute;bottom: 0;}
.edu .fl2.aos-animate .move {animation: move 5s linear;animation-delay:.5s;animation-fill-mode: forwards;}
@keyframes move {99%{offset-distance: 100%;opacity: 1}100%{offset-distance: 100%;opacity: 0}}

.edu .fl3{ padding: 0 0 1rem; overflow: hidden;}
.edu .fl3 .left{ width: 57.87%}
.edu .fl3 .right{ width: calc(100% - 57.87%); padding: .7rem 0 0 .52rem; position: relative}

.edu .fl3 .right .ar_article{ background: #fff; margin-left: -38%; padding: .4rem; box-shadow: 0px 5px 46px 0px rgba(0, 0, 0, 0.1);}
.edu .ar_article, .edu .ar_article p{ font-size: .2rem; line-height: .42rem; margin-bottom: 0;}

.edu .fl4{ padding:0; overflow: hidden;}
.edu .fl4 .tit4{ justify-content: center;}
.edu .fl4 .img1{margin: 0.7rem auto;
    width: 70%;
    display: block;}
.edu .fl4 .ar_article1{ background: url(../images/edu_b1.jpg) center no-repeat; background-size: 100% 100%; padding: .4rem;}
.edu .fl4 .bottom{ padding: 0 .3rem;}

@media(min-width: 1024px){
    
}
@media(max-width: 1024px){
    .edu .fl1{ padding-top: 0;}
    .tit4{ margin-bottom: .3rem}
    .edu .fl2{ transform: translateX(-50%) scale(.7); margin: 0 0 .6rem}
    .edu .fl3 .left{ width: 100%}
    .edu .fl3 .right{width: 100%;padding: .5rem 0 0 0;}
    .edu .fl3 .right .ar_article{ margin-left: 0}
}
@media(max-width: 800px){
    .tit4>img{ height: .5rem;}
    .tit4 .rr{font-size: .26rem;max-width: 3rem;flex-wrap: nowrap;}
    .tit4 .rr img{ width: .15rem}
    .edu .ar_article, .edu .ar_article p{font-size: .18rem;line-height: 2;}
    .edu .fl2{ transform: translateX(-50%) scale(.6); margin: 0 0 .6rem}
    .edu .fl4 .bottom{ padding: 0;}
    .edu .fl4 .img1{ margin: .4rem 0;}

    .edu .fl3{ padding: 0 0 .5rem}
}
@media(max-width: 560px){
	.edu .fl2{ transform: translateX(-50%) scale(.4); margin:-1.2rem 0 -.6rem}
} 

.list15Box{margin-bottom: .48rem;}
.list15 .a{ align-items: center; background: url(../images/list16_b1.png) right bottom no-repeat;}
.list15 .img{width: 6.7rem;margin-right: .4rem;}
.list15 .txt{flex: 1;overflow: hidden;}
.list15 p{margin: .3rem 0 .6rem;}
.list15 .img .imgLi{ padding-bottom: 59.70%;}
.list15 h6{ font-size: .16rem; color: #666666; font-weight: normal}

.list16Box{margin: -.15rem;padding: .15rem;width: calc((100vw - 15.2rem)/2 + 100% + .3rem);}
.list16Box:after{content: "";position: absolute;top: .15rem;right: 0;bottom: .15rem;width: 4rem;background-image: -moz-linear-gradient( 0deg, transparent 0, #f3f3f3, #f3f3f3);background-image: -webkit-linear-gradient( 0deg, transparent 0, #f3f3f3, #f3f3f3);background-image: -ms-linear-gradient( 0deg, transparent 0, #f3f3f3, #f3f3f3);z-index: 1;}
.list16{ position: relative}
.list16 a{display: block;position: relative;transition: .5s;cursor: pointer;}
.list16 a:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #be2222 .05rem solid; opacity: 0; transition: .5s;}

.list16 .swiper-slide-thumb-active a{box-shadow: 0 0 0.15rem rgba(190,34,34, .5);}
.list16 .swiper-slide-thumb-active a:after{ opacity: 1;}

.arrow1{position: absolute;right: 13%;z-index: 100;top: 50%;margin-top: -.33rem;}
.arrow1 .arrow{background: url(../images/list16_l.png) center no-repeat; background-size: 100% 100% !important;;border-radius: 50vw;width: .67rem;height: .67rem;display: flex;align-items: center;justify-content: center; cursor: pointer; transition: .5s;}
.arrow1 .next{ background: url(../images/list16_r.png) center no-repeat; background-size: 100% 100% !important;}
.arrow1 .arrow:hover{ background: url(../images/list16_l_on.png) center no-repeat;}
.arrow1 .next:hover{ background: url(../images/list16_r_on.png) center no-repeat;}

.newsz .fl1{ padding: 1rem 0; padding:0 0 1rem;}
.tit5{ margin-bottom: .48rem;}
.tit5 h3{ font-size: .36rem; color: #005bab;}

.newsz .fl2 .content{ margin: 0 -.22rem;}
.newsz .fl2 .box{ width: 33.33%; padding: 0 .22rem;}
.tit6{margin-bottom: .3rem;border-bottom: #cf0921 1px solid;}
.tit6 a{display: inline-block;line-height: .45rem;background: #cf0921;padding: 0 .15rem;font-size: .26rem;font-weight: bold;color: #fff;}

.list17 li{padding: .25rem 0;border-bottom: #bcd5e9 1px solid;}
.list17 .a{ display: block; position: relative;}
.list17 .img .imgLi{ padding-bottom: 2.69rem;}
.list17 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 0 .2rem .15rem; display: flex; align-items: flex-end; background: url(../images/list17_t.png) center 101% no-repeat; background-size: 100% auto;}
.list17 .txt h4{ font-size: .2rem; color: #fff; font-weight: normal}

.list17 .a>h4{font-size: .18rem;color: #333333;font-weight: normal;transition: .5s;}
.list17 .a h6{font-size: .16rem;color: #888888;font-weight: normal;margin: .12rem 0 0;}
.list17 li.li{ border: none;}
.box:last-child .list17 li.li{ padding-top: .5rem; padding-bottom: 0;}

.tit5c{ justify-content: space-between; align-items: center;}
.more1{ display: flex; align-items: center; font-size: .14rem; color: #333333; transition: .5s;}
.more1 img{ width: .11rem; margin: 0 0 0 .08rem;}

.newsz .fl3{ padding: 1.1rem 0 0;}

.list18Box .qhBox{position: relative;z-index: 1;padding: 0;margin: .5rem 0 0;}
.list18Box .swiper-scrollbar:before{content:"";position: absolute;top: 50%;height: 1px;background: #bed2cc;margin: -.5px 0 0;left: 0;right: 0;z-index: -1;}
.list18Box .swiper-scrollbar{height: .03rem;background: none;z-index: -1;position: absolute;top: 50%;margin-top: -.015rem;left: 1.65rem;right: 0;}
.list18Box .swiper-scrollbar .swiper-scrollbar-drag{background: #d60012;}
.list18 .a{height: 3.78rem;background: #fff;flex-direction: column;justify-content: center;padding: 0 .3rem;position: relative;z-index: 1;overflow: hidden;transition: .5s;}
.list18 .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list18_t.png) center bottom no-repeat;background-size: 100% auto;z-index: -1;}
.list18 .a:after{content: "";position: absolute;top: 0;right: 0;border-right: #015aac .23rem solid;border-bottom: transparent .23rem solid;transition: .5s;}
.list18 h6{ font-size: .16rem; color: #015aac; font-family: "DIN Light";}
.list18 h4{ margin: .3rem 0 .2rem;}
.list18 p{font-size: .14rem;color: #666666;line-height: .26rem;height: calc(.26rem * 4)\0;min-height: calc(.26rem * 4);margin-bottom: .25rem;}

.arrow3{display: flex;justify-content: space-between;align-items: center;width: 1.3rem;}
.arrow3 .arrow{width: .48rem;height: .48rem;display: flex;justify-content: center;align-items: center;position: relative;z-index: 1;cursor: pointer;border-radius: 50%; border: 1px solid rgba(0,0,0,.3);}
.arrow3 .arrow .icog {position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;display: flex;align-items: center;justify-content: center;}
.arrow3 .arrow svg {width: 0.2rem;height: 0.2rem;fill: #777;position: relative; transition: .5s}
.arrow3 .arrow.prev .ico .ico2 { transform: translateX(0.22rem); opacity: 0; }
.arrow3 .arrow.next .ico .ico2 { transform: translateX(-0.22rem); opacity: 0; }


@media(min-width: 1024px){
	.list17 .a:hover>h4{ color: #cf0921}
	.arrow3 .arrow:hover svg{ fill: #fff}
	.arrow3 .arrow:hover{ background: #d60012; border: #d60012 1px solid}

    .list18 .a:hover{ background: #d60012;}
	.list18 .a:hover:after{ transform: translate(.24rem, -.24rem)}
	.list18 .a:hover:before{ transform: translateY(101%)}
	.list18 .a:hover *{ color: #fff}
}
@media(max-width: 1024px){
	.list15 .img{ margin: 0 auto}
	.list15 .txt{ width: 100%; flex: auto; margin-top: .3rem}
	.list16Box{ width: 120%}
	.newsz .fl2 .box{ width: 100%; margin-bottom: .4rem}
	.list17 .img .imgLi{ padding-bottom: 60%}
	.newsz .fl3{ padding: .1rem 0 0}
	.list16Box{margin: -.1rem;padding: .1rem;}
    .list16Box:after{width: 40vw;top: .1rem;bottom: .1rem;}
	.newsz .fl1{ padding: 0 0 .4rem}
	.arrow1{ transform: scale(.6)}
}
@media(max-width: 800px){
    .arrow3{width: 1rem;}
    .list18Box .swiper-scrollbar{ left: 1.4rem;}
    .list18 .a{height: 3rem;padding: 0 .2rem;}
    .list18 h4{ margin: .2rem 0 .14rem}
    .arrow3 .arrow{ transform: scale(.8)}
    .tit5{ margin-bottom: .3rem}
    .tit5 h3{ font-size: .26rem}

    .list17 li{ padding: .15rem 0}
    .list17 .a>h4{ font-size: .2rem}
    .tit6{ margin-bottom: .15rem}
    .tit6 a{font-size: .2rem;}
    .list15 .a{ background-size: 50% auto}
}
@media(max-width: 560px){
} 

/*公共css*/
@media(max-width: 800px){
    .h4s0{font-size: .2rem !important;line-height: .3rem !important;}
    .h4s1{font-size: .2rem !important;line-height: .3rem !important;max-height: .3rem\0 !important;}
    .h4s2{font-size: .2rem !important;line-height: .3rem !important;max-height: .6rem\0 !important;}
    .h4s3{font-size: .2rem !important;line-height: .3rem !important;max-height: .9rem\0 !important;}

    .ps0{font-size: .16rem !important;line-height: .26rem !important;}
    .ps1{font-size: .16rem !important;line-height: .26rem !important;max-height: .26rem\0 !important;}
    .ps2{font-size: .16rem !important;line-height: .26rem !important;max-height: .52rem\0 !important;}
    .ps3{font-size: .16rem !important;line-height: .26rem !important;max-height: .78rem\0 !important;}
    .ps4{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.04rem\0 !important;}
    .ps5{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.3rem\0 !important;}
} 

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
}