@charset "utf-8";

.pc_header_box{height: 1.2rem;}
.pc_header{height: 1.2rem;position: fixed;left: 0;right: 0;z-index: 100;background: url(../images_new/pc_header.png) center no-repeat;background-size: cover;transition: .2s;transition-duration: .2s !important;}
.pc_header::before{content: "";position: absolute;left: 0;bottom: 0;height: 2px;background: #006ecd;width: 100%;}
.pc_header .wp{align-items: center;justify-content: space-between;height: 100%;}
.pc_header .logo{width: 4.2rem; transition: .5s}
.pc_header .logo img{max-width: 100%;max-height: 100%;}
.pc_header .right{width: 10.96rem;max-width: calc(100% - 4.2rem - .3rem);align-self: flex-end;}
.list1{ display: flex; align-items: center; justify-content: flex-end;}
.list1 li{margin: 0 0.06rem;font-size: .14rem;color: #999;}
.list1 li .a{display: inline-block;line-height: .4rem;font-size: .14rem;color: #999; transition: .5s;}
.search_btn{display: flex;align-items: center;margin-left: .1rem;cursor: pointer;}
.search_btn svg{ fill: #006ecd; width: .24rem; height: .24rem}

.pc_header_box.fixed .pc_header{ height: 1rem}
.pc_header_box.fixed .pc_header .logo{width: 3.2rem;}
.pc_header_box.fixed #nav ul li{height: .5rem;}

[data-aos=miso_line].pc_header::before{ width: 0; opacity: 0;}
[data-aos=miso_line].aos-animate.pc_header::before{ width: 100%; opacity: 1; -webkit-transition: 1.6s; transition: 1.6s; -webkit-transition-timing-function: var(--ease-in-out-b); transition-timing-function: var(--ease-in-out-b); transition-delay: .6s;}

.pc_nav{width: 100%;}
#nav ul{justify-content: space-between;}
#nav ul li{z-index:0;margin-left: 0;position: relative;height: .65rem;transition: .2s;}
#nav ul li>a{display:block;padding: 0;position: relative;z-index: 2;height: 100%;line-height: .46rem;}
#nav ul li .h3{font-size: .2rem;color: #333333;height: 100%;position:relative;transition: .5s;font-weight: 600;}
#nav ul li .h3:after{content:"";position:absolute;left: 50%;bottom: 0;transition:.6s;width: 0;height: 3px;background: #006ecd;margin-left:0;opacity:0;visibility:hidden;}
#nav ul li.on .h3:after, #nav ul li:hover .h3:after{ opacity:1; visibility:visible; width: .34rem; margin-left: -.17rem;}
#nav ul li .sub{position:absolute;top:100%;background:#fff;width: 1.4rem;left: 50%;z-index: 10000;transform: translateX(-50%) scaleY(0);visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition: .25s;transform-origin: top;}
#nav ul li .sub .box{padding: 0;text-align:center;box-shadow: 0 0 60px rgba(0,0,0,.1);}
#nav ul li .sub a{padding: .12rem .1rem;line-height: 1.5;transition:.6s;font-size: .16rem;color: #666666;text-align: center;display: block;width: 100%;}
#nav ul li .sub a:hover{color: #fff;background: #006ecd}
#nav ul li:hover .sub{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;visibility:visible;transform: translateX(-50%) scaleY(1);}


.m_header_box {transition: .6s;display: none;height: .7rem;position: relative;z-index: 100000;}
.m_header_box header{padding: 0 0 0 15px;height: .7rem;box-shadow: 0 3px 5px rgba(0,0,0,.05);background-size: cover;position: fixed;top: 0;left: 0;right: 0;z-index: 100;display:flex;justify-content:space-between;align-items: center;background: #f9f6f1;}
.m_header_box header #logo img{height: .5rem;}
.m_header_box header #logo{padding:0;width: 100%;}

.m_header_box .list_box1{margin-right: .4rem;}
.m_header_box .list_box1 .li a{border-radius: 0;width: 28px;height: 20px;font-size: 10px;}

#m_nav .list1 li .a{ color: #fff}


#nav_btn_box.on { background: none; }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before {}
#nav_btn_box{position:relative;width: .85rem;height: .7rem;display: flex;align-items: center;justify-content: center;z-index: 1;min-width: .85rem;}
#nav_btn_box:before{content:"";position: absolute;z-index: -1;top: 0;right: 0;bottom: 0;left: 0;background: #006ecd;}
#nav_btn_box:after{content:"";position: absolute;z-index: -1;top: 0;left: -7px;border-right: #006ecd 7px solid;border-bottom: transparent .7rem solid;}
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
#nav_btn .point {display: inline-block;width: .34rem;height: 18px;position: relative;outline: none;}
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before {width: 100%;}
#nav_btn .navbtn {position: absolute;top: 50%;left: 0;display: inline-block;width: 100%;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;margin-top: -1px;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 100%;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after {top: -8px;}
#nav_btn .navbtn::before {top: 8px;}
#nav_btn .point.on .navbtn {background: transparent;}
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }

.m_nav_list {flex-direction: column;width: 100%;height: 100%;overflow: auto;align-items: center;display: flex;background: rgba(255,255,255,.1);}
.m_nav_list::-webkit-scrollbar { display:none}
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105vw;top: 0;display: none;padding: 72px 20px 30px;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: block;background: #a0000c;background-size:cover;opacity: 0;visibility: hidden;-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);overflow: hidden;overflow-y: scroll;}
#m_nav .close{position:absolute;top: 7px;right: 15px;left: 15px;font-size: 30px;color: #333;z-index: 10000;width: auto;height: 35px;border-radius: 0;display: flex;align-items: center;justify-content: flex-end;padding: 0 0;}
#m_nav.act {pointer-events: auto;right: 0;opacity: 1;visibility: visible;}

#m_nav .search_box input.submit{ background: #006ecd url(../images_new/submit.svg) center no-repeat; background-size: 1.75rem;}
#m_nav .old_rukou{margin: .24rem 0 0;width: 100%;}
#m_nav .list1{justify-content: center;}

.list_box_nav_mobile{width:100%;padding: 0 0 10px;margin: 0;}
.list_box_nav_mobile>li{width: 100%;overflow: hidden;padding: 0;position: relative;margin: 0 auto;}
.list_box_nav_mobile>li .con{ position:relative}
.list_box_nav_mobile>li .a{width: 100%;border-bottom: 1px solid rgba(255,255,255,.15);line-height: .6rem;color: rgba(255,255,255,.8);padding: 0;font-size: .18rem;display: flex;position: relative;transition:.5s;}
.list_box_nav_mobile>li i{opacity: 1;filter: alpha(opacity=100);display: inline-block;width: .64rem;height: .64rem;display: inline-block;background: url(../images_new/arrow_down.svg) center no-repeat;background-size: 15px 15px !important;position: absolute;display: block;right: -.2rem;top: 0;}
.list_box_nav_mobile>li.on1 i{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}

.list_box_nav_mobile>li.on .a{color: rgba(255,255,255,1);}


.list_box_nav_mobile>li .list{padding:10px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1); display:none}
.list_box_nav_mobile>li .list a{display:block;font-size:13px;color: rgba(255,255,255,.6);line-height: 2.5;}
.nav_mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 888; background-color: rgba(0,0,0,0.4); display: none; }


.wap_search{font-size:16px;border-radius: 5px;color:#fff;text-align:center;letter-spacing:2px;overflow:hidden;width: 100%;display: block;height: 60px;}
.wap_search form{height:40px;border-radius: 0;background:#fff;position:relative;width: 100%;margin: 10px auto;display: block;}
.wap_search .input{font-size: 14px;color: #646464;height:40px;line-height:40px;padding: 0 .24rem;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:#fff;width: calc(100% - 40px);}
.wap_search .btn_blue{position:absolute;cursor:pointer;top:0;right:0;width: 40px;height:40px;line-height:40px;border:0;background: url(../images_new/submit.svg) center no-repeat #006ecd;background-size: .24rem;border-radius: 0;}
.wap_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.wap_search input::-webkit-input-placeholder{ color:#999; }
.wap_search input::-moz-placeholder{    color:#999; }
.wap_search input:-moz-placeholder{     color:#999; }
.wap_search input:-ms-input-placeholder{    color:#999; }
.wap_search input:focus::-webkit-input-placeholder {color: transparent;}
.wap_search input:focus:-moz-placeholder {color: transparent;}
.wap_search input:focus::-moz-placeholder {color: transparent;}
.wap_search input:focus:-ms-input-placeholder {color: transparent;}

.search-dialog-box{
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: 1000000;
 opacity: 0;
 visibility: hidden;
 transition: .6s;
 
}
.search-dialog-box:before{content:"";position:absolute;top:0;height:0;background: #006ecd;background-size:100% auto;transition: .6s;left: 0;right: 0;z-index: 1;opacity: .7;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}
.search-dialog-box.on:before{ height:100%}
.search-dialog-box .bubbles-bg{
 opacity: 0;
 visibility: hidden;
 display: none;
}
.search-dialog-box .search-bg{
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 0;
 margin: 0;
 background: rgba(0,0,0,.7);
 background-size: cover;
 background-repeat: no-repeat;
 
 transform-origin: center center;
 transition: height .8s cubic-bezier(.77,0,.175,1);
}
.search-dialog-box .wrap-inner{
 transform:translateY(100%);
 transition: .6s;
}

.search-dialog{
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 width: 100%;
 z-index: 2;
}
.search-dialog .search-tit{
 font-size: 2.75rem;
 line-height: 3.5rem;
 color: #fff;
 text-align: center;
 overflow: hidden;
 display: none;
}
.search-dialog .search-inner{
 overflow: hidden;
 margin-top: 0;
}
.search-dialog .search-input{
 width: 8rem;
 margin: 0 auto;
 padding: 0 0 0 .24rem;
 background-color: #fff;
 box-sizing: border-box;
 transition: all .3s;
 max-width: 94%;
 border-radius: .06rem;
 overflow: hidden;
}
.search-dialog .search-input input[type=text]{
 float: left;
 height: .6rem;
 width: calc(100% - .64rem);
 background-color: transparent;
 font-size: .2rem;
 line-height: .08rem;
 color: #333;
 transition: all .3s;
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{
    color:rgba(255,255,255,0.5);  
}  
.search-dialog .search-input input[type=text]:-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]::-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
    color:rgba(255,255,255,0.5); 
} 
.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn{
 float: right;
 height: .6rem;
 width: .64rem;
}

.search-dialog .search-input input[type=submit]{
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: center;
 background: #006ecd url(../images_new/search-btn.svg) center no-repeat;
 background-size: .3rem;
}
.search-dialog .search-input .clear-btn{
 background-color: rgba(0,0,0,.2);

 background-repeat: no-repeat;
 background-position: center;
 background-image: url('../images_new/close-btn.svg');
 background-size: 3.5rem;
 border-radius: 100%;
 margin-right: 1rem;
 display: none;
}
.search-dialog .search-input.on{
 background-color: #fff;
}

.search-dialog .search-input.on input[type=submit]{

}

.search-dialog .hot-search{
 font-size: 0;

 width:19.5rem;
 margin:.6rem auto 0;
 box-sizing: border-box;
 padding:0 .6rem;
 overflow: hidden;
}
.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link{
 display: inline-block;
 *display: inline;
 zoom:1;
 vertical-align: top;
}
.search-dialog .hot-search .hot-tit{
 font-size: .375rem;
 line-height: .5rem;

 color: #fff;
 font-weight: bold;
 padding-left: .6rem;
 background-repeat: no-repeat;
 background-position: left center;
 background-size: .5rem;
 background-image:;
}
.search-dialog .hot-link{
 margin-left: 1rem;
}


.search-dialog .hot-link a{
 display: inline-block;
 *display: inline;
 zoom:1;
 font-size: .375rem;
 line-height: .5rem;
 margin-right: .75rem;
 color:#fff;
 padding-bottom: 5px;
 position: relative;
}

.search-dialog .hot-link a:before{
 content: "";
 position: absolute;
 left:0%;
 bottom:0;
 width:100%;
 height: 2px;
 background-color: #fff;
 transform:scaleX(0);
 transform-origin:left center;
 transition:transform .3s;
}
.search-dialog-box .bottom-box{
 position: absolute;
 left: 0;
 bottom:5.1%;
 width:100%;
}
.search-dialog-box .bottom-box .share-box{
 overflow: hidden;
}
.search-dialog-box .bottom-box .copy{
 font-size: .35rem;
 line-height:.5rem;
 color: #fff;
 font-family: "gilroy-regular";
 margin-top: .5rem;
 overflow: hidden;
}

.header-right.is-open .bubbles-bg{
 visibility: visible;
 opacity: 1;
}
.header-right.is-open .search-btn .con-box{
 display:none;
}
.header-right.is-open .close-btn{
 display:block;
}
.header-right.is-open .item .search-bg{
 transform:scale(1);
}
.search-dialog-box.on{
 opacity: 1;
 visibility: visible;
}
.search-dialog-box.on .search-bg{height: 100vh;}

.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}
.search-dialog-box.on .wrap-inner{ transform:translateY(0)}

.f-cb h3{ font-size: .3rem; color: #fff; text-align: center; margin-bottom: .3rem}

.pub-close {
    position: absolute;
    width: .48rem;
    height: .48rem;
    z-index: 10;
    right: .24rem;
    top: .24rem;
    background-color: rgba(255,255,255,.1);
    border-radius: 100%;
}
.pub-close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1c5ab7;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;
}
.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: .12rem;
    background-repeat: no-repeat;
    background-image: url(../images_new/close-btn.svg);
    transition:.6s;
}
.pub-close i:hover{ transform:rotate(180deg)}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
@keyframes spin-reverse{
    from{
        transform:rotate(1turn);
    }
}
@keyframes spin-reverse2{
    from{
        transform:rotate(-1turn);
    }
}

.banner_box{padding: 0;position: relative;z-index: 1;}
.banner_b{position: absolute;left: 0;bottom: .4rem;right: 0;width: 100%;display: flex;align-items: center;justify-content: center;z-index: 10;}
.banner_b .search_btn{ cursor: pointer}
.banner_b .search_btn svg{ width: .3rem; height: .3rem; fill: #fff;}
.banner_b .swiper-pagination{position: relative;display: flex;align-items: center;margin: 0 .1rem 0 0;}
.banner_b .swiper-pagination span{width: .54rem;height: .54rem;border-radius: 50%;background: transparent;opacity: 1;font-size: .18rem;color: #fff;display: flex;align-items: center;justify-content: center;font-family: "PingFang SC", "PingFang SC-Regular", 苹方;white-space: nowrap;transition: 1s;position: relative;margin: 0 -.05rem;}
.banner_b .swiper-pagination span:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images_new/banner_ico.png) center no-repeat;background-size: auto 100%;opacity: 0; -webkit-animation:play 15s linear infinite; -moz-animation:play 15s linear infinite; animation:play 15s linear infinite;}
.banner_b .swiper-pagination span:after{content: "";position: absolute;top: 50%;left: 120%;background: #fff;width: 0;height: 1px;transition: 1s; opacity: 0}
.banner_b .swiper-pagination span.active{ margin-right: .6rem}
.banner_b .swiper-pagination span.active:before{ opacity: 1}
.banner_b .swiper-pagination span.active:after{ width: .5rem; opacity: 1}
.more0 svg{width: .24rem;height: .24rem;fill: #fff;transform: translateY(1px);}

.banner{ overflow: hidden;}
.banner ul li .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner ul li .a .img{ overflow: hidden; transform: scale(1.12);transition: 6s;}
.banner ul li .a .img .img_hezi{padding-bottom: calc(100vh - 1.2rem);transform: scale(1) !important; transition: 0s;}
.banner ul li .a .img video{ width: 100vw; height:100%; object-fit: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.banner ul li .a .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: center;}
.banner ul li .a .top .box{width: 10.26rem;padding: .6rem .6rem 1.5rem;background: url(../images_new/banner_bg.png) center no-repeat;background-size: 100% 100%;transition: 1s;transform: translateY(.5rem);max-width: 100%;}
.banner ul li .a .top h3{font-size: .4rem;color: #fff;line-height: 1.5;width: 7.8rem;max-width: 100%;font-family: 'sys';text-shadow: 0px 4px 4px rgba(40, 0, 3, 0.8);margin-bottom: .25rem;}
.banner ul li .a .top h3 span{ font-family: inherit}
.banner ul li .a .top p{font-size: .24rem;color: #fff;line-height: 1.5;width: 7.65rem;max-width: 100%; text-shadow: 0px 4px 4px rgba(40, 0, 3, 0.8);}
.banner ul li .a .top p span{ font-family: inherit}
.banner ul li.swiper-slide-active .a .img{ transform: scale(1);}

.banner ul li .txt1 span{display: inline-block;opacity: 0;filter: blur(10px);-webkit-filter: blur(10px);transform: translateY(-16px);margin: 0 .5px;}
.banner.on ul li.swiper-slide-active .txt1 span{ opacity: 1; filter: blur(0px); -webkit-filter: blur(0px); transform: translateY(0px); }
.banner.on ul li .a .top .box{ transform: translateY(0);}







 


.pad{ padding: 1.1rem 0; overflow: hidden;}
.home1{background: #f9f6f1;position: relative;z-index: 1;padding-bottom: 1.72rem;}
.home1 .wp{ align-items: flex-end}
.home1 .bg1{position: absolute;bottom: 0;left: 0;background: url(../images_new/home1_bg.jpg) center no-repeat;background-size: cover;width: 82.34375%;height: 4.58rem;z-index: -1;}
.home1 .bg2{position: absolute;bottom: 0;right: 0;background: url(../images_new/shizi.png) center no-repeat;background-size: cover;width: 3.29rem;height: 8.4rem;z-index: -1;}
.home1 .left{ width: 7.06rem; position: relative; z-index: 1;}
.home1 .right{width: calc(100% - 7.06rem);position: relative;z-index: 1;}
.juzhen1{position: absolute;left: -.64rem;top: .5rem;z-index: 10;}
.juzhen1 img{ width: .8rem}

.juzhen2{position: absolute;right: 1.95rem;bottom: -.56rem;z-index: 10;}
.juzhen2 img{ width: .8rem}

.list2{ background: #fff;}
.list2 li .img .img_hezi{ padding-bottom: 62.60%;}
.list2 li .txt{ height: .6rem; background: rgba(255,255,255,.8); display: flex; align-items: center; justify-content: space-between; padding: 0 .36rem}
.list2 li .txt h4{font-size: .2rem;color: #006ecd;max-width: calc(100% - 1rem); line-height: 1.25}
.list2 li .txt>span{ font-size: .16rem; color: #006ecd}

.miso_btn1{display: flex;width: 1.76rem;float: right;margin: .44rem 0 0;}
.miso_btn1 .arrow{width: 50%;height: .68rem;background: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: .5s;}
.miso_btn1 .arrow img{transition: .5s;height: .29rem;}
.miso_btn1 .arrow:nth-child(1) img.img2{ display: none}
.miso_btn1 .arrow:nth-child(2) img.img1{ display: none}
.miso_btn1 .arrow:nth-child(2){ background: #006ecd; }

.tit1{ align-items: center; margin-bottom: .3rem;}
.tit1 .ll{padding: 0 0 .08rem;position: relative;z-index: 1;}
.tit1 .ll .top{position: relative;z-index: 1;padding: 0 .32rem;}
.tit1 .ll .top h3{font-family: "sys";font-size: .4rem;color: #333333;margin-bottom: .1rem;}
.tit1 .ll .top .cir{position: absolute;right: -.05rem;bottom:-.1rem;width: .63rem;height: .63rem;border-radius: 50%;}
.tit1 .ll .top .cir:before{content: '';width: .34rem;height: .34rem;border-radius: 50%;position: absolute;right: -.1rem;bottom: -.1rem;background: linear-gradient(90deg,#006ecd 0%,rgba(255,255,255,0) 100%);transition: .3s;opacity: .2;}
.tit1 .ll .top .cir:after{content: '';width: 100%;height: 100%;border-radius: 50%;position: absolute;right:0;bottom: 0;background: linear-gradient(90deg,#006ecd 0%,rgba(255,255,255,0) 150%);transition: .3s;opacity: .2;}
.tit1 .ll h6{font-size: .14rem;color: #cdcdcd;padding: 0 .26rem;}
.tit1 .ll .line{position: absolute;left: 0;width: 100%;height: 5px;bottom: 0;overflow: hidden;}
.tit1 .ll .line:before{content: '';position: absolute;top: 0;width: 80%;height: 1px;background: #006ecd; transition: 1s;transition-delay: .3s;}
.tit1 .ll .line:after{content: '';position: absolute;right: 0;width: 80%;height: 1px;background: #006ecd;transition: 1s;transition-delay: .3s;bottom: 0;}

[data-aos=fade-up].tit1 .ll .line:before{ transform: translateX(-50%); opacity: 0;}
[data-aos=fade-up].aos-animate.tit1 .ll .line:before{ transform: translateX(0); opacity: 1;}
[data-aos=fade-up].tit1 .ll .line:after{ transform: translateX(50%); opacity: 0;}
[data-aos=fade-up].aos-animate.tit1 .ll .line:after{ transform: translateX(0); opacity: 1;}

.home1 .right .tit1{padding: 0 1.14rem 0 .26rem;justify-content: space-between;}
.more1 .a1{display: flex;position: relative;z-index: 1;font-size: .18rem;color: #333333;padding: 0 0 0 .06rem; transition: .5s;}
.more1 .a1:before{content: "";position: absolute;background: url(../images_new/more1_ico.svg) center no-repeat;width: .3rem;height: .27rem;left: 0;top: 50%;margin-top: -.135rem;}
.more1 img{ width: .12rem; margin: 0 0 0 .1rem; transition: .5s;}
.home1 .right .box{background: #fff;padding: .30rem .64rem .54rem .34rem;align-items: center;overflow: hidden;}

.home1 .left1{ width: calc(100% - 3.46rem); padding: 0 .6rem 0 0;}
.home1 .right1{ width: 3.46rem;}

.aline_r{position:relative;background-image:linear-gradient(#006ecd,#006ecd);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .5s}
.alin_r:hover .aline_r{background-size:100% 1px;}
.aline_r:hover{background-size:100% 1px}

.aline_w{position:relative;background-image:linear-gradient(#ffffff,#ffffff);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;transition:background-size .5s}
.alin_r:hover .aline_w{background-size:100% 1px;}
.aline_w:hover{background-size:100% 1px}

.list3 li .a{ align-items: center; overflow: hidden; padding: .15rem 0}
.list3 li .time{width: .96rem;text-align: center;}
.list3 li .time h3{ font-size: .48rem; color: #006ecd; font-weight: bold}
.list3 li .time h6{ font-size: .16rem; color: #006ecd; margin: .06rem 0 0}
.list3 li .txt{flex: 1;overflow: hidden; position: relative; z-index: 1; padding: 0 0 0 .12rem}
.list3 li .txt:before{ content: ""; position: absolute; left: .1rem; background: #e7e7e7; top: .04rem; bottom: .04rem; width: 1px; left: 0}
.list3 li .txt h4{ font-size: .18rem; color: #333333; line-height: 1.25}
.list3 li .txt p{ font-size: .14rem; color: #959595; line-height: .24rem; max-height: .48rem\0; margin: .08rem 0 0}

.list4 li h6{font-size: .14rem;color: #989898;margin-bottom: .18rem;}
.list4 li h4{ font-size: .18rem; color: #333333; line-height: .3rem; max-height: .6rem\0;}
.list4 li p{font-size: .14rem;color: #959595;line-height: .24rem;max-height: .72rem\0;margin: .1rem 0 .2rem;}

.home2{ padding: .6rem 0; background: url(../images_new/home2_bg.jpg) center no-repeat; background-size: cover;}
.home2 .tit1{ justify-content: center;}
.miso_tab1 .hd{margin-bottom: .28rem;}
.miso_tab1 .content{margin: 0 auto;width: 15.2rem;max-width: 100%;}
.miso_tab1 .more1{ display: flex; justify-content: center;margin-top: 0.5rem;}
.list5{ display: flex; justify-content: center; width: 4.34rem; margin: 0 auto; max-width: 100%; justify-content: space-between;}
.list5 li a{font-size: 16px;color: #333333;padding: 0 .04rem .1rem;position: relative;z-index: 1;display: inline-block;transition: .5s;cursor: pointer;}
.list5 li a:before{content: "";bottom: 0;left: 0;width: 0;height: 3px;background: #006ecd;position: absolute; opacity: 0}
.list5 li.on a{ color: #006ecd}
.list5 li.on a:before{ width: 100%; opacity: 1}

.list6{ margin: 0 -.09rem;}
.list6 li{ padding: 0 .09rem; width: 25%;}
.list6 li .a{display: block;padding: .26rem;position: relative;z-index: 1;height: 2.24rem;box-shadow: 0px 7px 21px 0px rgba(0, 110, 205, 0.3);}
.list6 li .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images_new/list6_bg1.jpg) center bottom no-repeat;background-size: cover;z-index: -1;}
.list6 li .a::after{content: "";position: absolute;right: 0;bottom: 0;left: 0; background: #006ecd; height: .04rem;}
.list6 li h6{font-size: .16rem;color: #bcbcbc;text-align: right;margin-bottom: .24rem;}
.list6 li h4{ font-size: .18rem; color: #333333; line-height: .3rem; max-height: .9rem\0}
[data-aos=fade-up] .list6 li .a::after{  width: 0; opacity: 0; transition: 2s; transition-delay: .5s;}
[data-aos=fade-up].aos-animate .list6 li .a::after{ width: 100%; opacity: 1;}

.juzhen{pointer-events: none;}
.juzhen3{position: absolute;left: -.64rem;top: 1.52rem;z-index: 10;}
.juzhen3 img{width: 1.25rem;}

.home3{padding: 0;overflow: visible;position: relative;z-index: 2;}
.home3 .fl01 .left{width: calc(100% - 3.14rem);padding-bottom: .8rem;}
.home3 .fl01 .right{width: 3.14rem;position: relative;z-index: 1;display: flex;align-items: flex-end;}
.home3 .fl01 .left .img{position: absolute;bottom: 0;width: calc(100% - 3.14rem);top: 0;left: 0;}
.home3 .fl01 .left .img .img_hezi{padding-bottom: 0;height: 100%;}
.home3 .fl01 .left .content{position: relative;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;padding: 2rem 1.08rem 0 38%;}
.home3 .tit1{justify-content: space-between;margin-bottom: 0;}
.tit1w .ll .top h3{ color: #fff;}
.tit1w .ll .top .cir:after{ background: linear-gradient(90deg,#ffffff 0%,rgba(255,255,255,0) 150%);}
.tit1w .ll .top .cir:before{ background: linear-gradient(90deg,#ffffff 0%,rgba(255,255,255,0) 100%);}
.tit1w .ll .line:before, .tit1w .ll .line:after{ background: #fff;}
.tit1w .ll h6{ color: #fff; opacity: .5;}
.tit1w .more1 .a1{ color: #fff;}
.tit1w .more1 .a1:before{ background: url(../images_new/more1_icow.svg) center no-repeat;}
.home3 .fl01 .right>img{ max-width: 100%}

.list7_box{width: 100%;justify-content: flex-end;transform: translateY(.8rem);position: relative;z-index: 1;margin-top: -.8rem;}
.list7{width: 12.85rem;max-width: 100%;float: right;position: relative;}
.list7 li{ width: 33.33%;}
.list7 li *{ transition: .5s;}
.list7 li .a{position: relative;display: block;}
.list7 li .img .img_hezi{ padding-bottom: 87.17%;}
.list7 li .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: .44rem .5rem;}
.list7 li .txt h6{font-size: .16rem;color: rgba(255,255,255,.6);margin-bottom: .24rem;}
.list7 li .txt h4{ font-size: .18rem; color: #fff; line-height: .3rem; max-height: .9rem\0; margin-bottom: .3rem}
.list7 li .txt .p p{position: relative;z-index: 1;font-size: .14rem;color: rgba(255,255,255,.7);line-height: .24rem;margin-bottom: .16rem;display: flex;overflow: hidden;padding: 0 0 0 .3rem;background-size: .17rem .17rem !important;}
.list7 li .txt .p p span{ white-space: nowrap}
.list7 li .txt .p p:nth-child(1){background: url(../images_new/list7_ico1.png) left .03rem no-repeat;}
.list7 li .txt .p p:nth-child(2){background: url(../images_new/list7_ico2.png) left .03rem no-repeat;}
.list7 li .txt .p p:nth-child(3){background: url(../images_new/list7_ico3.png) left .03rem no-repeat;}

.list7 li:nth-child(2) .txt h6{ color: rgba(109,109,109,.6);}
.list7 li:nth-child(2) .txt h4{ color: #333333;}
.list7 li:nth-child(2) .txt .p p{ color: rgba(109,109,109,.6);}

.list7 li:nth-child(2)  .txt .p p:nth-child(1){background: url(../images_new/list7_ico1_on.png) left .03rem no-repeat;}
.list7 li:nth-child(2)  .txt .p p:nth-child(2){background: url(../images_new/list7_ico2_on.png) left .03rem no-repeat;}
.list7 li:nth-child(2)  .txt .p p:nth-child(3){background: url(../images_new/list7_ico3_on.png) left .03rem no-repeat;}
.list7 li:nth-child(2) .aline_w{background-image:linear-gradient(#006ecd,#006ecd);}

.home4{position: relative;z-index: 1;padding-bottom: 0;}
.home4 .bg1{position: absolute;top: 0;right: 0;left: 0;background: url(../images_new/home4_bg.jpg) center;background-size: cover;z-index: -1;height: 4.86rem;display: flex;justify-content: space-between;flex-wrap: nowrap;align-items: flex-end;overflow: hidden;}
.home4 .bg1 img{max-width: 100%;transform-origin: bottom;overflow: hidden;}
.home4 .bg1 img:nth-child(1){ align-self: flex-start}
.home4 .bg1 img:nth-child(2){}
.home4 .tit1{ margin-bottom: .6rem;}
.home4 .wp{ position: relative; z-index: 1; width: 15.2rem;}
.juzhen4{position: absolute;left: -.74rem;top: 3rem;z-index: 10;}
.juzhen4 img{width: 1.25rem;}

.list8{margin: 0 -.41rem;padding: 0;}
.list8 li{ width: 33.33%; padding: 0 .41rem;}
.list8 li a{ display: block}
.list8 li .img .img_hezi{ padding-bottom: 60.3%;}
.list8 li .txt{display: flex;align-items: center;justify-content: space-between;padding: .2rem 0 0;}
.list8 li .txt .l1{ font-size: .3rem; color: #333333; line-height: 1.25;}
.list8 li .txt .rr img{ height: .26rem}
.list8 li:nth-child(1){ margin-top: .55rem;}
.list8 li:nth-child(2){ margin-top: .94rem;}

.home45{background: url(../images_new/home45.jpg) center no-repeat;background-size: cover;background-attachment: fixed;}
.home5 .tit1{ justify-content: center;}
.home5 .wp{ width: 15.2rem;}
.home5 .fl01{justify-content: space-between;overflow: hidden;flex-wrap: nowrap;}
.home5 .fl01 .left{ width: 4.12rem;}
.home5 .fl01 .center{background: #fff;flex: 1;padding: 0 .4rem;display: flex;align-items: center;overflow: hidden;}
.home5 .fl01 .right{ width: 3.6rem;}
.home5 .fl01 .right .img img{ width: 100%; height: 4.12rem; object-fit: cover}
.list9 li{ width: 50%;}
.list9 li *{ transition: .5s;}
.list9 li .a{position: relative;z-index: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 2.06rem; overflow: hidden; padding: 0 .1rem}
.list9 li .a::before{content: "";z-index: -1;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #006ecd;background-size: cover !important;}
.list9 li .a::after{content: "";z-index: -1;position: absolute;top: .1rem;right: .1rem;bottom: .1rem;left: .1rem; border: rgba(255,255,255,.4) 1px solid; transform: scale(.5); opacity: 0;}
.list9 li:nth-child(2) .a::after{ border: rgba(0,0,0,.4) 1px solid;}
.list9 li .a h3{ font-size: .24rem; color: #fff; line-height: 1.5; font-weight: bold}
.list9 li .a h6{ font-size: .18rem; color: rgba(255,255,255,.5); line-height: 1.375;}
.list9 li:nth-child(1) .a::before{ background: url(../images_new/list9_bg1.jpg) center no-repeat;}
.list9 li:nth-child(2) .a::before{ background: url(../images_new/list9_bg2.jpg) center no-repeat;}
.list9 li:nth-child(3) .a::before{ background: url(../images_new/list9_bg3.jpg) center no-repeat;}
.list9 li:nth-child(2) .a h3{ color: #333333;}
.list9 li:nth-child(2) .a h6{ color: #333333; opacity: .5;}

.list10{ width: 100%;}
.list10 li .a{display: flex;justify-content: space-between;align-items: center;height: .7rem;padding: 0 0 0 .28rem;position: relative;z-index: 1;overflow: hidden;}
.list10 li .a::before{content: "";position: absolute;background: url(../images_new/list10_svg.svg) left center no-repeat;width: 6px;height: 7px;left: 0;}
.list10 li .a:after{content: "";position: absolute;bottom: 0;left: .28rem;right: 0;height: 1px;background: #eaeaea;}
.list10 li .a h4{font-size: .18rem;color: #333333;line-height: 1.25;flex: 1;}
.list10 li .a>span{font-size: .14rem;color: #333333;line-height: 1.25;display: block;margin-left: .3rem;}
.list10 li:last-child .a:after{ display: none;}

.home6{ padding: 0; position: relative; z-index: 1;}
.tit2{ display: flex; flex-direction: column; align-items: flex-end; width: 100%}
.tit2 h3{font-size: .4rem;color: #fff;line-height: 1.5;font-family: "sys";}
.home6 .fl01{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 10;padding: 6% 0;}
.home6 .fl01 .wp{width: 15.2rem;height: 100%;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-end;}
.list11 li .img .img_hezi{ padding-bottom: 40.72%;}

.list12_box{width: 4.52rem;}
.list12 li{width: 3.35rem;max-width: 100%;}
.list12 li .a{ display: block; position: relative; z-index: 1;}
.list12 li .a .img{ border: rgba(255,255,255,.7) .06rem solid}
.list12 li .a .img:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images_new/list12_ico.png) center no-repeat;background-size: .47rem .47rem;}
.list12 li .a h4{ text-align: center; font-size: .18rem; color: #fff; line-height: 1.5; margin-top: .1rem; opacity: 0;}

.list12 li.swiper-slide-active .a h4{ opacity: 1;}

footer{background: #fff;padding: .64rem 0;background: url(../images_new/footer.jpg) center no-repeat;background-size: cover;}
footer .wp{ justify-content: space-between; width: 15.2rem;}
footer .left p{ font-size: .14rem; color: #666666; line-height: 1.5; margin: .38rem 0 0;}
footer .right{padding: .24rem 0 0;}
.list13 li{ position: relative; cursor: pointer}
.list13 .ico img{ height: .33rem}
.list13 li .img{position: absolute;top: 120%;left: 50%;transform: translateX(-50%);overflow: hidden;width: 1.1rem;border: #d2d2d2 1px solid;opacity: 0;transition: .5s;}
.list13 li .img img{width: 100%;}
.list13 li:hover .img{ opacity: 1}

.vwrap {display: none;z-index: 1040000;width: 100%;position: fixed;}
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox {z-index: 1200;width: 1000px;position: fixed;left: 50%;top: 50%;margin-left: -500px;object-fit: cover; transform:translateY(-50%)}
.vwrap .videobox #videobox { width: 100%; display: inline-block; background:#000; }
.vwrap .videobox #videobox .img_hezi{ padding-bottom:60% !important}
.vwrap .videobox #videobox video{ position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;}
#videobox_wrapper { height: 100%!important; }
.vwrap .close {z-index: 999;width: 31px;height: 31px;cursor: pointer;position: absolute;top: 0px;right: -42px;text-align: center;}
.vwrap .close i { display: block; width: 31px; height: 31px; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close i svg{ transition:.6s}
.vwrap .close:hover i svg{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }


@media(max-width: 992px){
    .vwrap .videobox{width:94%;left: 3%;margin-left: 0;}
    .vwrap .close{right: 0;top: -35px;}
}





@media(min-width: 1199px){
 .a:hover .img_zd .img_hezi, a:hover .img_zd .img_hezi, .slow:hover img{ transform: scale(1.08); transition: transform 1s cubic-bezier(0.25, 0, 0, 1);}

 .more1 .a1:hover{ color: #006ecd}
 .more1 .a1:hover:before{ transform: rotate(180deg) scale(.7)}
    .more1 .a1:hover img{ transform: translateX(.06rem);}

    .a:hover .h4s1, .a:hover .h4s2{ color: #006ecd !important;}

    .miso_btn1 .arrow:hover img{ opacity: .8; transform: rotateX(180deg)}
    .list6 li .a:hover::before{ background: url(../images_new/list6_bg1_on.jpg) center bottom no-repeat; background-size: cover;}
    .list6 li .a:hover *{ color: #fff;}

    .list7 li .a:hover .txt h4{ color: #fff !important;}
    .list7 li:nth-child(2) .a:hover .txt h4{ color: #006ecd !important;}

    .list7 li .a:hover{ transform: translateY(-.4rem);}

    .list9 li .a:hover:before{ transform: scale(1.08);}
    .list9 li .a:hover::after{ transform: scale(1); opacity: 1;}

    .list10 li .a:hover::before{ transform: translateX(4px);}
 .list1 li .a:hover{ color: #006ecd !important;}
}
@media(max-width: 1600px){
    .home1{ padding-bottom: 1.25rem;}
 .home1 .left{ width: 6.06rem;}
    .home1 .right { width: calc(100% - 6.06rem);}
    .home1 .right .box{ padding: .2rem .3rem .3rem;}
    .home1 .right .tit1 {padding: 0 2rem 0 .26rem;}

 .home4 .bg1{ height: 4rem;}
}
@media(max-width: 1400px){
 .home1 .left{ width: 5.06rem;}
    .home1 .right { width: calc(100% - 5.06rem);}
}
@media(max-width: 1199px){ 
 .pc_header_box{ display: none;}
 .m_header_box{ display: block}
 .banner ul li .a .img .img_hezi{padding-bottom: 50%;}
 .banner{ height: 100%}

 .home1 .left{ width: 100%}
 .home1 .right{width: 100%;padding: .4rem 0 0;}
 .list8{margin: 0 -.15rem;}
    .list8 li{ padding: 0 .15rem;}

    .home5 .fl01 .right{ display: none}
    .home3 .fl01 .left .content{ padding: 1rem 10% 0 15px}

    .home4 .bg1{ height: 3rem;}

    .home1 .right .tit1{ padding: 0 25% 0 0}
}
@media(max-width: 991px){
 .list6 li{ width: 50%; margin-bottom: .2rem;}
 .list7 li .txt .p p{ margin-bottom: .1rem}
 .list7 li .txt{ padding: .3rem .2rem}

 .list7 li{ width: 50%}
 .list7 li:last-child{ width: 100%}
 .list7 li .img .img_hezi{ padding-bottom: 3rem;}
 .list11 li .img .img_hezi{padding-bottom: 5rem;}
 .home6 .fl01{ background: rgba(0, 110, 205, 0.8)}

 .banner ul li .a .top h3{ font-size: .3rem}
 .banner ul li .a .top .box{ padding: .3rem .3rem}
 .banner ul li .a .top p{ font-size: .18rem}

 .pad{ padding: .5rem 0}
 .home4{padding-bottom: 0;padding-top: 1.2rem;}
 .home6{ padding: 0}
    .home3{ padding: 0}
 .home1 .bg2{width: 1rem;height: 3.4rem;background-size: 100% auto !important;}

 .banner_b{ bottom: .04rem}
    .list6 li h6{ margin-bottom: .15rem}
 .list6 li h4{-webkit-line-clamp: 4;max-height: 1.2rem\0;}
}
@media(max-width: 767px){
 #gotop{ right:0; transform:scale(0.7)}
 .home1 .left1{width: 100%;padding: .3rem 0 0;order: 1;}
 .home1 .right1{ width: 100%;}
 .home1 .right .box{ padding: .4rem 15px .3rem;}

    .list8{margin: 0 -.1rem;}
    .list8 li{ padding: 0 .1rem; width: 100%; margin-top: .3rem !important}

    .home5 .fl01{ flex-wrap: wrap}
    .home5 .fl01 .left{ width: 100%}
    .home5 .fl01 .center{width: 100%;padding: .2rem 15px;}

    .list11 li .img .img_hezi{padding-bottom: 4.6rem;}

    .tit2{align-items: center;}
    .tit2 h3{ text-align: center; font-size: .26rem}

    .home1 .right .tit1{ padding: 0 0 0 0}
    .tit1 .ll .top h3{ font-size: .3rem}

    .list3 li .time h3{ font-size: .3rem}

    .list3 li .time{width: .76rem;}
 .list3 li .time h3{ font-size: .36rem;}
 .list3 li .time h6{ font-size: .16rem; }
 .list3 li .txt{padding: 0 0 0 .2rem}
    .juzhen2{right: .3rem;bottom: -.4rem;}
    .juzhen2 img{ width: .6rem}

    .list6 li .a{ height: 2rem}
    .miso_btn1{width: 1.3rem;float: none;margin: .3rem auto 0;}
    .miso_btn1 .arrow{height: .5rem;}
    .list3 li .a{ padding: .08rem 0}

    .home3 .fl01 .left{width: calc(100% - .8rem);position: relative;padding-bottom: .3rem;}
    .home3 .fl01 .right{width: .8rem;background: #f6f6f6;position: absolute;right: 0;height: 2rem;}
    .home3 .fl01 .left .img{ width: 100%}

    .juzhen1{top: 0rem;left: -.3rem;}
    .juzhen1 img{ width: .6rem; }

    .juzhen3{top: 0rem;left: -.3rem;}
    .juzhen3 img{ width: .6rem; }

    .juzhen4{left: -.2rem;top: 1rem;}
    .juzhen4 img{ width: .6rem; }
    .home3 .fl01 .right>img{position: relative;transform: translate(0, 0) !important;}
    .home3 .fl01 .left .img:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left:0;  background: rgba(0,0,0,.3)}

    footer{text-align: center;padding: .4rem 0;}
    footer .left{ width: 100%}
    footer .right{ width: 100%}
    .list13{ justify-content: center}
    footer .left img{ max-width: 30vw}
    .list13 li .img{opacity: 1;position: relative;top: 0;margin: .2rem 0 0;}

    .home4 .bg1{ height: 2.4rem;}
    .home4 .tit1{ margin-bottom: .3rem}

    .list7{padding: 0 0;}
    .miso_tab1 .content{ margin-bottom: .2rem}

    .banner ul li .a .top h3{font-size: .2rem;margin-bottom: .1rem;}
 .banner ul li .a .top .box{padding: .3rem .3rem;height: auto;}
 .banner ul li .a .top p{ font-size: .14rem}

 .banner ul li .a .img .img_hezi{padding-bottom: 60%;}
 .tit1 .ll .top .cir:before{ transform: scale(.6)}
 .tit1 .ll .top .cir:after{transform: scale(.7);top: .05rem;right: -.05rem;}
}
@media(max-width: 640px){
 .list7 li{ width: 100%}
 .list11 li .img .img_hezi{padding-bottom: 4rem;}
}

.n_banner{ position: relative; z-index: 1;}
.n_banner .img:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images_new/n_banner_t.png) center top no-repeat; background-size: 100% auto;} 
.n_banner .img .img_hezi{ padding-bottom: 26.64%;}
.n_banner .top{ position: absolute; right: 0; bottom: 0; left: 0;}

.mianbao{display: flex;align-items: center;padding: .12rem 0;justify-content: flex-end;}
.mianbao *{font-size: .14rem;color: #fff;font-style: normal;line-height: 1.5;}
.mianbao span{margin: 0 .06rem;}

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;float: left;width: 100%;background: #006ecd;}
#bnt_back { position: absolute; left: 15px; top: 0px; }
#bnt_back img { height: 28px; }
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav i { }
#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: block; 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;width: 33.33%;display: inline-block;margin-bottom: 0px;text-align: center;}
#sub_nav_content dt a { margin: 0px 20px; display: block; color: rgb(91, 83, 73); line-height: 30px; font-size: 14px; font-weight: 400; vertical-align: top;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
#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(0, 110, 205); border-top: 1px solid rgb(255, 255, 255);}
#sub_nav_content dt.title_on a i { color: rgb(0, 110, 205); }
#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: #006ecd;}
#sub_nav_content dd { display: none; }
#sub_nav_content dd .box { padding: 0px; }
#sub_nav_content dd a { padding: 0px 25px; line-height: 30px; border-top: 1px solid rgb(231, 231, 231); font-size: 12px; color: rgb(91, 83, 73); display: block; height: 30px; }
#sub_nav_content dd a.on { color: rgb(0, 110, 205); }

.n_container{ padding: 0 0 1rem; background: #fff url(../images_new/n_container_bg.jpg) center bottom no-repeat; background-size: 100% auto;}
.n_banner .wp, .n_container .wp{ width: 16rem}
.n_left{ width: 3.1rem; position: relative; margin: -1.58rem 0 0; z-index: 10}
.n_left:before{content: "";background: url(../images_new/n_left_bg1.png) center no-repeat;width: 1.04rem;height: 2.62rem;background-size: cover;right: 100%;top: .3rem;position: absolute;}
.n_left:after{content: "";background: url(../images_new/n_left_bg2.png) center no-repeat;width: 1.06rem;height: 2.79rem;background-size: cover;left: 100%;top: .1rem;position: absolute;}
.n_right{ width: calc(100% - 3.1rem); padding: .5rem 0 0 .4rem}
.yj{background: url(../images_new/n_left_bg.jpg) center no-repeat;height: 1.16rem;display: flex;align-items: center;justify-content: center;padding: 0 15px;position: relative;}
.yj:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #006ecd}
.yj h2{ font-size: .36rem; color: #fff; line-height: 1.75}
.list_erji{ padding: 0 .18rem .8rem; background:#fcf7f5 url(../images_new/list_erji.jpg) center bottom no-repeat; background-size: cover;}

.list_erji li *{ transition: .5s;}
.list_erji li .a{display: block;line-height: .6rem;background: url(../images_new/list_erji_l.png) center bottom repeat-x;text-align: center;font-size: .2rem;color: #333333;position: relative;z-index: 1;}
.list_erji li .a:before{content: "";position: absolute;background: url(../images_new/list_erji_jt.png) center no-repeat;width: .22rem;height: .18rem;background-size: cover;right: .16rem;top: 50%;margin-top: -.09rem;transform: translateX(-.1rem); opacity: 0; }
.list_erji li.on .a:before, .list_erji li:hover .a:before{ transform: translateX(0); opacity: 1}
.list_erji li.on .a, .list_erji li:hover .a{font-size: .2rem;color: #006ecd;font-weight: bold;}

.n_tit1{ margin-bottom: .64rem;}
.n_tit1 h3{font-size: .3rem;color: #333333;border-bottom: #ffeeef .03rem solid;padding: 0 0 .18rem;font-weight: bold;font-family: "Microsoft Yahei";}

.list14{ margin: 0 -.33rem; margin-bottom: .8rem;}
.list14 li{ width: 50%; padding: 0 .33rem;}
.list14 li *{ transition: .5s;}
.list14 li .a{display: flex;flex-wrap: wrap;padding: .32rem;background: #fff;overflow: hidden;position: relative;z-index: 1;box-shadow: 2.828px 2.828px 24px 0px rgba(0, 0, 0, 0.11);}
.list14 li .a::before{content: "";position: absolute;top: .46rem;left: .22rem;z-index: -1;border-bottom: transparent 2.1rem solid;border-left: #006ecd 2.1rem solid;transform-origin: left top;}
.list14 li .a::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: url(../images_new/list14_line.png) right center no-repeat;background-size: auto 100%; opacity: 0}
.list14 li .a .img{width: 2.17rem;}
.list14 li .a .img .img_hezi{ padding-bottom: 131.39%;}
.list14 li .a .con{flex: 1;padding: .36rem 0 0 .36rem;overflow: hidden;}
.list14 li .a .con h3{margin-bottom: .3rem;}
.list14 li .a .con h3 big{font-size: .3rem;color: #006ecd;font-weight: bold;font-family: "Microsoft Yahei"; }
.list14 li .a .con h3 small{font-size: .18rem;color: #006ecd;margin: 0 0 0 .1rem;line-height: 1.5;}
.list14 li .a .con p{font-size: .16rem;color: #666666; line-height: 1.75; margin-bottom: .06rem}

.list15{margin: 0 -.3rem;margin-bottom: -.6rem;}
.list15 li{width: 50%;padding: 0 .3rem;margin-bottom: .6rem;}
.list15 li *{ transition: .5s}
.list15 li .a{display: flex;justify-content: space-between;}
.list15 li .img{width: 2.25rem;margin-right: .34rem;}
.list15 li .img .img_hezi{ padding-bottom: 127.58%;}
.list15 li .con{flex: 1;padding: .16rem 0 .1rem;position: relative;z-index: 1;overflow: hidden;}
.list15 li .con::before{content: "";position: absolute;left: 0;width: 97%;height: 1px;bottom: 0;background: #d7d7d7;}
.list15 li .con::after{content: "";position: absolute;left: 0;width: 0;height: 2px;bottom: 0;}
.list15 li .con h3{margin-bottom: .2rem;}
.list15 li .con h3 big{font-size: .3rem;color: #333;font-weight: bold;font-family: "Microsoft Yahei";}
.list15 li .con h3 small{font-size: .16rem;color: #333;margin: 0 0 0 .1rem;}
.list15 li .con p{font-size: .15rem;color: #666666;line-height: .28rem;}
.list15 li .con h6{text-align: right;position: absolute;bottom: .16rem;width: 100%;}
.list15 li .con h6 svg{width: .14rem;height: .14rem;fill: #006ecd;position: relative;z-index: 1;transition: .5s;}
.list15 li .con h6 svg path{ transition: 0s}
.list15 li .con h6 .ico{width: .27rem;height: .27rem;display: flex;justify-content: center;align-items: center;float: right;position: relative;z-index: 1;right: .15rem;}
.list15 li .con h6 .ico:before{content: "";position: absolute;box-shadow: 0px 0px 18px 0px rgba(0, 110, 205, 0.6);top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%; transform: scale(0)}

@media(min-width: 1199px){
 .list14 li .a:hover{ background: #006ecd;}
 .list14 li .a:hover *{ color: #fff !important;}
 .list14 li .a:hover::before{ border-left: #cc9933 2.1rem solid;}
 .list14 li .a:hover::after{ opacity: 1}

 .list15 li .a:hover .con::after{ width: 97%; background: #006ecd;}
 .list15 li .a:hover h6 .ico:before{ background: #006ecd; transform: scale(1)}
    .list15 li .a:hover .con h6 svg{ transform: rotate(90deg); fill: #fff}

    .list15 li .a:hover .con h3 big, .list15 li .a:hover .con h3 small{ color: #006ecd;}
}
@media(max-width: 1500px){ 
 .list14 li .a .con h3 big, .list15 li .con h3 big{ font-size: .24rem;}
 .list14 li{width: 100%;margin-bottom: .2rem;}
 .list15 li{ width: 100%;}
}
@media(max-width: 1199px){ 
 .n_container{ overflow: hidden;}
 .n_left, .n_banner .top{ display: none;}
 #m_n_nav{ display: block;}
 .n_right{width: 100%;padding: .3rem 0 0;}
 .n_tit1{ margin-bottom: .3rem}
}
@media(max-width: 991px){
 .n_container{padding: 0 0 .6rem; min-height:6rem;}
 .about .fl02 .right img{ width: 3rem}
}
@media(max-width: 767px){
 .list14{margin-bottom: .3rem;}
 .list14 li .a{ padding: 15px}
 .list14 li .a .img{ width: 1.75rem}
 .list14 li .a::before {border-bottom: transparent 1.5rem solid;border-left: #006ecd 1.5rem solid;left: 10px;top: 20px;}
    .list14 li .a .con{ padding: 15px 0 0 15px}

    .list15{ margin-bottom: -.2rem}
    .list15 li{ margin-bottom: .2rem}
    .list15 li .img{ width: 1.75rem; margin: 0 15px 0 0}
 .n_tit1 h3{ font-size: .24rem;}

     .ar_article table p{text-indent:0px;}
     .list15 li .a{align-items: flex-start;flex-wrap: wrap;}
}
@media(max-width: 455px){
 .gp-avg-xs-2 > li {
    width: 50%;
}
} 



.zuzhi_d{position: relative;z-index: 1;padding: .8rem .9rem;border-top: #006ecd .1rem solid;}
.zuzhi_d::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images_new/zuzhi_d_bg2.jpg) right bottom no-repeat;z-index: -1;}
.zuzhi_d .img_box::before{content: "";position: absolute;top: .08rem;left: -.08rem;z-index: -1;border-bottom: transparent 2.1rem solid;border-left: #cc9900 2.1rem solid;transform-origin: left top;}
.zuzhi_d::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: url() right top no-repeat;box-shadow: 0px 3px 21px 0px rgba(149, 11, 16, 0.05);}
.zuzhi_d .img_box{width: 2.17rem;order: 1; position: relative; z-index: 1}
.zuzhi_d .img .img_hezi{ padding-bottom: 131.39%;}
.zuzhi_d .con{flex: 1;padding: 0 .9rem 0 0;overflow: hidden;}
.zuzhi_d .con h3{margin-bottom: .3rem;}
.zuzhi_d .con h3 big{font-size: .3rem;color: #006ecd;font-weight: bold;font-family: "Microsoft Yahei"; }
.zuzhi_d .con h3 small{font-size: .18rem;color: #006ecd;margin: 0 0 0 .1rem;line-height: 1.5;}
.zuzhi_d .con p{font-size: .16rem;color: #333333;line-height: 1.75;margin-bottom: .06rem;}

.zuzhi_d .ar_article{margin: .4rem 0 0;}
.zuzhi_d .ar_article p{ color: #666666; margin-bottom: .24rem;word-break: break-word;text-align: justify;}

@media(min-width: 1199px){ 
}
@media(max-width: 1199px){ 
 
}
@media(max-width: 991px){
 .zuzhi_d{padding: .3rem 15px;}
 .zuzhi_d .con{padding: 0.2rem 0px 0px 0.2rem;flex: auto;order: 2;}
 .zuzhi_d .img_box{width: 1.5rem;margin: 0 auto;}
 .zuzhi_d .img_box::before{ border-bottom: transparent 1.5rem solid;border-left: #cc9900 1.5rem solid;}
}
@media(max-width: 767px){
 
}
@media(max-width: 455px){
 
} 


.list16{padding: .44rem 0;box-shadow: 0px 3px 21px 0px rgba(149, 11, 16, 0.15);background: #fcfbfb;border-radius: 0 .3rem 0 .3rem; margin-bottom: .3rem;}
.list16 dt{padding: 0 .4rem 0 0;display: flex;align-items: center;justify-content: space-between; margin-bottom: .3rem}
.list16 dt h3{position: relative;z-index: 1;font-size: .26rem;color: #006ecd;font-weight: bold;font-family: "Microsoft Yahei";padding: 0 0 0 .56rem;line-height: 1.5;}
.list16 dt h3:before{ content: ""; position: absolute; top: 50%; left: 0; width: .31rem; height: .07rem; background: #006ecd}
.list16 dt .line{ flex: 1; height: 1px; background: #e6cacc; margin: 0 .3rem}
.list16 dt img{ height: .44rem}
.list16 .con{ padding: 0 .56rem}
.list16 .con .con_li{ padding: .03rem 0}
.list16 h4{ font-size: .18rem; color: #333333; margin-bottom: .05rem}
.list16 h4 b{ font-family: "Microsoft Yahei";}
.list17{ display: flex; flex-wrap: wrap;}
.list17 li{ font-size: .18rem; color: #333333; margin: 0 .46rem 0 0; line-height: 1.75; transition: .5s;}
.list16 .con .con_li1{ padding: .03rem 0 .03rem .34rem}
.list16 .con .con_li1 h4{ margin: .2rem 0;}
.list16 h4 b.red{ font-family: "Microsoft Yahei"; color: #006ecd;}

@media(min-width: 1199px){
 .list17 li:hover{ color: #006ecd;}
}
@media(max-width: 1199px){ 
 
}
@media(max-width: 991px){
 
}
@media(max-width: 767px){
 .list16 dt h3{font-size: .24rem;padding: 0 0 0 .4rem;}
 .list16 dt h3:before{ width: .24rem; height: .04rem}
 .list16 dt .line{ margin: 0 .1rem}
 .list16 dt img{ height: .26rem}
 .list17 li{margin: 0 .15rem 0 0;font-size: .2rem;}
 .list16 .con{ padding: 0 .4rem}
}
@media(max-width: 455px){
 
} 


.jiyu{ position: relative; z-index: 2; padding: .7rem .9rem 1.8rem;}
.jiyu:before{content: "";position: absolute;top: 0;right: .26rem;bottom: 0;left: 0;background: url(../images_new/jiyu_line.png) right top no-repeat;background-size: 4.84rem auto;z-index: -1;}
.jiyu:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images_new/jiyu_bg.png) center top repeat-x;background-size: 100% auto;z-index: -1;}
.jiyu .bg1{position: absolute;top: 0;right: .26rem;bottom: 0;left: 0;z-index: -2;background: url(../images_new/jiyu_bg1.png) center no-repeat;background-size: 100% 100%;}
.jiyu .bg2{position: absolute;top: .26rem;right: 0;bottom: 0;left: 0;z-index: -3;background: url(../images_new/jiyu_bg2.png) center no-repeat;background-size: 100% 100%;}
.jiyu .top{position: relative;z-index: 1;}
.jiyu .top:before{content: "";left: -.9rem;top: .06rem;bottom: .06rem;width: .08rem;background: #006ecd;position: absolute;}
.jiyu .top h3{font-size: .48rem;color: #006ecd;font-weight: bold;margin: 0 0 .24rem;}
.jiyu .top h4 small{ font-size: .18rem; color: #666666; }
.jiyu .top h4 big{ font-size: .3rem; color: #333333; }

.jiyu .ar_article{border-top: #d3d3d3 1px solid;padding: .6rem .25rem 0;margin: .4rem 0 0;position: relative;z-index: 1;}
.jiyu .ar_article::before{content: "";position: absolute;background: url(../images_new/jiyu_dots.png) center no-repeat;width: 1.71rem;height: 1.6rem;background-size: cover;z-index: -1;top: .3rem;left: 0;}
.jiyu .ar_article::after{content: "";position: absolute;background: url(../images_new/jiyu_dots1.png) center no-repeat;width: 1.2rem;height: 1.11rem;background-size: cover;z-index: -1;bottom: -.3rem;right: .5rem;}

@media(min-width: 1199px){ 
}
@media(max-width: 1199px){ 
 .jiyu{ padding: .5rem 20px;}
 .jiyu .top:before{ left: -20px;}
 .jiyu .top h3{font-size: .3rem;margin: 0 0 .15rem;}
}
@media(max-width: 991px){
 
}
@media(max-width: 767px){
 .jiyu .ar_article{ padding: .3rem 15px 0 0}
 .jiyu .ar_article::before{transform: scale(.6);left: -10%;top: 0;}
 .jiyu .ar_article::after{transform: scale(.6);right: 3%;bottom: -.3rem;}
}
@media(max-width: 455px){
 
}


.list18 li { margin-bottom: .4rem}
.list18 li *{ transition: .5s;}
.list18 li .a{align-items: center;padding: .28rem;background: #fafafa;position: relative;z-index: 1;}
.list18 li .a:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images_new/list18.png) right center no-repeat; z-index: -1; opacity: 0}
.list18 li .a:after{content: "";position: absolute;top: 0;width: .52rem;height: 2px;background: #006ecd;left: 3.75rem;z-index: -1;}
.list18 li .img{ width: 2.95rem;}
.list18 li .img .img_hezi{ padding-bottom: 57.96%;}
.list18 li .txt{flex: 1;overflow: hidden;padding: 0 0 0 .5rem;position: relative;z-index: 1;}
.list18 li .top{ align-items: center;}
.list18 li .time{ text-align: center;}
.list18 li .time h3{ font-size: .3rem; color: #006ecd; font-weight: bold;}
.list18 li .time h6{font-size: .14rem;color: #006ecd;margin: 0;}
.list18 li h4{flex: 1;font-size: .24rem;color: #222222;font-weight: bold;line-height: 1.25;padding: 0 0 0 .4rem;}
.list18 li p{font-size: .14rem;color: #7e7e7e;line-height: 24px;max-height: 48rem\0;margin: .28rem 0 0;}


.j_pages{margin:.6rem auto 0 auto;display: flex;align-items: center;justify-content: center;}
.j_pages .box{border: #d8d8d8 1px solid;padding: 0 .1rem 0 0;text-align: center;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.j_pages .box *{ font-size: .16rem;}
.j_pages a{padding: 0 .18rem;height: .5rem;line-height: .5rem;display:inline-block;margin: 0;color: #333333;box-sizing: border-box;border-radius: 0;transition: .5s;border-right: #dadada 1px solid;}
.j_pages a font{ padding:0 10px}
.j_pages .on{color: #006ecd;font-weight: bold;}
.j_pages a:hover{color: #006ecd;}
.j_pages span{color: #333;padding: 0px .1rem;line-height: .5rem;display:inline-block;}
.j_pages input{color: #333;padding: 0px .1rem;height: .32rem;display:inline-block;border:none;cursor:pointer;border-radius: 0;transition: 0.6s;}
.j_pages input[type="text"]{padding:0;text-align:center;width: .4rem;background: #ececec;}
.j_pages input[type="submit"]:hover{ background: #006ecd; color:#fff}
.j_pages .span1{border-right: #dadada 1px solid;margin-right: .1rem;}
.j_pages .pb_sys_style1 .p_no_d{ 
border: 1px solid #006ecd; 
color: #fff; 
background-color: #006ecd;
}
@media(max-width: 767px){
 .j_pages .box{ padding: 0}
 .j_pages .box *{ font-size: .18rem;}
 .j_pages a{padding: 0 0.03rem;}
 .j_pages{ margin: .4rem auto 0;}
 .j_pages .span1, .j_pages a{ border: none}
}

@media(min-width: 1199px){
 .list18 li .a:hover{ background: #006ecd;}
 .list18 li .a:hover *{ color: #fff !important;}
 .list18 li .a:before{ opacity: 1;}
 .list18 li .a:hover .time *, .list18 li .a:hover h4{color: #ffcc00 !important;}
}
@media(max-width: 1199px){ 
 
}
@media(max-width: 991px){
 
}
@media(max-width: 767px){
 .list18 li .img{ width: 100%;}
 .list18 li .txt{flex: auto;width: 100%;padding: .3rem 0 0;}
 .list18 li .a:after{ right: .3rem; left: auto}
 .list18 li h4{ padding: 0 0 0 .2rem}
}
@media(max-width: 455px){
 
}


.n_news_detail .ar_article_box .nav01{margin-bottom: .3rem;}
.n_news_detail .ar_article_box h3{color: #000000;font-size: .36rem;line-height: 1.5;font-weight: bold;text-align: center;width: 10.9rem;margin: 0 auto;max-width: 100%;margin-bottom: .1rem;}
.n_news_detail .ar_article_box h6{color: #666666;font-size: .16rem;line-height: .42rem;margin-bottom: 0;vertical-align: top;border-bottom: #e1e1e1 1px solid;display: flex;justify-content: space-between;align-items: center;padding: 0 0 .3rem;flex-wrap: wrap;justify-content: center;}
.n_news_detail .ar_article_box h6 span{margin: 0 .3rem 0 0;font-size: .16rem;line-height: 1.5;color: #666666;}
.n_news_detail .ar_article_box h6 span img{ margin:-3px 6px 0 0}
.n_news_detail p{color: #000000;font-size: .18rem !important;line-height:200% !important;text-align: justify;text-indent: 2em;}
.n_news_detail p span{font-size: .2rem !important;line-height:200% !important;}
.n_news_detail table tr td p{text-indent: 0;}


#ar_fot{position:relative;padding: .36rem 0 0;box-sizing: border-box;width: 100%;margin-top: .6rem;border-top: #e5e5e5 1px solid;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
#ar_fot h1{display:block;width: 100%;line-height: .4rem;color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: .16rem;}
#ar_fot h1 span{ text-decoration: none; display: inline-block;}
#ar_fot h1 a{color: #333333;font-weight:normal;transition: .5s;display: block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}
#ar_fot h1 a:hover{color: #006ecd;}

#ar_fot .ll{flex: 1;}
#ar_fot .rr a{display: flex;font-size: .14rem;color: #fff;align-items: center;justify-content: center;transition: .5s;background: #cc9900;width: 1.15rem;height: .35rem;border-radius: 3px;transition: .5s;}
#ar_fot .rr a img{margin: 0 .06rem 0 0;height: .22rem;}
#ar_fot .rr a:hover{background: #006ecd;}

.n_news_detail01 h4{ font-size:1.5rem; color:#000000; font-weight:bold; margin:2.5rem 0 1rem; text-align:center}
.n_news_detail01 .ar_article p{ line-height:2.5rem; margin-bottom:0.375rem}

@media(min-width: 1199px){ 
}
@media(max-width: 1199px){ 
 
}
@media(max-width: 991px){
 
}
@media(max-width: 767px){
 .n_news_detail .ar_article_box h3{ font-size: .26rem;}
 #ar_fot .ll{ flex: auto; width: 100%;}
 #ar_fot .rr{text-align: center;margin: .2rem 0 0;display: flex;justify-content: center;width: 100%;}
 #ar_fot .rr a{ margin: 0 auto;}
}
@media(max-width: 455px){
 
} 


.list19 li{ border-bottom: #e7e7e7 1px solid; padding: .32rem 0;}
.list19 li *{ transition: .5s;}
.list19 li h4{font-size: .24rem;color: #333333;font-weight: 600;line-height: 1.25;margin-bottom: .26rem;}
.list19 li h4 font{ color: #006ecd;}
.list19 li .txt{ padding: 0 0 0 .2rem}
.list19 li .txt p{font-size: .16rem;color: #666666;line-height: .36rem;padding: 0 0 0 .3rem;position: relative;z-index: 1;background-size: .2rem .2rem !important;}
.list19 li .txt p:nth-child(1){background: url(../images_new/list19_ico1.png) left .08rem no-repeat;}
.list19 li .txt p:nth-child(2){background: url(../images_new/list19_ico2.png) left .08rem no-repeat;}
.list19 li .txt p:nth-child(3){background: url(../images_new/list19_ico3.png) left .08rem no-repeat;}


.list20{ margin: -.3rem 0 0}
.list20 li{ border-bottom: #e7e7e7 1px solid}
.list20 li .a{ display: flex; height: 1.02rem; align-items: center;}
.list20 li .a .time{width: 1.84rem;padding: 0 .2rem;font-size: .16rem;color: #333333;display: flex;align-items: center; position: relative; z-index: 1}
.list20 li .a .time:before{ content: ""; position: absolute; right: 0; width: 1px; height: .2rem; background: #006ecd}
.list20 li .a .time img{margin: 0 .1rem 0 0;height: .21rem;}
.list20 li h4{flex: 1;padding: 0 0 0 .4rem;font-size: .22rem;color: #333333;font-weight: 600;line-height: 1.75;}

@media(min-width: 1199px){
 .list20 li .a:hover .time{ color: #006ecd;}
}
@media(max-width: 1199px){ 
 
}
@media(max-width: 991px){
 
}
@media(max-width: 767px){
 .list20 li .a .time{ width: 1.5rem}
 .list20 li h4{ padding: 0 0 0 15px}
 .list19 li .txt p{line-height: .3rem;margin-bottom: .1rem;background-position-y: .04rem !important;}
 .list19 li .txt{ padding: 0}
}
@media(max-width: 455px){
 
} 


.miso_form1{display: flex;flex-wrap: wrap;height: .6rem;width: 10rem;max-width: 100%;justify-content: space-between;margin: 0 auto;overflow: hidden;}
.miso_form1 .divselect{width: calc(100% - .88rem);height: 100%;position: relative;background: #fff;padding: 0;}
.miso_form1 .divselect:before{content:"";position:absolute;left:0;top:50%;margin-top: -2rem;width:1px;height:4rem;background:#cfcecf;}
.miso_form1 .divselect .h5{height: 100%;display: flex;align-items: center;padding: 0 .2rem;font-size: .22rem;color: #666666;position: relative;cursor: pointer;justify-content: space-between;}
.miso_form1 .divselect .h5 img{width: .18rem;margin-left:.1rem;}
.divselect_ul{background:#fff;text-align:center;padding:.1rem 0;display: none;box-shadow: 0px 9px 35px 0px rgba(0, 0, 0, 0.1);}
.divselect_ul li{font-size: 1rem;color: #666;line-height: 2.5;transition:.5s;cursor:pointer;}
.divselect_ul li:hover{color: #0e5da8;}
.miso_form1>.input{flex: 1;padding: 0 .4rem;background: #fefcff;font-size: .18rem;color: #fff;border: #ebe7ed 1px solid;border-radius: 50vw;margin-right: .2rem;}
.miso_form1 .input .input1{width: 100%;height: 100%;font-size: .16rem;color: #666666;padding: 0;letter-spacing: 0;}
.miso_form1 .right{width: 1.35rem;display: flex;align-items: center;height: 100%;position: relative;}
.miso_form1 .right .submit{width: 100%;height: 100%;border-radius: 0;transition: .5s;}
.miso_form1 .right .submit .input{background: #006ecd;width: 100%;height: 100%;cursor: pointer;transition: .5s;border-radius: 50vw;background-size: .2rem !important;font-size: .2rem;letter-spacing: 0;color: #fff;padding: 0;border: none;font-weight: bold;}
.miso_form1 .right .submit .input:hover{background: #006ecd;}
.miso_form1_box{background: #faf5eb;padding: .3rem;margin: .6rem 0;}

.list21 li{ border-bottom: #e7e7e7 1px solid; padding: .2rem 0 .4rem}
.list21 li *{ transition: .5s;}
.list21 li h4{ font-size: .24rem; color: #333333; line-height: 1.75; font-weight: 600;}
.list21 li p{ font-size: .14rem; color: #999999; line-height: .26rem; max-height: .52rem\0; margin: .08rem 0 0}

@media(min-width: 1199px){
 .list21 li a:hover h4{ color: #006ecd;}
}
@media(max-width: 1199px){ 
 
}
@media(max-width: 991px){
 .miso_form1{margin: 0;}
}
@media(max-width: 767px){
 .miso_form1 .right{ width: 1rem;}
 .miso_form1>.input{margin-right: .1rem;padding: 0 .2rem;}
 .miso_form1_box{ margin: .4rem 0 .2rem}
}
@media(max-width: 455px){
 
} 


.miso_tab .hd{ margin-bottom: .65rem}
.three-level1{ justify-content: center; margin: 0 -.21rem}
.three-level1 li{ padding: 0 .21rem}
.three-level1 li .a{display: flex;width: 1.62rem;height: .46rem;border: #006ecd 1px solid;background: #fff;border-radius: 3px;align-items: center;justify-content: center;position: relative;font-size: .18rem;color: #666666; transition: .5s}
.three-level1 li .a svg{width: .24rem;height: .24rem;fill: #333;margin: 0 .1rem 0 0;transition: .5s;}
.three-level1 li .a::before{content: "";position: absolute;border-left: transparent .05rem solid;border-right: transparent .05rem solid;border-top: #006ecd .06rem solid;top: calc(100% + 1px);left: 50%;margin-left: -.05rem;opacity: 0;}

.three-level1 li.on .a, .three-level1 li .a:hover{background: #006ecd url(../images_new/three-level1_bg.png) center no-repeat;background-size: cover;color: #fff;border: #006ecd 1px solid;}
.three-level1 li.on .a::before, .three-level1 li .a:hover::before{ opacity: 1}
.three-level1 li.on .a svg, .three-level1 li .a:hover svg{ fill: #fff}

.five-level1{ justify-content: center; margin: 0 -.1rem; position: relative; z-index: 1; margin-bottom: 1rem}
.five-level1:before{ content: ""; position: absolute; top: .31rem; height: 1px; background: #dfdfdf; left: 0; right: 0; z-index: -1}
.five-level1 li{padding: 0 .2rem;position: relative;z-index: 1;background: #fff;margin: 0 -.1rem;}
.five-level1 li a{display: flex;width: .63rem;height: .63rem;background: #faf9f8;border-radius: 50%;align-items: center;justify-content: center;font-size: .3rem;color: #666666; transition: .5s}
.five-level1 li a:hover{ background: #cc9933; color: #fff}

.list22{ justify-content: center; margin-bottom: 1rem;}
.list22 li{padding: 0 .02rem;}
.list22 li a{font-size: .18rem;color: #666666;display: inline-block;width: .32rem;line-height: .32rem;border-radius: 50%;transition: .5s;text-align: center;}
.list22 li.on a, .list22 li a:hover{ background: #cc9900; color: #fff;}

.list15s{ margin: 0 -.45rem;}
.list15s li{ padding: 0 .45rem;}
.list15s li .img_box{width: 1.96rem;margin: 0 .4rem 0 0;position: relative;z-index: 1;padding: 0 0 .08rem .08rem;}
.list15s li .img_box:before{content: "";position: absolute;bottom: 0;left: 0;z-index: -1;border-top: transparent 2.1rem solid;border-left: #006ecd 1.9rem solid;transform-origin: left top;}
.list15s li .img{width: 100%;margin: 0;}
.list15s li .con h3 big{ font-size: .26rem;}

@media(min-width: 1199px){ 
}
@media(max-width: 1199px){ 
 
}
@media(max-width: 991px){
 .miso_tab .hd{ margin-bottom: .3rem;}
 .list22{ margin-bottom: .3rem;}
}
@media(max-width: 767px){
 .list15s li .img_box{width: 2rem;margin: 0 auto;}
 .list15s li .con{width: 100%;flex: auto;padding: .2rem 0 .24rem;}
 .list15 li .con p{ font-size: .2rem; line-height: 1.75}
}
@media(max-width: 455px){
 
} 

.list23{margin: 0 -5px;margin-bottom: .55rem;border-bottom: #dfdfdf 1px solid;padding-bottom: .3rem;margin-top: -.2rem;}
.list23 li{min-width: 25%;padding: 8px 5px;}
.list23 li a{ display: inline-block; font-size: .16rem; color: #666666; line-height: .36rem; position: relative; z-index: 1; padding: 0 .36rem; transition: .5s; border-radius: 50vw}
.list23 li a::before{content: "";position: absolute;width: .1rem;height: 2px;background: #006ecd;left: .16rem;top: 50%;margin-top: -1px;}

.list23 li.on a, .list23 li a:hover{ background: #cc9900; color: #fff}
.list23 li.on a::before, .list23 li a:hover::before{ background: #fff}

@media(min-width: 1199px){ 
}
@media(max-width: 1199px){ 
 
}
@media(max-width: 991px){
 
}
@media(max-width: 767px){
 .list23 li{ padding: 3px 5px;}
 .list23 li a{ font-size: .2rem;}
 .list23{ margin: .2rem 0 .5rem;}
}
@media(max-width: 455px){
 
} 


.list24 li{ margin-bottom: .18rem;}
.list24 li .a .top *{ transition: .5s} 
.list24 li .a .top{position: relative;z-index: 1;overflow: hidden;height: .54rem;padding: 0 .3rem;display: flex;align-items: center;cursor: pointer;background: #fcfbfb;}
.list24 li .a .top .ll{width: 94%;font-size: .2rem;color: #333333;font-weight: 600;line-height: 1.5;padding: 0;flex: 1;}
.list24 li .a .top .ico{display: flex;align-items: center;justify-content: center;border-radius: 50%;width: .18rem;height: .18rem;position: relative;z-index: 1;}
.list24 li .a .top .ico:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;transform: scale(0);z-index: -1;border-radius: 50%;}
.list24 li .a .top .ico span{position: absolute;width: .18rem;height: 1px;background: #aeb0b5;left: 50%;top: 50%;transition: .5s;margin: -.05px 0 0 -.05px;}
.list24 li .a .top .ico span:nth-child(2){transform: rotate(90deg);}
.list24 li .a .bottom{padding: .3rem .18rem;background: #fcf9fd;display: none;}
.list24 table{width: 100%;text-align: center;border-collapse: collapse;min-width: 767px;}
.list24 table th{ font-size: .18rem; color: #006ecd; line-height: 1.5; padding: .1rem 0}
.list24 table td{ font-size: .18rem; color: #333333; line-height: 2; padding: .1rem 0; border-bottom: #e4e4e4 1px solid}

.list24 li.on .a .top{ background: #006ecd}
.list24 li.on .a .top .ll{ color: #fff}
.list24 li.on .a .top .ico:before{ transform: scale(1);}
.list24 li.on .a .top .ico span:nth-child(1){opacity: 0;}
.list24 li.on .a .top .ico span:nth-child(2){transform: rotate(0);background: #fff;}
.list30{margin: 0 -.5rem;}
.list30 li{width: 50%;padding: 0 .5rem;}
.list30 li *{ transition: .5s;}
.list30 li .a{ display: flex; height: .72rem; border-bottom: #e2e2e2 1px solid; align-items: center; position: relative; z-index: 1;}
.list30 li .a::before{ content: ""; position:  absolute; left: 0; top: 0; bottom: 0; width: 0;}
.list30 li .a::after{ content: ""; position:  absolute; right: 0; left: 0; top: 0; bottom: 0; opacity: 0; border: #006ecd 2px solid;}
.list30 li .a h4{font-size: .22rem;color: #333333;line-height: 1.375;}
.list30 li .a h4 img{ width: .16rem; margin: -3px .15rem 0 0 }
.list30 li .a h4 font{ color: #999999;}
@media(min-width: 1200px){
 .list30 li .a:hover{ padding-left: .56rem;}
 .list30 li .a:hover h4{ color: #006ecd; font-weight: bold;}
 .list30 li .a:hover h4 font{ font-weight: normal;}
 .list30 li .a:hover::before{ width: .32rem; background: #006ecd;}
 .list30 li .a:hover::after{ opacity: 1;}
}
@media(max-width: 1200px){
}
@media(max-width: 992px){
 .list30{ margin: 0 -7px; padding: .28rem 0 .28rem;}
 .list30 li{ padding: 0 7px;}
}
@media(max-width: 768px){
 .list30 li{ width: 100%}
}

@media(min-width: 1199px){ 
}
@media(max-width: 1199px){ 
 
}
@media(max-width: 991px){
 
}
@media(max-width: 767px){
 .list24 .scroll{ overflow: hidden; overflow-x: scroll}
}
@media(max-width: 455px){
 
} 

.about .h3{ font-size: .3rem; color: #006ecd; font-family: 'sys'; text-align: center; margin-bottom: .4rem;}
.about .ar_article p{ font-size: .16rem;}
.about .fl01{ align-items: flex-end}
.about .fl01 .left{overflow: hidden;flex: 1;background: url(../images_new/about_bg1.jpg) left top no-repeat;padding: .7rem 1.16rem 1.8rem .7rem;background-size: cover;}
.about .fl01 .right{ width: 4.1rem; }
.about .fl01 .right .img{margin: 0 0 .9rem 0;width: calc(100% + .56rem);float: right;}
.about .fl01 .h3{ color: #fff; text-align: left}
.about .fl01 .ar_article p{ color: #fff}
.about .fl02{padding: 0 0 1.2rem .7rem;background: #f7f7f7;}
.about .fl02 .h3{ text-align: left}
.about .fl02 .left{order: 1;overflow: hidden;flex: 1;padding: .54rem .6rem .3rem .8rem;}
.about .fl02 .right{width: 4.1rem;margin: -1.3rem 0 0;}

@media(min-width: 1199px){ 
}
@media(max-width: 1199px){ 
 
}
@media(max-width: 991px){
 .about .fl01 .left{flex: auto;padding: .5rem 15px;}
 .about .fl01 .right{width: 100%;text-align: center;}
 .about .fl01 .right .img{margin: 0;width: 100%;float: none;}
 .about .fl01 .right .img img{ width: 100%}

 .about .fl02 .left{flex: auto;padding: .5rem 15px;}
 .about .fl02 .right{width: 100%;text-align: center;margin: 0;order: 2;}
 .about .fl02{padding: 0 0 .3rem;}
}
@media(max-width: 767px){
 
}
@media(max-width: 455px){
 
} 


@media(max-width: 768px){
    .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;}
    .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;}

 .ar_article p, .ar_article{ font-size: .18rem !important;word-break: break-word;}
} 





.Structure {
    margin-bottom: 30px;
    overflow: hidden;
}

.stru-title {
    display: inline-block;
    border: #006ecd 1px solid;
    color: #006ecd;
    padding: 12px 23px;
    margin-bottom: 20px;
    font-weight: bold;
}

.stru-list {
    margin: -10px -18px;
}

.stru-list li a {
    display: block;
border: #e2e2e2 1px solid;
    padding: 15px;
    margin: 8px 18px;
    background: url(../images_new/cloud.png) no-repeat;
    overflow: hidden;
    background-position: 150% 25px;
    font-size: 16px;
}

.stru-list .s-department {
    display: block;
    color: #000000;
    height: 48px;
    line-height: 24px;
}

.stru-list .s-name {
    display: block;
    height: 26px;
    line-height: 26px;
}
.stru-list .s-name p{
display: inline;
}

.stru-list li a:hover {
    box-shadow: 0px 5px 13.5px 1.5px rgba(0, 0, 0, 0.15);
    background-color: #006ecd;
}

.stru-list li a:hover .s-department,
.stru-list li a:hover .s-department02,
.stru-list li a:hover .s-name,
.stru-list li a:hover .s-tel {
    color: #fff;
}

.stru-list02 .s-department02 {
    display: block;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
}

.stru-list02 .s-tel {
    display: block;
    font-family: 'Arial';
    color: #999;
    position: relative;
    padding-left: 13px;
    height: 40px;
    line-height: 20px;
    
    margin-top: 12px;
}

.stru-list02 .s-tel:before {
    content: "";
    display: block;
    width: 21px;
    height: 12px;
    background: url(../images_new/stru-li.png) no-repeat;
    position: absolute;
    left: -17px;
    top: 2px;
}

.stru-titleWrap {
    overflow: hidden;
    margin-bottom: 20px;
}

.stru-titleWrap span {
    padding-left: 20px;
}

.stru-titleWrap .s-tel {
    font-family: 'Arial';
    color: #999;
    position: relative;
    padding-left: 30px;
    margin: 15px 0 15px 20px;
    display: inline-block;
}

.stru-titleWrap .s-tel:before {
    content: "";
    display: block;
    width: 21px;
    height: 12px;
    background: url(../images_new/stru-li.png) no-repeat;
    position: absolute;
    left: 0;
    top: 2px;
}
.gp-avg-sm-3 > li {
    width: 33.3%;
float: left;
display:inline;
}
.stru-list .s-name span{
width: 100px;
    float: left;
}
.jxdw a{
    min-height: 158px;
}


@media screen and (max-width:1200px){
.gp-avg-sm-3 > li {
    width: 50%;
}}
@media screen and (max-width: 479px){
.gp-avg-sm-3 > li {
    width: 100%;
}}