@charset "utf-8";
/*ABCDEFGabcdefgHIJKLMNhijklmnOPQRSTopqrstUVWXYZuvwxyz0123456789.*/

.h4s1{font-size: .18rem;color: #262626;line-height: .3rem;transition: .5s;}
.h4s2{display: block;text-overflow: ellipsis;/* display: -webkit-box; *//* -webkit-line-clamp: 3; *//* -webkit-box-orient: vertical; */white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: .18rem;color: #262626;line-height: .3rem;max-height: .6rem\0;transition: .5s;}
.ps2{font-size: .16rem;color: #555555;line-height: .3rem;max-height: .6rem\0;transition: .5s;}
.ps4{font-size: .16rem;color: #555555;line-height: .3rem;max-height: 1.2rem\0;transition: .5s;}
.h6s1{ font-size: .18rem; color: #14428f; font-family: "sys"}
.h6s1 big{ font-size: .28rem;}
.zdcolor {color:#477eff !important;}

@font-face { font-family: "Spoqa Han Sans Neo"; src: url("../fonts/SpoqaHanSansNeo-Bold.woff2"); }
@font-face {
    font-family: "sys";src: url("../fonts/Cb6SGNna6jV7.woff2") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "sysr";src: url("../fonts/yiyuanhei.woff2") format("woff");
    font-display: swap;
}

/* @font-face {
    font-family: "思源黑体 Medium";font-weight: 500;src: url("yiyuanheitiMedium.woff") format("woff");
    font-display: swap;
} */
/* @font-face {
    font-family: "思源黑体 Bold";font-weight: 500;src: url("yiyuanheitiBold.woff") format("woff");
    font-display: swap;
} */
/* @font-face {
    font-family: "思源宋体 SemiBold";font-weight: 600;src: url("siyuanSemiBold.woff") format("woff");
    font-display: swap;
}
@font-face {
    font-family: "思源宋体 Bold";font-weight: 600;src: url("siyuanBold.woff") format("woff");
    font-display: swap;
} */

.pc_hb{position: relative;z-index: 10000;height: 1.38rem;}
#header{position: fixed;z-index:999;width:100%;transition: 0.36s;background: url(../images/header_b1.jpg) center no-repeat; background-size: cover;}
#header .wp{align-items: center;justify-content: space-between;width: 100%;height: 1.38rem;transition: .5s;}
#header .right{width: 11.15rem;/*! max-width: 62%; */ align-items: center;position: relative;z-index: 1;opacity: 1 !important;padding: .2rem 0 0;}
#header .right .top{ justify-content: flex-end;align-content: center;margin-bottom: .1rem;position: relative;z-index: 2;}

.admin img{ width: .18rem}

/*网站地图*/
#search1{position: fixed;top:0;height:0;width:100%;z-index: 100002;/* visibility: hidden; */}
#search1:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.5);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);}
#search1.open{/*! height:50vh; *//* visibility: visible; */}
.module>.module_container{margin:0 auto;padding: 0 15px;max-width:1536px;position:relative;}
#search1 .module_container{height: 100vh;overflow:hidden;background: #fff;max-width:none;display: flex;align-items: center;transform: translate3d(0, -101vh, 0);transition: 1s;}
#search1.open .module_container{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}
#search1 .wrapper{width: 10.24rem;max-width: 100%;margin:0 auto;-webkit-transform:translateY(120px);transform:translateY(120px);opacity:0;-webkit-transition:all 1.2s ease;transition:all 1.2s ease;position: relative;background: #fff;}
#search1.open .wrapper{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
#search1 .wrapper .div{display: flex;overflow:hidden;padding-bottom:15px;border-bottom:1px solid #c6c6c6;justify-content: space-between;}
.icon_search{background-image:url(../images/icon_search.png);width:16px;height:16px;cursor: pointer;}#search1 .wrapper .div .icon_search{background-position:0 -16px;opacity:.5;margin-top: 7px;margin-left:12px;}
#search1 .wrapper .div .input1{font-size: .18rem;color:#333;height:30px;line-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:-webkit-calc(100% - 104px);width:calc(100% - 104px);flex: 1;overflow: hidden;padding: 0;}
.fl{float:left}
#search1 .close{position: absolute;height:20px;width:20px;cursor:pointer;-webkit-transition:all .4s ease;transition:all .4s ease;z-index: 100;top: .3rem;right: .3rem;opacity: 0;visibility: hidden;}
#search1 .close:after,#search1 .close:before{width:1px;height:20px;background:#000;position:absolute;content:"";left:50%}
#search1 .close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#search1 .close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#search1 .close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
#search1 .keywords{line-height: .38rem;color:#333;font-size: .14rem;margin-top: .3rem;display: flex;flex-wrap: wrap;}
#search1 .keywords span{ white-space: nowrap}
#search1 .keywords a{color:#444;height: .38rem;margin-bottom: .14rem;padding: 0 .2rem;display:inline-block;margin-right: .14rem;background:#f5f5f7;border-radius: 50vw;transition: .5s;}
#search1 .keywords a:hover{background: #006179;color: #fff;}
#search1.open .close{ opacity: 1; visibility: visible}

.list1{ align-items: center}
.list1 li{ font-size: .16rem; color: rgba(255,255,255,.8);margin: 0 .24rem 0 0;position: relative;transition: .5s;}
.list1 li svg{ width: .2rem; height: .2rem; margin: 0 0 0 .1rem;transition: .5s; fill: #fff}
.list1 li .a{ display: flex}
.list1 li img.i1{ width: .1rem; margin: 0 0 0 .1rem;transition: .5s;}
.list1 dl{ position: absolute; top: calc(100% + .1rem); left: 50%; transform: translateX(-50%) translateY(.1rem); width: .8rem; background: rgba(255,255,255,.97); border-radius: .06rem;padding: .1rem;opacity: 0;visibility: hidden; transition: .5s}
.list1 dl dd{ font-size: .14rem; color: #444; line-height: 2; text-align: center; transition: .5s}

.list1 li:hover{ color: #fff;}
.list1 li:hover img.i1{ transform: rotateX(180deg)}
.list1 li:hover dl{ transform: translateX(-50%) translateY(0); opacity: 1;visibility: visible;} 
.list1 li dl dd:hover{ color: #ffd472}

#logo{width: 3.93rem;max-width: 22%;opacity: 1 !important;}
#logo img{ width: 100%}


#search1{position: fixed;top:0;height:0;width:100%;z-index: 100002;/* visibility: hidden; */}
#search1:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.5);-webkit-backdrop-filter: blur(20px);backdrop-filter: blur(20px);}
#search1.open{height:1.38rem;/* visibility: visible; */}
.module>.module_container{margin:0 auto;padding: 0 15px;max-width:1536px;position:relative;}
#search1 .module_container{height: 1.38rem;overflow:hidden;background: none;max-width:none;display: flex;align-items: center;transform: translate3d(0, -101vh, 0);transition: 1s;}
#search1.open .module_container{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);}
#search1 .wrapper{width: 10.24rem;max-width: 100%;margin:0 auto;-webkit-transform:translateY(120px);transform:translateY(120px);opacity:0;-webkit-transition:all 1.2s ease;transition:all 1.2s ease;position: relative;}
#search1.open .wrapper{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
#search1 .wrapper .div{display: flex;overflow:hidden;padding:15px;/*! border-bottom:1px solid #c6c6c6; */justify-content: space-between;}
.icon_search{background-image:url(../images/icon_search.png);width:16px;height:16px;cursor: pointer;}#search1 .wrapper .div .icon_search{background-position:0 -16px;opacity:.5;margin-top: 7px;margin-left:12px;}
#search1 .wrapper .div .input1{font-size: .18rem;color:#333;height:30px;line-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:-webkit-calc(100% - 104px);width:calc(100% - 104px);flex: 1;overflow: hidden;padding: 0;}
.fl{float:left}
#search1 .close{position: absolute;height:20px;width:20px;cursor:pointer;-webkit-transition:all .4s ease;transition:all .4s ease;z-index: 100;top: .3rem;right: .3rem;opacity: 0;visibility: hidden;}
#search1 .close:after,#search1 .close:before{width:1px;height:20px;background:#fff;position:absolute;content:"";left:50%}
#search1 .close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#search1 .close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
#search1 .close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
#search1 .keywords{line-height: .38rem;color:#333;font-size: .14rem;margin-top: .3rem;display: flex;flex-wrap: wrap;}
#search1 .keywords span{ white-space: nowrap}
#search1 .keywords a{color:#444;height: .38rem;margin-bottom: .14rem;padding: 0 .2rem;display:inline-block;margin-right: .14rem;background:#f5f5f7;border-radius: 50vw;transition: .5s;}
#search1 .keywords a:hover{background: #006179;color: #fff;}
#search1.open .close{ opacity: 1; visibility: visible}

.m_header_box {transition: all 0.6s ease 0s;display: none;height: 0.75rem;position: relative;z-index: 100000;width: 100%;}
.m_header_box header {padding: 0px 0px 0px 15px;height: 0.75rem;box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 5px;position: fixed;top: 0px;left: 0px;right: 0px;z-index: 100;display: flex;justify-content: space-between;align-items: center;background: #fff;background: url(../images/header_b1.jpg) center no-repeat;background-size: auto;background-size: cover;}
.m_header_box header #logo img {height: 0.4rem;width: auto;}
.m_header_box header #logo { padding: 0px; width: 100%; max-width: inherit;}
.m_header_box .search_btn img { width: 0.26rem; height: 0.26rem; }
.m_header_box .list_box1 { margin-right: 0.4rem; }
.m_header_box .list_box1 .li a { border-radius: 0px; width: 28px; height: 20px; font-size: 10px; }
.m_header_box .search_btn { margin-right: 0.15rem; position: relative; z-index: 10; }
#nav_btn_box.on { background: none; }
#nav_btn_box { position: relative; width: 0.7rem; height: 0.7rem; display: flex; align-items: center; justify-content: center; z-index: 1; min-width: 0.85rem; }
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; transition: all 0.5s ease 0s; outline: none; box-shadow: none; }
#nav_btn .point { display: inline-block; width: 0.34rem; height: 16px; position: relative; outline: none; vertical-align: middle; }
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before { width: 100%; }
#nav_btn .navbtn {position: absolute;left: 0px;display: inline-block;width: 100%;height: 16px;transition: all 0.3s ease-out 0s;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0px;display: inline-block;width: 100%;height: 3px;content: "";transition: all 0.3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after { bottom: 0; transform-origin: center;}
#nav_btn .navbtn::before { transform-origin: center;}
#nav_btn .point.on .navbtn { background: transparent; }
#nav_btn .point.on .navbtn::after { transform: rotate(45deg) translateY(-9px);  }
#nav_btn .point.on .navbtn::before { transform: rotate(-45deg) translateY(9px);  }
.m_nav_list { flex-direction: column; width: 100%; height: 100%; overflow: auto; align-items: center; display: flex; background: rgba(255, 255, 255, 0.1); }
.m_nav_list::-webkit-scrollbar { display: none; }
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105vw;top: 0px;padding: 100px 20px 30px;pointer-events: none;transition: all 0.3s ease-out 0s;display: block;opacity: 0;visibility: hidden;backdrop-filter: blur(15px);overflow: hidden scroll;background: #14428f;}
#m_nav .close { position: absolute; top: 7px; right: 15px; left: 15px; font-size: 30px; color: rgb(51, 51, 51); z-index: 10000; width: auto; height: 35px; border-radius: 0px; display: flex; align-items: center; justify-content: flex-end; padding: 0px; }
#m_nav.act { pointer-events: auto; right: 0px; opacity: 1; visibility: visible; }
#m_nav .list1 { justify-content: center; margin: 0 -.03rem;}
#m_nav .list1 li .a { color: #115740; }
#m_nav .list1 li .a img { display: none; }
#m_nav .list1 li{ margin: 0 .03rem; flex: auto;font-size: .15rem;}
#m_nav .list1 li .a{ color: #fff;border: rgba(255,255,255,.5) 1px solid;border-radius: .03rem;line-height: 1.5;padding: 4px 0;text-align: center;justify-content: center;}

.list_box_nav_mobile { max-width: 100%; margin: 0.2rem auto 0px; }
.list_box_nav_mobile > li { width: 100%; overflow: hidden; padding: 0px; position: relative; margin: 0px auto; }
.list_box_nav_mobile > li .con { position: relative; }
.list_box_nav_mobile > li .h3 {width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.05);line-height: 0.64rem;color: #fff;padding: 0px;font-size: 0.2rem;display: flex;position: relative;transition: all 0.5s ease 0s;}
.list_box_nav_mobile > li.on .a { color: rgb(255, 255, 255); }
.list_box_nav_mobile > li .box { padding: 10px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); display: none; }
.list_box_nav_mobile > li .sub { position: relative; top: 0px; left: 0px; right: 0px; }
.list_box_nav_mobile > li i { content: ""; opacity: 1; width: 0.64rem; height: 0.64rem; background-image: url("../images/arrow_down.svg"); background-position: center center; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; position: absolute; display: block; right: -0.2rem; top: 0px; cursor: pointer; background-size: 16px 16px !important; }
.list_box_nav_mobile > li.on1 i { transform: rotate(-90deg); }
.list_box_nav_mobile > li .sub a {display: block;font-size: 13px;color: #fff;line-height: 2.5;min-width: 33.33%;opacity: .7;}
.nav_mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 888; background-color: rgba(0, 0, 0, 0.4); display: none; }


#nav{  width: 100%}
#nav ul { justify-content: space-between; height: .6rem;}
#nav ul li {z-index: 0;margin-left: 0px;position: relative;height: 1rem;transition: all 0.2s ease 0s;}
#nav ul li > a {display: block;padding: 0px;position: relative;z-index: 2;height: .6rem;line-height: .6rem;}
#nav ul li .h3 {font-size: 0.2rem;color: #fff;height: 100%;position: relative;transition: .5s;padding: 0 0 0 .25rem;}
#nav ul li.li .h3::before { content: ""; position: absolute; right: -0.18rem; top: 0.2rem; transition: all 0.6s ease 0s; width: 0.11rem; height: 0.05rem; background: url("../images/nav.png") center center no-repeat; }
#nav ul li .h3::after{content: ""; background: url(../images/nav_b.png) center no-repeat; background-size: cover;position: absolute;left: 0;top: 50%;transition: .5s;width: .2rem;height: .2rem;margin-top: -.1rem;-webkit-animation: play 5s linear infinite;-moz-animation: play 5s linear infinite;animation: play 5s linear infinite;opacity: 0;}
#nav ul li.on .h3::after, #nav ul li:hover .h3::after {opacity: 1;visibility: visible;}
#nav ul li .sub {position: absolute;top: 100%;width: auto;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility: hidden;opacity: 0;transition: .5s;transform-origin: center top;}
#nav ul li .sub:before{ content: ""; position: absolute; top: -.08rem; border-left: transparent .08rem solid; border-right: transparent .08rem solid; border-bottom: #14428f .08rem solid;left: 50%;margin-left: -.08rem;}
#nav ul li .sub .box {line-height: 1.5;transition: .5s;font-size: 0.16rem;color: #fff;text-align: center;white-space: nowrap;display: block;width: 100%;overflow: hidden;background: #14428f;border-radius: .1rem;box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 60px;padding: .1rem;}
#nav ul li .sub a {padding: .12rem .4rem;line-height: 1.5;transition: .5s;font-size: .16rem;color: #fff;text-align: center;white-space: nowrap;display: block;width: 100%;border-radius: .06rem;}
#nav ul li .sub a:hover {color: #fff;background: #fed371;}
#nav ul li .sub a img { filter: grayscale(100%); opacity: 0.6; margin: 0px 0.1rem 0px 0px; width: 0.19rem; }
#nav ul li:hover .sub { opacity: 1; visibility: visible; transform: translateX(-50%) scaleY(1); }


.banner_box { padding: 0px; position: relative; z-index: 3; height: calc(100vh - 1.38rem);}
.banner { overflow: hidden; }
.banner ul li .a { display: block; position: relative; z-index: 1; overflow: hidden; }
.banner ul li .a .img { overflow: hidden; width: 100%; /*! animation: sca 20s linear infinite */}
.banner ul li .a .img .imgLi { padding-bottom: calc(100vh - 1.38rem); transition: 0s; transform: scale(1) !important ; }
.banner ul li .a .img video { width: 100vw; height: 100%; object-fit: cover; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
.banner.on ul li.swiper-slide-active .a .txt h3 { transform: translateY(0px); opacity: 1; }
.banner.on ul li.swiper-slide-active .a .top .bg1 { transform: translate(-50%, -45%) scale(1); }
.banner.on ul li.swiper-slide-active .a .top h3 { transform: translateY(0px); }


@keyframes sca {
    0% {
        transform: scale(1.1) rotate(0.1deg);
    }
    50% {
        transform: scale(1) rotate(0.1deg);
    }
    100% {
        transform: scale(1.1) rotate(0.1deg);
    }
}

.dots1{ position: absolute; right: 1.8%; top: 0; bottom: 0;left: auto !important;width: auto !important;display: flex;flex-direction: column;justify-content: center;align-content: center;}
.dots1 span{ width: .4rem; height: .4rem; position: relative; z-index: 1;text-align: center;line-height: .4rem;font-family: "sys";font-size: .16rem;color: #fff;background: none;opacity: 1; margin: 0 !important; transition: .5s;}
.dots1 span .bg{ content: ""; position: absolute; background: url(../images/dots1.png) center no-repeat; top: 0; right: 0; bottom: 0; left: 0;z-index: -1; opacity: 0; transition: .5s;transform: scale(.5);background-size: cover;}
.dots1 span:before{ content: ""; position: absolute; top: 105%; left: 50%; width: 1px; background: #fff; height: 0; transition: .5s; transition-delay: .5s; opacity: 0;}
.dots1 span:after{ content: ""; position: absolute; bottom: 105%; left: 50%; width: 1px; background: #fff; height: 0;transition: .5s; transition-delay: .5s; opacity: 0;}

.dots1 span.active{ margin: .3rem 0 !important; font-size: .2rem}
.dots1 span.active .bg{ opacity: 1; transform: scale(1);}
.dots1 span.active:before, .dots1 span.active:after{ height: .3rem; opacity: 1;}

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

.home1{padding: 1.44rem 0 1.8rem;background: url(../images/home1_b1.jpg) center no-repeat;background-size: cover;position: relative;z-index: 1;/* background-attachment: fixed; */}
.home1 .bg1{ position: absolute; top: .68rem; left: 0; background: url(../images/home1_b2.jpg) center no-repeat; background-size: cover; width: 36.4583vw; z-index: -1; height: calc(36.4583vw * .9728);pointer-events: none;}
.home1 .fl1{ position: relative; z-index: 1;padding: 0 0 0 .3rem;}
.tit1{ position: absolute; width: .72rem; top: 0; left: -.7rem;flex-direction: column;}
.tit1 .ll, .tit1 .ll img{ width: 100%;}
.tit1 .line{ width: 1px; height: 2.44rem; background: #fff; opacity: .2;position: absolute;top: 1.74rem;left: .16rem;}
.more1{ position: absolute; top; top: 4.36rem; flex-direction: column;align-items: center;left: .08rem;}
.more1 span{ display: inline-block; width: .16rem; font-size: .16rem; color: #fff;line-height: 1.1;}
.more1 i{ display: flex; width: .15rem; height: .15rem; position: relative; z-index: 1;overflow: hidden;margin: .1rem 0 0;}
.more1 i img{ width: 100%; transition: .5s}
.more1 i img.i2{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;transform: translate(-110%,110%); opacity: 0}

.list3{ background: #fff;}
.list3 .img{ width: 8.27rem;}
.list3 .img .imgLi{ padding-bottom: 57.31%;}
.list3 .txt{ width: calc(100% - 8.27rem); background:#fff url(../images/list3_b1.png) center bottom no-repeat; background-size: 100% auto; padding: .6rem .45rem 0;}
.list3 h6 big{ font-size: .36rem}
.list3 h4{ margin: .18rem 0 .3rem;}
.list3 p{ margin: 0 0 .4rem;}

.dots2{display: flex;}
.list3Box{ margin-bottom: .25rem}
.list3Box .dots2{ position: absolute; bottom: .5rem !important; right: .4rem;left: auto !important;width: auto !important; z-index: 1; height: 3px;}
.dots2 span{ width: .5rem; height: 2px; background: #d0d7e3; opacity: 1;margin: 0 .03rem !important;transition: .5s; transition: .5s;}
.dots2 span.active{ height: 3px; background: #093485}

.more2{ font-size: .16rem; color: #14428f;align-content: center; display: flex;}
.more2 i{ display: flex; width: .15rem; height: .15rem; position: relative; z-index: 1;overflow: hidden;margin: 0 0 0 .15rem;}
.more2 i img{ width: 100%; transition: .5s}
.more2 i img.i2{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;transform: translate(-110%,110%); opacity: 0}

.list4Box{ margin: -.3rem -.1rem;padding: .3rem .1rem;}
.list4 .a{ display: block; padding: .36rem .3rem; position: relative; z-index: 1;overflow: hidden; transition: .5s;}
.list4 .a::before{ content: ""; position: absolute; bottom: 0; right: 0; left: 0; height: 100%; background: #fff; z-index: -1; transition: .5s;opacity: 0;}
.list4 h6{ margin: .2rem 0 0;}
.more3{ position: absolute; right: 0; bottom: 0; width: .44rem; height: .44rem; background: #ffd472;align-content: center;justify-content: center;transition: .5s;transform: translateY(.44rem); transition-delay: .5s;}
.more3 i{ display: flex; width: .22rem; height: .22rem; position: relative; z-index: 1;overflow: hidden;}
.more3 i img{ width: 100%; transition: .5s; transition-delay: .5s;}
.more3 i img.i2{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;transform: translate(-110%,110%); opacity: 0}

.list4Box .dots2{ bottom: 0 !important;justify-content: center;margin: .25rem 0 0;height: 3px;}

.list4 .swiper-slide-active .a{ box-shadow: .07rem .18rem .3rem 0px rgba(15, 36, 123, 0.06);}
.list4 .swiper-slide-active .a::before{ height: 100%; opacity: 1}
.list4 .swiper-slide-active .more3{ transform: translateY(0);}
.list4 .swiper-slide-active .more3 i img.i1{ transform: translate(110%,-110%); opacity: 0; }
.list4 .swiper-slide-active .more3 i img.i2{ transform: translate(0,0); opacity: 1; } 


.home2Box{ position: relative; z-index: 1;padding: .7rem 0 0;margin: -.7rem 0 0;background: #f7f7f7;}
.home2Box:before{ content: ""; position: absolute; top: 0; left: 0; background: #f8f9fb; background-size: cover; width: 86.45vw; z-index: -1; height: 100%;box-shadow: 9.959px -8.356px 45.54px 0.46px rgba(15, 36, 123, 0.15);}
.home2Box .bg1{ position: absolute; top: 1rem; left: 0; background: url(../images/home2_b1.jpg) center bottom no-repeat; background-size: cover; width: 92.45vw; z-index: -1; bottom: 0; box-shadow: 9.959px 16.356px .2rem 0.46px rgba(15, 36, 123, 0.05);pointer-events: none;}
.home2 .bg2{ position: absolute; top: .68rem; right: 0; background: url(../images/home2_b2.jpg) center no-repeat; background-size: cover; width: 39.84375vw; z-index: -1; height: calc(39.84375vw * 1.0065);height: 7.75rem;pointer-events: none;}

.tit2{ justify-content: space-between; margin-bottom: .48rem;}
.tit2_c .ll{ text-align: center}
.tit2 h3{ font-size: .36rem; color: #262626; position: relative;}
.tit2 h6{ font-size: .36rem; color: #1e4182; font-family: "sys"; opacity: .2;text-transform: uppercase;margin: -.18rem 0 0;text-align: left;}

.home2{ padding-top: 0;}
.home2 .left{ width: 50%; padding: 0 .55rem 0 0;}
.home2 .right{ width: 50%;padding: .6rem 0 0;position: relative;z-index: 1;}
.home2 .right .tit1{ left: auto; right: -.98rem;top: 1.1rem;}

.list5{ margin-top: -.25rem}
.list5 .a{ height: 1.4rem; align-items: center; padding: 0 .28rem 0 0; position: relative; z-index: 1; overflow: hidden;}
.list5 .a:before{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 0; background: #2a55a2; z-index: -1; transition: .5s;}
.list5 .a:after{ content: ""; position: absolute; left: -50%; right: -50%; bottom: 0; background: url(../images/list5_b.png) center bottom repeat-x;height: .03rem;}
.list5 .time{ width: .8rem; text-align: center;}
.list5 .time h3{ font-size: .3rem; color: #14428f; font-family: "sys"; transition: .5s;}
.list5 .time h6{ font-size: .16rem; color: #14428f; margin: .05rem 0 0; transition: .5s;}
.list5 .txt{ flex: 1; overflow: hidden;}
.list5 h4{ font-size: .2rem}

.home3-4{ background: #f7f8f8 url(../images/home3-4_b1.jpg) center top no-repeat; background-size: cover;background-attachment: fixed;position: relative;z-index: 1;}

.tit2_c{ justify-content: center; position: relative;}
.tit2_c .more2{ position: absolute; top: .2rem; right: 0;}

.tit2_m{ display: none;}

.list6Box{ padding: .35rem .1rem; margin: -.35rem -.1rem}
.list6 .a{ display: block; padding: .36rem .3rem 0; position: relative; z-index: 1;overflow: hidden; transition: .5s; background: #fff; box-shadow: .075rem .18rem .35rem 0px rgba(15, 36, 123, 0.06);}
.list6 .a::before{ content: ""; position: absolute; bottom: 0; right: 0; left: 0; height: 2px; background: #2a55a2; z-index: -1; transition: .5s;opacity: 1;}
.list6 h6{ margin: 0 0 .12rem;}

.more4{ width: .44rem; height: .44rem; background: #ffd472;align-content: center;justify-content: center;transition: .5s; margin: .25rem -.3rem 0 0;float: right;opacity: 0;}
.more4 i{ display: flex; width: .22rem; height: .22rem; position: relative; z-index: 1;}
.more4 i img{ width: .3rem; transition: .5s; transform: translate(-.8rem,0);}

.arrow1{ justify-content: center; align-items: center; margin: .4rem 0 .3rem;}
.arrow1 .dots2{ margin: 0 .25rem;}
.arrow1 .arrow{ cursor: pointer;width: .15rem;height: .31rem;}
.arrow1 .arrow img{ width: 100%}

/*日历*/
.calendar{ box-shadow: .75rem .18rem .35rem 0px rgba(15, 36, 123, 0.06);}
.calendar .year-m{ height: .52rem; background: #ffd472; position: relative; z-index: 1;align-items: center;padding: 0 .4rem;cursor: pointer;}
.calendar .year-m span{ font-size: .2rem; color: #c69118; font-family: "sys";position: relative;padding: 0 .3rem 0 0;}
.calendar .year-m span:before{ content: ""; position: absolute; background: url(../images/year-m.svg) center no-repeat;width: .18rem;height: .09rem;background-size: cover;right: 0;top: 50%;margin-top: -.045rem;}
.calendar .year-m ul{background: #fff;color: #555;padding: .1rem 0;max-height: 1.56rem;overflow: auto;width: 2rem;position: absolute;left: 0;top: 100%;box-shadow: 0 0 .1rem rgba(0, 0, 0, .1);opacity: 0;z-index: 5; visibility: hidden;transition: .5s;transform: scaleY(0);transform-origin: top;}
.calendar .year-m ul::-webkit-scrollbar {width: .05rem }
.calendar .year-m ul::-webkit-scrollbar-thumb {border-radius: .1rem;background: #999;}
.calendar .year-m ul::-webkit-scrollbar-track {border-radius: .1rem;background: #ddd;}
.calendar .year-m ul li {font-size: .15rem;padding: .1rem .2rem;cursor: pointer;transition: .5s;font-family: "sysr";color: #888;}
.calendar .year-m ul li:hover {background: #eee; color: #14428f;}

.calendar .year-m:hover ul {opacity: 1;visibility: visible;transform: scaleY(1);}

.calendar-content {background: #fff;padding: .4rem .4rem .5rem;}
.calendar-content table {width: 100%;text-align: center;}
.calendar-content table th{ padding-bottom: .15rem}
.calendar-content th {color: #c69118;padding: .1rem 0; font-size: .2rem;font-family: "sys";font-weight: normal;}
.calendar-content td {color: #262626;padding: .03rem 0;vertical-align: middle; font-size: .2rem;font-family: "sysr";font-weight: normal;}
.calendar-content td span {width: .4rem;height: .4rem;line-height: .4rem;padding: 0;border-radius: 50%;display: inline-block;}
.calendar-content td.calendar-selected {background-color: #00f7de }
.calendar-content .day-next, .calendar-content .day-prev {color: #d2d2d2;}
.calendar-content .day-next.calendar-has span, .calendar-content .day-prev.calendar-has span {background: #f2f2f2;}
.calendar-content .calendar-this span{background: #ffd472 !important;color: #c69118 !important;}
.calendar-content .calendar-has span{background: #dfe6f3;cursor: pointer;}

.tit3{ display: inline-block; background: #ffd472; line-height: .48rem; padding: 0 .3rem; font-size: .2rem; color: #c69118;}
.cslide{ background: url(../images/cslide_b1.jpg) center no-repeat; background-size: cover;margin: .5rem 0 0 auto;height: 2.8rem;}
.cslide .txt{ padding: .24rem .5rem .1rem;height: 1.95rem;}
.cslide h4{ font-size: .2rem; color: #fff; margin-bottom: .06rem}
.cslide p{ font-size: .16rem; color: #fff; line-height: .32rem;position: relative;z-index: 1;padding: 0 0 0 .36rem;}
.cslide p i{ position: absolute; left: 0; top: .06rem; width: .2rem; height: .2rem}
.cslide p i img{ width: 100%;vertical-align: top;}
.cslide p span{ opacity: .6; display: inline-block; width: .7rem}

#calendarnews{ height: auto}

.arrow2{ margin: 0 .2rem .1rem; justify-content: flex-end; align-items: center;}
.arrow2 svg{ fill:#fff; width: 12px; height: 25px; transition: .5s}
.arrow2 svg:hover{ fill: #ffd472}
.arrow2 .dots{ margin: 0 .15rem;left: auto;width: auto;bottom: auto;display: flex;align-items: center;margin-top: -3px;}
.arrow2 .dots span{ font-size: .2rem; color: #fff; font-family: "sys"}

.home4{ position: relative; z-index: 1;padding-top: 0 !important;padding-bottom: 1.15rem;}
.home4 .tit1{ top: .8rem} 
.home4 .bg1{ position: absolute; top: 0; left: 0; background: url(../images/home4_b2.jpg) center no-repeat; background-size: cover; width: 42.23vw; z-index: -1; height: calc(42.23vw * .835);pointer-events: none;}
.home4 .fl1{ position: relative; z-index: 1;padding: 0 0 0 .3rem;}
.home4 .con1{ background: #fff; padding: .5rem .8rem .75rem .5rem;align-items: center; box-shadow: .075rem.18rem.35rem 0px rgba(15, 36, 123, 0.06);}
.home4 .left{ width: 38%;}
.home4 .right{ width: 62%;padding: 0 0 0 5%;}

.list7{ width: 100%;} 
.list7 li{ width: 100%; padding: .04rem 0}
.list7 .a{ display: block; position: relative}
.list7 .img .imgLi{ padding-bottom: 34.70%}
.list7 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; justify-content: center; padding: 0 10%}
.list7 h4{ font-size: .24rem; color: #222222;}
.list7 h6{ font-size: .12rem; color: #222222;transform: scale(.85);transform-origin: left;opacity: .5;line-height: 1.5;margin: .03rem 0 0;}

.miso_tab1 .hd{ height: 1.14rem;display: flex;align-items: center;padding: 0 0 0 43%;}
.miso_tab1 .hd ul{ width: 4.46rem; justify-content: space-between;}
.miso_tab1 .hd ul li .a{ display: inline-block; padding-bottom: .25rem; font-size: .24rem; color: #262626; position: relative;transition: .5s;}
.miso_tab1 .hd ul li .a:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #c69118; transition: .5s}

.miso_tab1 .hd ul li.on .a{ color: #c69118}
.miso_tab1 .hd ul li.on .a:before{ width: 100%}

.list8 .a{ height: 1.02rem; align-items: center; padding: 0 .28rem 0 0; position: relative; z-index: 1; overflow: hidden;display: flex;}
.list8 .a:before{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 0; background: #2a55a2; z-index: -1; transition: .5s;}
.list8 .a:after{ content: ""; position: absolute; left: -50%; right: -50%; bottom: 0; background: url(../images/list5_b.png) center bottom repeat-x;height: .03rem;}
.list8 .time{ width: 1.4rem; text-align: left; font-size: .2rem; color: #14428f; font-family: "sys"; transition: .5s;padding: 0 .1rem 0 0;}
.list8 h4{ width: calc(100% - .8rem); font-size: .2rem}

.list9W{ position: relative; z-index: 1}
.list9 .a{ display: block; position: relative; z-index: 1;}
.list9 .img .imgLi{ padding-bottom: 42.39%;}
.list9 .txt{ position: absolute; top: 16%; left: 50%; transform: translateX(-50%); width: 100%;text-align: center; padding: 0 3%}
.list9 h4{display: inline-block;padding: 0 1.6rem;position: relative;font-size: 0.22rem;color: #fff !important;letter-spacing: .04rem}
.list9 h4:before{ content: ""; position: absolute; width: 0; height: 1px; background: #fff;left: 0;top: 50%;transition: 1s;transition-delay: .5s;}
.list9 h4:after{ content: ""; position: absolute; width: 0; height: 1px; background: #fff;right: 0;top: 50%;transition: 1s;transition-delay: .5s;}
.list9 .ico{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center;padding: 0 0 7%;}
.list9 .ico span{ position: relative; z-index: 1}
.list9 .ico span img{ width: 100%}
.list9 .ico span:after,
.list9 .ico span:before { position:absolute; content:''; border:1px solid #fff; box-sizing:border-box; width:100%; height:100%; left:0; top:0; transform-origin:center; border-radius:50%; transform:scale(1); animation:spread 1.5s infinite}
.list9 .ico span:after {animation-delay:.7s}
@keyframes spread{0%{opacity:.8;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}
@-webkit-keyframes spread{0%{opacity:.8;-webkit-transform:scale(1)}100%{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}
@keyframes animateQBG{0%{transform:translate3d(0,80px,0)}100%{transform:none}}
@-webkit-keyframes animateQBG{0%{-webkit-transform:translate3d(0,80px,0)}100%{-webkit-transform:none}}

.list9 .swiper-slide-active h4:before, .list9 .swiper-slide-active h4:after{ width: 1.35rem}

.home6-7{ position: relative; z-index: 1;}

.list10W{ position: absolute; bottom: 6%; left: 0; right: 0;z-index: 10;}
.list10Box{ width: 3.6rem; margin: 0 auto; max-width: 100%;}
.list10 .a{ display: block; padding: .05rem;}
.list10 .a:before{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 0; background: #fff; transition: .5s; opacity: 0; z-index: -1}
.list10 .img{ background: #000}
.list10 .img .imgLi{ padding-bottom: 56.39%; opacity: .7}

.list10 .swiper-slide-thumb-active .a:before{ height: 100%; opacity: 1}
.list10 .swiper-slide-thumb-active .img .imgLi{ opacity: 1}

.miso_tab2 .hd{ display: flex;align-items: center;justify-content: center;}
.miso_tab2 .hd ul{ width: 3.2rem; justify-content: space-between;}
.miso_tab2 .hd ul li .a{ display: inline-block; padding: 0 .08rem .12rem; font-size: .24rem; color: #262626; position: relative;transition: .5s;}
.miso_tab2 .hd ul li .a:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #357dff; transition: .5s}

.miso_tab2 .hd ul li.on .a{ color: #357dff;}
.miso_tab2 .hd ul li.on .a:before{ width: 100%}

.list11Box{ padding: .4rem 0 0;}
.list11Box .swiper-scrollbar{ margin: .44rem auto 0;position: relative;bottom: 0;width: 6.06rem;max-width: 100%;height: 3px;background: none;}
.list11Box .swiper-scrollbar:before{ content: ""; position: absolute; top: 0; right: 0; height: 2px; left: 0; background: #d0d7e3;z-index: -1;}
.list11Box .swiper-scrollbar-drag{ background: #093485;height: 3px;}
.list11 .imgW{ width: 1.4rem; height: 1.4rem; position: relative; z-index: 1; margin: 0 auto;}
.list11 .imgW::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: #ffd472; transition: .5s; border-radius: 50vw; opacity: 0}
.list11 .img{ border-radius: 50vw; box-shadow: .075rem .18rem .35rem 0px rgba(15, 36, 123, 0.06);}
.list11 .img .imgLi{ padding-bottom: 100%}
.list11 .txt{ text-align: center; margin: 0 -.2rem}
.list11 h4{ font-size: .2rem; color: #262626; line-height: 1.5; margin: .15rem 0 .08rem}
.list11 p{ font-size: .16rem; color: #262626; line-height: 1.5}

.home7{ padding-top: .2rem; position: relative; z-index: 1;}
.home6-7 .bg1{content: "";position: absolute;top: 0;right: 0;bottom: 1.25rem;left: 0;overflow: hidden;background-size: cover !important;/* background-attachment: fixed !important; */z-index: -1;}
.home6-7 .bg1s{ width: 100%; height: 150%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.home7 .tit2{ margin-bottom: .3rem;}
.list12W{ position: relative; z-index: 1;}
.list12W .arrow1{ position: absolute; right: 0; top: -.7rem;width: .66rem;justify-content: space-between;margin: 0;}
.list12 .img .imgLi{ padding-bottom: 54.33%}

.home8 .wp{ justify-content: space-between;}
.home8 .left{ width: 65.5%; margin-bottom: -.35%;}
.home8 .right{ width: 33.78%; background: url(../images/home8_b2.jpg) center no-repeat; background-size: cover;display: flex;justify-content: center;align-items: center;}

.home8 .tit2{ background: url(../images/home8_b1.jpg) center no-repeat; background-size: cover;height: .83rem;align-items: center;padding: 0 .48rem;margin-bottom: .5%;}
.home8 .tit2 .ll{ margin-right: .5rem}
.home8 .tit2 h3{ color: #fff}
.home8 .tit2 h6{ color: #fff;opacity: .1;margin: -.22rem 0 0;}

.list13 li{ font-size: .2rem; color: #fff;}
.list13 .a{ align-items: center; display: flex}
.list13 li img{ margin: 0 .15rem 0 0;width: .3rem;}

.list13{ flex: 1; overflow: hidden; justify-content: space-around;}

.home8{ padding: .2rem 0 1.6rem;}
.list14{ margin: 0 -.25%;}
.list14 li{ padding: 0 .25%; width: 50%;margin-bottom: .5%;}
.list14 .a{ display: block; position: relative; z-index: 1;}
.list14 li .img .imgLi{ padding-bottom: 55.6%;}
.list14 li .img::after{ content: ""; position: absolute; top: 0; right: 0; bottom: -1px; left: 0; background: url(../images/list14_t1.png) center bottom repeat-x;background-size: 1px 2.38rem !important;}
.list14 .txt{ position: absolute; /*! top: 0; */ right: 0; bottom: 0; left: 0;padding: 0 .28rem .15rem;}
.list14 .ico img{ width: .3rem}
.list14 h4{ color: #fff !important; margin: .1rem 0 0}

.list14 li:nth-child(1){ width: 68.25%;}
.list14 li:nth-child(1) .img .imgLi{ padding-bottom: 62.01%;}
.list14 li:nth-child(2){ width: calc(100% - 68.25%);}
.list14 li:nth-child(2) .img .imgLi{ padding-bottom: 134.5%;}

.list15{ width: 1.85rem; max-width: 39%; margin-bottom: -.3rem}
.list15 li{ margin-bottom: .3rem}
.list15 .img{ border-radius: .03rem; border: #fff 2px solid}
.list15 .img .imgLi{ padding-bottom: 134.59%;}
.list15 h4{ text-align: center; font-size: .2rem; color: #fff !important; margin-top: .1rem}

footer{ background: url(../images/footer_b1.jpg) center no-repeat; background-size: cover;}
footer .fl1{ padding: .2rem 0 .15rem;position: relative;z-index: 10;}

footer .fl1{ margin: 0 -.11rem;}
.list_link{ width: 25%; padding: 0 .11rem;position: relative;}
footer .fl1>dl:nth-child(3) {display:none;}
.list_link dt{ display: flex; height: .46rem; justify-content: space-between; align-items: center;border-bottom: #435370 1px solid;cursor: pointer;}
.list_link dt span{ font-size: .16rem;color: #fff; line-height: 1.5}
.list_link dt img{ width: .14rem}
.list_link .con {position: absolute;top: calc(100% - 1px);left: 0;right: 0;z-index: 1;background: rgba(27, 43, 68,.96);border-bottom: none;padding: .1rem .15rem;display: none;transform-origin: bottom;border: rgba(255,255,255,.2) 1px solid;height: 2rem;overflow: hidden;overflow-y: scroll;}
.list_link .con dd {font-size: .14rem;color: #fff;line-height: 1.375;font-weight: 300;text-align: left;padding: .055rem 0;opacity: .6;transition: .5s;}
.list_link .con dd:hover {opacity: 1 }
.list_link .con::-webkit-scrollbar {width: 2px;height: 8px;background-color: #101010;}
.list_link .con::-webkit-scrollbar-track {border-radius: 10px;background-color: #101010;}
.list_link .con::-webkit-scrollbar-thumb {border-radius: 10px;background-color: rgba(255,255,255,.6);}
.list_link.on dt img {transform: rotateX(180deg) }

footer .fl2{ padding: .3rem 0; justify-content: space-between; align-items: center;}
footer .fl2 .left{ width: 3.26rem;max-width: 22%;}
footer .fl2 .center{ width: 5.66rem;margin: 0 .2rem;}
.list16{ margin: 0 -.1rem}
.list16 li{ width: 50%; padding: 0 .1rem; line-height: .4rem; font-size: .16rem; color: #fff}

.list17 li{ width: .38rem; height: .38rem; margin: 0 0 0 .18rem;}
.list17 .a{ width: .38rem; height: .38rem; position: relative; z-index: 1;display: block; background: rgba(255,255,255,.2);border-radius: 50vw;}
.list17 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: #2994ff;border-radius: 50vw; transition: .5s;transform: scale(0);}
.list17 .a img{ width: 100%; height: 100%;}

footer .fl3{ text-align: center; padding: .2rem 0;}
footer .fl3 p{ font-size: .16rem; color: #fff; line-height: 1.5;}

.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0; position:  fixed;width:  100%;height:  100%;top: 0;z-index: 99999999999;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto; }
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; }
.tc1 .tc-box{position:absolute;background: #d9d9d9;border-radius: .5rem;overflow: hidden;top:50%;z-index:9999;width: 2.88rem;left:50%;margin-left: -1.44rem;margin-top: -1.44rem;padding: .16rem;-webkit-border-radius: .08rem;-moz-border-radius: .5rem;-ms-border-radius: .5rem;-o-border-radius: .5rem;}
.tc1 .tc.act .tc-box{  transform:scale(1);}
.tc1 .tc.act{display: block;  }
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc_bg {height: 100%;background: rgba(0,0,0,.7);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{width:100%; margin: 0 auto;display: block;}
.tc1 .tc-box h5{padding-top: .16rem;font-size: .14rem;color: #6c6c6c;text-align:center;}


@media(min-width: 1024px){
    .a:hover .slow .imgLi, a:hover .slow .imgLi, .slow:hover img{ transform: scale(1.08); }

    .a:hover h4{ color: #14428f;}
    
    .more1:hover i img.i1{ transform: translate(110%,-110%); opacity: 0}
    .more1:hover i img.i2{ transform: translate(0,0); opacity: 1}
    
    .more2:hover i img.i1{ transform: translate(110%,-110%); opacity: 0}
    .more2:hover i img.i2{ transform: translate(0,0); opacity: 1}

    .list5 .a:hover:before{ height: 100%;}
    .list5 .a:hover .time h3, .list5 .a:hover .time h6, .list5 .a:hover h4{ color: #fff;}
    
    .list6 .a:hover:before{ opacity: 0}
    .list6 .a:hover .more4{ opacity: 1}
    .list6 .a:hover .more4 i img{transform: translate(-.18rem,0);}
    
    .list11 .a:hover .imgW::before{ transform: translateY(.05rem); opacity: 1}
    
    .list17 .a:hover::before{ transform: scale(1);}
    
    
}
@media(max-width: 1600px){
	
}
@media(max-width: 1024px){	
	html::-webkit-scrollbar{width:0;}
	.pc_hb{ display: none;}
	.m_header_box{ display: block;}
    
    footer .fl2 .center{ width: 100%;margin: .2rem 0;}
    footer .fl2 .left{ max-width: 100%; text-align: center;margin: 0 auto;max-width: 54%;}
    footer .fl2 .right{ width: 100%}
    
    .list17{ width: 100%; justify-content: center}
    .list17 li{ margin: 0 .05rem}
    .list16 li{ text-align: center}

    .banner_box{ overflow: hidden; height: auto;}
    .banner ul li .a .img .imgLi{ padding-bottom: 50%;}

    .tit1{ display: none;}
    .tit2_m{ display: flex;}
    .home4 .fl1{ padding: 0}
    
    .home1 .fl1{ padding: 0}
    
    .list3 .img{ width: 100%}
    .list3 .txt{ width: 100%;padding: .4rem .25rem;}
    .home1 .bg1{ display: none}
    
    .home1{ padding: .75rem 0 .75rem;}
    .tit2 h3{ font-size: .3rem;}
    .tit2 h6{ font-size: .24rem; margin: -.12rem 0 0;}
    
    .home2 .left{ width: 100%;padding: 0;}
    .home2 .right{ width: 100%}
    .home2 .bg2{ display: none;}
    .home2Box .bg1{ width: 100%;height: ;}

    .home2Box{ margin: 0;}
    .home2Box{ padding-top: .75rem;}

    .home4 .left{ width: 100%;order: 1;}
    .home4 .right{ width: 100%;padding: 0 0 .1rem;}
    .list8 li:last-child .a:after{ display: none}
    .home4 .bg1{ display: none;}
    .miso_tab1 .hd{ padding: 0;height: auto;margin-bottom: .2rem;}
    .miso_tab1 .hd ul{ max-width: 100%; margin: 0 auto;}
    .home4 .con1{ padding: .5rem;}

    .home8 .left{ width: 100%;}
    .home8 .right{ width: 100%; padding: .4rem 0;}

    .list10W{ display: none;}
    .list9 .ico{ padding: 0;}
    .list9 .ico span{ transform: scale(.5);}
    .list5{ margin-top: 0}

    .list9 h4{ font-size: .24rem;padding: 0 .5rem;line-height: 1.5;}
    .list9 h4:before, .list9 h4:after{ width: .3rem !important;}

    .list11 .imgW{ width: 1.2rem; height: 1.2rem;}
    .list11 .txt{ margin: 0;padding: 0 5px;}
    
    .list15{ width: 100%;display: flex;max-width: 100%;margin-bottom: 0;padding: 0 25px; margin: 0 -7px 0;max-width: 5rem;}
    .list15 li{ width: 50%; padding: 0 7px; margin-bottom: 0}
    
    .dots1{ display: none}
    .home2Box:before{ width: 100%}
    
    .list8 .time{ width: 100%; margin-bottom: .1rem;font-size: .18rem;}
    .list8 h4{ width: 100%; }
}
@media(max-width:750px){
    .list27 .li:nth-child(1) {width:24% !important;}
    .list27 .li:nth-child(2) {width:24% !important;}
    .list27 .li{ padding: 0 5px;}
}
@media(max-width: 900px){
      .list1 {/* flex-wrap:nowrap !important; */}
	#gotop{ right:0; transform:scale(0.7)}
    .scroll{ overflow: hidden; overflow-x: scroll;}
    .ar_article{font-size: .18rem; }
    .ar_article td, .ar_article th{ font-size: .18rem;}

    .ar_article1 p{text-indent: .36rem;}
    .ar_article1 p img{ /*! margin-left: -.36rem */}
    
    footer .fl2 .center{ width: 100%}
    
    .list16 li{ width: 100%;line-height: 1.875;}
    
    .list_link{ width: 50%}
    footer .fl2{ padding: .1rem 0}
    footer .fl3 p{ font-size: .14rem}
    
    .tit2{ margin-bottom: .25rem}
    .pad1{ padding: .4rem 0}
    .home7{ padding-top: 0}

    .list5 .a{ height: 1rem;padding: 0;}
    .list5 .time{ text-align: left;width: .6rem;}
    
    .h6s1{ font-size: .14rem;}
    .h6s1 big{ font-size: .2rem}
    .list3 h6 big{ font-size: .26rem}
    .list3 p{ margin-bottom: .4rem;-webkit-line-clamp: 2;}
    .list3 h4{ margin: .15rem 0 .2rem}
    
    .more2{ font-size: .14rem}
    .dots2 span{ width: .1rem;}
    .list3Box .dots2{ bottom: .45rem !important;}
    
    .home2Box{ padding-top: 0}
    
    .list4 .a{ padding: .25rem .15rem}
    .list4 h6{ margin: .1rem 0 0;}
    .more3{transform: translateY(.44rem) scale(.6); transform-origin: right bottom;}
    
    .calendar-content{ padding: .1rem;}
    .calendar-content th, .calendar-content td{ font-size: .16rem;padding: 0;}
    .cslide{ margin: .2rem 0 0;height: auto;}
    
    .cslide .txt{ padding: .2rem .2rem}
    .arrow2{ margin: 0 .2rem .25rem}
    
    .cslide p{ font-size: .14rem;}
    .cslide p span{ width: .6rem}

    .more4{ display: none;}
    .list6 .a{ padding: .25rem .2rem;}
    
    .home4 .con1{ padding: .2rem}
    
    .list9 h4{ font-size: .2rem;letter-spacing: 0;}
    .list9 .ico span{ transform: scale(.3);}
    
    .list12W .arrow1{ width: .5rem;top: -.5rem;}
    
    .home6-7 .bg1{ bottom: .7rem}
    
    .home8{ padding-top: 0}
    
    .list1 li{ margin-right: .2rem}
    .list1 li:last-child{ margin-right: 0}
    
    .list13{ flex: auto; width: 100%}
    .home8 .tit2 .ll{ margin: 0 auto .2rem}
    .home8 .tit2{ padding: .2rem .2rem; height: auto}
    
    .list14 .ico img, .list13 li img{ width: .2rem;}
    .list13 li img{ margin-right: .1rem}
    
    .list14 h4{ font-size: .16rem !important;margin: .05rem 0 0;}
    .list14 .txt{ padding: 0 .2rem .1rem}
    
    .miso_tab1 .hd ul{ width: 3rem}
    .miso_tab1 .hd ul li .a{ font-size: .18rem;padding-bottom: .1rem;}
    
    .list8 .a{ padding: .15rem 0;flex-wrap: wrap;height: auto;}
    
    .miso_tab2 .hd ul li .a{ font-size: .2rem;}
    .list11 p{ font-size: .14rem !important;}
    
    .list11 .imgW{ width: 1rem; height: 1rem;}
    .list13 li{ font-size: .18rem}
    
    .calendar .year-m{ padding: 0 .2rem}
    
    .arrow1 .arrow{ width: .1rem; height: .2rem;}
    
    .tit2 h3{ font-size: .26rem;}
    .tit2 h6{ font-size: .2rem; margin: -.12rem 0 0;}
    
    .list7 h4{ font-size: .22rem !important;}
    .list4 .swiper-slide-active .more3{ transform: translateY(0) scale(.6);}
}
@media(max-width: 560px){
	.list9 h4{ font-size: .16rem}
}

.calendar_wrap{position:relative;background:#f5f6fa;padding: .2rem;border-radius: .1rem;}
.calendar_wrap .fl1{ align-items: center;justify-content: space-between;margin-bottom: .25rem;}
.calendar_wrap .aleft{width: 2.45rem}
.calendar_wrap .aright{width:calc(100% -  2.85rem)}
.year_day_selectBox{ flex: 1}
.year_day_select{ width: 2.7rem;justify-content: space-between;}
.year_day_select .year_day_select_item{width: 48%}
.year_day_select .year_day_select_item{background:#fff;width: 100%;padding: 0 .15rem 0 .2rem;border-radius: 50vw;width: 48%;}
.year_day_select .year_day_select_item select{ height: .4rem;line-height: .4rem; border: none; background: none; width: 100%; font-size: .16rem;color: #333333;}
.calendar_day{margin-bottom:.3rem}
.calendar_day h2{margin-right:30px;font-weight:700;font-size:24px;color:#333;float:left}
.calendar_day span{float:left;display:block;width:0;height:0;margin-right:10px;margin-top:25px}
.calendar_day .calendar_left_arrow{border-right:8px solid #b7b7b7;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:0;cursor:pointer}
.calendar_day .calendar_right_arrow{border-left:8px solid #b7b7b7;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:0;cursor:pointer}
.calendar ul li{/*! margin-bottom:30px */}
.calendar ul li .calendar_item{border-bottom:1px solid #ccc;padding-bottom:48px}
.calendar ul li .calendar_item em{display:block;margin-bottom:20px;font-size:16px;color:#b48952}
.calendar ul li .calendar_item h4 a{font-size:16px;color:#b48952;margin-left:-10px}
.calendar ul li .calendar_item p{font-size:18px;color:#333;margin:20px 0}
.calendar ul li .calendar_item span{font-size:16px;color:#666}
.noactivity img{width:154px;height:88px;display:block;margin:0 auto 40px}
.noactivity p{text-align:center;color:#999;font-size:24px}
.year_day{position:relative;margin-right: .4rem;align-items: center;}
.year_day h2{text-align:center;font-size: .24rem;margin: 0 .2rem 0 0;color: #333333;}
.year_day span{display:flex;width: .44rem;height: .44rem;justify-content: center;align-items: center;background: #fff;border-radius: 50vw;margin-left: .1rem;font-size: .14rem;color: #1059c8;font-weight: bold;transition: .5s;}
.year_day span:hover{ background: #1059c8; color: #fff}
.year_day .year_day_left_arrow{cursor: pointer;line-height: .24rem}
.year_day .year_day_right_arrow{cursor: pointer;line-height: .24rem}
.year_day .line{ width: 1px; height: .25rem; background: #d4d6db; transform: rotate(30deg);margin: 0 0 0 .4rem;}
.pc_academic_calendar_wrap{background: #fff; border-radius: .1rem .1rem 0 0;}
.pc_academic_calendar_wrap .weekdd{ display: flex}
.pc_academic_calendar_wrap .weekdd li{font-size:.2rem;width:14.28%;height:.7rem; display: flex;justify-content: center;align-items: center;text-align: center;}
.pc_academic_calendar_wrap .weekdd li span{color:#333;display:block;width:90%;margin:0 auto;}
.pc_academic_calendar_wrap dl{position: relative;display: flex;flex-wrap: wrap;border-top: 1px solid #f5f6fa;}
.pc_academic_calendar_wrap dl dd{width:14.28%;height:1.4rem;position:relative;border: 1px solid #f5f6fa;}
.pc_academic_calendar_wrap dl dd .calendar_num{color:#666;font-size:.2rem;display:block;width:100%;height:100%;margin:0 auto;padding: .15rem;position: relative;z-index: 1;transition: .5s;border-top: #fff .05rem solid;}
.pc_academic_calendar_wrap dl dd:hover .calendar_num{background:#f0f1f7;text-decoration:none;border-top: #1059c8 .05rem solid;}
.pc_academic_calendar_wrap dl dd .calendar_icon{ display: flex;justify-content: center;position: absolute;top: 50%;transform: translateY(-50%);width: 100%;left: 0;}
.pc_academic_calendar_wrap dl dd .calendar_icon em{display: block;height: 6px;width: .55rem;margin-top: 6px}
.pc_academic_calendar_wrap dl dd .calendar_none{display:none;position:absolute;top:0;left:100%; z-index:50;width:3.8rem;padding: 0;background:#fff; box-shadow: 14.539px 21.555px 46px 0px rgba(174, 183, 197, 0.19);}
.pc_academic_calendar_wrap dl dd .calendar_none .close{position: absolute;right: .15rem;top: .15rem;font-size: .24rem;z-index: 10;display: none}
.calendar_none .calendar_none_arrow{display:block;position:absolute;top:10px;left:-10px;width:0;height:0;border-left:0;border-right:10px solid #8188bc;border-top:10px solid transparent;border-bottom:10px solid transparent}
.pc_academic_calendar_wrap dl dd .calendar_icon em{ width: .18rem; height: .18rem;margin: 0 .05rem;border-radius: 50vw;position: relative;z-index: 1;background-size: 100% 100% !important;}
.pc_academic_calendar_wrap dl dd .calendar_icon em:before{ content: ""; position: absolute; width: .2rem;height: .52rem;top: 0;left: 0;background-size: cover !important;}
.pc_academic_calendar_wrap dl dd .calendar_icon .bgb91be7{ background: url(../images/academic_i1.png) center no-repeat;}
.pc_academic_calendar_wrap dl dd .calendar_icon .bg22b14c{ background: url(../images/academic_i2.png) center no-repeat;}
.pc_academic_calendar_wrap dl dd .calendar_icon em.bgb91be7:before{ background: url(../images/academic_b1.png) center no-repeat;}
.pc_academic_calendar_wrap dl dd .calendar_icon em.bg22b14c:before{ background: url(../images/academic_b2.png) center no-repeat;}

.pc_academic_calendar_wrap dl dd:nth-child(7n) .calendar_none, .pc_academic_calendar_wrap dl dd:nth-child(7n-1) .calendar_none{ left: auto; right: 100%}
.pc_academic_calendar_wrap dl dd:nth-child(29) .calendar_none,.pc_academic_calendar_wrap dl dd:nth-child(30) .calendar_none,.pc_academic_calendar_wrap dl dd:nth-child(31) .calendar_none,.pc_academic_calendar_wrap dl dd:nth-child(32) .calendar_none,.pc_academic_calendar_wrap dl dd:nth-child(33) .calendar_none,.pc_academic_calendar_wrap dl dd:nth-child(34) .calendar_none,.pc_academic_calendar_wrap dl dd:nth-child(35) .calendar_none{ top: auto; bottom: 0;}

.cbbbbbb{color:#bbb!important}
.calendar_none{}
.calendar_none ul {padding: .2rem;overflow: auto;max-height:4.38rem;position: relative;z-index: 1;}
.calendar_none:before{ content: ""; position: absolute; top: .25rem; left: -.1rem; border-top: transparent .1rem solid; border-bottom: transparent .1rem solid; border-right: #fff .1rem solid;opacity: 0;}
.calendar_none ul a{ padding:  .05rem 0; display: block}
.calendar_none ul::-webkit-scrollbar{width:5px}
.calendar_none ul::-webkit-scrollbar-track{border-radius:5px;background: rgba(0,0,0,.1);border-radius: 5px}
.calendar_none ul::-webkit-scrollbar-thumb{border-radius:5px;background:#aaa;;border-radius: 5px}
.calendar_none ul li{padding: .15rem 0;border-top: 1px solid #eee}
.calendar_none ul li:first-child{border-top: 0}
.calendar_none .calendar_none_item{}
.calendar_none .calendar_none_item h4{margin-bottom: .1rem;line-height: 1.5;margin-top: .1rem;font-size: .18rem;}
.calendar_none .calendar_none_item h4 a{}
.calendar_none .calendar_none_more{margin:0 15px;padding-top:15px}
.calendar_none .calendar_none_more a{}
.calendar_none .calendar_none_item p{font-size: .14rem;color: #888888;line-height: .22rem;transition: .5s;}
.calendar_none .calendar_none_item .slog{color: #fff;font-size: .14rem;padding: 0 .1rem;line-height: .24rem;display: inline-block;}
.ced1c24{color:#ed1c24}
.ced1c24 span{background:#ed1c24}
.c005de8{}
.c005de8 span{}
.c22b14c{color:#22b14c}
.c22b14c span{background:#22b14c}
.cb91be7{}
.cb91be7 span{}
.cda9221{color:#da9221}
.cda9221 span{background:#da9221}
.academic_calendar_desc{}
.academic_calendar_desc ul li{margin-left: .4rem;display: flex;align-items: center;}
.academic_calendar_desc ul li em{color: #444;font-size: .16rem;font-style: normal;}
.academic_calendar_desc ul li span{display:inline-block;width:.18rem;height:.18rem;margin-right:.1rem;position:relative;}
.academic_calendar_desc ul li span img{ width: 100%; height: 100%;vertical-align: top;}

.pc_academic_calendar_wrap dl dd .calendar_none{display: none !important;}
.pc_academic_calendar_wrap dl dd:hover .calendar_none{display: block !important;}

@media(min-width: 1024px){
    .calendar_none .calendar_none_item:hover p{ color: #1059c8}
}
@media(max-width: 1024px){
    .year_day{ width: 100%;justify-content: center;margin: 0;}
    .year_day .line{ display: none}
    .pc_academic_calendar_wrap dl dd{ position: static}
    .pc_academic_calendar_wrap dl dd .calendar_none{ top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100%; height: 100%;padding: .2rem 0;}
    .pc_academic_calendar_wrap dl dd .calendar_none .close{ display: block}
    
}
@media(max-width: 800px){
    .calendar_wrap{ padding: .5rem 0 .5rem}
    .pc_academic_calendar_wrap dl dd{ height: .9rem;}
    .pc_academic_calendar_wrap dl dd .calendar_icon{ top: 60%;}
    
}
@media(max-width: 560px){
    .year_day_selectBox{ width: 100%; justify-content: center}
    .year_day_select{ margin: .25rem auto; width: 100%}
    .academic_calendar_desc{ width: 100%}
    .academic_calendar_desc ul{ width: 100%; justify-content: center}
    .academic_calendar_desc ul li{ margin: 0 .1rem}
    .pc_academic_calendar_wrap dl dd .calendar_icon em{ margin: 0 2px;}
    .pc_academic_calendar_wrap .weekdd li{ font-size: .18rem;}
} 

.n_banner{ position: relative; z-index: 1;overflow: hidden;}
.n_banner .img .imgLi{ padding-bottom: 26%;/*! animation: sca 20s linear infinite; */}
.n_banner .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.n_banner .top .wp{ height: 100%;display: flex;justify-content: center;flex-direction: column;}
.n_banner h3{ font-size: .6rem; color: #fff; position: relative; text-shadow: 0px 0px .5rem rgba(34, 84, 212, 0.7);font-weight: bold;}
.n_banner h6{ font-size: .36rem; color: rgba(255,255,255,.6); font-family: "sys"; opacity: .2;text-transform: uppercase;margin: -.18rem 0 0;text-align: left;text-shadow: 0px 0px .5rem rgba(34, 84, 212, 0.7);}

.n_container{ padding: .8rem 0 .9rem;}
.n_b1{ position: relative; z-index: 1; background-size: cover;}
.n_b1::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background-size: 100% auto;pointer-events: none;}

.nLeft{ width: 3.1rem;}
.nRight{ width: calc(100% - 3.1rem); padding: 0 0 0 .9rem;}
.tit5{background: url(../images/tit5_b1.jpg) center no-repeat;background-size: cover;height: 1.16rem;display: flex;align-items: center;justify-content: center;font-size: .3rem;color: #fff;font-weight: bold;}

.ejBox{position: relative;z-index: 1;background: #f2f6fa url(../images/ejBox_b1.jpg) center no-repeat;background-size: 100% 100%;}
.ejBox .i1{ position: absolute; top: -10%; right: 100%; height: 120%}
.ejBox .i2{ position: absolute; top: -10%; left: 100%; height: 120%}

.list_ej{height: 100%;flex-direction: column;justify-content: center;align-items: center;padding: 0 0 .8rem 0;}
.list_ej li{width: 100%;position: relative;z-index: 1;}
.list_ej .a::before{content: "";position: absolute;background: #ffd472;right: 0;width: 0;height: 100%;bottom: 0; top: 0;transition: .5s;z-index: -1;}
.list_ej .a::after{content: "";position: absolute;background: #e5e8eb;right: .3rem;left: .3rem;height: 1px;bottom: 0; transition: .5s;z-index: -2;}
.list_ej span{position: relative;display: inline-block;padding: 0 .32rem;line-height: .26rem;max-width: 100%;}
.list_ej span::before{content: "";position: absolute;background: url(../images/list_ej.png) center repeat-x;left: 0;width: .22rem;height: .22rem;background-size: cover;opacity: 0;transition: .5s;top: 50%;margin-top: -.11rem;}
.list_ej .a{height: .7rem;display: flex;align-items: center;justify-content: center;font-size: .22rem;color: #333333;flex-wrap: nowrap;transition: .5s;position: relative;z-index: 2;}

.sjs{padding: .1rem 0 0;}
.sjs a{display: block;font-size:.16rem;color:#999;line-height: 2;text-align: center;transition: .5s;}
.sjs a:hover, .sjs a.on{ color: #14428f}

.list_ej li.on span::before, .list_ej li:hover span::before{ opacity: 1;-webkit-animation: play 5s linear infinite;-moz-animation: play 5s linear infinite;animation: play 5s linear infinite;}
.list_ej li.on .a::before, .list_ej li:hover .a::before{ width: 106%; box-shadow: 2.939px 4.045px 18px 0px rgba(192, 192, 192, 0.63);}
.list_ej li.on .a, .list_ej li:hover .a{ color: #fff;}

.tit4{ height: .8rem; align-items: center; justify-content: space-between; border-bottom: #e5e5e5 1px solid; margin-bottom: .4rem;margin-top: -.25rem;}
.tit4 .ll{ align-items: center; font-size: .24rem; color: #333333;font-weight: bold;} 
.tit4 .ll img{ width: .38rem; margin: 0 .14rem 0 0;}

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #008fb7;background-image: -moz-linear-gradient( 0deg, rgb(24, 67, 145) 0%, #0b58c6 100%);background-image: -webkit-linear-gradient( 0deg, rgb(24, 67, 145) 0%, #0b58c6 100%);background-image: -ms-linear-gradient( 0deg, rgb(24, 67, 145) 0%, #0b58c6 100%);}
#bnt_back { position: absolute; left: 15px; top: 50%; margin-top: -14px;}
#bnt_back img { height: 28px; }
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav i {position: absolute;top: 0;right: 15px;font-size: .2rem;color: #666;font-family: simsun;font-style: normal;width: .3rem;height: .3rem;display: flex;justify-content: center;align-items: center;}
#m_n_nav h1 { font-size: 14px; 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: rgb(202, 158, 78); }
#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;min-width: 100%;display: inline-block;margin-bottom: 0px;text-align: left;}
#sub_nav_content dt a {margin: 0px 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 a { }
#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: rgb(215, 0, 41); border-top: 1px solid rgb(255, 255, 255);}
#sub_nav_content dt.title_on a i { color: rgb(215, 0, 41); }
#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: #1059c8;}
#sub_nav_content dd {display: none;width: 100%;/* display: flex; */}
#sub_nav_content dd .box { padding: 0px; }
#sub_nav_content dd a {padding: 0px 25px;line-height: 30px;font-size: 12px;color: #999;display: block;height: 30px;}
#sub_nav_content dd a.on { color: rgb(215, 0, 41); }

.mianbao{ align-items: center; font-size: .16rem; color: #999999; line-height: 1.5;}
.mianbao *{ font-style: normal;transition: .5s;}
.mianbao span{margin: 0 .06rem;}
.mianbao img{margin: -.03rem .06rem 0 0;height: .16rem;}

.mianbao a:hover{color: #0c5ac6;}

.h3-1{ font-size: .36rem; color: #333333; margin-bottom: .2rem; line-height: 1.375}
.h3-2{ font-size: .3rem; color: #333333; margin-bottom: .2rem; line-height: 1.375;margin-top: .4rem;}
.h3-2 font{ position: relative; z-index: 1}
.h3-2 font::before{ content: ""; position: absolute; bottom: .03rem; left: 0; right: 0; height: .05rem; background: #ffd472; z-index: -1;}

.list18{ justify-content: space-between; align-items: center;margin: .4rem 0 0;}
.list18 li{ display: flex; align-items: flex-start;}
.list18 h6{ font-size: .16rem; color: #555555; transform: translateY(.1rem);margin: 0 .06rem 0 0;}
.list18 h3{ font-size: .6rem; color: #0b58c6; font-family: "Spoqa Han Sans Neo";}
.list18 .line{ width: 1px; height: .5rem; background: #cccccc; opacity: .5;}

.tishi{ font-size: .16rem;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    .nLeft, .tit4{ width: 100%;display: none;}
    .nRight{ width: 100%;padding: 0;}
    #m_n_nav{ display: block;}

    .n_banner .top{ display: none;}
}
@media(max-width: 800px){
    .n_banner .img .imgLi{ padding-bottom: 36%;}

    .n_container{ padding: .4rem 0 .5rem;}

    .h3-1{ font-size: .26rem;}
    .h3-2{ font-size: .24rem;}

    .list18 h3{ font-size: .3rem;}
    .list18 li{ flex-direction: column;text-align: center;align-items: center;}
    .list18 h6{ transform: translateY(0);margin: 0 0 .1rem 0;}
    
    .list27 .li{ padding: 0 2px !important;word-break: break-word;line-height: .24rem !important;margin-bottom: .1rem;}
}
@media(max-width: 560px){
} 

.miso_tab3{ padding: .15rem 0 0}
.miso_tab3 ul{ border-bottom: #e7e7e7 1px solid; margin-bottom: .3rem}
.miso_tab3 li{ margin: 0 .2rem 0 0;}
.miso_tab3  li .a{ font-size: .16rem; color: #333333;padding: 0 0 .22rem;display: inline-block;position: relative;z-index: 1;transition: .5s;line-height: 1.375;}
.miso_tab3 li .a span{ display: inline-block; transform-origin: left bottom;}
.miso_tab3  li .a:before{ content: ""; position: absolute; left: 0; bottom: -1px; width: 0; height: 3px; background: #0b59c5; transition: .5s}
.miso_tab3  li.on{ margin: 0 .35rem 0 0;}
.miso_tab3  li.on .a{ color: #0b59c5;}
.miso_tab3  li.on .a span{ transform: scale(1.2);}
.miso_tab3 li.on .a:before{ width: 100%}

.miso_tab3 li:last-child{ margin-right: 0 !important;}

.h4-1{ font-size: .22rem; color: #333333; line-height: 1.375; margin-bottom: .2rem;margin-top: .4rem;}

.ar_article ul li{ font-size: .16rem; line-height: .36rem}
.ar_article ul li span{ color: #1058c8}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    .miso_tab3 .hd li{ margin-bottom: .2rem;}
    .miso_tab3 .hd li .a{ padding-bottom: .1rem;}
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

.xrld1 .left{ width: 25%; padding: 0 .1rem 0 0}
.xrld1 .right{ width: 50%; padding: 0 .1rem;}
.xrld1 .left:last-child{ padding: 0 0 0 .1rem}

.list19{ margin: 0 -.1rem;}
.list19 li{width: 50%;padding: 0 .1rem;margin-bottom: .2rem;}
.list19 li：nth-child(2) {width:66.6%}
.list19 .a{ display: block; height: 3rem; border: #e5e5e5 1px solid;padding: .28rem .23rem;transition: .5s;}
.list19 h4{ font-size: .22rem; color: #333333; position: relative; z-index: 1; padding-bottom: .18rem; margin-bottom: .15rem}
.list19 h4:before{ content: ""; position: absolute; left: 0; bottom: 0; width: .4rem; height: .03rem; background: #0c5ac6}
.list19 p{ font-size: .16rem; color: #333333; line-height: .26rem}

.xrld1 .left .list19 li{ width: 100%}
.xrld1 .right .list19 li:nth-child(1){ width: 100%}

.more5{ display: flex; margin: 0;align-items: center;justify-content: center;}

@media(min-width: 1024px){
    .list19 .a:hover{ background: #fff; box-shadow: 5.253px 16.168px .4rem 0px rgba(92, 98, 106, 0.11); border: #fff 1px solid}
}
@media(max-width: 1024px){
    .list19 li{ width: 50%;}
}
@media(max-width: 800px){
    .list19 li{width: 100% !important;}
    .list19 .a{ height: auto;}
    .xrld1 .left{ width: 100%; padding: 0}
    .xrld1 .right{ width: 100%; padding: 0}
}
@media(max-width: 560px){
} 

.jgsz .box{ margin-bottom: .4rem;}
.h3-3{ position: relative; font-size: .22rem; color: #333333; padding: 0 0 0 .16rem; margin-bottom: .15rem;}
.h3-3:before{ content: ""; position: absolute; left: 0; width: .05rem; height: .2rem; background: #0d59c6; top: 50%; margin-top: -.1rem}
.h4-3:before {background:none;}

.more6{ background: url(../images/more5_b1.jpg) center no-repeat; background-size: cover !important;display: flex;text-align: center;font-size: .16rem;color: #fff !important;height: 100%;justify-content: center;align-items: center; transition: .5s;}

.list20{ background: #f8fafc;}
.list20 li{ width: 33.33%; border-bottom: #ebebeb 1px solid; border-right: #ebebeb 1px solid;}
.list20 li p{ padding: .12rem .25rem;}

.list20 li:nth-child(3n){ border-right: none;}

.list20s li{ width: 50%}
.list20s li:nth-child(1){ width: 100%}

.jgszs1 .list20s{ justify-content: space-between; align-items: center}
.jgszs1 .list20s li{padding: .1rem .2rem .1rem 0;}
.jgszs1 .list20s li:nth-child(1){ flex: 1}
.jgszs1 .list20s li:nth-child(2){ width: 1.4rem; }

.leader_d .fl1{ justify-content: space-between;}
.leader_d .fl1 .left{ flex: 1; overflow: hidden;}
.leader_d .fl1 .img{ width: 3.06rem; margin: 0 0 0 .4rem;}

.tit6{ border-bottom: #e7e7e7 1px solid; padding: 0 0 .25rem;margin-bottom: .25rem;align-items: baseline;}
.tit6 h3{ font-size: .26rem; color: #333333;}
.tit6 small{ font-size: .18rem; margin: 0 0 0 .12rem}
.leader_d .ar_article p{ margin-bottom: 0;}
.leader_d .ar_article h3{ font-size: .2rem; color: #333333;margin-bottom: .03rem;}

.faculty_info h1{margin-bottom:.3rem;position: relative;z-index: 2;}
.faculty_info h1 .txt{ color: #333}
.faculty_info h1 .active .txt{ color: #333}

.faculty_info #a1,#a2,#a3{position: relative;top: -2.4rem;padding-top: 2.4rem;}

.faculty_info #a2, .faculty_info #a3{ display:none}

@media(min-width: 1024px){
    .more6:hover{ background: url(../images/more5_b1_on.jpg) center no-repeat;}
    .list20 li:last-child, .list20 li:nth-last-child(2), .list20 li:nth-last-child(3) { border-bottom: none;}
}
@media(max-width: 1024px){
    .list20 li{ width: 100%;}
    
    .list20 li{ border-right: none;}
    .more6{ padding: .06rem 0}
}
@media(max-width: 800px){
    .leader_d .fl1 .left{ width: 100%; flex: auto; order: 1; }
    .leader_d .fl1 .img{ max-width: 2rem; margin: 0 auto .3rem;}
}
@media(max-width: 560px){
} 

.list21{ margin: 0 -.1rem;}
.list21 li{ width: 33.33%; padding: 0 .1rem;}
.list21 .img .imgLi{ padding-bottom: 66.875%;}
.list21 h4{ font-size: .16rem; color: #666666;margin: .1rem 0;text-align: center;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list21 li{ width: 50%;}
}
@media(max-width: 560px){
} 

.pages { margin: .5rem 0px 0px; }
.pages ul { text-align: center; }
.pages ul li {text-align: center;font-size: 0.16rem;display: inline-block;margin: 0.03rem 0.01rem;color: #333333;}
.pages ul li a {height: 0.35rem;text-align: center;padding: 0px 8px;min-width: 0.35rem;display: flex;align-items: center;justify-content: center;transition: .5s;position: relative;}
.pages ul li:before{ content: ""; position: absolute; bottom: 0; width: .18rem; height: 2px; background: #02449d;opacity: 0;transition: .5s;left: 50%;margin-left: -.09rem;}
.pages ul li a svg {width: .16rem;height: .16rem;fill: #02306e;transition: .5s;}
.pages ul li.cur {padding: 0px 8px;min-width: 0.35rem;height: 0.35rem;line-height: 0.33rem;position: relative;}
.pages ul li a.on { background: rgb(157, 12, 58); padding: 0px 8px; min-width: 0.35rem; height: 0.35rem; line-height: 0.33rem; color: rgb(255, 255, 255); border-radius: 3px; }
.pages ul li.cur {color: #02449d;}
.pages ul li.page-count { line-height: 0.33rem; }
.page-form { line-height: 0.33rem; }
.page-form input {border: 1px solid #c9c9c9;width: 0.35rem;height: 0.35rem;float: left;text-align: center;padding: 0px 0.04rem;background: transparent;border-radius: 0.04rem;margin: 0px 0.08rem;}
.page-form span { float: left; color: rgb(102, 102, 102); }
.page-form button {border: none;width: 0.6rem;height: 0.35rem;line-height: 0.35rem;text-align: center;background: #02306e;color: rgb(255, 255, 255);border-radius: 0.04rem;margin-left: 5px;font-size: 0.16rem;cursor: pointer;}
.pages ul li a:hover svg {fill: #02449d;}
.pages ul li.cur:before{ opacity: 1}
@media (max-width: 560px) {
  .pages { margin-top: 0.4rem; }
}

.list8s1 .a{ height: .6rem; align-items: center; padding: 0 .28rem 0 0; position: relative; z-index: 1; overflow: hidden;display: flex; border-bottom: #dcdcdc 1px dashed}
.list8s1 .a:before{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 0; background: #2a55a2; z-index: -1; transition: .5s;}
.list8s1 .a:after{ content: ""; position: absolute; background: url(../images/list8s1_i1.png) center no-repeat; background-size: cover !important;width: .07rem;height: .12rem;right: .1rem;top: 50%;margin-top: -.06rem;transition: .5s;}
.list8s1 .time{ width: .74rem;  font-size: .16rem; color: #999999; font-family: "sys"; transition: .5s;}
.list8s1 h4{ width: calc(100% - .8rem); font-size: .18rem;}

@media(min-width: 1024px){
    .list8s1 .a:hover:after{ background: url(../images/list8s1_i1_on.png) center no-repeat;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

.list22 li{ margin-bottom: .4rem;}
.list22 .a{  align-items: center; transition: .5s; padding: .35rem .86rem .35rem .4rem; position: relative;overflow: hidden; transition: .5s;z-index: 1;} 
.list22 .a:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border: #dedede 1px solid; border-left: #fff 1px solid; border-right: #fff 1px solid; transition: .5s;}
.list22 .time{ text-align: center; margin-right: .7rem;transform: translateY(-.08rem);width: .94rem;}
.list22 .time h3{ font-size: .8rem; color: #14428f; font-family: "sys"; white-space: nowrap;}
.list22 .time h6{ font-size: .24rem; color: #14428f; font-family: "sys"; white-space: nowrap;margin: .05rem 0 0;}
.list22 .con{ flex: 1; overflow: hidden;}
.list22 p{ margin: .15rem 0 0;}
.list22 .more2{ position: absolute; bottom: .28rem; right: .4rem; transition: .5s;}
.list22 .more3{ position: absolute; bottom: 0; right: 0; transition: .5s;}

.miso_select{ background: #f1f5f9; padding: .3rem;margin-bottom: .5rem;}
.miso_select .fl0 .ll{ width: 1.8rem;font-size: .18rem;color: #333333;line-height: .3rem;}
.miso_select .fl0 .rr{ width: calc(100% - 1.8rem);}
.miso_select .fl2{ padding-bottom: .2rem; margin-bottom: .2rem; border-bottom: #e5e5e5 1px dashed}
.list23 li{padding: 0;margin: 0 .1rem .06rem 0;}
.list23 li{font-size: .16rem;color: #666666;display: inline-block;width: .3rem;line-height: .3rem;transition: .5s;text-align: center;}
.list23 li.on a, .list22 li a:hover{ background: #ffd472; color: #fff;}

.miso_select1 .fl0{ margin-bottom: .15rem}
.miso_select1 .fl0:last-child{ margin-bottom:0}
.miso_select1 .fl0 .ll{ width: 1.5rem;}
.miso_select1 .fl0 .rr{ width: calc(100% - 1.5rem);}
.miso_select1 .fl0.on .ll{ color: #14428f;}

.list24 li{ font-size: .16rem; color: #666666; line-height: .3rem; margin-right: .3rem;transition: .5s;margin-bottom: .04rem; padding: 0 .1rem}
.list24 li.on{ color: #fff; background-color:#ffd472;}
.list24 li a.on{color: #14428f;}
.list25{ margin: 0 -.1rem;}
.list25 li{ width: 50%; padding: 0 .1rem; margin-bottom: .4rem;}
.list25 .img{ width: 2rem;}
.list25 .img .imgLi{ padding-bottom: 120%;}
.list25 .txt{ width: calc(100% - 2rem); padding: 0 0 0 .3rem;}
.list25 h3{ font-size: .26rem; color: #333333; margin-bottom: .12rem;}
.list25 h4{ font-size: .18rem; color: #333333; line-height: .28rem; }
.list25 .con{ margin: .12rem 0 .22rem;}
.list25 p{ font-size: .16rem; color: #666666; line-height: .26rem;}
.more7{ width: .56rem; height: .56rem; line-height: .56rem; white-space: nowrap;position: relative;z-index: 1;font-size: .16rem;color: #666666;text-indent: .26rem; background: url(../images/more7_b1.png) center no-repeat; background-size: cover !important;;transition: .5s;}

.list26{ background: #f1f1f1;}
.list26 li{ font-size: .16rem; color: #333333; padding: 0 .18rem; line-height: .4rem;}

.list26 li:nth-child(1){width: 30%;}
.list26 li:nth-child(2){width: 31%;background: #f6f6f6}
.list26 li:nth-child(3){ width: calc(100% - 22% - 22% - 18%);}
.list26 li:nth-child(4){ width: 18%; background: #f6f6f6; text-align: center;}


.list30 li:nth-child(1){width: 20%;}
.list30 li:nth-child(2){width: 21%;background: #f6f6f6}
.list30 li:nth-child(3){ width: calc(100% - 22% - 22% - 18%);}
.list30 li:nth-child(4){width: 21%;background: #f6f6f6;text-align: center;}



.h3-4{border-bottom: #e7e7e7 1px solid;margin-bottom: .15rem;margin-right: .2rem;}
.h3-4 span{width: .4rem !important;height: .4rem;background: #0c59c5;align-items: center;justify-content: center;display: flex;font-size: .24rem;color: #fff;}

.dzjs .box{margin: .2rem 0 0;display: flex;flex-wrap: wrap;width: 100%;}

.dzjs .box h3>a{ position: relative; top: -1.5rem}

.list27 .li{ font-size: .16rem; color: #666666; line-height: .36rem; padding: 0 .18rem;}
.list27 .li:nth-child(1){width: 30%;}
.list27 .li:nth-child(2){width: 31%;}
.list27 .li:nth-child(3){flex: 1;overflow: hidden;}
.list27 .li:nth-child(4){ width: 18%; color: #999999;transition: .5s;text-align: center;}

.list27s{display: flex;flex-wrap: wrap;margin: 0 -.1rem;flex: 1;}
.list27s li{min-width: 12.5%;padding: 0 .1rem}
.list27s .li:nth-child(1){width: 100% !important;}
.list27s .li:nth-child(2){display: none;}
.list27s .li:nth-child(3){display: none;}


.list31 .li:nth-child(1){width: 20%;}
.list31 .li:nth-child(2){width: 21%;}

.list31 .li:nth-child(4){ width: 18%; }


@media(min-width: 1024px){
    .list22 .a:hover{ background: url(../images/list22_b1.jpg) center no-repeat; background-size: cover; }
    .list22 .a:hover .more3{ transform: translateY(0);}
    .list22 .a:hover .more2{ transform: scale(0); opacity: 0;}
    .list22 .a:hover:before{ border: #02449d 1px solid !important; }
    .list25 .a:hover .more7{ background: url(../images/more7_b1_on.png) center no-repeat;}

    .list27 .li:nth-child(1):hover{cursor: pointer;color: #0c59c5;}
}
@media(max-width: 1024px){
    .list25 li{ width: 100%;}
}
@media(max-width: 800px){
    .list22 .time{margin-right: .1rem;transform: translateY(-.04rem);}
    .list22 .time h3{ font-size: .4rem; }
    .list22 .time h6{ font-size: .16rem; margin: .05rem 0 0;}

    .list22 .a{ padding: .2rem 0;}
    .list22 .more2{ display: none;}
    .list22 p{ margin: .06rem 0 0}
    .list22 li{ margin-bottom: .2rem;}

    .miso_select .fl0 .ll{ width: 100%;margin-bottom: .15rem;}
    .miso_select .fl0 .rr{ width: 100%;}
    
    .list24 li{ margin-right: .2rem}
    
    .list25 li{ margin-bottom: .2rem}
    .list25 .img{ width: 1.5rem}
    .list25 .txt{ width: caLC(100% - 1.5rem)}
    .list25 h3{  font-size: .2rem}
    .list25 h4{ font-size: .16rem;line-height: .24rem;}
    
    .more7{ width: .4rem; height: .4rem; line-height: .4rem;font-size: .14rem;}
    .list25 .con{ margin: .06rem 0 .1rem}
    .miso_select{ margin-bottom: .4rem}
}
@media(max-width: 560px){
} 

.pad3{ padding: .8rem 0; overflow: hidden;}

.tit7{ justify-content: space-between; align-items: center; margin-bottom: .5rem;}
.tit7 .ll{ font-size: .4rem; color: #333333;}

.more9{ display: flex; width: 1.5rem; height: .44rem; justify-content: center; align-items: center; border: #d2d2d2 1px solid; border-radius: 50vw;font-size: .16rem;color: #666666;transition: .5s;}

.xylx_h1 .fl1 .left{ width: 8.8rem;}
.xylx_h1 .fl1 .right{ width: calc(100% - 8.8rem);}

.list28 .img .imgLi{ padding-bottom: 62.5%;}

.list29 li{ border-bottom: #e5e5e5 1px solid}
.list29 .a{ padding: .06rem 0;position: relative;z-index: 1;}
.list29 .a:before{ content: ""; background: #0f57c7; position: absolute; top: -.05rem; right: -.1rem; bottom: -.05rem; left: -.1rem;transition: .5s;opacity: 0; z-index: -1}
.list29 .txt{ width: calc(100% - 2.08rem);padding: 0 .28rem;display: flex;flex-direction: column;justify-content: center;}
.list29 .txt::before{ content: ""; background: url(../images/list29_i1.png) center no-repeat; position: absolute; width: .08rem; height: .14rem;left: .05rem;top: .33rem;}
.list29 h4{ margin-bottom: .1rem; transition: .5s}
.list29 h6{ font-size: .14rem; color: #999999; transition: .5s}
.list29 .img{ width: 2.08rem;}

.list29 li:last-child{ border: none}

@media(min-width: 1024px){
    .list29 .a:hover:before{ opacity: 1; box-shadow: 5.562px 17.119px 51px 0px rgba(92, 98, 106, 0.54);}
    .list29 .a:hover h4, .list29 .a:hover h6{ color: #fff}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

.list30Box{ overflow: visible;}
.list30 .a{ display: block; position: relative; transition: .5s; opacity: .2;}
.list30 .img .imgLi{ padding-bottom: 62.2%;}
.list30 .a:after{ content: ""; position: absolute; left: 0; bottom: 0; height: .04rem;width: 0; transition: .5s;}
.list30 li.swiper-slide-active .a, .list30 li.swiper-slide-active+li .a, .list30 li.swiper-slide-active+li+li .a{ opacity: 1;}
.list30 .txt{ background: #fff; height: 1.8rem;border-bottom: #e5e5e5 1px solid;padding: .2rem;}
.list30 .time{ text-align: center; margin: 0 .4rem 0 0; position: relative;}
.list30 .time::before{ content: ""; position: absolute; width: 1px; height: .45rem; background: #cccccc;right: -.2rem;top: .05rem;}
.list30 .time h3{ font-size: .2rem; color: #0f57c7; white-space: nowrap;margin: .06rem 0 .06rem;}
.list30 .time h6{ font-size: .12rem; color: #999999; white-space: nowrap;}
.list30 .rr{ flex: 1; overflow: hidden;}
.list30 p{ font-size: .15rem; color: #999999; line-height: .24rem; max-height: .48rem\0; margin: .1rem 0 0;}

.arrow3{ display: flex; justify-content: center; align-items: center; margin: .5rem 0 0;}
.arrow3 .arrow{ width: .44rem; height: .44rem; background: #e7eef9; border-radius: 50%; display: flex;justify-content: center;align-items: center;transition: .5s;cursor: pointer;}
.arrow3 .arrow svg{ width: .18rem; height: .18rem;fill: #0f57c7; transition: .5s;}

.dots3{ margin: 0 .25rem;}
.dots3 span{ width: .12rem; height: .12rem; background: #cccccc; opacity: 1;margin: 0 .08rem !important;transition: .5s; transition: .5s;}
.dots3 span.active{ background: #ffd472}

.xylx_h3{ background: url(../images/xylx_h3_b1.png) center top no-repeat; background-size: cover;padding: 1.55rem 0 .64rem;margin-top: -.8rem;}

.tit8{ /*! text-align: center; */}
.tit8 h3{ font-size: .4rem; color: #fff;}
.tit8 p{ font-size: .2rem; color: #fff; line-height: 1.5; margin: .2rem 0 .4rem;}

.more8{ display: flex; width: 1.5rem; height: .44rem; justify-content: center; align-items: center; border: #fff 1px solid; border-radius: 50vw;font-size: .16rem;color: #fff;transition: .5s;/*! margin: 0 auto; */}

.xylx_h3 .more8s1{ margin: 0 .1rem 0 0; background: #fff; color: #1059c8;}

.xylx_h4 .left{ width: calc(100% - 5rem); padding: 0 .5rem 0 0;}
.xylx_h4 .right{ width: 5rem;}

@media(min-width: 1024px){
    .list30 .a:hover{ box-shadow: 5.562px 17.119px 51px 0px rgba(92, 98, 106, 0.19);}
    .list30 .a:hover:after{ width: 100%; background: #0f57c7;}
    .more9:hover{ background: #ffd472; font-size: .16rem; color: #000000;}
    .arrow3 .arrow:hover{ background: #ffd472}
    .arrow3 .arrow:hover svg{ fill:#fff}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

.list31{ margin-bottom: -.2rem}
.list31 li{ border-bottom: #cccccc 1px dashed; padding-bottom: .29rem; margin-bottom: .29rem;}
.list31 .time{ width: .76rem; height: .76rem; background: #1059c8; display: flex; justify-content: center; align-items: center; flex-direction: column;margin: 0 .15rem 0 0;}
.list31 .time h6{ font-size: .2rem; color: #fff;}
.list31 .time h3{ font-size: .2rem; color: #fff; margin: .05rem 0 0;}
.list31 .txt{ flex: 1; overflow: hidden;}
.list31 p{ font-size: .15rem; color: #999999; line-height: .24rem; max-height: .48rem\0;}

.list32 .rr{ width: 100%;padding: 0;}
.list32 .a{display: block;}
.list32 .img .imgLi{ padding-bottom: 62.4%;}
.list32 .txt{border-bottom: #0f57c7 .04rem solid;padding: 0 .32rem;height: 1.35rem;position: relative;display: flex;align-items: center;}
.list32 .time{width: .76rem;height: .76rem;background: #1059c8;display: flex;justify-content: center;align-items: center;flex-direction: column;bottom: 100%;position: absolute;}
.list32 .time h6{ font-size: .12rem; color: #fff; margin: .05rem 0 0;}
.list32 .time h3{ font-size: .2rem; color: #fff; }
.list32 p{ font-size: .15rem; color: #999999; line-height: .24rem; max-height: .48rem\0; margin: .1rem 0 0}

.list33{ margin: 0 -.1rem;}
.list33 li{ width: 25%; padding: 0 .1rem; margin-bottom: .2rem;}
.list33 li a{ display: block; position: relative; z-index: 1;}
.list33 .img .imgLi{ padding-bottom: 62.38%;}
.list33 .txt{ position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.5); text-align: center; transition: .5s;}
.list33 h4{ font-size: .18rem; color: #fff !important; line-height: .45rem;}

.xylx_h5{ background: #f5f6fa;}

.xylx_h1-2{ background: url(../images/xylx_h1-2_b1.jpg) center bottom no-repeat;} 

@media(min-width: 1024px){
    .list33 li .a:hover .txt{ background: #0f57c7;}
}
@media(max-width: 1024px){
    .xylx_h1 .fl1 .left{ width: 100%;}
    .xylx_h1 .fl1 .right{ width: 100%;padding: .2rem 0 0;}

    .xylx_h4 .left{ width: 100%;padding: 0 0 .3rem;}
    .xylx_h4 .right{ width: 100%;}
}
@media(max-width: 800px){
    .list33{ margin: 0 -7px;}
    .list33 li{ width: 50%; padding: 0 7px}
    .tit7 .ll{ font-size: .26rem;}
    .more9, .more8{ width: 1rem; height: .36rem; font-size: .14rem;}
    .tit7{ margin-bottom: .25rem;}

    .pad3{ padding: .4rem 0;}
    .list29 .txt{ width: calc(100% - 1.5rem); padding: 0 .2rem 0 0;}
    .list29 .img{ width: 1.5rem;}

    .xylx_h2{ padding-top: 0;}
    .dots3 span{ width: .08rem; height: .08rem; margin: 0 .02rem !important;}

    .tit8 h3{ font-size: .26rem;}
    .tit8 p{ font-size: .18rem;margin: .1rem 0 .2rem;max-width: 60%;}
    .list31 li{  padding-bottom: .15rem; margin-bottom: .15rem;}
    
    .xylx_h3{ padding: 1rem 0 .3rem;margin-top: -.4rem;background: url(../images/xylx_h3_b1.png) 70% top no-repeat;background-size: auto;background-size: cover;}
}
@media(max-width: 560px){
} 

.ar_tit {text-align: center; background-size: cover;padding: .23rem 13%; margin-bottom: .3rem}
.ar_tit h3 {font-size: .3rem;color: #000000;line-height: 1.5;font-weight: 600;max-width: 100%;margin: 0 auto;}
.ar_tit h6 {font-size: .16rem;color: #666666;line-height: 1.5;margin: .12rem 0 0;font-weight: normal;}
.ar_tit span{ margin: 0 .2rem }
.detail .ar_article p{ margin-bottom: .1rem;}
.detail .box{padding: 0 0 0 .56rem;position: relative;z-index: 1;flex: 1;overflow: hidden;}
@media(max-width: 800px){
    .ar_tit{ padding: .2rem 0; margin-bottom: .3rem;}
    .ar_tit h3{ font-size: .26rem;}
    .ar_tit span{ margin: 0 .05rem;}
}

.list40 li{ margin-bottom: .2rem;}
.list40 .a{ background: #f2f5fa; align-items: center; padding: .2rem .25rem .2rem .2rem;}
.list40 .img{ width: 3rem; margin-right: .24rem;}
.list40 .txt{ flex: 1; overflow: hidden;}
.list40 h4{  font-size: .2rem;}
.list40 p{ margin: .1rem 0 .15rem;}
.list40 h6{font-size: .16rem;}
.list40 h6 .rr{ color: #7f7f7f}
.list40 h6 .rr img{ width: .16rem; margin: 0 .06rem 0 0}

.list40s1 li .img{ width: 1.75rem}
.list40s1 li .img .imgLi{ padding-bottom: 131%}
.list40s1 h4{ margin-bottom: .15rem}
.list40s1 p{ color: #555; margin: .07rem 0 0;font-size: .15rem;}
.list40s1 p b{ font-weight: normal;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    
}
@media(max-width: 560px){
    .list40 .img{width: 1.2rem !important;margin: 0 .2rem 0 0;}
    .list40 .txt{/*! width: 100%; */flex: auto;}
} 

.xylx_h5 .fl1{ align-items: center}
.xylx_h5 .fl1 .left{ width: 46.4%;}
.xylx_h5 .fl1 .left .img .imgLi{ padding-bottom: 56%}
.xylx_h5 .fl1 .right{ width: calc(100% - 46.4%); padding: 0 0 0 5%;}
.xylx_h5 .fl1 .right h4{ font-size: .24rem; color: #3a3a3a}
.xylx_h5 .fl1 .right p{ font-size: .16rem; color: #3a3a3a; line-height: .28rem;text-indent: .32rem;margin: .25rem 0 .5rem;}
@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .xylx_h5 .fl1 .left{ width: 100%;}
    .xylx_h5 .fl1 .right{ width: 100%; padding: .3rem 0 0}
}
@media(max-width: 560px){
} 

.yyzj .fl1{ align-items: flex-start}
.yyzj .fl1 .left{ width: 34%; padding: .34rem 0;}
.yyzj .fl1 .left .txt{ position: relative; z-index: 1; /*! background: url(../images/yyzj_s.svg) center no-repeat; */ background-size: 100% 100%;padding: .6rem .7rem .5rem .36rem;border-left: #0a58c5 .03rem solid; width: 163%; overflow: hidden;}
.yyzj .fl1 .left .txt:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #f7f7f7; z-index: -1; transform: skewX(8deg); transform-origin: right bottom}
.yyzj .fl1 .left h4{ font-size: .24rem; color: #3a3a3a;line-height: 1.5;}
.yyzj .fl1 .left p{ font-size: .16rem; color: #3a3a3a; line-height: .28rem;text-indent: .32rem;margin: .25rem 0 0;}
.yyzj .fl1 .right{ width: 66%;}
.yyzj .fl1 .right img{ width: 100%}

.list101{ margin: .85rem 0 0;}
.list101 li{ margin-bottom: .2rem;}
.list101 li .top{ height: .6rem; background: #0d59c6; padding: 0 .3rem; align-items: center; justify-content: space-between; transition: .5s}
.list101 .ll{ font-size: .22rem; color: #fff; position: relative; z-index: 1;padding: 0 0 0 .15rem; transition: .5s;line-height: 1.25;max-width: 90%;}
.list101 .ll::before{ content: ""; position: absolute; width: .05rem; height: .2rem; background: #fff; left: 0; top: 50%; margin-top: -.1rem;}
.list101 .ico{ width: .28rem; height: .28rem; cursor: pointer; transition: .5s}
.list101 .ico svg{ width: 100%; height: 100%; fill: #fff}
.list101 li .bottom{ background: #f8fafc; padding: .3rem; display: none;}
.list101 li .bottom p{ margin-bottom: .06rem}

.list101 li.on .top{ background: #ffd472; }
.list101 li.on .top .ll{ color: #000000}
.list101 li.on .ico{ transform: rotate(90deg)}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .yyzj .fl1 .left{ width: 100%;order: 1;}
    .yyzj .fl1 .left .txt{ width: 100%}
    .yyzj .fl1 .right{ width: 100%; padding: 0}
    .list101{ margin: .3rem 0 0}
    .yyzj .fl1 .left .txt:before{ transform: skewX(0)}
}
@media(max-width: 560px){
    .list101 li .top{ padding: 0 .15rem}
    .list101 .ll{ font-size: .18rem;}
} 

/*公共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){
}

.list_ejWs{position: absolute;right: 0;bottom: -.3rem;left: 0;z-index: 10;/* overflow: hidden; */}

.list_ejs{position: relative;z-index: 1;width: fit-content;padding: 0 5vw 0 0;}
.list_ejs::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;background: #ffd473;z-index: -1;width: 100vw;transform: skewX(-25deg);transform-origin: top right;}
.list_ejs .a{display: block;line-height: 1rem;font-size: .22rem;color: #333;transition: .5s;}
.list_ejs li{ position: relative;z-index: 1; margin: 0 2vw 0 0}
.list_ejs li dl{position: absolute;top: 80%;left: 50%;background: #fff;min-width: 1.6rem;transform: translateX(-50%);box-shadow: 0 .1rem .25rem rgba(0,0,0,.1);padding: .1rem  .15rem;opacity: 0;visibility: hidden;transition: .5s;}
.list_ejs li dl a{display: flex;height: .5rem;align-items: center;justify-content: center;font-size: .18rem;color: #333;border-bottom: #fff3d9 1px solid;white-space: nowrap;}
.list_ejs li dl:before{ content: ""; position: absolute; left: 50%; top: 0; border-left: transparent .1rem solid; border-right: transparent .1rem solid; border-top: #ffd473 .1rem solid; transform: translateX(-50%)}

.list_ejs li dl dd:last-child a{ border: none}
.list_ejs li:hover dl{ opacity: 1; visibility: visible}

.rcpy_f1{ background: url(../images/rcpy_f1.jpg) center no-repeat; background-size: cover;}

.rcpy_f1 .left{ width: calc(100% - 6.15rem); padding: 0 0 0 .5rem; order: 1;}
.rcpy_f1  .right{ width: 6.15rem;}

.rcpy_f4{ background: #f5f6fa;}
.rcpy_f4 .fl1 .left{ width: 46.4%;}
.rcpy_f4 .fl1 .left .img .imgLi{padding-bottom: 54%;}
.rcpy_f4 .fl1 .right{ width: calc(100% - 46.4%); padding: 0 0 0 5%;}

.list31s li{ padding-bottom: .2rem; margin-bottom: .2rem; }
.list31s h4{ margin: 0 0 .05rem;}

.rcpy_f2{ background: #f5f6fa;}
.list100Box{ margin: -.3rem -.3rem; padding: .3rem .3rem}
.list100 li{ position: relative; z-index: 1;}
.list100 li::before{content: "";position: absolute;top: 50%;width: 1px;height: 1.5rem;background: #8a8a8a;right: -30px;transform: translateY(-50%);opacity: .5}
.list100 .a{padding: .4rem .25rem;position: relative;z-index: 1;display: block;}
.list100 .a:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; box-shadow: 0px .08rem .28rem 0px rgba(92, 50, 177, 0.21); opacity: 0; visibility: hidden; transition: .5s;}
.list100 h6{ font-size: .2rem; color: #1059c8}
.list100 h4{margin: .12rem 0;}
.ps3{font-size: .16rem;color: #555555;line-height: .24rem;max-height: calc(.24rem * 3)\0;transition: .5s;}

.list100 li.swiper-slide-active + li + li::before{ display: none;}

@media(min-width: 1024px){
    .list100 .a:hover:before{ opacity: 1; visibility: visible;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .yyzj .fl1 .left{ width: 100%;order: 1;}
    .yyzj .fl1 .left .txt{ width: 100%}
    .yyzj .fl1 .right{ width: 100%; padding: 0}
    .list101{ margin: .3rem 0 0}
    .yyzj .fl1 .left .txt:before{ transform: skewX(0)}
}
@media(max-width: 560px){
    .list101 li .top{ padding: 0 .15rem}
    .list101 .ll{ font-size: .18rem;}
} 

.rcpy_f3 .wp{ justify-content: space-between;}
.rcpy_f3 .box{ width: 47.57%;}

.list102{ margin: .1rem 0 0}
.list102 li{ border-bottom: #cccccc 1px dashed; padding: .25rem .1rem;}
.list102 .a{font-size: .18rem;color: #333333;display: block;line-height: 1.25;}

@media(max-width: 1024px){
    .rcpy_f1 .left{ width: 100%; padding: .2rem 0 0;}
    .rcpy_f1 .right{ width: 100%;}
}

@media(max-width: 800px){
    .list100 li::before{ display: none;}
    .list100 .a{ padding: 0;}

    .list100Box{ margin: 0; padding: 0;}

    .rcpy_f3 .box{ width: 100%;}
    .rcpy_f3 .box:last-child{ margin: .4rem 0 0;}

    .rcpy_f4 .fl1 .left{ width: 100%;}
    .rcpy_f4 .fl1 .right{ width: 100%; padding: .3rem 0 0;}

    .list102 li{ padding: .15rem 0;}
}