@charset "utf-8";

.h6s1{font-size: .16rem;color: #006179;font-family: 'Century Gothic';transition: .5s;}
.h4s1{font-size: .2rem;color: #333333;line-height: .3rem;transition: .5s;font-family: Arial, "Noto Serif SC", serif;/* font-weight: 600; */}
.h4s2{font-size: .2rem;color: #333333;line-height: .3rem;max-height: .6rem\0;transition: .5s;font-family: Arial, "Noto Serif SC", serif;}
.ps1{font-size: .14rem;color: #777;line-height: .22rem;transition: .5s;}
.ps3{font-size: .14rem;color: #777;line-height: .22rem;max-height: .66rem\0;transition: .5s;}

@font-face{ font-family: 'Century Gothic'; src:url(../fonts/GOTHIC.TTF);}
@font-face{ font-family: 'DIN Light'; src:url(../fonts/DIN-Light.otf);}
@font-face{ font-family: "Spoqa Han Sans Neo"; src:url(../fonts/SpoqaHanSansNeo-Bold.woff2);}
@font-face{ font-family: DINCond-Black; src:url(../fonts/DINCond-BlackAlternate.otf);}

body{ background: #f5f5f7}
body:before{content: "";position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,.8);z-index: 1000000;transition: .5s;opacity: 0;visibility: hidden;}

.pc_hb{ height: 0;}
.pc_h{position: fixed;z-index: 10000;top: 0;left: 0;right: 0;}
.pc_h::before{content: "";position: absolute;top: .32rem;left: 0;right: 0;background: url(../images/pc_b1.png) center no-repeat;height: 2.17rem;z-index: -1;background-size: 100% 100%;pointer-events: none;transition: .5s;}
.pc_h .bg1{content: "";position: absolute;top: 0;left: 0;right: 0;background: #fff;height: .32rem;z-index: -1;pointer-events: none; }
.pc_h .bg2{content: "";position: absolute;top: .32rem;left: 0;right: 0;background: #006179;height: .78rem;z-index: -1;/* box-shadow: 0 0.6rem 0.6rem rgba(0,0,0,.6); */pointer-events: none; }
.pc_h .wp{justify-content: space-between;width: 15rem;}
.logo{background: #006179;width: 1.56rem;height: 100%;border-radius: 0 0 50vw 50vw;box-shadow: 0 0 .3rem rgba(239,200,131,.1);transition: 1s;}
.logo a{ display: flex; width: 100%; height: 100%; justify-content: center; align-items: center}
.logo img{ width: 100%;}
.pc_h .left{display: flex;align-items: flex-end;padding: 0 6% 0 0;}
.pc_h .left, .pc_h .right{width: calc((100% - 1.56rem)/2);height: 1.1rem;}
.pc_h .right{ padding: 0 0 0 6%;}
.pc_h .right .top{height: .32rem;align-items: center;justify-content: flex-end;}

body.on .pc_h::before{ height: 1.17rem}
body.on .logo{width: 1.25rem;}

[data-aos=logo].logo{ transform: translateY(-.5rem);}
[data-aos=logo].aos-animate.logo{ transform: translateY(0);}
[data-aos=logo].logo img{transform: scale(.5);opacity: 0;transition: 1s;}
[data-aos=logo].aos-animate.logo img{transform: scale(1);opacity: 1;}

.list1{ align-items: center}
.list1 li{ color: #dedede}
.list1 li .a{display: block;font-size: .14rem;color: #767676;padding: 0 .15rem;transition: .5s;}
.list1 li img{margin: 0 .04rem 0 0;width: .18rem;}
.search_btn{margin-left: .16rem;cursor: pointer;}
.search_btn img{height: .18rem;margin-top: -2px;}
#nav{width: 100%;}
#nav ul{justify-content: space-between;height: .78rem;}
#nav ul li{z-index:0;position: relative;/*! height: 1rem; */line-height: .5rem;transition: .2s;}
#nav ul li i{ display: none}
#nav ul li>a{display:block;padding: 0;position: relative;z-index: 2;height: 100%;}
#nav ul li .h3{font-size: .18rem;color: #fff;position:relative;line-height: .78rem;font-family: "思源宋体 SemiBold";font-weight: 600;}
#nav ul li.on .h3:after, #nav ul li:hover .h3:after{opacity: 1;visibility:visible; transform: translateY(0);}
#nav ul li .sub{position:absolute;opacity: 0;visibility: hidden;top:100%;min-width: 1.6rem;left: 50%;z-index: 10000;padding: 0;background: #fff;overflow: hidden;box-shadow: 0 8px 16px rgba(0,0,0,.1);line-height: 20px;letter-spacing: -.02em;white-space: nowrap;text-align: center;transform-origin: top;transform: translateX(-50%) scaleY(0);-webkit-transform: translateX(-50%) scaleY(0);-moz-transform: translateX(-50%) scaleY(0);-ms-transform: translateX(-50%) scaleY(0);-o-transform: translateX(-50%) scaleY(0);transition: .5s;border-radius: 0;/*! border-top: #006179 .05rem solid; */}
#nav ul li .sub .box{text-align: center;padding: .1rem 0;}
#nav ul li .sub a{padding: 0 .2rem;line-height: 2.5;color: #333;font-size: .16rem;white-space: nowrap;transition: .5s;display: block;font-family: "sys";/*! text-align: left; */font-family: "思源宋体 SemiBold";font-weight: bold;}
#nav ul li .sub a+a{ border-top: 1px dotted rgba(255, 255, 255, 0.3);}
#nav ul li .sub a:hover{/*! background: #006179; */color: #006179;}
#nav ul li:hover .sub{ opacity: 1; visibility: visible;transform: translateX(-50%) scaleY(1);-webkit-transform: translateX(-50%) scaleY(1);-moz-transform: translateX(-50%) scaleY(1); -ms-transform: translateX(-50%) scaleY(1);-o-transform: translateX(-50%) scaleY(1);}

#nav ul li .sub a img{ width: .18rem; height: .18rem;opacity: .3;transition: .5s;display: none;}
#nav ul li .sub a img.i2{ margin: 0 .1rem 0 -.18rem; opacity: 0}
#nav ul li .sub a:hover img.i1{ opacity: 0;}
#nav ul li .sub a:hover img.i2{ opacity: 1;}

#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:100vh; *//* 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;}
#search1.open .wrapper{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
#search1 .wrapper .ss{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 .ss .icon_search{background-position:0 -16px;opacity:.5;margin-top: 7px;margin-left:12px;}
#search1 .wrapper .ss .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}

/*手机端开始*/
.m_header_box {transition: .6s;display: none;height: .75rem;position: relative;z-index: 100000;width: 100%;}
.m_header_box header{padding: 0 0 0 15px;height: .75rem;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: #006179;}
.m_header_box header #logo img{height: .5rem;}
.m_header_box header #logo{padding:0;width: 100%;}
.m_header_box .search_btn img{ width: .26rem; height: .26rem}

.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_header_box .search_btn{margin-right: .15rem;position: relative;z-index: 10;}

/*导航按钮开始*/
#nav_btn_box.on { background: none; }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before {/* background: #fff; */}
#nav_btn_box{position:relative;width: .7rem;height: .7rem;display: flex;align-items: center;justify-content: center;z-index: 1;min-width: .85rem;}
#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;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;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;/* justify-content: center; */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: 82px 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;opacity: 0;visibility: hidden;-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);overflow: hidden;overflow-y: scroll;background: #006179;background: #f4f4f4 url(../images/home7-8_b1.png) center bottom no-repeat;background-size: cover;}
#m_nav .close{position:absolute;top: 7px;right: 15px;left: 15px;font-size: 30px;color: #333;z-index: 10000;/* background: rgba(255,255,255,.1); */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 .list1{ justify-content: center}
#m_nav .list1 li .a{color: #134d8c;font-size: .16rem;}
#m_nav .list1 li .a img{ display: none}

.list_box_nav_mobile{max-width: 90%;margin: 0 auto;margin-top: .2rem;}
.list_box_nav_mobile>li{width: 100%;overflow: hidden;padding: 0;position: relative;margin: 0 auto;}
.list_box_nav_mobile>li .con{position:relative;/* display: flex; *//* flex-wrap: wrap; */}
.list_box_nav_mobile>li .h3{width: 100%;border-bottom: 1px solid rgba(255,255,255,.1);line-height: .64rem;color: #333;padding: 0;font-size: .2rem;display: flex;position: relative;transition: .5s;}
.list_box_nav_mobile>li.on .a{color: rgba(255,255,255,1);}

/*三级导航 开始*/
.list_box_nav_mobile>li .box{padding:10px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1); display:none}
.list_box_nav_mobile>li .sub{position: relative;top: 0;left: 0;right: 0;}
.list_box_nav_mobile>li i{content:"";opacity: 1;filter: alpha(opacity=100);display: inline-block;width: .64rem;height: .64rem;display: inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size: 16px 16px !important;position: absolute;display: block;right: -.2rem;top: 0;cursor: pointer;}
.list_box_nav_mobile>li.on1 i{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}
.list_box_nav_mobile>li .sub a{display:block;font-size:13px;color: #888;line-height: 2.5;min-width: 33.33%;}
.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;}


.banner{overflow: hidden;position: fixed;width: 100%;height: 100vh;}
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .img{overflow: hidden;transform: scale(1.08);transition: 6s;}
.banner .img .imgLi{padding-bottom: 100vh;transform: scale(1) !important;transition: 0s;}
.banner .img video{ width: 100vw; height:100%; object-fit: cover; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.banner .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: center;justify-content: center;z-index: 1;transform: translateY(6%);}
.banner .top .bg1{width: 7.11rem;height: 7.11rem;position: absolute;left: 50%;top: 50%;transform: translate(-52%, -49%);z-index: -1;}
.banner .top .bg1::before{content: "";background: url(../images/ba1_b1.png) center no-repeat;position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-size: cover;transform: scale(1.15) rotate(300deg);transition: 2s; opacity: 0;}
.banner .top .box{position: relative;z-index: 1;}
.banner .top .box img.img1{ filter: blur(100px); -webkit-filter: blur(100px); transition: 2s; opacity: 0;}
.banner .top .box img.img2{position: absolute;top: 0;right: 0;right: 0;bottom: 0;filter: blur(20px);-webkit-filter: blur(20px);transition: 2s; opacity: 0;}
.banner .top .box img.img3{position: absolute;top: 0;right: 0;right: 0;bottom: 0;filter: blur(50px);-webkit-filter: blur(50px);transition: 2s;transition-delay: .5s; opacity: 0;}

.banner.on ul li.swiper-slide-active .img{ transform: scale(1);}
.banner.on1 ul li.swiper-slide-active .top .bg1::before{transform: scale(1) rotate(0deg); opacity: 1;}
.banner.on1 ul li.swiper-slide-active .top .box{ transform: translateY(0);}
.banner.on1 ul li.swiper-slide-active .top .box img.img1{ filter: blur(0); -webkit-filter: blur(0); opacity: 1;}
.banner.on1 ul li.swiper-slide-active .top .box img.img2{filter: blur(0);-webkit-filter: blur(0); opacity: 1;}
.banner.on1 ul li.swiper-slide-active .top .box img.img3{filter: blur(0);-webkit-filter: blur(0); opacity: 1;}

.banner_box{padding: 0;position: relative;z-index: 1;overflow: hidden;}
.banner_box .dots{position: absolute;bottom: .5rem;left: 0;right: 0;z-index: 10;text-align: right;padding: 0 6%;}
.banner_box .dots span{width: .38rem;height: .38rem;color: #fff;transition: .5s;margin: 0 .03rem;border-radius: 0;opacity: 1;background: none;position: relative;}
.banner_box .dots span:before{content: "";position: absolute;width: .16rem;height: .16rem;border: rgba(255,255,255,.6) .03rem solid;border-radius: 50%;top: 55%;left: 50%;transform: translate(-50%, -50%);transition: .5s;}
.banner_box .dots span:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/dots1.png) center no-repeat;background-size: cover !important;transform-origin: bottom;transform: scale(0);transition: .5s; opacity: 0;}
.banner_box .dots span.active{ margin: 0 .1rem;}
.banner_box .dots span.active:before{opacity: 0;}
.banner_box .dots span.active:after{transform: scale(1); opacity: 1;}

.home1{background: #f5f5f7;position: fixed;z-index: 100000000;top: 0;right: 0;/* bottom: 0; */left: 0;transform: translate3d(0, 100vh, 0);transition: 1s;height: 100vh;overflow: hidden;}
#container{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 1;}
#container .dot{
    width: .24rem;
    height: .24rem;
    position:absolute;
    background: url(../images/petal.png);
    background-size: 100% 100%;
}
.home1Li{ position: relative; width: 100vw; height: 100vh; z-index: 1}
.home1 .bg1{position: absolute;top: 50%;transform: translate3d(0, -35%, 0);left: 0;right: 0;}
.home1 .bg1:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/home1_b2s.jpg);/* animation: bgfubuki 800s linear infinite forwards; */display: none;}
.home1 .bg1 img{/* opacity: 0 */}
@keyframes bgfubuki {
    0% {
        background-position: 0 0;
    }
    10% {
        background-position: 1000px 0;
    }
    20% {
        background-position: 2000px 0;
    }
    30% {
        background-position: 3000px 0;
    }
    40% {
        background-position: 4000px 0;
    }
    50% {
        background-position: 5000px 0;
    }
    60% {
        background-position:  6000px 0;
    }
    70% {
        background-position:  7000px 0;
    }
    80% {
        background-position: 8000px 0;
    }
    90% {
        background-position: 9000px 0;
    }
    100% {
        background-position:  10000px 0;
    }
}
.home1 .bg3{position: absolute;top: 50%;transform: translate3d(-50%, -50%, 0);left: 50%;width: .74rem;}
.home1 .bg3 .wz{ position: relative; z-index: 1;width: .24rem;}
.home1 .bg3 .wz img{ width: 100%}
.home1 .bg3 .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex;flex-direction: column;align-items: center;justify-content: center;}
.home1 .bg3 .top>img{width: .32rem;margin-bottom: .08rem;}
.home1 .bg3 .wz img.w0{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; filter: blur(100px);-webkit-filter: blur(100px);transition: 1.5s; opacity: 0;}
.home1 .bg3 .wz img.w1{ transition-delay: .1s; filter: blur(100px);-webkit-filter: blur(100px);transition: 1.5s; opacity: 0;}
.home1 .bg3 .wz img.w2{ transition-delay: .2s;}
.home1 .bg3 .wz img.w3{ transition-delay: .3s;}
.home1 .bg3 .wz img.w4{ transition-delay: .4s;}
.home1 .bg3 .wz img.w5{ transition-delay: .5s;}
.home1 .bg3 .wz img.w6{ transition-delay: .6s;}
.home1 .bg3 .wz img.w7{ transition-delay: .7s;}
.home1 .bg3 .wz img.w8{ transition-delay: .8s;}
.home1 .bg3 .wz img.w9{ transition-delay: .9s;}
.home1 .bg3 .wz img.w10{ transition-delay: 1s;}
.home1 .bg3 .wz img.w11{ transition-delay: 1.1s;}

.home1 .bg3 .line0{ position: absolute; width: 4.46rem; height: 1px; top: 50%}
.home1 .bg3 .line0:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #006179; opacity: .3}
.home1 .bg3 .line1{ right: calc(100% - 1px);}
.home1 .bg3 .line2{ left: calc(100% - 1px);}
.home1 .bg3 .line1 img{position: absolute;bottom: .26rem;left: .16rem;width: 2.69rem;max-width: 61%;transform: translate3d(130px, 0, 0);transition: 1.5s ease-out;transition-delay: .36s;opacity: 0;}
.home1 .bg3 .line2 img{position: absolute;bottom: .12rem;right: 0;width: 2.84rem;max-width: 64%;transform: translate3d(-130px, 0, 0);transition: 1.5s ease-out;transition-delay: .36s;opacity: 0;}
.fllower.i1{position: absolute;left: 0;bottom: 0;pointer-events: none; transform: translate3d(-50vw, 0, 0);transition: 1.5s ease-out;transition-delay: .36s;opacity: 0;}
.fllower.i2{position: absolute;right: 0;top: 0;pointer-events: none; transform: translate3d(50vw, 0, 0);transition: 1.5s ease-out;transition-delay: .36s;opacity: 0;}

.rain {
    position: absolute;
}
.rain:nth-child(1) {
    background-color: rgba(1,97,121,.1);
    width: 1px;
    height: 5px;
    top: 35%;
    left: 21%;
    -webkit-animation: make-it-rain 2731ms -9999s ease-in infinite;
    animation: make-it-rain 2731ms -9999s ease-in infinite;
}
.rain:nth-child(2) {
    background-color: rgba(1,97,121,.3);
    width: 1px;
    height: 4px;
    top: 98%;
    left: 18%;
    -webkit-animation: make-it-rain 1148ms -9999s ease-in infinite;
    animation: make-it-rain 1148ms -9999s ease-in infinite;
}
.rain:nth-child(3) {
    background-color: rgba(1,97,121,.2);
    width: 1px;
    height: 6px;
    top: 34%;
    left: 78%;
    -webkit-animation: make-it-rain 2057ms -9999s ease-in infinite;
    animation: make-it-rain 2057ms -9999s ease-in infinite;
}
.rain:nth-child(4) {
    background-color: rgba(1,97,121,.5);
    width: 1px;
    height: 4px;
    top: 8%;
    left: 93%;
    -webkit-animation: make-it-rain 1585ms -9999s ease-in infinite;


    animation: make-it-rain 1585ms -9999s ease-in infinite;
}
.rain:nth-child(5) {
    background-color: rgba(1,97,121,.4);
    width: 1px;
    height: 12px;
    top: 87%;
    left: 93%;
    -webkit-animation: make-it-rain 2680ms -9999s ease-in infinite;
    animation: make-it-rain 2680ms -9999s ease-in infinite;
}
.rain:nth-child(6) {
    background-color: rgba(1,97,121,.2);
    width: 1px;
    height: 6px;
    top: 99%;
    left: 63%;
    -webkit-animation: make-it-rain 1847ms -9999s ease-in infinite;
    animation: make-it-rain 1847ms -9999s ease-in infinite;
}
.rain:nth-child(7) {
    background-color: rgba(1,97,121,.6);
    width: 1px;
    height: 7px;
    top: 3%;
    left: 42%;
    -webkit-animation: make-it-rain 1981ms -9999s ease-in infinite;
    animation: make-it-rain 1981ms -9999s ease-in infinite;
}
.rain:nth-child(8) {
    background-color: rgba(1,97,121,.2);
    width: 1px;
    height: 13px;
    top: 53%;
    left: 33%;
    -webkit-animation: make-it-rain 2780ms -9999s ease-in infinite;
    animation: make-it-rain 2780ms -9999s ease-in infinite;
}
.rain:nth-child(9) {
    background-color: rgba(1,97,121,.8);
    width: 1px;
    height: 4px;
    top: 7%;
    left: 35%;
    -webkit-animation: make-it-rain 2661ms -9999s ease-in infinite;
    animation: make-it-rain 2661ms -9999s ease-in infinite;
}
.rain:nth-child(10) {
    background-color: rgba(1,97,121,.2);
    width: 1px;
    height: 11px;
    top: 79%;
    left: 8%;
    -webkit-animation: make-it-rain 1537ms -9999s ease-in infinite;
    animation: make-it-rain 1537ms -9999s ease-in infinite;
}
.rain:nth-child(11) {
    background-color: rgba(1,97,121,.1);
    width: 1px;
    height: 13px;
    top: 78%;
    left: 64%;
    -webkit-animation: make-it-rain 1265ms -9999s ease-in infinite;
    animation: make-it-rain 1265ms -9999s ease-in infinite;
}
.rain:nth-child(12) {
    background-color: rgba(1,97,121,.4);
    width: 1px;
    height: 9px;
    top: 52%;
    left: 69%;
    -webkit-animation: make-it-rain 2375ms -9999s ease-in infinite;
    animation: make-it-rain 2375ms -9999s ease-in infinite;
}
.rain:nth-child(13) {
    background-color: rgba(1,97,121,.3);
    width: 1px;
    height: 11px;
    top: 83%;
    left: 35%;
    -webkit-animation: make-it-rain 1440ms -9999s ease-in infinite;
    animation: make-it-rain 1440ms -9999s ease-in infinite;
}
.rain:nth-child(14) {
    background-color: rgba(1,97,121,.5);
    width: 1px;
    height: 10px;
    top: 55%;
    left: 21%;
    -webkit-animation: make-it-rain 1740ms -9999s ease-in infinite;
    animation: make-it-rain 1740ms -9999s ease-in infinite;
}
.rain:nth-child(15) {
    background-color: rgba(1,97,121,.1);
    width: 1px;
    height: 10px;
    top: 95%;
    left: 78%;
    -webkit-animation: make-it-rain 1346ms -9999s ease-in infinite;
    animation: make-it-rain 1346ms -9999s ease-in infinite;
}
.rain:nth-child(16) {
    background-color: rgba(1,97,121,.2);
    width: 1px;
    height: 6px;
    top: 54%;
    left: 11%;
    -webkit-animation: make-it-rain 1072ms -9999s ease-in infinite;
    animation: make-it-rain 1072ms -9999s ease-in infinite;
}
.rain:nth-child(17) {
    background-color: rgba(1,97,121,.4);
    width: 1px;
    height: 8px;
    top: 83%;
    left: 13%;
    -webkit-animation: make-it-rain 1304ms -9999s ease-in infinite;
    animation: make-it-rain 1304ms -9999s ease-in infinite;
}
.rain:nth-child(18) {
    background-color: rgba(1,97,121,.2);
    width: 1px;
    height: 6px;
    top: 86%;
    left: 93%;
    -webkit-animation: make-it-rain 1339ms -9999s ease-in infinite;
    animation: make-it-rain 1339ms -9999s ease-in infinite;
}
.rain:nth-child(19) {
    background-color: rgba(1,97,121,.5);
    width: 1px;
    height: 6px;
    top: 57%;
    left: 50%;
    -webkit-animation: make-it-rain 1325ms -9999s ease-in infinite;
    animation: make-it-rain 1325ms -9999s ease-in infinite;
}
.rain:nth-child(20) {
    background-color: rgba(1,97,121,.3);
    width: 1px;
    height: 6px;
    top: 34%;
    left: 60%;
    -webkit-animation: make-it-rain 2171ms -9999s ease-in infinite;
    animation: make-it-rain 2171ms -9999s ease-in infinite;
}
.rain:nth-child(21) {
    background-color: rgba(1,97,121,.1);
    width: 1px;
    height: 10px;
    top: 17%;
    left: 59%;
    -webkit-animation: make-it-rain 1355ms -9999s ease-in infinite;
    animation: make-it-rain 1355ms -9999s ease-in infinite;
}
.rain:nth-child(22) {
    background-color: rgba(1,97,121,.5);
    width: 1px;
    height: 13px;
    top: 58%;
    left: 84%;
    -webkit-animation: make-it-rain 1728ms -9999s ease-in infinite;
    animation: make-it-rain 1728ms -9999s ease-in infinite;
}
.rain:nth-child(23) {
    background-color: rgba(1,97,121,.8);
    width: 1px;
    height: 12px;
    top: 71%;
    left: 66%;
    -webkit-animation: make-it-rain 2708ms -9999s ease-in infinite;
    animation: make-it-rain 2708ms -9999s ease-in infinite;
}
.rain:nth-child(24) {
    background-color: rgba(1,97,121,.2);
    width: 1px;
    height: 12px;
    top: 58%;
    left: 93%;
    -webkit-animation: make-it-rain 2338ms -9999s ease-in infinite;
    animation: make-it-rain 2338ms -9999s ease-in infinite;
}
.rain:nth-child(25) {
    background-color: rgba(1,97,121,.4);
    width: 1px;
    height: 8px;
    top: 11%;
    left: 86%;
    -webkit-animation: make-it-rain 1785ms -9999s ease-in infinite;
    animation: make-it-rain 1785ms -9999s ease-in infinite;
}
.rain:nth-child(26) {
    background-color: rgba(1,97,121,.6);
    width: 1px;
    height: 9px;
    top: 9%;
    left: 65%;
    -webkit-animation: make-it-rain 2867ms -9999s ease-in infinite;
    animation: make-it-rain 2867ms -9999s ease-in infinite;
}
.rain:nth-child(27) {
    background-color: rgba(1,97,121,.2);
    width: 1px;
    height: 6px;
    top: 50%;
    left: 86%;
    -webkit-animation: make-it-rain 1016ms -9999s ease-in infinite;
    animation: make-it-rain 1016ms -9999s ease-in infinite;
}
.rain:nth-child(28) {
    background-color: rgba(1,97,121,.3);
    width: 1px;
    height: 12px;
    top: 21%;
    left: 20%;
    -webkit-animation: make-it-rain 2265ms -9999s ease-in infinite;
    animation: make-it-rain 2265ms -9999s ease-in infinite;
}
.rain:nth-child(29) {
    background-color: rgba(1,97,121,.7);
    width: 1px;
    height: 12px;
    top: 65%;
    left: 15%;
    -webkit-animation: make-it-rain 2920ms -9999s ease-in infinite;
    animation: make-it-rain 2920ms -9999s ease-in infinite;
}
.rain:nth-child(30) {
    background-color: rgba(1,97,121,.2);
    width: 1px;
    height: 5px;
    top: 60%;
    left: 88%;
    -webkit-animation: make-it-rain 2349ms -9999s ease-in infinite;
    animation: make-it-rain 2349ms -9999s ease-in infinite;
}
.rain:nth-child(31) {
    background-color: rgba(1,97,121,.4);
    width: 2px;
    height: 13px;
    top: 69%;
    left: 25%;
    -webkit-animation: make-it-rain 2210ms -9999s ease-in infinite;
    animation: make-it-rain 2210ms -9999s ease-in infinite;
}
.rain:nth-child(32) {
    background-color: rgba(1,97,121,.7);
    width: 1px;
    height: 9px;
    top: 88%;
    left: 14%;
    -webkit-animation: make-it-rain 2356ms -9999s ease-in infinite;
    animation: make-it-rain 2356ms -9999s ease-in infinite;
}
.rain:nth-child(33) {
    background-color: rgba(1,97,121,.9);
    width: 1px;
    height: 7px;
    top: 34%;
    left: 91%;
    -webkit-animation: make-it-rain 2204ms -9999s ease-in infinite;
    animation: make-it-rain 2204ms -9999s ease-in infinite;
}
.rain:nth-child(34) {
    background-color: rgba(1,97,121,.2);
    width: 1px;
    height: 4px;
    top: 94%;
    left: 92%;
    -webkit-animation: make-it-rain 2091ms -9999s ease-in infinite;
    animation: make-it-rain 2091ms -9999s ease-in infinite;
}
.rain:nth-child(35) {
    background-color: rgba(1,97,121,.4);
    width: 1px;
    height: 13px;
    top: 39%;
    left: 39%;
    -webkit-animation: make-it-rain 1999ms -9999s ease-in infinite;

    animation: make-it-rain 1999ms -9999s ease-in infinite;
}
.rain:nth-child(36) {
    background-color: rgba(1,97,121,.1);
    width: 2px;
    height: 7px;
    top: 2%;
    left: 58%;
    -webkit-animation: make-it-rain 1616ms -9999s ease-in infinite;
    animation: make-it-rain 1616ms -9999s ease-in infinite;
}
.rain:nth-child(37) {
    background-color: rgba(1,97,121,.5);
    width: 2px;
    height: 13px;
    top: 94%;
    left: 67%;
    -webkit-animation: make-it-rain 2612ms -9999s ease-in infinite;
    animation: make-it-rain 2612ms -9999s ease-in infinite;
}
.rain:nth-child(38) {
    background-color: rgba(1,97,121,.6);
    width: 2px;
    height: 11px;
    top: 12%;
    left: 91%;
    -webkit-animation: make-it-rain 2362ms -9999s ease-in infinite;
    animation: make-it-rain 2362ms -9999s ease-in infinite;
}
.rain:nth-child(39) {
    background-color: rgba(1,97,121,.2);
    width: 1px;
    height: 8px;
    top: 30%;
    left: 33%;
    -webkit-animation: make-it-rain 2701ms -9999s ease-in infinite;
    animation: make-it-rain 2701ms -9999s ease-in infinite;
}
.rain:nth-child(40) {
    background-color: rgba(1,97,121,.6);
    width: 2px;
    height: 10px;
    top: 90%;
    left: 42%;
    -webkit-animation: make-it-rain 2144ms -9999s ease-in infinite;
    animation: make-it-rain 2144ms -9999s ease-in infinite;
}
.rain:nth-child(41) {
    background-color: rgba(1,97,121,.3);
    width: 2px;
    height: 8px;
    top: 99%;
    left: 96%;
    -webkit-animation: make-it-rain 2996ms -9999s ease-in infinite;
    animation: make-it-rain 2996ms -9999s ease-in infinite;
}
.rain:nth-child(42) {
    background-color: rgba(1,97,121,.4);
    width: 1px;
    height: 6px;
    top: 60%;
    left: 84%;
    -webkit-animation: make-it-rain 1674ms -9999s ease-in infinite;
    animation: make-it-rain 1674ms -9999s ease-in infinite;
}
.rain:nth-child(43) {
    background-color: rgba(1,97,121,.6);
    width: 1px;
    height: 12px;
    top: 48%;
    left: 46%;
    -webkit-animation: make-it-rain 2337ms -9999s ease-in infinite;
    animation: make-it-rain 2337ms -9999s ease-in infinite;
}
.rain:nth-child(44) {
    background-color: rgba(1,97,121,.3);
    width: 1px;
    height: 8px;
    top: 23%;
    left: 38%;
    -webkit-animation: make-it-rain 1360ms -9999s ease-in infinite;
    animation: make-it-rain 1360ms -9999s ease-in infinite;
}
.rain:nth-child(45) {
    background-color: rgba(1,97,121,.2);
    width: 2px;
    height: 9px;
    top: 20%;
    left: 39%;
    -webkit-animation: make-it-rain 2357ms -9999s ease-in infinite;
    animation: make-it-rain 2357ms -9999s ease-in infinite;
}
.rain:nth-child(46) {
    background-color: rgba(1,97,121,.5);
    width: 1px;
    height: 7px;
    top: 99%;
    left: 18%;
    -webkit-animation: make-it-rain 2118ms -9999s ease-in infinite;
    animation: make-it-rain 2118ms -9999s ease-in infinite;
}
.rain:nth-child(47) {
    background-color: rgba(1,97,121,.8);
    width: 1px;
    height: 12px;
    top: 59%;
    left: 12%;
    -webkit-animation: make-it-rain 1636ms -9999s ease-in infinite;
    animation: make-it-rain 1636ms -9999s ease-in infinite;
}
.rain:nth-child(48) {
    background-color: rgba(1,97,121,.4);
    width: 1px;
    height: 13px;
    top: 10%;
    left: 59%;
    -webkit-animation: make-it-rain 2760ms -9999s ease-in infinite;
    animation: make-it-rain 2760ms -9999s ease-in infinite;
}
.rain:nth-child(49) {
    background-color: rgba(1,97,121,.2);
    width: 2px;
    height: 4px;
    top: 39%;
    left: 77%;
    -webkit-animation: make-it-rain 2422ms -9999s ease-in infinite;
    animation: make-it-rain 2422ms -9999s ease-in infinite;
}
.rain:nth-child(50) {
    background-color: rgba(1,97,121,.5);
    width: 2px;
    height: 9px;
    top: 61%;
    left: 72%;
    -webkit-animation: make-it-rain 2350ms -9999s ease-in infinite;
    animation: make-it-rain 2350ms -9999s ease-in infinite;
}
.rain:nth-child(51) {
    background-color: rgba(1,97,121,.6);
    width: 1px;
    height: 4px;
    top: 3%;
    left: 68%;
    -webkit-animation: make-it-rain 2907ms -9999s ease-in infinite;
    animation: make-it-rain 2907ms -9999s ease-in infinite;
}
.rain:nth-child(52) {
    background-color: rgba(1,97,121,.4);
    width: 1px;
    height: 9px;
    top: 83%;
    left: 35%;
    -webkit-animation: make-it-rain 2216ms -9999s ease-in infinite;
    animation: make-it-rain 2216ms -9999s ease-in infinite;
}
.rain:nth-child(53) {
    background-color: rgba(1,97,121,.8);
    width: 1px;
    height: 12px;
    top: 97%;
    left: 37%;
    -webkit-animation: make-it-rain 1100ms -9999s ease-in infinite;
    animation: make-it-rain 1100ms -9999s ease-in infinite;
}
.rain:nth-child(54) {
    background-color: rgba(1,97,121,.2);
    width: 2px;
    height: 9px;
    top: 52%;
    left: 74%;
    -webkit-animation: make-it-rain 1937ms -9999s ease-in infinite;
    animation: make-it-rain 1937ms -9999s ease-in infinite;
}
.rain:nth-child(55) {
    background-color: rgba(1,97,121,.1);
    width: 2px;
    height: 4px;
    top: 37%;
    left: 95%;
    -webkit-animation: make-it-rain 2145ms -9999s ease-in infinite;
    animation: make-it-rain 2145ms -9999s ease-in infinite;
}
.rain:nth-child(56) {
    background-color: rgba(1,97,121,.4);
    width: 2px;
    height: 4px;
    top: 91%;
    left: 62%;
    -webkit-animation: make-it-rain 2105ms -9999s ease-in infinite;
    animation: make-it-rain 2105ms -9999s ease-in infinite;
}
.rain:nth-child(57) {
    background-color: rgba(1,97,121,.3);
    width: 1px;
    height: 6px;
    top: 76%;
    left: 62%;
    -webkit-animation: make-it-rain 1394ms -9999s ease-in infinite;
    animation: make-it-rain 1394ms -9999s ease-in infinite;
}
.rain:nth-child(58) {
    background-color: rgba(1,97,121,.7);
    width: 1px;
    height: 8px;
    top: 26%;
    left: 78%;
    -webkit-animation: make-it-rain 1038ms -9999s ease-in infinite;
    animation: make-it-rain 1038ms -9999s ease-in infinite;
}
.rain:nth-child(59) {
    background-color: rgba(1,97,121,.3);
    width: 1px;
    height: 4px;
    top: 29%;
    left: 33%;
    -webkit-animation: make-it-rain 2677ms -9999s ease-in infinite;
    animation: make-it-rain 2677ms -9999s ease-in infinite;
}
.rain:nth-child(60) {
    background-color: rgba(1,97,121,.4);
    width: 2px;
    height: 4px;
    top: 80%;
    left: 83%;
    -webkit-animation: make-it-rain 2885ms -9999s ease-in infinite;
    animation: make-it-rain 2885ms -9999s ease-in infinite;
}


@-webkit-keyframes make-it-rain {
    from {
        top: -10%;
    }
    to {
        top: 110%;
    }
}

@keyframes make-it-rain {
    from {
        top: -10%;
    }
    to {
        top: 110%;
    }
}

.balloon1{-webkit-animation: balloon1 10s ease-in-out infinite;-moz-animation: balloon1 10s ease-in-out infinite;-o-animation: balloon1 10s ease-in-out infinite;animation: balloon1 10s ease-in-out infinite;transform-origin: left;}
.balloon2{-webkit-animation: balloon2 10s ease-in-out infinite;-moz-animation: balloon2 10s ease-in-out infinite;-o-animation: balloon2 10s ease-in-out infinite;animation: balloon2 10s ease-in-out infinite;transform-origin: right;}

@keyframes balloon1{
    0%,100%{
        -webkit-transform:translateY(0) rotate(-1deg)
    }
    50%{
        -webkit-transform:translateY(-3px) rotate(4deg)
    }
}

@keyframes balloon2{
    0%,100%{
        transform:translateY(0) rotate(1deg)
    }
    50%{
        transform:translateY(-6px) rotate(-4deg)
    }
}


body.on .home1{transform: translate3d(0,0,0);}
body.on .home1 .bg3 .wz img.w0, body.on .home1 .bg3 .wz img.w1{filter: blur(0);-webkit-filter: blur(0); opacity: 1;}
body.on .home1 .bg3 .line1 img{ transform: translate3d(0, 0, 0); opacity: 1;}
body.on .home1 .bg3 .line2 img{ transform: translate3d(0, 0, 0); opacity: 1;}
body.on .fllower{ transform: translate3d(0, 0, 0); opacity: 1;}
body .home1.hide{/* transform: translate3d(0,0,0); *//* opacity: 0; */transition: 1s;height: 0;}
.home1.showdiv{ opacity: 1; visibility: visible}

.shape1{position: absolute;z-index: -1;top: 3.34rem;left: 0;right: 0;}
.shape1 svg{ position: relative; left: 50%; transform: translateX(-50%);}
.shape1 svg.svg1,.shape1 svg.svg2{ position: absolute; top: 0;}

.tit1{ margin-bottom: .25rem;}
.tit1 .a1{ text-align: center; display: inline-block;}
.tit1 h6{font-size: .18rem;color: #0082a2;line-height: 1.375;display: inline-block;padding: .1rem .08rem;background: #dbe5eb;font-family: 'Century Gothic';}

.wave {
    animation: wave 3s linear;
    animation-iteration-count:infinite;
    fill: #dbe5eb;
}
@keyframes wave {
    to {transform: translateX(-100%);}
}

.home2{position: relative;z-index: 2;padding: 2.75rem 0 .75rem;overflow: hidden;/* background: #fff; */}
.home2 .wp{ position: relative; z-index: 1}
.home2 .bg1{position: absolute;top: 2rem;left: 0;width: 57.39%;z-index: -1;}
.home2 .bg1:before{content: "";position: absolute;top: 1rem;right: 0;bottom: 0;left: 0;background-image: -moz-linear-gradient( 90deg, rgb(245,245,247), rgb(219,229,235), rgb(219,229,235));background-image: -webkit-linear-gradient( 90deg, rgb(245,245,247), rgb(219,229,235), rgb(219,229,235));background-image: -ms-linear-gradient( 90deg, rgb(245,245,247), rgb(219,229,235), rgb(219,229,235));}
.home2 .bg1 img{opacity: 0;}
.home2 .bg1 svg{position: absolute;top: -.8rem;right: 0;left: 0;}
.home2 .bg2{position: absolute;top: 0;right: 0;width: calc(100% - 57.39%);z-index: 0;background: #f5f5f7;opacity: .7;}
.home2 .left{ width: 60%;}
.home2 .right{width: 40%;padding: 0 0 0 7%;}
.home2 .right .tit1{ transform: translateY(.06rem);}
.home2 .right .tit1 h6{background: #f5f5f7;}

.home2 .tit2{ display: none }

.svgbl1{ transform: translateY(-.1rem); opacity: .25}
.svgbl2{ transform: translateY(-.05rem); opacity: .5}

.list3 .a{ display: block; position: relative;}
.list3 .img::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/list3_t1.png) center bottom no-repeat; background-size: 100% auto; opacity: .8}
.list3 .img .imgLi{ padding-bottom: 62.47%;}
.list3 .txt{position: absolute;right: 0;bottom: 0;left: 0;padding: 0 .62rem .22rem;}
.list3 *{ color: #fff !important;}
.list3 h4{ margin: .15rem 0 .15rem}
.list3 .ico img{ height: .18rem; margin-top: .2rem}

.home2 .fl1{ align-items: flex-end; justify-content: space-between;}
.list4Box{width: 80%;margin: 0;margin-top: -.26rem;box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.23);}
.list4 .img .imgLi{ padding-bottom: 55%;}
.list4 .img:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.4); transition: .5s}
.list4 .img:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #fff 2px solid; border-radius: 3px; opacity: 0; transition: .5s}
.list4 .swiper-slide-thumb-active .img:after{ opacity: 1;}
.list4 .swiper-slide-thumb-active .img:before{ opacity: 0;}

.arrow1{ width: .86rem; align-items: center; justify-content: space-between;}
.arrow1 .arrow{width: .36rem;height: .36rem;border: #106b82 1px solid;border-radius: .05rem;display: flex;align-items: center;justify-content: center;transition: .5s;cursor: pointer;}
.arrow1 .arrow svg{width: .18rem;height: .18rem;fill: #106b82;transition: .5s;}

.list5{margin-top: .55rem;}
.list5 img{ max-width: 100%;}

.list6{padding-top: .25rem;}
.list6 .a{display: block;position: relative;z-index: 1;padding: .22rem 0;border-bottom: #eaecee 1px solid;}
.list6 .a::before{content: "";position: absolute;top: 0;right: -.36rem;height: 0;left: -.36rem;background: #0d6881;z-index: -1;opacity: 0;transition: .5s;}
.list6 .img{ margin-bottom: .3rem}
.list6 .img .imgLi{ padding-bottom: 62%}
.list6 h4{ margin-top: .12rem;}
.list6 h4 span{ color: #006179; margin-right: .1rem; transition: .5s;}
.list6 li:last-child .a{ border: none}

.tit2{ text-align: center; margin-bottom: .38rem;}

.home3{background: url(../images/home3_b1.png) center top no-repeat;background-size: cover;padding: .15rem 0 .5rem;position: relative;z-index: 2;}

.list7 .img .imgLi{padding-bottom: 62.5%;}
.list7 h4{margin: .25rem 0 .1rem;font-size: .18rem;color: #1d1d1f;}
.list7 h6{text-align: right;font-size: .14rem;}

.list7Box .dots{ text-align: center; margin: .5rem 0 0}
.list7Box .dots span{width: .38rem;height: .38rem;color: #fff;transition: .5s;margin: 0 .03rem;border-radius: 0;opacity: 1;background: none;position: relative;}
.list7Box .dots span:before{content: "";position: absolute;width: .31rem;height: .17rem;background: url(../images/dots2s.png) center no-repeat;background-size: cover !important;top: 55%;left: 50%;transform: translate(-50%, -.12rem);transition: .5s;}
.list7Box .dots span:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/dots2.png) center no-repeat;background-size: cover !important;transform-origin: bottom;transform: scale(0);transition: .5s; opacity: 0;}
.list7Box .dots span.active{ margin: 0 .1rem;}
.list7Box .dots span.active:before{opacity: 0;}
.list7Box .dots span.active:after{transform: scale(1); opacity: 1;}

.home4{padding: .5rem 0 0;overflow: hidden;width: 100vw;}

.home5{width: 100vw;}

.index_home{position: relative;z-index: 2;background: #f5f5f7;}

.fix-top{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10;overflow: hidden;overflow-y: scroll;transform: translate3d(0, 100vh, 0);transition: 1s;}
.fix-top.showdiv{/* top: 0; */transform: translate3d(0, 0, 0);}

.list5{ margin: 0 -.38rem; margin-top: .2rem}
.list5 li{padding: 0 .38rem;width: 50%;}
.list5 .a{ display: block; padding: .28rem 0; border-bottom: #d9dadc 1px solid}
.list5 h4{ margin: .12rem 0 0}
.list5 li:nth-child(3) .a, .list5 li:nth-child(4) .a{ border: none}

.more2{width: 3.06rem;height: .56rem;display: flex;align-items: center;justify-content: flex-end;border-bottom: #146e85 1px solid;float: right;}
.more2 font{font-size: .16rem;color: #818181;font-family: Arial, "Noto Serif SC", serif;/* font-weight: 600; */transition: .5s;}
.more2 img{margin: -.03rem 0 0 .36rem;height: .19rem;}

.list8W{position: relative;z-index: 1;padding: .7rem 0 0;}
.list8W::before{content: "";position: absolute;top: .4rem;bottom: .6rem;left: .12rem;width: 1px;border-left: #006179 1px dotted;}
.list8Box{height: 4.68rem;padding-left: .12rem;}
.list8 li{ padding: 0 0 0 .7rem; position: relative}
.list8 li:before{ content: ""; position: absolute;}
.list8 .a{display: flex;flex-direction: column;justify-content: center;padding: 0 .3rem;height: 100%;position: relative;z-index: 1;}
.list8 .a::before{content: "";position: absolute;background: url(../images/list8_i1.png) center no-repeat;width: .24rem;height: .2rem;left: calc(-.7rem - .12rem);top: .24rem;transition: .5s;background-size: cover;}
.list8 .a::after{content: "";position: absolute;width: .68rem;height: 1px;background: #efefef;left: calc(-.7rem + .06rem);top: .32rem;}
.list8 h4{margin-bottom: .08rem;}
.list8 p{ line-height: .26rem}
.list8 .line0{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; pointer-events: none}
.list8 .line1:before{ content: ""; position: absolute; top: 0; left: 0; height: 1px; width: 0; border-top: #006179 1px dotted; transition: .5s}
.list8 .line1:after{ content: ""; position: absolute; top: 0; left: 0; height: 0; width: 1px; border-left: #006179 1px dotted; transition: .5s}
.list8 .line2:before{ content: ""; position: absolute; bottom: 0; right: 0; height: 1px; width: 0; border-top: #006179 1px dotted; transition: .5s}
.list8 .line2:after{ content: ""; position: absolute; bottom: 0; right: 0; height: 0; width: 1px; border-left: #006179 1px dotted; transition: .5s}

.arrow2 .arrow{position: absolute;left: -.04rem;width: .34rem;height: .34rem;z-index: 1;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.arrow2 .arrow:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #006179 1px solid; opacity: .4; transform: rotate(45deg)}
.arrow2 .arrow.prev{ top: 0;}
.arrow2 .arrow.next{ bottom: .2rem;}
.arrow2 .arrow img{ width: .43rem; transition: .5s;}
.arrow2 .arrow.prev img{ margin-top: .06rem;}
.arrow2 .arrow.next img{ margin-bottom: .06rem;}

.photoActives{ position: relative; overflow: hidden; }
[data-aos=zoom-in1] .photoActives .photoActive {position: absolute;right: 0;top: 0;width: 120%;height: 100%;/* background: #f5f5f7; */z-index: 3;background-image: -moz-linear-gradient( 0deg, rgb(245,245,247), rgb(219,229,235), rgb(219,229,235));background-image: -webkit-linear-gradient( 0deg, transparent, #f5f5f7 10%);background-image: -ms-linear-gradient( 0deg, rgb(245,245,247), rgb(219,229,235), rgb(219,229,235));}
[data-aos=zoom-in1].aos-animate .photoActives .photoActive {right: -120%;-webkit-transition: 1.6s;transition: 1.6s;-webkit-transition-timing-function: var(--ease-in-out-b);transition-timing-function: var(--ease-in-out-b);}

.home4 .fl1 .left{width: 50%;margin-top: -.3rem;}
.home4 .fl1 .right{ width: 50%; padding: 0 0 0 .4rem;}
.home4 .fl1 .right .img{width: auto;transition: .5s;}
.home4 .fl1 .img .imgLi{ padding-bottom: 56.87%;}
.home4 .fl1 .right .a{display: block;position: relative;z-index: 1;margin-right: calc((14rem - 100vw)/2);}
.home4 .fl1 .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center;}
.home4 .fl1 .top .ico{width: .89rem;height: .89rem;display: flex;align-items: center;justify-content: center;box-shadow: 0px 4px .1rem 0px rgba(0, 0, 0, 0.2);position: relative;z-index: 1;border-radius: 50vw;transition: .5s;}
.home4 .fl1 .top .ico:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: rgba(255,255,255,.7) 2px solid;border-radius: 50vw;transition: .5s;z-index: -1;}
.home4 .fl1 .top .ico img{width: .18rem;transform: translate(.03rem, 0);filter: drop-shadow(4px 4px .12rem rgba(0,0,0,.6));}

.vwrap {display: none;z-index: 10400000;position: absolute;top: 20%;right: 20%;bottom: 20%;left: 20%;border-radius: .1rem;overflow: hidden;opacity: 0;visibility: hidden;transition: .5s;}
.vwrap .videobtg {z-index: 900;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #000;opacity: 0.8;filter: alpha(opacity=80);overflow: hidden;display: none;}
.vwrap .videobox {width: 100%;height: 100%;object-fit: cover;}
.vwrap .videobox #videobox {width: 100%;height: 100%;background: #f5f5f7;}
.vwrap .videobox #videobox .img_hezi{ padding-bottom:60% !important;}
.vwrap .videobox #videobox video{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: 10px;right: 11px;text-align: center;}
.vwrap .close i {display: flex;width: 31px;height: 31px;-webkit-transition: 400ms;transition: 400ms;align-items: center;justify-content: center;}
.vwrap .close i svg{ transition:.6s;}
.vwrap .close:hover i svg{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}

.a:hover .vwrap{ opacity: 1; visibility: visible}

@media(max-width: 992px){
    .vwrap{ top: 10%; right: 10%; bottom: 10%; left: 10%}
    .vwrap .close{right: 0;top: -35px; left: auto;}
}

/*.home4 .fl1 .a:hover .img{filter: blur(10px);}*/

.home5{padding: 1.05rem 0 1.36rem;background: url(../images/home5_bg.jpg) center no-repeat;background-size: cover;align-items: flex-start;}
.home5 .left{width: 26.666%;position: relative;z-index: 1;}
.home5 .center{width: 6rem;padding: .3rem 0 0 .8rem;}
.home5 .right{width: calc(100% - 26.666% - 6rem);position: relative;z-index: 1;}
.home5 .left .bg1 .i2{ display: none}
.home5 .left .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 1;}
.home5 .left .box{width: 3.24rem;height: 4.24rem;position: relative;z-index: 1;}
.home5 .left .box img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;}
.home5 [data-aos=wz1].left .box img.i1{ filter: blur(100px); -webkit-filter: blur(100px); transition: 2s; opacity: 0;}
.home5 [data-aos=wz1].left .box img.i2{filter: blur(50px);-webkit-filter: blur(50px);transition: 2s; transition-delay: .2s; opacity: 0;}
.home5 [data-aos=wz1].left .box img.i3{filter: blur(50px);-webkit-filter: blur(50px);transition: 2s;transition-delay: .4s; opacity: 0;}
.home5 [data-aos=wz1].left .box img.i4{filter: blur(50px);-webkit-filter: blur(50px);transition: 2s;transition-delay: .6s; opacity: 0;}

.home5 [data-aos=wz1].aos-animate.left .box img.i1,.home5 [data-aos=wz1].aos-animate.left .box img.i2,.home5 [data-aos=wz1].aos-animate.left .box img.i3,.home5 [data-aos=wz1].aos-animate.left .box img.i4{filter: blur(0);-webkit-filter: blur(0); opacity: 1;}

.more3{display: flex;align-items: center;justify-content: center;width: .62rem;height: .62rem;position: relative;z-index: 1; margin: .7rem 0 0;}
.more3:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: rgba(255,255,255,.4) 1px solid; transform: rotate(45deg)}

.list9 li{padding: .18rem .25rem;position: relative;z-index: 1;}
.list9 li::before{content: "";position: absolute;background: #cee4ea;left: 0;right: 0;bottom: 0;height: 1px;}
.list9 li:first-child::before{width: 78%;}
.list9 li:last-child::before{ display: none;}
.list9 .a{ align-items: center;}
.list9 .ico{width: 1.81rem;height: 1.81rem;position: relative;z-index: 1;margin: 0 .4rem 0 0;}
.list9 .ico img{width: 100%;transition: 1s;}
.list9 .ico .i2{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;opacity: 0;}
.list9 .txt{ flex: 1; overflow: hidden;}
.list9 .txt h3 big{ font-size: .6rem; color: #006179; font-family: 'DIN Light'; font-weight: normal; transition: .5s;}
.list9 .txt h3 small{font-size: .18rem;color: #006179;font-family: Arial, "Noto Serif SC", serif;}
.list9 .txt h6{ font-size: .18rem;color: #333333;font-family: Arial, "Noto Serif SC", serif; line-height: 1.375; margin: .1rem 0 0}

.list9Box .dots{text-align: center;margin: .3rem 0 0;}
.list9Box .dots span{width: .38rem;height: .38rem;color: #fff;transition: .5s;margin: 0 .03rem;border-radius: 0;opacity: 1;background: none;position: relative;}
.list9Box .dots span:before{content: "";position: absolute;width: .31rem;height: .17rem;background: url(../images/dots2s.png) center no-repeat;background-size: cover !important;top: 55%;left: 50%;transform: translate(-50%, -.12rem);transition: .5s;}
.list9Box .dots span:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/dots2.png) center no-repeat;background-size: cover !important;transform-origin: bottom;transform: scale(0);transition: .5s; opacity: 0;}
.list9Box .dots span.active{ margin: 0 .1rem;}
.list9Box .dots span.active:before{opacity: 0;}
.list9Box .dots span.active:after{transform: scale(1); opacity: 1;}

.home5 .right .sicoh{margin-left: -3.125vw;margin-right: -26vw;position: absolute;top: 0;right: 0;left: 0;z-index: -1;}
.home4 .fl1 .right .cls-1,.home4 .fl1 .right .cls-2{fill:none;}.cls-2{stroke:#017c9b;stroke-linecap:round;stroke-miterlimit:10;stroke-width:2px;}
.fjjn{background: #006179;padding: .6rem .32rem 1.6rem;float: right;width: 3.08rem;position: relative;z-index: 1;}
.fjjn .top1{ display: none}
.fjjn .top1 .box{width: 3.24rem;height: 4.24rem;position: relative;z-index: 1;}
.fjjn .top1 .box img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;}
.fjjn svg{position: absolute;bottom: 99%;right: 0;left: 0;z-index: -1;}
.fjjn svg .wave{ fill:#006179;}
.fjjn .top{ border-bottom: #017c9b 1px solid; text-align: center; margin-bottom: .4rem;}
.fjjn .top img{width: 1.67rem;max-width: 69%;}
.fjjn .top h6{ font-size: .16rem; color: #fff; line-height: .26rem; font-family: 'Century Gothic'; text-align: right; margin: .44rem 0;}
.fjjn .bottom{ justify-content: space-between;}
.fjjn .bottom .ll{width: .48rem;font-size: .14rem;color: #fff;line-height: .24rem;opacity: .7;writing-mode: tb-rl;letter-spacing: 1px;}
.fjjn .bottom .cc{width: .48rem;font-size: .14rem;color: #fff;line-height: .24rem;opacity: .7;writing-mode: tb-rl;letter-spacing: 1px;}
.fjjn .bottom .rr{ border-left: #017c9b 1px solid; border-right: #017c9b 1px solid; padding: 0 .14rem;}
.fjjn .bottom .rr img{ width: .68rem}
.fjjn .i1{position: absolute;right: 0;bottom: -.24rem;pointer-events: none;width: 2.86rem;max-width: 93%;}

.tit2{margin-bottom: .38rem;}
.tit2 h3{ text-align: center; display: inline-block; position: relative; z-index: 1;}
.tit2 h3:before{ content: ""; position: absolute; right: 115%; top: 50%; height: 1px; width: 4.3rem; background: #006179; opacity: .2; transition: 1s}
.tit2 h3:after{content: "";position: absolute;left: 85%;top: 142%;height: 1px;width: 4.3rem;background: #006179;opacity: .2;transition: 1s;}
.tit2 h6{font-size: .18rem;color: #0082a2;line-height: 1.375;font-family: 'Century Gothic';margin: .1rem 0 0;}


.home6{}
.home6 .left .tit2{ display: none;}
.home6 .wp{ justify-content: space-between;}
.home6 .left{padding: 1.56rem 0 .1rem;overflow: hidden;margin-left: -.06rem;width: 2.8rem;position: relative;z-index: 100;}
.home6 .right{width: 10.84rem;max-width: 77.43%;}

.home6 .tit2s{ margin-top: 1.38rem;}

.tit3{position: relative;z-index: 1;}
.tit3:before{content: "";position: absolute;bottom: 115%;left: .06rem;width: 1px;height: 1.06rem;background: #006179;opacity: .2;transition: 1s;}
.tit3:after{content: "";position: absolute;top: 94%;left: .06rem;width: 1px;height: 150vw;background: #006179;opacity: .2;transition: 1s;}

.list10{display:flex;flex-direction:column;width:.8rem;align-items:center;margin: 2.6rem 0 .15rem .25rem;}
.list10 li{margin: 0 0 .4rem;}
.list10 li .a{position:relative;cursor:pointer;width: .44rem;z-index: 1;}
.list10 li .a img{width: 100%;transition: .5s;}
.list10 li .a .i2{position: absolute;top: 0;right: 0;bottom: 0;left: 0;opacity: 0;}
.list10 li .a .ewm{position:absolute;box-shadow:0 0 15px rgba(0,0,0,.1);top:50%;transform: translateY(-50%) translateX(.3rem);transition:.5s;opacity:0;visibility:hidden;width:1.16rem;height:1.16rem;background:#fff;border-radius:4px;padding:.06rem;transform-origin:left;z-index: -1;}
.list10 li .a .ewm:before{content:"";position:absolute;top:50%;border-top:transparent .08rem solid;border-bottom:transparent .08rem solid;border-right:#fff .08rem solid;left:-.08rem;margin-top:-.08rem}
.list10 li .a .ewm img{width:100%;height:100%}
.list10 li .a:hover .i1{ opacity: 0}
.list10 li .a:hover .i2{ opacity: 1}
.list10 li .a:hover .ewm{transform: translateY(-50%) translateX(.56rem) scale(1);opacity:1;visibility:visible;z-index:1;}

.more4{width: .34rem;height: .34rem;display: flex;align-items: center;justify-content: center;cursor: pointer;position: relative;z-index: 1;margin-left: .45rem;}
.more4:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #006179 1px solid; opacity: .4; transform: rotate(45deg)}
.more4 img{ width: .43rem; transition: .5s;}
.more4 img{ margin-bottom: .06rem;}

.home6{background: url(../images/home6_b1.png) center top no-repeat;background-size: 100% auto;overflow: hidden;}
.home6 .right{justify-content: space-between;}
.home6 .ll{ width: 36.34%;}
.home6 .rr{ width: 63%;}

.list11 .a{ display: block; position: relative; z-index: 1; }
.list11 .img .imgLi{ padding-bottom: 140.35%;}
.list11 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; flex-direction: column; padding: 0 .18rem }
.list11 .txt .ico{ margin-top: -.32rem; width: .89rem}
.list11 .txt img{width: 100%;filter: drop-shadow(0 0 .12rem rgba(0, 0, 0, 0.21));}
.list11 h4{font-size: .18rem;width: .6rem;color: #fff;display:block;writing-mode: tb-rl;height: 3.4rem;margin-top: .2rem;max-height: 62%;letter-spacing: 1px;}
.list11 li{transform: translateY(33.75%);}

.list12{justify-content: space-between;align-items: flex-start;margin-bottom: -.2rem;}
.list12 li{ width: 50%;margin-bottom: 1%;}
.list12 .a{ display: block; position: relative; z-index: 1;}
.list12 .img .imgLi{ padding-bottom: 109.47%; }
.list12 .img:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: url(../images/list12_t1.png) center bottom repeat-x;height: 1.2rem;background-size: auto 100%;}
.list12 .txt{position: absolute;right: 0;bottom: 0;left: 0;display: flex;align-items: flex-start;padding: 0 .25rem .15rem;}
.list12 .txt:before{content: "";position: absolute;left: 0;top: 0;width: .03rem;height: .32rem;background: #09bb07;}
.list12 .txt .ico{min-width: .27rem;margin-right: .14rem;}
.list12 .txt .ico img{ width: 100%}
.list12 .txt h4{ color: #fff}
.list12 li:nth-child(1){ width: 52.64%;align-self: flex-end;}
.list12 li:nth-child(2){ width: 46.18%;}
.list12 li:nth-child(3){ width: 33.13%;}
.list12 li:nth-child(4){ width: 65.68%;}
.list12 li:nth-child(5){width: 71.55%;transform: translate(-53.875%, -53%);margin-bottom: -53%;}

.list12 li:nth-child(2) .img .imgLi{ padding-bottom: 160%; }
.list12 li:nth-child(3) .img .imgLi{ padding-bottom: 100.88%; }
.list12 li:nth-child(4) .img .imgLi{ padding-bottom: 84.375%; }
.list12 li:nth-child(5) .img .imgLi{ padding-bottom: 57.78%; }

.list12 li:nth-child(2) .txt:before{ background: #f56467}
.list12 li:nth-child(3) .txt:before{ background: #f56467}
.list12 li:nth-child(4) .txt:before{ background: #fbce02}
.list12 li:nth-child(5) .txt:before{ background: #09bb07}

.list13{ margin: 0 -.21rem;}
.list13 li{ width: 25%; padding: 0 .21rem;}

.list13 li:nth-child(2n){ margin-top: .48rem;}

.home7-8{ background: url(../images/home7-8_b1.png) center bottom no-repeat; background-size: cover; position: relative; z-index: 1;}
.home7{padding: .4rem 0 1.5rem; overflow: hidden;}

.list13 .a{display: block;position: relative;z-index: 1;box-shadow: 0px 12px .28rem 0px rgba(0, 0, 0, 0.13);transition: .5s;}
.list13 .a::before{content: "";position: absolute;top: -.05rem;right: -.05rem;bottom: -.05rem;left: -.05rem;border: #1e7389 1px solid;transition: .5s;}
.list13 .img .imgLi{ padding-bottom: 155.17%;}

.home8{padding: 1.24rem 0;overflow: hidden;background: url(../images/home8_ti.png) center no-repeat;background-size: 100% auto; position: relative; z-index: 1;}
.home8 .bg1{position: relative;width: .74rem;}
.home8 .bg1 .wz{position: relative;z-index: 1;width: .23rem;}
.home8 .bg1 .wz img{ width: 100%}
.home8 .bg1 .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex;flex-direction: column;align-items: center;justify-content: center;}
.home8 .bg1 .top>img{width: .32rem;margin-bottom: .08rem;}
.home8 .bg1 .wz img.w0{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; transition: 1.5s;}
.home8 .bg1 .wz img.w1{ transition: 1.5s; }
.home8 .bg1 .wz img.w2{ transition-delay: .2s;}
.home8 .bg1 .wz img.w3{ transition-delay: .3s;}
.home8 .bg1 .wz img.w4{ transition-delay: .4s;}
.home8 .bg1 .wz img.w5{ transition-delay: .5s;}
.home8 .bg1 .wz img.w6{ transition-delay: .6s;}
.home8 .bg1 .wz img.w7{ transition-delay: .7s;}
.home8 .bg1 .wz img.w8{ transition-delay: .8s;}
.home8 .bg1 .wz img.w9{ transition-delay: .9s;}
.home8 .bg1 .wz img.w10{ transition-delay: 1s;}
.home8 .bg1 .wz img.w11{ transition-delay: 1.1s;}

.home8 .line0{flex: 1;height: 1px;position: relative;}
.home8 .line0:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #006179; opacity: .3}
.home8 .left{ transition: 1.5s ease-out; transition-delay: .36s; }
.home8 .right{ transition: 1.5s ease-out; transition-delay: .36s; }

[data-aos=home8].home8 .bg1 .wz img.w0{ filter: blur(100px);-webkit-filter: blur(100px); opacity: 0;}
[data-aos=home8].home8 .bg1 .wz img.w1{ transition-delay: .1s; filter: blur(100px);-webkit-filter: blur(100px);opacity: 0;}
[data-aos=home8].home8 .left{ opacity: 0; transform: translate3d(80px, 0, 0);}
[data-aos=home8].home8 .right{ opacity: 0; transform: translate3d(-80px, 0, 0);}
[data-aos=home8].aos-animate.home8 .bg1 .wz img.w0, [data-aos=home8].aos-animate.home8 .bg1 .wz img.w1{filter: blur(0);-webkit-filter: blur(0); opacity: 1;}
[data-aos=home8].aos-animate.home8 .left{ transform: translate3d(0, 0, 0); opacity: 1;}
[data-aos=home8].aos-animate.home8 .right{ transform: translate3d(0, 0, 0); opacity: 1;}

.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;}

.home8 .wp{ align-items: center; justify-content: space-between;}
.home8 .left{position: absolute;left: 0;bottom: .15rem; padding: 0 .1rem 0 0;}
.home8 .left p{font-size: .18rem;color: #333333;line-height: .24rem;font-family: Arial, "Noto Serif SC", serif;}
.home8 .right{position: absolute;right: 0;bottom: .12rem;align-items: center;width: 100%;padding: 0 0 0 .76rem;justify-content: space-between;}

.links{ width: 3.18rem; position: relative; z-index: 1;}
.links .con::before{content: "";position: absolute;top: .11rem;right: .18rem;background: url(../images/links.png) center no-repeat;background-size: cover;width: .12rem;height: .07rem;}
.links .con{height: .32rem;border: rgba(0,97,121,.2) 1px solid;border-radius: .05rem;display: flex;align-items: center;padding: 0 .24rem;font-size: .16rem;color: #333333;font-family: Arial, "Noto Serif SC", serif;cursor: pointer;position: relative;z-index: 1;}
.list14{position: absolute;top: calc(100% - 1px);right: 0;left: 0;border: rgba(0,97,121,.2) 1px solid;border-radius: .05rem;background: #f0f3f6;padding: .05rem .24rem;display: none;}
.list14 li{line-height: 1.875;font-size: .14rem;color: #333333;transition: .5s;}
.list16 li{ margin-left: .24rem}
.list16 li img{ width: .27rem}

.ftop{width: 1.35rem;position: fixed;right: 0;top: 50%;transform: translate3d(1.5rem, -50%, 0) scale(.85);z-index: 100000;text-align: center;opacity: 0;visibility: hidden;transition: 1s;transition-delay: .5s;}
.on .ftop{opacity: 1;visibility: visible;transform: translate3d(0, -50%, 0) scale(.85);}
.on .ftop.hidden{opacity: 1;visibility: visible;transform: translate3d(1.5rem, -50%, 0) scale(.85);}
.ftop>img{width: 100%;margin-bottom: -1px;}
.list17{background: #fff;margin: 0 .11rem;border: #006179 1px solid;position: relative;z-index: 1;border-top: none;}
.list17:after{content: "";position: absolute;left: .15rem;bottom: 0;right: .15rem;background: #ccdfe4;height: 1px;}
.list17 .a{display: block;padding: .16rem .06rem;position: relative;}
.list17 .a:before{content: "";position: absolute;left: 50%;width: .26rem;height: 1px;background: #b1e3ed;bottom: -1px;margin-left: -.13rem;}
.list17 li:nth-child(1) .a:after{content: "";position: absolute;left: 50%;top: .2rem;width: 3px;height: 3px;background: rgba(255,255,255,.7);margin-left: -1.5px;border-radius: 50vw;}
.list17 img{width: .37rem;transition: .5s;opacity: .7;}
.list17 h6{font-size: .14rem;color: #333333;line-height: 1.375;margin-top: .04rem;transition: .5s;margin: .1rem 0 0;}

.list17 li:nth-child(1) .a:after{animation: star1 3s linear infinite;}
.ftop .close{position: absolute;top: -5px;right: -5px;cursor: pointer;}
.ftop .close svg path{ fill: #999;}

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

    .a:hover h4, .list14 li:hover, .more2:hover font{ color: #106b82;font-weight:bold;}

    .arrow1 .arrow:hover{ background: #106b82}
    .arrow1 .arrow:hover svg{ fill: #fff}

    .list6 .a:hover::before{ height: 100%; opacity: 1}
    .list6 .a:hover h4, .list6 .a:hover h4 span, .list6 .a:hover h6{ color: #fff}

    .list8 .a:hover .line1:before{ width: 78%}
    .list8 .a:hover .line1:after{ height: 100%}
    .list8 .a:hover .line2:before{ width: 78%}
    .list8 .a:hover .line2:after{ height: 100%}

    .arrow2 .arrow:hover img{ transform: rotateY(180deg);}
    .list8 .a:hover::before{ transform: rotateY(180deg);}

    .list8 .a:hover p{ color: #106b82;}

    .list9 .a:hover .ico .i1{ opacity: 0}
    .list9 .a:hover .ico .i2{ opacity: 1}
    .list9 .a:hover .txt h3 big{ font-weight: bold}

    .list11 .a:hover h4, .list12 .a:hover h4{ color: #fff;}
    .home4 .fl1 .a:hover .top .ico{ transform: scale(1.2);}
    .list13 .a:hover{transform: scale(.95);}

    .list17 .a:hover img{ transform: rotateY(180deg);}
}
@media(max-width: 1600px){
    .fjjn{ padding: .3rem .32rem 1rem;}
    .fjjn .top img{ max-width: 50%;}
    .home5 .center{ padding: 0 0 0 .4rem;}
    .list9 li{ padding: .15rem .1rem;}

    .vsbcontent_img img{margin:0 auto;}


}
@media(max-width: 1024px){
    html::-webkit-scrollbar{width:0;}
    .pc_hb{ display: none;}
    .m_header_box{ display: block;}

    .home2 .left{ width: 100%;}
    .home2 .right{width: 100%;padding: .8rem 0 0;}

    .home2 .bg1{width: 100%;top: 1.25rem;}
    .home2 .tit1{ display: none }
    .home2 .tit2{display: block;margin-bottom: .25rem;}
    .tit2 h6{ margin-top: .03rem}

    .shape1{ display: none}
    .home4 .fl1 .right .a{ margin-right: -.7rem;}

    .home4 .fl1 .left{width: 100%;order: 1;margin-top: 0;}
    .home4 .fl1 .right{width: 100%;padding: .5rem 0 0;}

    .home2{ padding: 1rem 0 0}
    .home2 .bg1:before{ top: 0}

    .list3 .txt{ padding: 0 .2rem .15rem}
    .list6 .a{padding-top: 0;padding-bottom: .1rem;}
    .list6{ padding-top: 0}

    .home5 .left .bg1 .i1{/* display: none */}
    .home5 .left .bg1 .i2{/* display: block; */object-fit: cover;}

    .home5 .left{width: 36.666%;}
    .home5 .center{width: 100%;padding: .3rem .7rem;order: 1;}
    .home5 .right{width: 100%;width: calc(100% - 36.666%);margin: 0 auto;padding: .4rem 0 0;}

    .list9 .swiper-slide{ display: flex; flex-wrap: wrap}
    .list9 li{ width: 50%}
    .list9 li::before{ display: none}
    .list9 .ico{ margin-right: .4rem}
    .list9 .a .ico .i1{ opacity: 0}
    .list9 .a .ico .i2{ opacity: 1}

    .fjjn .top h6{margin: .05rem 0 .15rem;}
    .home5 .left .box{ transform: scale(.7)}
    .fjjn .top img{ max-width: .8rem;}
    .more3{transform: scale(.7) !important;}
    .fjjn .top{ margin-bottom: .2rem}
    .fjjn{ padding: 0 .32rem 1rem;}
    .list10{ margin: .6rem 0 0 .2rem}
    .list10 li .a{ width: .3rem}
    .list10 li{ margin-bottom: .25rem}
    .list11 .txt .ico{ width: .6rem}
    .home5{ padding: .8rem 0}
    .home8 .right{padding: 0 0 0 .2rem;justify-content: flex-end;}

    .list16{width: 100%;justify-content: flex-end;margin: .1rem 0 0;}
    .home7{ padding: 0 0 .4rem}
    .home6 .tit2s{margin-top: 1.8rem;}

    .fix-top{position: relative;transform: translate3d(0, 0, 0);}
    .banner .img .imgLi{padding-bottom: 60%;}
    .banner{height: auto;position: relative;}

    .banner_box .dots{text-align: center;bottom: .1rem;}
    .banner_box .dots span{ transform: scale(.6); margin: 0 0 !important}

    .banner .top{ transform: scale(.6)}
    .list10 li .a:hover{ z-index: 100}
    .home1{ display: none;}
    .list17{ display: none}
    .list6 li{ margin-bottom: .2rem}
    
    .home6 .left{ padding-top: .5rem}
    .home6 .right{ max-width: calc(100% - 2.8rem);}
}
@media(max-width: 800px){
    #gotop{ right:0; transform:scale(0.7)}

    .tit2 h3 img{ height: .36rem}
    .list3 h4{ margin: .06rem 0}
    .list3 .ico img{/* display: none */}
    .list4Box{margin: 7px 0 0;width: 100%;box-shadow: none;}
    .arrow1{ display: none}

    .list5{ margin: 0 -7px; margin-top: .2rem}
    .list5 li{padding: 0 7px;}
    .list5 .a{ padding: .2rem 0;}
    .more2{width: 2rem;float: none;margin: 0 auto;}

    .home2 .right{padding: .5rem 0 0;}
    .tit2{ margin-bottom: .25rem}
    .list7 h4{ margin: .15rem 0 .1rem }
    .list7Box .dots span, .list9Box .dots span{ transform: scale(.7); margin: 0 0 !important}
    .list7Box .dots{ margin-top: .3rem}

    .home4{ padding-top: 0}
    .list8 li{padding: 0 0 0 .3rem;}
    .list8 .a::before{left: calc(-.3rem - .12rem);}
    .list8 .a::after{left: calc(-.3rem + .06rem);width: .45rem;}
    .list8W{ padding: .4rem 0}

    .home4 .fl1 .right{width: 100%;padding: .2rem 0 .2rem;}
    .home4 .fl1 .right .a{ margin-right: -15px;}
    .list8 .a{ padding-right: 0}

    .home5{padding: 0 0 .5rem;}
    .home5 .center{ padding: .3rem 15px}
    .home5 .left .box{transform: scale(.6);margin: -1rem 0;}

    .more3{transform: scale(.5) !important;margin-top: .3rem;}
    .list9 .txt h3 big{ font-size: .4rem}

    .fjjn .bottom .cc, .fjjn .bottom .ll{ font-size: .12rem}
    .fjjn .top{ margin-bottom: .25rem}
    .fjjn{ padding: 0 .32rem 1rem;}

    .home6 .left .tit3{ display: none}
    .home6 .left .tit2{ display: block}
    .home6 .left {width: 100%;max-width: none;padding: .3rem 0 .3rem;overflow: visible;}
    .home6 .right {width: 100%;max-width: none;}
    .list10{width: 100%;margin: 0 auto;flex-direction: row;padding: 0 0 0 .3rem;}
    .list10 li{margin: 0 4vw 0 0;}
    .more4{position: absolute;right: .2rem;top: 1.1rem;transform: rotate(-90deg);}

    .tit2 h3:before, .tit2 h3:after{width: 1rem;}
    .tit2 h3:after{left: 115%;}

    .home8{ padding: .5rem 0}
    .rain_n{ display: none;}

    .home2{ padding: .5rem 0 0}
    .banner .top{ transform: scale(.4)}
    .arrow2 .arrow{ transform: scale(.8)}
    
    .home6 .tit2s{margin-top: 1.2rem;}
}
@media(max-width: 640px){
    .list9 .a{flex-direction: column;text-align: center;}
    .list9 .ico{margin: 0 auto .05rem;width: 1.2rem;height: 1.2rem;}
    .list9 .txt{ width: 100%;}

    .home5 .right .sicoh{position: relative;margin: 0 25vw;}
    .fjjn{width: 100%;margin: 0 auto;float: none;max-width: 100%;background: #006179 url(../images/home7-8_b1.png) center no-repeat;background-size: cover;}
    .fjjn svg{/* margin-top: -1rem; */top: auto;bottom: 99%;}

    .home5 .left{width: 40%;display: none;}
    .home5 .center{width: 100%;order: 0;padding: 0 10px;order: 1;}
    .list9 li{/* width: 100% */}
    .fjjn .top, .fjjn .bottom{display: none;}
    .fjjn .top1{display: flex;/* flex-direction: column; *//* justify-content: space-between; */align-items: center;}
    .home5 .right{width: 100%;padding: 0 15px .5rem;}
    .fjjn .top1 .box{width: 120px;height: 148px;}
    .fjjn>.i1{max-width: 45%;}
    .more3{margin-top: .4rem;margin-left: .5rem;}
    .home4 .fl1 .top .ico{ width: .6rem; height: .6rem}

    .list11 .txt .ico{width: .4rem;margin-left: .1rem;}
    .list12 .txt{padding: 0 10px 10px;flex-wrap: wrap;}
    .list12 .txt h4{font-size: .16rem!important;line-height: .24rem !important;max-height: .48rem\0 !important;margin-top: .04rem;-webkit-line-clamp: 1;}
    .list12 .img:after{height: .6rem;}
    .list11 .txt{padding: 0 .05rem;}
    .list11 h4{font-size: .16rem!important;line-height: .24rem !important;max-height: .48rem\0 !important;width: .48rem;}
    .list12 li:nth-child(3) .txt{ display: none}
    .list12 li:nth-child(3) .img:after{ display: none}

    .list13 li{ width: 50%}
    .list13{padding: .05rem .25rem;}

    .home8 .bg1{ width: .5rem}
    .home8 .bg1 .wz{ width: .15rem}
    .links .con font{ display: none}

    .banner .top{ transform: scale(.3) translateY(-12%)}
    .list9 .txt h6{ font-size: .16rem}
    .more4{ transform: rotate(-90deg) scale(.7);}
    .home7{padding: 0 0 .3rem;}
    .home8 .left p{ font-size: .16rem}
}
@media(max-width: 560px){
    .fjjn, .home5 .right{width: 100%;}
    .fjjn{padding: 0 9vw .6rem;}
    .list16 li img{ width: .22rem}
}

footer{padding: .1rem 0;background: #006179;position: relative;z-index: 10;text-align: center;}
footer p{font-size: .14rem;color: #fff;line-height: 1.375;}

.pc_hbs .pc_h::before{ display: none;}
.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/n_ba_t1.png) center bottom no-repeat;background-size: 100% auto;}
.n_banner .img .imgLi{ padding-bottom: 34.375%;}

.n_banner .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.n_banner .top .wp{height: 100%;display: flex;flex-direction: column;justify-content: flex-end;position: relative;width: 15.2rem;padding-bottom: 1.3rem;}
.n_banner .top .mianbao img{margin: -2px .1rem 0 0;height: .14rem;}
.n_banner .top .mianbao *{font-size: .14rem;color: #fff;line-height: 1.5;font-style: normal;}
.n_banner .top .mianbao span{margin: 0 .14rem;}
.n_banner h2{font-size: .6rem;color: #fff;font-family: 'sys';text-shadow: 0px 3px 7px rgba(0, 0, 0, 0.33);}
.n_banner .top1{ position: absolute; bottom: 0; left: 0; right: 0}
.n_banner .top1 .wp{width: 15.2rem;justify-content: space-between;align-items: center;}
.list_er{position: relative;z-index: 1;padding: .1rem 1rem 0 0;width: calc(100% - 3.1rem);min-height: .74rem;}
.list_er:before{content: "";position: absolute;right: 0;top: 0;bottom: 0;background: #f5f5f7;z-index: -1;width: 100vw;border-radius: 0 .6rem 0 0;}
.list_er ul{display: flex;margin: 0 -1.5vw;}
.list_er li{padding: 0 1vw;position: relative;}
.list_er li:before{ content: ""; position: absolute; width: 1px; height: .12rem; background: rgba(157,12,58,.1); right: 0; top: 50%; margin-top: -.06rem}
.list_er li:last-child:before{ display: none}
.list_er li a{display: flex;line-height: .2rem;font-size: .2rem;color: #333333;position: relative;z-index: 1;height: .64rem;align-items: center;font-family: Arial, "Noto Serif SC", serif;padding: 0 1vw;}
.list_er li a:before{content: "";position: absolute;left: 0;width: 0;height: 2px; bottom: 0; transition: .5s}
.list_er li.on a:before, .list_er li a:hover:before{background: #006179;width: 100%;}
.list_er li.on a, .list_er li:hover a{color: #006179;}

.mianbao{max-width: 3rem;padding: 0 0 0 .24rem;position: relative;z-index: 1;color:#ffffff;}
.mianbao:before{content: "";position: absolute;background: url(../images/home.png) center no-repeat;top: .04rem;left: 0;width: .13rem;height: .15rem;}
.mianbao img{margin: 0 .08rem 0 0;height: .15rem;}
.mianbao *{font-size: .14rem;color: #fff;line-height: 1.5;font-style: normal;font-family: Arial, "Noto Serif SC", serif;}
.mianbao span{margin: 0 .05rem;}

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #006179;background-size: cover;}
#bnt_back { position: absolute; left: 15px; top: 0px; }
#bnt_back img { height: 28px; }
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav h1 { font-size: 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: 0 15px;display: flex;}
#sub_nav_content ul li {display: block;line-height: 28px;margin: .05rem 0px;min-width: 33.33%;}
#sub_nav_content ul li a {display: block;height: 30px;line-height: 30px;font-size: 13px;padding-left: 0;color: #787878;margin: 0;}
#sub_nav_content ul li.on a { color: rgb(202, 158, 78); }
#sub_nav_content dl {font-size: 0px;overflow: hidden;background: #f5f5f7;padding: 10px 0px;display: flex;flex-wrap: wrap;}
#sub_nav_content dt {position: relative;background: #f5f5f7;z-index: 999;margin-bottom: 0px;width: 100%;}
#sub_nav_content dt a {margin: 0 15px;display: block;color: rgb(91, 83, 73);line-height: 30px;font-size: 15px;font-weight: 400;vertical-align: top;}
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0px; opacity: 0; display: none; }
#sub_nav_content dt.title { background: rgb(250, 250, 251); }
#sub_nav_content dt.title i { opacity: 1; }
#sub_nav_content dt.title_on { background: rgb(250, 250, 251); }
#sub_nav_content dt.title_on a { color: #fba33e; border-top: 1px solid rgb(255, 255, 255); }
#sub_nav_content dt.title_on a i { color: #fba33e; }
#sub_nav_content dt.last a { border-top: 1px solid rgb(248, 248, 248); }
#sub_nav_content dt.on>a, #sub_nav_content dt.title_on>a {color: #006179;}
#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(215, 0, 41); }

.footer1{ background: #006179; padding: .6rem 0 .72rem;}

.n_bg1{ background: url(../images/n_bg1.png) center bottom no-repeat; background-size: 100% auto;}
.footer1 .wp{ justify-content: space-between; align-items: center;}
.footer1 .left img{ width: 3.32rem}
.footer1 .right p{font-size: .14rem;color: #fff;line-height: 1.5; margin-top: .12rem}
.list31{ justify-content: flex-end}
.list31 li{font-size: .14rem;color: #fff;line-height: .24rem;margin-left: .08rem;}
.list16s{ justify-content: flex-end; margin-top: .3rem}
.list16s li{ margin-left: .1rem}
.list16s .a{ display: flex; width: .36rem; height: .36rem; background: #99c0c9; border-radius: .04rem; align-items: center; justify-content: center; transition: .5s}
.list16s .a img{ width: 100%}

footer .list31{ justify-content: center; display: none}
footer .list31 li{ margin: 0 .05rem}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    #m_n_nav{ display: block;}
    .list_er, .mianbao{ display: none;}
    .n_banner .top .wp{padding-bottom: 0;justify-content: center;}
    .n_banner .img .imgLi{padding-bottom: 42%;}

    .footer1 .left{width: 100%;text-align: center;}
    .footer1 .right{width: 100%;text-align: center; padding: .2rem 0 0}
    .list31, .list16s{ justify-content: center;}
    .list31 li, .list16s li{ margin:0 .05rem}

    footer .list31{ display: flex; margin-bottom: .06rem}

}
@media(max-width: 800px){
    .n_banner h2{ font-size: .3rem; text-align: center}
    .footer1 .left img{width: 1.75rem;}
    .footer1{ padding: .3rem 0}
}
@media(max-width: 640px){
    .n_banner h2{ font-size: .26rem; text-align: center}
    .list16s .a{ width: .3rem; height: .3rem}
}
@media(max-width: 560px){
}

.n_container .wp{ width: 15.2rem;}

.about .fl1{ padding: 1.25rem 0 0; margin-bottom: -.7rem;}
.about .fl1 .left{ flex: 1; overflow: hidden; padding: .8rem .48rem 0 0;}
.about .fl1 .right{width: 4.82rem;padding: .1rem 0 0;position: relative;z-index: 1;max-width: 100%;}
.about .fl1 .right::before{ content: ""; position: absolute; top: 0; left: -.1rem; background: #006179; z-index: -1; width: .22rem; height: .22rem;}
.about .fl1 .right::after{content: "";position: absolute;bottom: 1.15rem;right: 0;background: #aed2db;z-index: -1;width: .22rem;height: .22rem;}
.about .fl1 .right .img{ width: 4.25rem}

.about .fl2 {padding: 1rem 0 1rem;overflow: hidden;background: url(../images/about_b2.jpg) center no-repeat;background-size: cover;}
.about .fl2 .left{ flex: 1; overflow: hidden;}
.about .fl2 .left .ar_article p{color: #fff;}
.about .fl2 .right{width: 4.64rem;margin: 0 3.5%;padding-top: .4rem;}

.about .fl3{margin: .6rem 0 .55rem;overflow: hidden;}
.about .fl3 .wp{ align-items: center}
.about .fl3 .left{width: calc(100% - 6.69rem);padding: 0 .5rem 0 0;}
.about .fl3 .img{width: 6.69rem;}

.about .fl4{ overflow: hidden; padding: 0 0 1.4rem;}
.about .fl4 .wp{ align-items: center}
.about .fl4 .wp:last-child{ margin-top: .5rem;}
.about .fl4 .left{width: calc(100% - 6.7rem);padding: 0 0 0 .9rem;order: 1;}
.about .fl4 .img{width: 6.7rem;}

.about .fl4 .wp:nth-child(2n){ margin-top: .8rem; margin-bottom: .8rem;}
.about .fl4 .wp:nth-child(2n) .left{ order: -1;padding: 0 .9rem 0 0;}

.list30{ justify-content: space-between;}
.list30 li{min-width: 50%;flex: auto;margin-bottom: .5rem;}
.list30 li:nth-child(2n){ transform: translateY(.7rem)}
.list30 li:nth-child(2n) .a {float: right;}
.list30 li:nth-child(3){ transform: translateX(.42rem)}
.list30 li:nth-child(4){ transform: translateX(.42rem) translateY(.7rem)}

.list30 li:nth-child(1) .a{background: rgba(0,97,121, .5) url(../images/list30_i1.png) center no-repeat;background-size: cover;}
.list30 li:nth-child(2) .a{background: rgba(0,97,121, .5) url(../images/list30_i2.png) center no-repeat;background-size: cover;}
.list30 li:nth-child(3) .a{background: rgba(0,97,121, .5) url(../images/list30_i3.png) center no-repeat;background-size: cover;}
.list30 li:nth-child(4) .a{background: rgba(0,97,121, .5) url(../images/list30_i4.png) center no-repeat;background-size: cover;}

.list30 li .a{width: 1.76rem;height: 1.76rem;position: relative;z-index: 1;display: flex;flex-direction: column;justify-content: center;align-items: center;background: rgba(0,97,121, .5);border-radius: 50vw;text-align: center;padding: 0 .1rem;}
.list30 li .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: #aed2db 1px dashed;height: 100%;animation: play 25s linear infinite;z-index: -1;border-radius: 50vw;}
.list30 li .line1{transform-origin: left center;position: absolute;top: 65%;left: 99%;transform: rotate(19deg);width: 1.2rem;height: 1px;background: url(../images/list30_b2.svg) center repeat;background-size: auto 100%;animation: bgfubuki 600s linear infinite forwards;}
.list30 li:nth-child(2n) .line1{transform-origin: right center;position: absolute;top: 85%;left: auto;right: 85%;transform: rotate(-32deg);width: 1.2rem;animation: bgfubuki1 300s linear infinite forwards;}
.list30 li:last-child .line1{ display: none}

@keyframes bgfubuki {
    0% {
        background-position: 0 0;
    }
    10% {
        background-position: 1000px 0;
    }
    20% {
        background-position: 2000px 0;
    }
    30% {
        background-position: 3000px 0;
    }
    40% {
        background-position: 4000px 0;
    }
    50% {
        background-position: 5000px 0;
    }
    60% {
        background-position:  6000px 0;
    }
    70% {
        background-position:  7000px 0;
    }
    80% {
        background-position: 8000px 0;
    }
    90% {
        background-position: 9000px 0;
    }
    100% {
        background-position:  10000px 0;
    }
}


@keyframes bgfubuki1 {
    0% {
        background-position: 0 0;
    }
    10% {
        background-position: -1000px 0;
    }
    20% {
        background-position: -2000px 0;
    }
    30% {
        background-position: -3000px 0;
    }
    40% {
        background-position: -4000px 0;
    }
    50% {
        background-position: -5000px 0;
    }
    60% {
        background-position: -6000px 0;
    }
    70% {
        background-position: -7000px 0;
    }
    80% {
        background-position: -8000px 0;
    }
    90% {
        background-position: -9000px 0;
    }
    100% {
        background-position: -10000px 0;
    }
}

.list30 li h3 big{font-size: .48rem;color: #aed2db;font-weight: normal;}
.list30 li h3 small{ font-size: .18rem; color: #fff;}
.list30 li p{font-size: .18rem;color: #fff;line-height: 1.5;margin: 0;}


@media(min-width: 1024px){
    .list16s li .a:hover{ background: #fff}
}
@media(max-width: 1800px){
}
@media(max-width: 1300px){
}
@media(max-width: 1024px){
    .about .fl1{ margin-bottom: -.4rem}
    .about .fl1 .left{width: 100%;padding: 0;padding-bottom: .4rem;flex: auto;}
    .about .fl1 .img{max-width: 62%;margin: 0 auto;}

    .about .fl2 .left{ width: 100%; flex: auto}
    .about .fl2 .right{margin: 0 auto;padding-top: .4rem;}

    .about .fl3 .left{width: 100%;padding: .4rem 0 0;order: 1;}
    .about .fl3 .img{margin: 0 auto;/*! max-width: 80%; */}

    .about .fl4 .left{width: 100%;padding: .4rem 0 0 !important;order: 3 !important;}
    .about .fl4 .img{margin: 0 auto;max-width: 80%;}
    .list30 li .line1, .list30 li:nth-child(2n) .line1{ width: .6rem}
}
@media(max-width: 800px){
    .about .fl2 .right{transform: scale(.75) translateX(-.2rem);margin: -.6rem 0 -1rem 0;}

    .about .fl3{margin: .4rem 0 .4rem;}
    .about .fl1{ padding-top: .4rem}
    .about .fl4{ padding: 0 0 .8rem}
    .about .fl4 .wp:last-child{ margin-top: .2rem}

    .about .fl4 .wp:nth-child(2n){ margin-top: .5rem; margin-bottom: .5rem}
}
@media(max-width: 560px){

}

.xxzc{ padding: 1.5rem 0 2rem; background: url(../images/xxzc_b1.png) right 5% no-repeat;}
.h3-1{font-size: .72rem;color: #006179;font-family: 'sys';text-align: center;margin-bottom: .58rem;}
.h3-1 span{transform: scale3d(.65, 1, 1);display: inline-block;}

.h4-1{ text-align: center; font-size: .3rem; color: #006179; font-family: 'sys'; margin-bottom: .4rem}
.h4-1 span{ position: relative; display: inline-block; padding: 0 .32rem;}
.h4-1 span::before{content: "";position: absolute;width: 3.75rem;height: 1px;background: #93bac5;top: 50%;right: 100%;}
.h4-1 span::after{content: "";position: absolute;width: 3.75rem;height: 1px;background: #93bac5;top: 50%;left: 100%;}

.xxzc .ar_articles img{ width: .24rem; margin: 0 .12rem 0 0;}
.xxzc .ar_articles b{ font-weight: bold; color: #006179; font-family: "Microsoft Yahei";}
.list32{margin: 1.1rem 0 1.4rem;text-align: center;padding: 0 9% 0 0;}
.list32 li{width: 20%;text-align: center;}
.list32 .a{width: 1.27rem;height: 1.27rem;position: relative;z-index: 1;margin: 0 auto;flex-direction: column;justify-content: center;align-items: center;}
.list32 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;border: #cecece 1px solid;transform: rotate(45deg);/* box-shadow: 0px 10px .48rem 0px rgba(0, 0, 0, 0.45); */background: #f5f5f7;transition: .5s;}
.list32 .a::after{content: "";position: absolute;top: -.2rem;right: -.2rem;bottom: -.2rem;left: -.2rem;z-index: -1;background: url(../images/list32_i1.png) center 60% no-repeat;transition: .5s;}
.list32 h3{font-size: .3rem;color: #006179;opacity: .7;font-family: 'sys';transition: .5s;}
.list32 h4{font-size: .18rem;color: #006179;font-family: 'sys';height: .54rem;display: flex;justify-content: center;align-items: center;margin: .1rem 0 0;transition: .5s;}

@media(min-width: 1024px){
    .list32 li:nth-child(6),.list32 li:nth-child(7),.list32 li:nth-child(8),.list32 li:nth-child(9),.list32 li:nth-child(10){transform: translate(50%, 0);}
}

@media(min-width: 800px){
    .list32 li:nth-child(6), .list32 li:nth-child(7), .list32 li:nth-child(8){transform: translate(50%, 0);}
}

@media(min-width: 1024px){
    .list32 .a:hover::before{ box-shadow: 0px 10px .48rem 0px rgba(0, 0, 0, 0.45); background: #006179; border: #006179 1px solid}
    .list32 .a:hover h3, .list32 .a:hover h4{ color: #fff}
}
@media(max-width: 1024px){
    .list32 li{ width: 25%;}
}
@media(max-width: 800px){
    .list32 li{width: 33.33%;margin-bottom: .21rem;}
    .list32{padding: 0;margin-bottom: .5rem;margin-top: .6rem;}

    .xxzc{ padding: .5rem 0 .5rem;}
    .h3-1{font-size: .4rem;margin-bottom: .25rem;}
    .h4-1{ font-size: .25rem;}
}
@media(max-width: 640px){
    .list32 li{width: 50%;}

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

.n_bg2{ background: url(../images/n_bg2.jpg) center bottom no-repeat; background-size: 100% auto;}

.xrld .fl1{padding: 1.65rem 0 2.88rem;}
.xrld .wp{ justify-content: space-between;}
.xrld .box{width: 45%;}
.xrld .con{border-bottom: #dedede 1px solid;padding: .36rem 0;align-items: flex-start;}
.xrld .con .tit{width: 3rem;font-size: .3rem;color: #0e4287;line-height: .54rem;font-weight: bold;padding: 0 0 0 .5rem;border-left: #0e4287 1px solid;font-family: "Microsoft Yahei";}
.list33{flex: 1;overflow: hidden;margin-bottom: -.15rem;}
.list33 li{min-width: 50%;text-align: center;font-size: .3rem;color: #1d1d1f;line-height: .54rem;transition: .5s;margin-bottom: .15rem;}
.xrld .box .con:first-child{ border-top: #dedede 1px solid;}

@media(min-width: 1024px){
    .list33 li .a:hover{ color: #0e4287;}
}
@media(max-width: 1024px){

    .xrld .box{ width: 100%;}
}
@media(max-width: 800px){

    .xrld .con .tit{width: 1.35rem;padding: 0 0 0 .2rem;font-size: .22rem;line-height: .4rem;}
    .xrld .con{ padding: .2rem 0}
    .xrld .fl1{padding: .5rem 0;}
    .list33 li{font-size: .2rem;line-height: .4rem;}
}
@media(max-width: 640px){
}
@media(max-width: 560px){
}

.xrld_d{ padding: 1.06rem 0 1.58rem;}
.xrld_d .wp{ width: 12rem;}
.xrld_d .wp .img{ width: 8.2rem; max-width: 100%; margin: 0 auto}
.xrld_d .con1{ margin-top: 1rem;}
.xrld_d .left{ width: 27%;}
.xrld_d .left h3{font-size: .5rem;color: #006179;font-weight: bold;font-family: 'sys';margin-bottom: .24rem;}
.xrld_d .left h4{font-size: .3rem;color: #333333;}
.xrld_d .right{ width: 73%;}
.xrld_d .pub{ border-left: #006179 1px solid; padding: 0 0 0 .58rem;}
.xrld_d .box1 .ll{ width: 40%;}
.xrld_d .box1 .rr{ width: 60%;}

.xrld_d .box2{ margin: 1rem 0 0;}
.list34{ margin-bottom: -.6rem;}
.list34 li{ font-size: .24rem; color: #333333; line-height: 1.5; margin-bottom: .6rem;}
.xrld_d .ar_article1 p{ font-size: .24rem !important; color: #333333; line-height: .6rem !important;}
.xrld_d .ar_article1 p{ text-indent: .48rem;}


@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .xrld_d .pub{ padding: 0 0 0 .36rem;}

    .xrld_d .ar_article1 p{font-size: .18rem;color: #333333;line-height: .36rem;}
    .xrld_d .ar_article1 p{text-indent: .36rem;}

    .xrld_d{ padding: .5rem 0}

    .xrld_d .left h3{font-size: .36rem;margin-bottom: .15rem;}
    .xrld_d .left h4{ font-size: .24rem}
}
@media(max-width: 640px){
    .xrld_d .left{ width: 100%;}
    .xrld_d .right{width: 100%;}
    .xrld_d .con1{ margin-top: .4rem}
    .xrld_d .pub{padding: 0 0 0 .2rem;margin: .4rem 0 0;}

    .list34 li{ font-size: .2rem;}

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

.n_bg3{ background: url(../images/n_bg3.jpg) center bottom no-repeat; background-size: 100% auto;}
.xxbz{ padding: 1.2rem 0 2.7rem;}
.xxbz .wp{ position: relative}
.xxbz .wp::before{content: "";position: absolute;background: url(../images/xxbz_i8.png) center no-repeat;width: .48rem;height: 1.69rem;background-size: cover;left: 100%;bottom: .9rem;}
.xxbz .con0{ border-right: #bcbcbc 1px solid; overflow: hidden}
.xxbz .con1{ width: 41.57%;}
.xxbz .con2{ width: 21.57%;}
.xxbz .con3{ width: 8.5%;}
.xxbz .con4{ width: calc(100% - 41.57% - 21.57% - 8.5%);}

.more5{width: .34rem;height: .34rem;display: flex;align-items: center;justify-content: center;cursor: pointer;position: relative;z-index: 1;margin-left: 2.5vw;}
.more5:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #006179 1px solid; opacity: .4; transform: rotate(45deg)}
.more5 img{width: .29rem;transition: .5s;}
.more5 img{}

.xxbz .con1 .a1{display: block;position: relative;z-index: 1;transform: translate(0, 0);}
.xxbz .con1 .a1 .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;justify-content: center;align-items: center;padding: 0 0 0 5vw;}
.xxbz .con1 .a1 .top h3{font-size: .4rem;font-size: 2vw;color: #006179;font-family: 'sys';text-shadow: 0px 6px 8px rgba(0, 0, 0, 0.26);}

.xxbz .con2 .a1{flex-wrap: nowrap;align-items: center;}
.xxbz .con2 .a1 .img{margin: 0 0 0 -1.45rem;width: 2.03rem;}
.xxbz .con2 .a1 .top{padding: 0 0 0 .15rem;flex-wrap: nowrap;align-items: flex-end;}
.xxbz .con2 .a1 .top h3{font-size: .3rem;font-size: 1.5vw;color: #333333;font-family: 'sys';line-height: 1.375;white-space: nowrap;}
.xxbz .con2 .a1 .top .more5{margin: 0 0 0 .1rem;transform: translate(-.5rem, 0) scale(.8);}
.xxbz .con2 .a2{ display: block; position: relative; z-index: 1; margin-top: .8rem; margin-left: .14rem;}
.xxbz .con2 .a2 .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;align-items: center;justify-content: center;}
.xxbz .con2 .a2 .top img{ width: .62rem}
.xxbz .con2 .a2 .top h3{font-size: .3rem;font-size: 1.5vw;color: #333333;font-family: 'sys';line-height: 1.375;white-space: nowrap;margin-left: 2.25vw;}
.xxbz .con2 .a2 .top .more5{margin: 0 -.6rem 0 .1rem;transform: translate(-.5rem, .22rem) scale(.8);}

.xxbz .con3 .a1{ position: relative; margin-top: 1.16rem;}
.xxbz .con3 .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; align-items: center; justify-content: center;}
.xxbz .con3 h3{font-size: .24rem;font-size: 1.25vw;color: #fff;font-family: 'sys';width: .24rem;}

.xxbz .con4 .a1{margin: .3rem 0 .15rem 3vw;position: relative;z-index: 1;}
.xxbz .con4 .a1 .top{top: 0;right: 0;bottom: 0;left: 0;align-items: center;justify-content: center;position: absolute;}
.xxbz .con4 .a1 h3{font-size: .24rem;font-size: 1.25vw;color: #006179;font-family: 'sys'; line-height: 1.375; text-align: center}
.xxbz .con4 .a2 .top{align-items: center;flex: 1;overflow: hidden;}
.xxbz .con4 .a2 .img{width: 1.82rem;max-width: 10vw;position: relative;z-index: 1;}
.xxbz .con4 .a2 .img .ewm1{position: absolute;left: -.1rem;top: 50%;width: 7.35vw;height: 7.35vw;border: rgba(255,255,255,.4) 1px solid;border-radius: .05rem;padding: .1rem;transform: translate3d(0, -50%, 0);}
.xxbz .con4 .a2 .img .ewm1 img{ width: 100%; height: 100%}
.xxbz .con4 .a2 h3{font-size: .3rem;font-size: 1.55vw;color: #333333;font-family: 'sys';line-height: 1.375;margin: 0 2vw 0 .18rem;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    .xxbz .wp::before{margin-left: -.71rem;display: none;}
    .xxbz .con1{ width: 55%}
    .xxbz .con2{ width: 45%}
    .xxbz .con3{ width: 30%}
    .xxbz .con4{ width: 70%}
    .xxbz .con2 .a2{ margin-top: .1rem}
    .xxbz .more5{ display: none}
    .xxbz .con3 .a1{ margin-top: .3rem}
}
@media(max-width: 800px){
    .xxbz .con2 .a2 .top img{ width: .4rem}
    .xxbz .con4 .a2 .img{ min-width: 1.4rem}

    .xxbz{ padding: .5rem 0 .7rem}
    .xxbz .con4 .a2 .img .ewm1{ width: 1.1rem; height: 1.1rem}
}
@media(max-width: 640px){
}
@media(max-width: 560px){
}

.xxbz_d{ padding: 1.2rem 0 1.3rem;}
.xxbz_d .img1{padding: .2rem 0 1.06rem;text-align: center;}
.xxbz_d .img1 img{ width: 8.76rem; max-width: 100%}
.h3-2{font-size: .48rem;color: #006179;font-family: 'sys';text-align: center;margin-bottom: .4rem;}

.h3-3{font-size: .18rem;color: #006179;font-family: "Microsoft Yahei"; margin-bottom: .06rem;}
.xxbz_d .ar_article1 p{ margin-bottom: 0}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .xxbz_d{ padding: .5rem 0;}
    .xxbz_d .img1{ padding: 0 0 .5rem;}
    .h3-2{font-size: .3rem;margin-bottom: .25rem;}
}
@media(max-width: 640px){
}
@media(max-width: 560px){
}


.gljg{ padding: 1.5rem 0;}
.h3-4{ font-size: .36rem; color: #006179; font-family: 'sys'; margin-bottom: .5rem;}

.list35{ margin: 0 -.2rem .7rem;}
.list35 li{ width: 25%; padding: 0 .2rem; margin-bottom: .3rem}
.list35 .a{display: block;position: relative;z-index: 1;min-height: 1.7rem;padding: .32rem .32rem;height: 100%;}
.list35 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;background: #006179 url(../images/list35_t1.png) right bottom no-repeat;border-radius: .05rem;box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.36);opacity: 0; transition: .5s;}
.list35 .j0{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;transition: .5s;}
.list35 .j0::before,.list35 .j0::after{content: "";background: url(../images/list35_j1.png) center no-repeat;position: absolute; width: .27rem;height: .27rem; background-size: cover !important}
.list35 .j1:before{top: 0;left: 0;}
.list35 .j1:after{top: 0;right: 0; transform: rotateY(180deg)}
.list35 .j2:before{bottom: 0;left: 0; transform: rotateX(180deg)}
.list35 .j2:after{bottom: 0;right: 0; transform: rotate(180deg)}
.list35 .l0{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;transition: .5s;}
.list35 .l0::before,.list35 .l0::after{content: "";background: #cfcfcf;position: absolute;}
.list35 .l1::before{top: 0;right: .26rem;left: .26rem;height: 1px;}
.list35 .l1::after{bottom: 0;right: .26rem;left: .26rem;height: 1px;}
.list35 .l2::before{top: .26rem; bottom: .26rem; left: 0; width: 1px;}
.list35 .l2::after{top: .26rem;right: 0; bottom: .26rem;width: 1px;}

.list35 dl dd{ font-size: .2rem; color: #006179; line-height: .3rem; font-family: 'sys'; transition: .5s;}
.list35 dl dd small{ font-size: .14rem; color: #8d8d8d; margin: 0 0 0 .08rem}

@media(min-width: 1024px){
    .list35 .a:hover::before{ opacity: 1}
    .list35 .a:hover .j0, .list35 .a:hover .l0{opacity:0;visibility: hidden;}
    .list35 .a:hover dl dd{color: #fff;}
}
@media(max-width: 1024px){
    .list35 li{ width: 33.33%;}
}
@media(max-width: 800px){
    .gljg{ padding: .5rem 0}
    .list35{ margin: 0 -7px .3rem;}
    .list35 li{ width: 50%; padding: 0 7px; margin-bottom: .2rem}
    .h3-4{ font-size: .3rem; margin-bottom: .3rem}
}
@media(max-width: 640px){
    .list35 .a{ padding: .24rem .2rem}
}
@media(max-width: 560px){
}

.list35s1 .txt a{font-size: .14rem;color: transparent;line-height: .24rem;opacity: .6;position: relative;z-index: 1;margin: 0 .12rem 0 0; transition: .5s;}
.list35s1 .txt a:before{content: "";position: absolute;width: 2px;height: 2px;background: #fff;border-radius: 50vw;right: -.07rem;top: .1rem;}
.list35s1 .txt{margin: .14rem 0 0;}
.list35s1 .txt a:last-child:before{ display: none}
.list35s1 .a:hover .txt a{ color: #fff; }

.list35s1 .a::before{ background: #006179}

@media(min-width: 1024px){

}
@media(max-width: 1024px){
    .list35s1 .a .txt a{ color: #666; }
}
@media(max-width: 800px){
    .list35s1 li{ width: 100%;}
}
@media(max-width: 640px){
}
@media(max-width: 560px){
}

.list36 li{ padding: .5rem 0;}
.list36 .a{align-items: center;position: relative;z-index: 1;}
.list36 .a .bg1{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/list36_b.jpg) center no-repeat;background-size: cover;transition: .5s;opacity: 0; z-index: -1;}
.list36 .img{width: 4.76rem;margin-right: .1rem;}
.list36 .img .imgLi{padding-bottom: 65.84%;}
.list36 .txt{ flex: 1; overflow: hidden; padding: 0 .4rem;}
.list36 h4{font-size: .2rem;font-weight: normal;font-family: 'sys';margin: .25rem 0 0;}
.list36 p{color: #4e4e4e;line-height: .28rem;max-height: .84rem\0;}
.list36 hr{width: 1.28rem;height: .04rem;background: #006179;margin: .2rem 0; transition: .5s;}
.list36 h6{ font-size: .16rem; color: #0f448a}
.list36 li:last-child{ margin-bottom: 0}

.news .fl1{padding: 1rem 0 1.1rem;}

@media(min-width: 1024px){
    .list36 .a:hover{ box-shadow: 0px 0px .28rem 0px rgba(0, 0, 0, 0.35);}
    .list36 .a:hover .bg1{ opacity: 1;}
    .list36 .a:hover *{ color: #fff !important;}
    .list36 .a:hover hr{ background: #fff;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .news .fl1{padding: .4rem 0 .5rem;min-height: 600px;}


}
@media(max-width: 640px){
    .list36 .img{width: 100%;margin: 0;}
    .list36 .txt{width: 100%;padding: .25rem 0 0;flex: auto;}
    .list36 li{ padding: .2rem 0}
    .list36 h4{ margin-top: .15rem}
    .list36 hr{ width: .7rem; height: .03rem; margin: .1rem 0}
}
@media(max-width: 560px){
}

.pages{margin: .8rem 0 0;}
.pages ul{text-align: center;display: flex;justify-content: center;/* align-items: center; */}
.pages ul li{text-align:center;font-size: .16rem;display: inline-block;margin: .03rem .05rem;color: #333333;}
.pages ul li a{height: .36rem;text-align: center;padding: 0 .12rem;min-width: .35rem;display: flex;border: 1px solid #b5b5b5;border-radius: .04rem;align-items: center;justify-content: center;transition: .5s;}
.pages ul li a svg{width: 14px;height: 14px;fill: #959595;transition: .5s;}
.pages ul li.cur{border: #265faa 1px solid;padding: 0 8px;min-width: .35rem;height: .35rem;line-height: .33rem;border-radius: 3px;}
.pages ul li a.on{background:#9d0c3a;padding: 0 8px;min-width: .35rem;height: .35rem;line-height: .33rem;color: #fff ;border-radius: 3px}
.pages ul li.cur{color: #fff;background: #006179;border: #006179 1px solid;}
.pages ul li.page-count{line-height: .33rem}
.page-form {line-height: .33rem}
.page-form input{border: 1px solid #94bde1;width: .35rem;height: .35rem;float: left;text-align: center;padding: 0 .04rem;background: transparent;border-radius: .04rem;margin: 0 .08rem;}
.page-form span{float: left;color: #666}
.page-form button{border:none;width: .6rem;height: .35rem;line-height: .35rem;text-align: center;background: #265faa;color: #fff;border-radius: .04rem;margin-left: 5px;font-size: .16rem;cursor: pointer;}
.pages ul li a:hover{background: #006179;border: #006179 1px solid;color: #fff;}
.pages ul li a:hover svg{fill: #265faa;}

@media(max-width: 560px){
    .pages{margin-top: .3rem;}
    .pages ul li a{ padding: 0 .1rem;}
    .pages ul li{ margin: .03rem .03rem;}
}

.detail .wp{ justify-content: space-between;}
.detail .left{ width: calc(100% - 3.78rem); padding: 0 .5rem 0 0;}
.detail .right{ width: 3.78rem;}

.detail{ padding: 1.1rem 0 2.7rem;}
.ar_tit{border-bottom: #e4e4e4 1px solid;margin-bottom: .5rem;}
.ar_tit h3{font-size: .36rem;color: #000000;line-height: 1.5;font-family: 'sys';text-align: center;margin-bottom: .6rem;}
.ar_tit h6{font-size: .16rem;color: #939393;line-height: 1.5;margin: .2rem 0 0;justify-content: space-between;align-items: center;position: relative;z-index: 1;padding: 0 .4rem 0 0;}
.ar_tit h6::before{content: "";position: absolute;right: 0;bottom: 0;background: url(../images/detail_i1.png) center no-repeat;width: .36rem;height: .36rem;background-size: cover;}
.ar_tit .ll{position: relative;z-index: 1;border-bottom: #006179 3px solid;margin-bottom: -1px;padding-bottom: .12rem;}
.ar_tit h6 span{ margin: 0 .5rem 0 0}

#share-2>img{margin: -3px 6px 0 0;}
.shart_box{display:inline-block; cursor:pointer}
@font-face{font-family:"socialshare";src:url("../fonts/iconfont.eot");src:url("../fonts/iconfont-1.eot") format("embedded-opentype"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype")}.social-share{
                                                                                                                                                                                                                                           display: flex;
                                                                                                                                                                                                                                           align-items: center;
                                                                                                                                                                                                                                           font-size: .16rem;
                                                                                                                                                                                                                                           color: #939393;
                                                                                                                                                                                                                                       }
.social-share *{font-family:"socialshare" !important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a";color: #fff;}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a";color: #fff;}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a";color: #fff;}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin: 0 0 0 .2rem;display:inline-block;outline:none;}.social-share .social-share-icon{position:relative;display: flex;width: .28rem;height: .28rem;}.social-share .social-share-icon:before{ display: none}.social-share .social-share-icon:hover{/* background:#666; *//* color:#fff; */}.social-share .icon-weibo{color:#ff763b;border-color:#ff763b}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{color:#56b6e7;border-color:#56b6e7;background: #56b6e7;}.social-share .icon-qq:hover{/* background:#56b6e7 */}.social-share .icon-qzone{color:#FDBE3D;border-color:#FDBE3D;background: #FDBE3D;}.social-share .icon-qzone:hover{/* background:#FDBE3D */}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{color:#0077B5;border-color:#0077B5}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{background: url(../images/share_i1.png) center no-repeat;background-size: cover;margin: 0 0 0 .1rem;}.social-share .icon-qzone{background: url(../images/share_i3.png) center no-repeat;background-size: cover;}.social-share .icon-qq{ background: url(../images/share_i2.png) center no-repeat; background-size: cover;}.social-share .icon-wechat:hover{/* background:#7bc549 */}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top: -170px;left: -62px;width: 160px;height: 156px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms;}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block}.help{ display: none;}

.detail .bottom{justify-content: space-between;align-items: center;padding-bottom: .65rem;border-bottom: #cecece 1px solid;margin-top: .4rem;}
.detail .bottom .ll span{font-size: .16rem;color: #939393;margin: 0 .7rem 0 0;display: inline-block;line-height: 1.5;}
.ar_f{align-items: center;margin-top: .5rem;justify-content: space-between;}
.ar_f .ll{flex: 1;overflow: hidden;}
.ar_f .ll h4{font-size: .2rem;color: #006179;line-height: .36rem !important;transition: .5s;margin: .1rem 0;}
.ar_f .ll h4 span{ color: #333333}

.h3-5{font-size: .36rem;color: #333333;font-family: 'sys';margin-bottom: .36rem;}
.list37 .a{ height: .7rem;  padding: 0 .18rem;align-items: center; justify-content: space-between; position: relative; z-index: 1}
.list37 .a:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: .06rem; border: #006179 1px solid; background: #fff; z-index: -1; transition: .5s}
.list37 li{ margin-bottom: .18rem}
.list37 h4{width: calc(100% - .9rem);}
.list37 span{font-size: .14rem; color: #8e8e8e; font-family: 'Century Gothic';}

@media(min-width: 1024px){
    .list37 .a:hover:before{ transform: scaleX(1.08); background: #006179;}
    .list37 .a:hover h4, .list37 .a:hover span{ color: #fff}
    .ar_f .ll .a:hover h4{ color: #006179;}
}
@media(max-width: 1024px){
    .detail{ padding: 1rem 0;}
}
@media(max-width: 800px){
    .detail .left{width: 100%;padding: 0 0 0;}
    .detail .right{width: 100%;padding: .4rem 0 0;}
    .detail{ padding: .5rem 0;}
    .detail .bottom .ll span{ margin-right: .15rem;}
    .social-share .social-share-icon{margin-left: .06rem;width: .22rem !important;height: .22rem !important;}
    .detail .bottom{ padding-bottom: .3rem}
    .ar_f{ margin-top: .3rem}
    .h3-5{ font-size: .3rem}
    .ar_tit h3{font-size: .3rem;margin-bottom: .3rem;}
    .ar_tit h6 span{ margin: 0 .1rem 0 0}
}
@media(max-width: 640px){
}
@media(max-width: 560px){
}

.lsyg{ padding: .7rem 0 3rem; overflow: hidden;}
.lsyg .wp{ width: 15.4rem;}

.list38{flex-direction: column;position: relative;z-index: 1;overflow: hidden;padding: .5rem 0 0;margin: .5rem 0 0;}
.list38:before{content: "";position: absolute;width: 1px;top: 0;bottom: 0;background: #488d9e;left: 50%;margin-left: -.5px;}
.list38 li{width: 50%;align-self: flex-end;margin: -.3rem 0;position: relative;min-height: 1.2rem;}
.list38 li .a{align-items:flex-start;position: relative;z-index: 1;padding: 0 0 0 .7rem;/* min-height: 3.3rem; */}
.list38 li .a::before{content: "";position: absolute;width: .19rem;height: .19rem;left: -.11rem;top: 50%;border: #006179 1px solid;border-radius: 50vw;background: #fff;margin-top: -.1rem;}
.list38 li .a::after{content: "";position: absolute;background: #006179;width: .8rem;height: 1px;left: .1rem;top: 50%;}
.list38 li .top{justify-content: flex-start;align-items: center;margin-bottom: -.3rem;}
.list38 li .top .ll{font-size: 1rem;color: #03637b;line-height: 1.375;position: relative;z-index: 1;font-family: DINCond-Black;margin: 0 .15rem 0 0;transform: scaleY(1.2);}
.list38 li .top .rr h4{font-size: .2rem;color: #333333;line-height: .3rem;font-family: 'sys';}
.list38 li .top .rr h5{font-size: .16rem;color: #787878;line-height: 1.5;font-family: Arial, "Noto Serif SC", serif;}
.list38 .img{display: flex;justify-content: flex-end;}
.list38 dl dd{font-size: .18rem;line-height: .48rem;text-align: left;}
.list38 dl dd a{ color: #333333; transition: .5s}

@media(min-width: 1024px){
    .list38 li:nth-child(2n-1) .top{ justify-content: flex-end}
    .list38 li:nth-child(2n) .top .ll{ order: 1;}
    .list38 li:nth-child(2n) .img{display: flex;justify-content: flex-start;}
    .list38 li:nth-child(2n-1){align-self: flex-start;}
    .list38 li:nth-child(2n-1) .a{padding: 0 .7rem 0 0;}
    .list38 li:nth-child(2n-1) .a::before{left: auto;right: -.11rem;}
    .list38 li:nth-child(2n-1) .top .ll:before{right: calc(100% + .25rem);left: auto;}
    .list38 li:nth-child(2n-1) dl dd{ text-align: right;}
    .list38 li:nth-child(2n-1) .a::after{left: auto;right: .1rem;}

    .list38 dl dd a:hover{color: #0f448a;}
}
@media(max-width: 1800px){
}
@media(max-width: 1024px){
    .list38 li{width: 100%;margin: 0 0 .3rem;min-height: auto;}
    .list38{padding: .5rem 0 0 .16rem;}
    .list38:before{left: .16rem;}
    .list38 .img{ justify-content: flex-start}
}
@media(max-width: 800px){
    .list38 li{margin-bottom: .2rem;}
    .list38 li .top .rr h6{ line-height: .26rem; width: 100%}
    .list38 li .a::before{width: .24rem;height: .24rem;left: -.12rem;top: .16rem;transform: scale(0.6);}
    .list38 li .a::after{left: .2rem;top: .2rem;width: .2rem;}
    .list38 li .a{min-height: auto;padding: .06rem 0 0 .5rem;}
    .list38 li .top{margin-bottom: .2rem;}
    .list38 li .top .ll{font-size: .22rem;}
    .list38 li .top .rr{ width: 100%}
    .list38 li:nth-child(2n):before{ left: -.1rem}
    .list38 dl dd{ line-height: 1.75}
    .lsyg{ padding: .5rem 0}

    .lsyg .wp .con1{overflow: hidden;overflow-x:scroll;}
    .lsyg .wp .fl1{width: 560px;padding: 0 0 .2rem;}
}
@media(max-width: 560px){
}

.carBox{height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.logo3{width: 18%;margin: 0 auto .3rem;}
.logo3 img{ width: 100%}
.bctp input{width: 100%;line-height: .4rem;background: #005d7f;border-radius: .06rem;text-align: center;font-size: .16rem;color: #fff;font-family: "sys";margin: .25rem 0 0;letter-spacing: .02rem;}
.bctp1 input{cursor: pointer;font-size: .16rem;color: #fff;font-family: 'sys';letter-spacing: .02rem;}

.list39 li .txt{ padding: .2rem 0}
.list39 h4{ font-family: 'sys'; color: #005d7f}
.list39 h6{ color: #919191; margin: .15rem 0 0}

.carBox1{ height: 100%;}
.carW{/* height: 90vh; */padding: .3rem;position: fixed;z-index: 1000000000;background: #fff;width: 3.8rem;/* height: 580px; */left: 50%;top: 50%;transform: translate(-50%, -50%);transition: .5s;display: none;}
.carW .close{position: absolute;top: .15rem;right: .15rem;width: .3rem;height: .3rem;background: rgba(0,0,0,.2);border-radius: 50vw;display: flex;align-items: center;justify-content: center;z-index: 1;cursor: pointer;}
.carW .close svg{width: .16rem;height: .16rem;}
.carW .bg0{ position: absolute; left: 0; right: 0; z-index: -1; overflow: hidden;overflow-y: scroll;}
.carW .bg1{ top: 0}
.carW .bg2{ bottom: 0}

.carW1{padding: .3rem;position: fixed;z-index: 1000000000;background: #fff;width: 3.8rem;/* height: 580px; */transform: translate(-100%, -100%);top: 40%;height: auto;}
.carW1 .bg0{ position: absolute; left: 0; right: 0; z-index: -1; overflow: hidden;overflow-y: scroll;}
.carW1 .bg1{ top: 0}
.carW1 .bg2{ bottom: 0}

.carW2{position: fixed;z-index: 1000000000;width: 3.8rem;height: max-content;transition: .5s;display: none;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.carW2 .close{position: absolute;top: .15rem;right: .15rem;width: .3rem;height: .3rem;background: rgba(0,0,0,.2);border-radius: 50vw;display: flex;align-items: center;justify-content: center;z-index: 1;cursor: pointer;}
.carW2 .close svg{width: .16rem;height: .16rem;}

.carBox .bottom{justify-content: space-between;align-items: flex-end;margin: .3rem 0 0;}
.carBox .bottom .ll{ width: 35%;}
.carBox .bottom .ll img{ width: 100%}
.carBox .bottom .rr{ flex-wrap: nowrap; align-items: flex-end}
.carBox .bottom .rr img{ width: .9rem}
.carBox .bottom .rr span{ font-size: .14rem; color: #919191; line-height: 1.375; white-space: nowrap; margin: 0 .1rem 0 0}

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

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

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

body.on1:before{ opacity: 1; visibility: visible}

.ar_article, .ar_article p{font-size: .18rem !important;
    line-height: .36rem !important;}