@charset "utf-8"; 
.fp-watermark{display: none !important;}
.relative{position: relative;}
.hidden{overflow: hidden;}
.container{
	width: 93.75%;
	margin: 0 auto;
} 

.container2{
    width: 84%;
    margin: 0 auto;
} 


.fl { float: left; }
.fr { float: right; }

.m { display: none !important; }
:root {
    --container2_left: 8%;
    --container2_leftvw: 8vw;
}
.f1f1f1{background: #f1f1f1;}
@media(max-width: 1500px){
    .container2{width: 90%;}
    :root {
        --container2_left: 5%;
        --container2_leftvw: 5vw;
    }
}

@media(max-width: 1100px){
	.m { display: block !important; }
	.pc { display: none !important; }
    .container2{ width:calc(100% - 40px);}
    :root {
        --container2_left: 20px;
        --container2_leftvw: 20px;
    }
}
.center { text-align: center; }
.img {line-height: 0;}
.img100{line-height: 0;overflow: hidden;}
.img img { width: 100%; }
.imgfd .imgfd_img{transition: all 0.6s;transform: scale(1);}
.imgfd:hover .imgfd_img{
    transform: scale(1.05);
}

/* 
.fixed-head {
    background: #fff; 
    position: fixed;
    top: 0;
    margin-top: 0;
    width: 100%;
    left: 0;
    transition: All .4s ease;
   -webkit-transition: All .4s ease;
    -moz-transition: All .4s ease;
    -o-transition: All .4s ease;
    -webkit-animation: headerFix 1s ease 1;
    animation: headerFix 1s ease 1;
}

@-webkit-keyframes headerFix {
    from {
        -webkit-transform: translateY(-100%);
    }

    to {
        -webkit-transform: translateY(0);
    }
}*/

/**mobile nav**/
.nav_box {width: 100%;height: calc(100% - 60px);position: fixed;right: auto;top: 0;bottom: 0;left: -100%;overflow: auto;z-index: 9999999;background: #37a9cc;transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s;}
.nav_box.cur {left: 0;transition: all .8s;-o-transition: all .8s;-moz-transition: all .8s;-ms-transition: all .8s;-webkit-transition: all .8s;}
.nav_box .box {/*background: #212222;*/width: 100%;height: 100%;position: relative;z-index: 2;}
.nav_box .nav-title {height: 57px;position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.06);}
.nav_box .nav-title .navclose {width: 22px;height: 22px;display: block;font-size: 0;line-height: 41px;position: absolute;right: 15px;top: 50%;z-index: 2;transform: translateY(-50%);}
.nav_box .nav-title .navclose img {width: 100%;}
.nav_box .nav-title h1 {text-align: left;width: 86px;margin-left: 15px;line-height: 0;padding-top: 11px;}
.nav_box .nav-title h1 img {width: 100%;}
.nav_box .navlist {width: 100%;padding-bottom: 20px;}
.nav_box .navlist ul>li {position: relative;float: left;width: 100%;font-size: 18px;line-height: 50px;border-bottom: 1px solid rgba(255, 255, 255, .06);padding: 0 15px;text-transform: capitalize;padding-right: 80px;}
.nav_box .navlist ul>li.w100{padding-right: 0 !important;}
.nav_box .navlist ul>li>a {display: block;color: #fff;position: relative;}
/*.nav_box .navlist ul>li>a.sub:before {content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 6px;height: 11px;background: url(../images/jtwhite.png) no-repeat center center / cover;}*/
.nav_box .navlist ul>li .ii {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 50px;height: 100%;background: url(../images/jtwhite.svg) no-repeat center center;z-index: 6;}
.nav_box .navlist ul>li .navlist2 {border-top: 1px solid rgba(255, 255, 255, .06);display: none;/*padding: 10px 0;*/}
.nav_box .navlist ul>li .navlist2 a {display: block;width: 100%;color: #fff;font-size: 14px;line-height: 34px;}
.nav_box { display: none!important;}
.navR .search { display: block; }
.navR { float: right;margin-top: 6px;display: none;}
.nav {display: inline-block;}
.nav_box .nav_ss{padding: 0 15px;margin-top: 20px;}
.nav_box .nav_ss input.inp{
    line-height: 40px;
    height: 40px;
    background: #fff;
    border: none;
    width: 100%;
    padding: 0 90px 0 20px;
    font-size: 15px;
    border-radius: 50px;
}
.nav_box .nav_ss input.sub{
    width: 90px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: #004388;
    font-size: 16px;
    border: none;
    border-radius: 50px;
    color: #fff;
}
.nav_box { display: block!important; top: 57px; width: 100%; left:-100%; border-top: 1px solid rgba(255,255,255,0.2);min-height: calc(100% - 56px); }
.nav_box { background: rgba(0, 0, 0, 0.9); }
.bgGreen { background: #474443; }
.nav_box .navlist { padding-top: 10px; }
.nav_box .navlist ul>li { border:none; line-height: 50px; }
.navSear { margin-top: 20px; padding: 0 15px;}
.navSear .search { padding-top: 20px; border-top:1px solid rgba(255,255,255,0.3); }
.navSear .search .subsearch { z-index: 9;}
.navSear .search .subsearch .subsearcha { border-radius: 3px;position: relative; padding-left: 30px; height: 30px;}
.navSear .search .subsearch .subsearcha .inp {width: 90%;height: 30px;border: 0; font-size: 14px;color: #fff; padding-left: 0px; background: none; } 
.navSear .search .subsearch .subsearcha .sub { opacity: 0.7; border: none;outline: none;position: absolute;left: 0px;top: 50%;height: 26px;background: url(../images/searchxa.png) no-repeat left center;font-size: 0;width: 26px;transform: translateY(-50%);}
.navSear .search:hover .subsearch {display: block;}
.navSear .search .subsearch .subsearcha .inp:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: rgba(255,255,255,0.7); 
}
.navSear .search .subsearch .subsearcha .inp::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: rgba(255,255,255,0.7);
} 
.navSear .search .subsearch .subsearcha .inp:-ms-input-placeholder{
    color: rgba(255,255,255,0.7);
}
.navSear .search .subsearch .subsearcha .inp::-webkit-input-placeholder {
    color: rgba(255,255,255,0.7);
}
.nav_box .navlist ul>li .navlist2,
.nav_box .navlist ul>li .secondNav .navlist3,
.nav_box .navlist ul>li .fourthNav .navlist4, 
.nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5,
.nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5 .sixthNav .navlist6{ position: fixed; left:-102%; transition: all 0.6s; display: block; top:60px; width: 100%; height: calc(100% - 80px);  background: rgba(0, 0, 0, 0.9); z-index: 10000; }

.nav_box .navlist ul>li .navlist2 a,
.nav_box .navlist ul>li .secondNav .navlist3 a,
.nav_box .navlist ul>li .fourthNav .navlist4 a,
.nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5 a,
.nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5 .sixthNav .navlist6 a{ padding: 10px 15px; line-height: 1.6; font-size: 18px; color:rgba(255,255,255,0.8); }

.nav_box .navlist ul>li.cur .navlist2,
.nav_box .navlist ul>li .secondNav.cur .navlist3,
.nav_box .navlist ul>li .fourthNav.cur .navlist4,
.nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav.cur .navlist5,
.nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5 .sixthNav.cur .navlist6{ left:0; }

.nav_box .navlist ul>li .backNav { padding: 0 15px; }
.nav_box .navlist ul>li .backNav span { display: block; padding: 5px 0 5px 25px; border-top: 1px solid rgba(255,255,255,0); background: url(../images/back.svg) no-repeat left center; font-size: 18px;color:#fff; border-bottom:1px solid rgba(255,255,255,0.3); margin-bottom: 10px; }
.nav_box .navlist ul>li a.cur { font-weight: bold; color:#fff!important;  }

@media(max-width: 1680px){
    .nav_box { top: 72px; }
    .nav_box .navlist ul>li .navlist2,
    .nav_box .navlist ul>li .secondNav .navlist3,
    .nav_box .navlist ul>li .fourthNav .navlist4,
    .nav_box .navlist ul>li .fourthNav .navlist4 .fifthhNav .navlist5 { 
        top:72px; height: calc(100% - 72px);
    }
}
 .navR { margin-left: 5px; }
.navBtn {
    height: 50px;
    margin-top: -1px;
    float: left;
    left: 3%;
    width: 50px;
    position: relative;
}
.menu-i {
    height: 2px;
    right: 0;
    position: absolute;
    border-radius: 1px;
    font-style: normal;
    background-color: #fff;
    display: block;
    transition: all 0.5s;
    border-radius: 2px;
}

.menu-i-1 {
    width: 24px;
    top: 15px;
}
.menu-i-2 {
    width: 32px;
    top: 25px;
}.menu-i-3 {
    width: 24px;
    top: 35px;
}
.mobile-menu {
    width: 36px;
    height: 57px;
    position: relative;
    display: block;
    background: none;
    border: none;
}
.mobile-menu-on .menu-i-1 {
    transform: translateY(10px) rotate(45deg);
    background-color: #fff;
}
.mobile-menu-on .menu-i-2 {
    opacity: 0;
}
.mobile-menu-on .menu-i-3 {
    transform: translateY(-10px) rotate(-45deg);
    background-color: #fff;
}


/**pc导航**/
.header {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    transition: all 0.4s;
    z-index: 99;
    --top: 30px;
}

.header .logo,.footer .logo{max-width:170px;}

.header > .container{
    border-bottom: 1px solid rgba(216, 216, 216, .2);
    align-items: flex-start;
    justify-content: center;
}
.header .logo{padding: 14px 0 0;margin-left: 0;}
.header .ul {margin: 0 auto;}
.header .ul li{
    margin-right: 2.6vw;
}
.header .ul li:last-child{margin-right: 0;}
.header .ul li a{
    color: #fff;
    display: block;
    padding: var(--top) 0 20px;
}

.header .sousuo{
    margin-left: auto;
    margin-top: var(--top);
    width: 18px;
    position: relative;
    cursor: pointer;
}

.header .yuyan{
    margin-left: 2.2vw;
    margin-top: var(--top);
    width: 18px;
    position: relative;
    cursor: pointer;
}

.header .yuyan .yuyan_list{
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    text-align: center;
    padding: 6px 0 0;
    display: none;
}

.header .yuyan .yuyan_list a{display: block;color: #333;padding: 4px;}
.header .yuyan .yuyan_list .yuyan_list2{
    background: #fff;
    padding: 4px 0;
}

.header .yuyan:hover .yuyan_list{animation: dhxiala 0.6s 1;animation-fill-mode: forwards;display: block;}

@-webkit-keyframes dhxiala {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}
@keyframes dhxiala {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

.footer{
    background: #3B4861;
    padding-top: 5.8vw;
    mask: url(../images/footer_bg.svg) top center/cover;
}

.footer .top .fx_box{
    margin-left: auto;
}

.footer .top .fx_box .fx{
    width: 2.4vw;
    height: 2.4vw;
    margin-right: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 11px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    transition: all 0.6s;
    cursor: pointer;
}
.footer .top .fx_box .fx:last-child{margin-right: 0;}
.footer .top .fx_box .fx:hover{opacity: 0.8;}

.footer .btm{
    padding-top: 3.1vw;
    margin-top: 3vw;
    border-top: 1px solid rgba(191, 205, 219, .2);
}
.footer .btm .left{width: 23.1%;}
.footer .btm .left .bt{color: #fff;}
.footer .btm .left .text{
    color: #BFCDDB;
}
.footer .btm .left .text p{margin-bottom: 8px;}
.footer .btm .left .text p:last-child{margin-bottom: 0;}
.footer .btm .right{
    width: 60%;
    margin-left: auto;
}

.footer .btm .right .ul li{
    margin-left: 5.5%;
}

.footer .btm .right .ul li:nth-child(1){margin-left: 0;width: 16%;}
.footer .btm .right .ul li:nth-child(2){width: 20%;}
.footer .btm .right .ul li:nth-child(3){width: 15%;}
.footer .btm .right .ul li:nth-child(4){width: 15%;}
.footer .btm .right .ul li:nth-child(5){width: 12%;text-align: right;}
.footer .btm .right .ul li .bt{color: #fff;}
/*.footer .btm .right .ul li .a_list{
    margin-top: 4px;
}*/
.footer .btm .right .ul li .a_list a{margin-bottom: 12px;display: block;color: #BFCDDB;transition: all 0.6s;}
.footer .btm .right .ul li .a_list a:last-child{margin-bottom: 0;}
.footer .link{
    margin-top: 8.8vw;
    color: #BFCDDB;
}

.footer .link .t{
    width: 105px;
}
.footer .link .a_list{
    margin-left: auto;
    width: calc(100% - 130px);
    padding-right: 100px;
    height: 20px;
    overflow: hidden;
}
.footer .link .a_list a{color: #BFCDDB;transition: all 0.6s;margin-right: 15px;display: block;}
.footer .link .a_list a:hover,.footer .btm .right .ul li .a_list a:hover{color: #fff;}
.footer .link .lin_gd{
    color: #BFCDDB;
    padding-right: 10px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.footer .link .lin_gd:before{
    width: 7px;
    height: 5px;
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/link_jt.svg) center center/cover;
    transition: all 0.6s;
}
.footer .link.cur .a_list{height: auto;}
.footer .link.cur .lin_gd:before{transform: translateY(-50%) rotate(180deg);}

.footer .banquan{
    padding: 1.6vw 0;
    margin-top: 1.6vw;
    border-top: 1px solid rgba(191, 205, 219, .2);
}

.footer .banquan .t,.footer .banquan .t a,.footer .banquan .r a{color: #BFCDDB;transition: all 0.6s;}
.footer .banquan .t a:hover,.footer .banquan .r a:hover{color: #fff;}
.footer .banquan .l{width: 70%;}
.footer .banquan .r{
    margin-left: auto;
}
.footer .banquan .r a{
    padding-right: 6px;
    margin-right: 6px;
    position: relative;
}
.footer .banquan .r a:before{
    height: 90%;
    right: -4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    background: #BFCDDB;
    content: "";
}
.footer .banquan .r a:last-child{padding-right: 0;margin-right: 0;}
.footer .banquan .r a:last-child:before{display: none;}
@media(max-width: 1600px){
    .footer .btm .right{width: 66%;}
}
@media(max-width: 1500px){
    .footer .btm .right .ul li .bt{font-size: 14px;}
    .footer .btm .right .ul li .a_list a{font-size: 12px;}
}
@media(max-width: 1100px){
    .header{--top: 34px;}
    .header .logo{width: 150px;}
    .header > .container{justify-content: initial;}
    .navR{margin-left: 14px;}
    .header .logo{padding: 10px 0;}
    .header .right_box{margin-left: auto;}
    .mobile-menu{margin-top: 10px;}
    .footer .logo{width: 150px;}
    .footer .btm .right{display: none;}
    .footer .btm .left{width: 100%;}
    .footer{padding-top: 40px;mask: none;}
    .footer .top .fx_box .fx{width: 40px;height: 40px;}
    .footer .btm{margin-top: 14px;padding-top: 14px;}
    .footer .btm .left .text{margin-top: 10px;}
    .footer .btm .left .text p{margin-bottom: 5px;}
    .footer .link .lin_gd{
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        display: inline-block;
        margin-top: 4px;
    }
    .footer .link{margin-top: 30px;display: none;}
    .footer .link .a_list{padding-right: 0;}
    .footer .link .a_list a{margin-right: 10px;}
    .footer .banquan{
        margin-top: 20px;
        padding: 14px 0;
    }
    .footer .banquan .r{margin-top: 6px;margin-left: 0;}
    .header .yuyan{margin-left: 24px;}
}

.banner{position: relative;}
.banner_box:before{
    width: 100%;
    height: 5.8vw;
    position: absolute;
    bottom: 5px;
    left: 0;
    content: "";
    background: url(../images/banner_xian.svg) center center/cover;
    z-index: 2;
}
.banner .img {position: relative;overflow: hidden;}

.banner .img:before{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: url(../images/banner_zz.png) center center/cover;
    z-index: 3;
    mask: url(../images/banner_zz02.png) center bottom/cover;
}
.banner .img .pc{
    width: 100vw;
    height: 100vh;
    mask: url(../images/banner_zz03.png) center bottom/cover;
    transform: scale(1.04);
    transition: all 2s;
}
.banner .swiper-slide-active .img .pc{transform: scale(1);}
.banner .text{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 24vh;
    z-index: 3;
    text-align: center;
    color: #fff;
    transition: all 2s;
    transform: translateY(20%);
    opacity: 0;
}

.banner .swiper-slide-active .text{transform: translateY(0);opacity: 1;}

.banner .text .fbt{margin-bottom: 6px;}

.banner .swiper-pagination{bottom: 13vh;}
.banner .swiper-pagination .swiper-pagination-bullet{
    border-radius: 100px;
    background: #fff;
    width: 6px;
    height: 6px;
    opacity: 1;
    margin: 0 10px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
}

.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    width: 78px;
    background: rgba(255, 255, 255, .2);
}

.banner .swiper-pagination .swiper-pagination-bullet:before{
    position: absolute;
    left: 0;
    width: 0;
    background: #fff;
    height: 100%;
    content: "";
}

.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
    width: 100%;
    transition: all 8s linear;
}
.banner_box .down{
    position: absolute;
    left: 50%;
    width: 120px;
    height: 120px;
    bottom: -60px;
    border-radius: 100%;
    background: #10A078;
    transform: translateX(-50%);
    z-index: 2;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.more_box{display: inline-block;}
.more,a.more{
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 100px;
    padding: 4px;
    position: relative;
}
.more:before,a.more:before{
    background: #1D438C;
    border-radius: 100pc;
    width: 44px;
    height: 44px;
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    z-index: 0;
    transition: all 0.6s;
}
.more .span,a.more .span{
    padding: 0 20px 0 16px;
    position: relative;
    z-index: 2;
}

.more .i,a.more .i{
    background: url(../images/more_jt.svg) center center no-repeat;
    width: 44px;
    height: 44px;
    display: block;
    border-radius: 100%;
    position: relative;
    z-index: 2;
}
.more:hover:before,a.more:hover:before{width: calc(100% - 8px);}

.more.more2,a.more.more2{
    color: #222222;
    border: 1px solid rgba(153, 153, 153, 0.5);
}

.more.more2:hover,a.more.more2:hover{
    color: #fff;
}

.more.more3:before,a.more.more3:before{
    background: #BA9B37;
}

.more.more4:before, a.more.more4:before{background: #10A078;}
.more.zb .i,a.more.zb .i{background: url(../images/contact_a_icon4.svg) center center no-repeat;}
.more.qq .i,a.more.qq .i{background: url(../images/contact_a_icon5.svg) center center no-repeat;}

.title .fbt{color: #333333;position: relative;padding-left: 35px;display: inline-block;}
.title .fbt:before{
    content: "";
    width: 30px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/title_fbt.svg) center center/cover;
}
.title .bt{
    color: #111111;
    font-weight: bold;
    line-height: 1.1;
    margin-top: 6px;
}
.title .bt .span{
    display: block;
    margin-left: var(--left);
}
.title.flexcenter2 .bt{
    margin-top: -6px;
    margin-left: auto;
    margin-right: 11.9vw;
}

.title_text{color: #222222;}
.title_text.title_text2{color: #666;}
.home_a{
    --left: 20%;
    padding: 9vw 0 6.7vw;
}


.home_a .left{
    padding-right: 5vw;
    width: calc(100% - 750px);
}
.home_a .left .title_text{padding-left: var(--left);}
.home_a .left .more_box{padding-left: var(--left);}

.home_a .right{
    margin-left: auto;
    width: 750px;
}
.home_a .right .img{
    border-radius: 20px;
    overflow: hidden;
}

.home_a .right .bf{
    width: 4.6vw;
    height: 4.6vw;
    background: url(../images/bf.svg) center center no-repeat #FFFFFF;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: all 0.6s;
    transform: translate(-50%,-50%);
    cursor: pointer;
    background-position: calc(50% + 2px);
}

.home_a .right .bf:hover{
    transform: translate(-50%,-50%) scale(.85);
}

.home_a .right .ul li{
    margin-right: 2vw;
    width: calc((100% - 2vw*2)/3);
}

.home_a .right .ul li:last-child{margin-right: 0;}
.home_a .right .ul li .num{
    font-weight: bold;
    color: #1D438C;
    
}

.home_a .right .ul li .num .jb{
    background: linear-gradient(103deg, #1D438C 50%, #139C79 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.home_a .right .ul li .js{color: #222222;}

.home_b{
    padding: 6.7vw 0 9vw;
    background: url(../images/home_b_bg.png) center center/cover;
}
.home_b .btm .left{
    width: 39.75%;
   
}
.home_b .btm .nr{
    height: 100%;
     border-radius: 20px;
     display: flex;
     align-items: center;
}
.home_b .btm .left .nr .img img{opacity: 0;}

.home_b .btm  .text{
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    color: #fff;
    padding: 20px;
}
.home_b .btm .text .bt{
    width: 70%;
}
.home_b .btm .text .i{
    margin-left: auto;
}
.i{
    width: 44px;
    height: 44px;
    display: block;
    border-radius: 100%;
    background: url(../images/i_jt.svg) center center no-repeat rgba(255, 255, 255, 0.1);
}
.home_b .left .img{border-radius: 20px;overflow: hidden;}
.i.i2{
    background: url(../images/i_jt2.svg) center center no-repeat  rgba(191, 184, 175, 0.2);
}

.home_b .btm .right{
    width: 59.1%;
    margin-left: auto;
}
.home_b .btm .right .ul li{
    width: 49.1%;
    margin-right: 1.8%;
    margin-top: 1.8%;
    background: #fff;
    border-radius: 20px;
    min-height: 12.5vw;
}
.home_b .btm .right .ul li:nth-child(1),
.home_b .btm .right .ul li:nth-child(2){margin-top: 0;}
.home_b .btm .right .ul li:nth-child(2n){margin-right: 0;}
.home_b .btm .right .ul li .nr{padding: 20px 20px 50px;}
.home_b .btm .right .ul li .img{width: 100%;text-align: center;}
.home_b .btm .right .ul li .img img{width: auto;display: inline-block;}
.home_b .btm .right .ul li .text{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.home_b .btm .right .ul li .text .bt{color: #000000;font-weight: bold;}

.home_c{
    padding: 6.2vw 0 8.3vw;
}

.home_c .top .more_box{margin-left: auto;}
.home_c .btm .ul li.li1{
    width: 49.3%;
}

.home_c .btm .ul li .nr{height: 100%;border-radius: 20px;transition: all 0.6s;}

.home_c .btm .ul li.li1 .text{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #fff;
    padding: 1.6vw;
}
.home_c .btm .ul li.li1 .img img{opacity: 0;}
.home_c .btm .ul li .text .i{background: url(../images/i_jt2.svg) center center no-repeat  #DFEDE9;}
.home_c .btm .ul li .text .lm .flei{
    color: #10A078;
    background: #C8EDE3;
    padding: 7px 10px 6px;
    line-height: 1;
    border-radius: 50px;
    margin-right: 10px;
}
.home_c .btm .ul li.li1 .text .lm .time{color: #FFFFFF;}
.home_c .btm .ul li.li1 .text .bt{
    padding-right: 25%;
    font-weight: bold;
    line-height: 1.4;
}

.home_c .btm .ul li{
    margin-right: 15px;
}

.home_c .btm .ul li:last-child{margin-right: 0;}
.home_c .btm .ul li.li2 .img{
    mask: url(../images/home_imgzz.png) center center/cover;
}
.home_c .btm .ul li.li2{
    width: calc((100% - 49.3% - 15px*2)/2);
    background: rgba(191, 184, 175, 0.13);
    border-radius: 20px;
    overflow: hidden;
}

.home_c .btm .ul li.li2 .text{
    padding: 1.7vw 1.6vw 1.6vw;
}

.home_c .btm .ul li.li2 .text .bt{
    color: #111111;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all 0.6s;
}
.home_c .btm .ul li.li2 .text .js{
    color: #666666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.home_c .btm .ul li.li2:hover .text .bt{color: #10A078;}
.header.fixed-head,.header.fixed-head2{background: #000;}

.home_d{
    background: url(../images/home_d_bg.png) center top/cover;
    padding: 4.1vw 0;
}

.home_d:before{
    width: 100%;
    height: 4.5vw;
    position: absolute;
    top: 3px;
    left: 0;
    content: "";
    background: url(../images/xian.svg) center center/cover;
}

.home_d .text{
    text-align: center;
    color: #fff;
}
.home_d .text .bt{font-weight: bold;}
.end{margin-bottom: -90px;}
@media(max-width: 2000px){
    .home_a{--left: 15%;}
    .home_a .left{padding-right: 2.6vw;}
}
@media(max-width: 1800px){
    .home_a{--left: 10%;}
    .home_a .right{width: 600px;}
    .home_a .left{width: calc(100% - 600px);}
    .home_a .right .ul li .num{font-size: 2.6vw;}
}
@media(max-width: 1100px){
     .home_a .right .ul li .num{font-size: 20px;}
}
@media(max-width: 1100px){
    .end{margin-bottom:0;}
    .banner_box .down{display: none;}
    .more .i, a.more .i,.more:before, a.more:before{
        width: 34px;
        height: 34px;
    }
    .more .span, a.more .span{padding: 0 12px 0 14px;}
    .banner .swiper-pagination{
        bottom: 30px;
    }
    .banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 60px;margin: 0 3px;}
    .home_a{
        padding: 40px 0;
        --left: 0;
    }
    .home_a .left{
        width: 100%;
    }
    .home_a .right{
        width: 100%;
        margin-top: 20px;
    }
    .home_a .right .bf{width: 46px;height: 46px;}
    .home_a .right .ul li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 14px;
    }
    .home_a .left .title_text{margin-top: 14px;}
    .home_a .right .ul li:nth-child(2n){margin-right: 0;}
    .home_b{
        padding: 40px 0;
    }
    .title .bt{margin-top: 6px;}
    .title .bt br{display: none;}
    .title.flexcenter2 .bt{
        margin-left: 0;
        margin-top: 6px;
    }
    .home_b .btm .left{
        width: 100%;
    }
    .home_b .btm .text{
        padding: 20px 14px 10px;
    }
    .home_b .btm .left .nr .img img{opacity: 1;}
    .i{
        width: 34px;
        height: 34px;
    }
    .home_b .btm .right{width: 100%;margin-top: 14px;}
    .home_c{padding: 40px 0;}
    .home_c .btm .ul li.li1{
        width: 100%;
        margin-right: 0;
        margin-bottom: 14px;
    }
    .home_c .btm .ul li .nr{background: none !important;}
    .home_c .btm .ul li.li1 .img img{opacity: 1;}
    .home_c .btm .ul li.li2{
        margin-right: 0;
        width: 100%;
        margin-bottom: 14px;
    }
    .home_c .btm .ul li:last-child{margin-bottom: 0;}
    .home_c .btm .ul li.li2 .text,.home_c .btm .ul li.li1 .text{padding: 20px 14px;}
    .home_c .btm .ul li.li1 .text .bt{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .home_d{padding: 40px 0 30px;}
}
@media(max-width: 640px){
    .home_b .btm .right .ul li{width: 100%;min-height: 200px;margin-bottom: 14px;margin-top: 0;}
    .home_b .btm .right .ul li:last-child{margin-bottom: 0;}
}

.nybanner {position: relative;}
.nybanner .img{position: relative;}
.nybanner .img .pc{
    width: 100vw;
    height: 100vh;
    transform: scale(1.04);
    transition: 3s;
}
.nybanner.cur .img .pc{transform: scale(1);}

.nybanner .img:before{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: url(../images/nybanner_lv.png) center bottom/cover;
    z-index: 1;
}
.nybanner .text{
    width: 100%;
    left: 0;
    right: 0;
    position: absolute;
    color: #fff;
    bottom: 25vh;
    text-align: center;
    z-index: 2;
    transition: all 2s;
    opacity: 0;
    transform: translateY(20%);
}

.nybanner.cur .text{transform: translateY(0);opacity: 1;}

.nybanner.newsxq_banner .text{bottom: 8vw;}

.nybanner .text .bt{font-weight: bold;margin-top: 8px;line-height: 1.1;}
.nybanner .zhe{
    height: 8.07vw;
    width: 200%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(../images/nybanner_zz.png) center center/cover;
    animation: nybanner_zhe 15s infinite linear;
    z-index: 2;
}
.nybanner .zhe:before{
    background: url(../images/nybanner_zz.png) center center/cover;
    width: 100%;
    height: 100%;
    left: 100%;
    position: absolute;
    top: 0;
    content: "";
}

.nybanner .xian{
    width: 200%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
   animation: nybanner_zhe 30s infinite linear;
    z-index: 2;
}

@-webkit-keyframes nybanner_zhe {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}
@keyframes nybanner_zhe {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

.contact_a{
    padding: 3vw 0 7.8vw;
}
.top .l{
    width: 70%;
}
.top .r{margin-left: auto;}
.top .a_box{margin-left: auto;border: 1px solid rgba(153, 153, 153, 0.5);border-radius: 100px;}
.top .a_box a{
    display: block;
    color: #222222;
    min-width: 6.2vw;
    text-align: center;
    transition: all 0.6s;
    border-radius: 100px;
    padding: 10px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top .a_box a:hover,.top .a_box a.cur{
    color: #fff;
    background: #1C448B;
}

.contact_a .btm .box{
    display: none;
    background: #F7F6F5;
    border-radius: 20px;
    overflow: hidden;
}

.contact_a .btm .box.cur{display: block;}
.contact_a .btm .box .l{position: relative;width: 790px;}
.contact_a .btm .box .l .here{
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 0 0 1.2vw;
    z-index: 2;
    text-align: center;
    justify-content: center;
}

.contact_a .btm .box .l .here .more_box{
    margin-right: 3%;
   /* width: 48.5%;*/
   margin-top: 10px;
    display: block;
}
.contact_a .btm .box .l .here .more_box:last-child{margin-right: 0;}
.contact_a .btm .box .l .here .more_box .more{justify-content: space-between;}


.contact_a .btm .box .img{border-radius: 20px;overflow: hidden;}
.contact_a .btm .box .ul{
    width: calc(100% - 790px);
    padding:0 8vw 0 4.4vw;
}

@media(max-width: 1700px){
    .contact_a .btm .box .l{width: 650px;}
    .contact_a .btm .box .ul{
        width: calc(100% - 650px);
    }
}

@media(max-width: 1300px){
    .contact_a .btm .box .ul{padding: 0 3vw;}
}

.contact_a .btm .box .ul li{
    margin-bottom: 3vw;
}
.contact_a .btm .box .ul li:last-child{margin-bottom: 0;}
.contact_a .btm .box .ul li .icon{
    width: 4.1vw;
    height: 4.1vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background: rgba(16, 160, 120, 0.1);
}
.contact_a .btm .box .ul li .icon img{
    max-width: 30px;
}

.contact_a .btm .box .ul li .text{
    width: calc(100% - 4.1vw);
    padding-left: 16px;
    color: #3D3D3D;
}

.contact_a .btm .box .ul li .text .js{
    color: #767676;
}

.contact_b{background: url(../images/contact_b_bg.png) center top/cover;padding: 9.8vw 0 10.4vw;}
.contact_b .title_text{width: 77.6%;}

.contact_b .ul li{
    width: 32.5%;
    margin-right: 1.25%;
    margin-bottom: 12px;
    position: relative;
}
.contact_b .ul li:nth-child(3n){margin-right: 0;}
.contact_b .ul li.w100{width: 100%;margin-right: 0;}

.contact_b .ul li input {
    width: 100%;
    border: 1px solid rgba(216, 216, 216, 0.8);
    height: 62px;
    font-size: 16px;
    padding: 0 54px;
    border-radius: 10px;
}

.contact_b .ul li textarea{
    width: 100%;
    border: 1px solid rgba(216, 216, 216, 0.8);
    height: 140px;
    font-size: 16px;
    padding: 20px 54px;
    border-radius: 10px;
    resize: none;
}
.contact_b .ul li.content .icon{
    transform: initial;
    top: 23px;
}
.contact_b .ul li.xing:before{
    content: "*";
    position: absolute;
    color: #B51C2F; 
    font-size: 16px;
    line-height: 1;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
}

.contact_b .ul li .icon{
    width: 24px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.contact_b .ul li .icon img{display: block;}
.contact_b .ul li .icon .img2{display: none;}

.contact_b .ul li input:focus{
    border-color: #10A078;
}

.contact_b .ul li input:focus + .icon .img1{display: none;}
.contact_b .ul li input:focus + .icon .img2{display: block;}

.contact_b .ul li .nr{text-align: center;width: 100%;}
.contact_b .ul li .nr button{
    border: 2px dashed rgba(0, 0, 0, 0.2);
    display: flex;
    width: 66px;
    height: 66px;
    background: url(../images/ruzhu_a_icon7.svg) center center no-repeat;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
}

.contact_b .ul li .nr input{
    height: auto !important;
    background: none !important;
    border: none !important;
    margin-top: 16px;
    padding: 0 !important;
    display: block;
    width: 100%;
    text-align: center;
}

.layui-form-selected dl{top: 62px;}
.layui-form-select .layui-edge{
    margin: 0;
    padding: 0;
    background: url(../images/contact_b_jt.svg) center center/cover;
    width: 12px;
    height: 6px;
    right: 20px;
    content: "";
    border: none;
}
.layui-form-select dl dd.layui-this{background: #10A078;}
button.more{
    background: none;
    border: none;
    cursor: pointer;
}

@media (max-width: 1500px) {
    .contact_b .ul li input {
        font-size: 14px;
        height: 52px;
    }
    .contact_a .btm .box .ul li .icon img{
        max-width: 24px;
    }
}

@media(max-width: 1100px){
    .nybanner .text,.nybanner.newsxq_banner .text{bottom: 50%;transform: translateY(50%);}
    .contact_a{padding: 40px 0;}
    .top .l{width: 100%;}
    .top .r{margin-left: 0;margin-top: 20px;width: 100%;}
    .contact_a .btm .box .l{
        width: 100%;
    }
    .contact_a .btm .box .l .here{padding: 14px;}
    .contact_a .btm .box .ul{
        width: 100%;
        padding: 20px 14px;
    }
    .contact_a .btm .box .ul li .icon{
        width: 46px;
        height: 46px;
    }
    .contact_a .btm .box .ul li{margin-bottom: 16px;}
    .contact_a .btm .box .ul li .icon img{width: 22px;}
    .contact_a .btm .box .ul li .text{width: calc(100% - 46px);padding-left: 12px;}
    .contact_b{padding: 40px 0;}
    .contact_b .ul li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 8px;
    }
     .contact_b .ul li input {
        height: 44px;
    }
    .layui-form-selected dl{top: 44px;}
}


.news_a{padding: 3vw 0 3.2vw;}

.news_a .btm .ul li{
    width: 32.5%;
    margin-right: 1.25%;
    border-radius: 20px;
    background: #F7F6F5;
    margin-bottom: 16px;
}

.news_a .btm .ul li:nth-child(3n+1){
    margin-right: 0;
}

.news_a .btm .ul li .img{width: 100%;border-radius: 20px;mask: url(../images/home_imgzz.png) center center/cover;}
.news_a .btm .ul li .text{
    padding: 1.7vw 1.6vw;
}

.news_a .btm .ul li .text .bt{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all 0.6s;
}

.news_a .btm .ul li.li1{
    background: #F7F6F5;
    margin-bottom: 3vw;
    width: 100%;
    margin-right: 0;
}
.news_a .btm .ul li.li1 .img{
    width: 49.3%;
    border-radius: 20px;
    mask: none;
}
.news_a .btm .ul li.li1 .text{
    width: 50.7%;
    padding: 0 4.7vw 0 3.3vw;
}

.news_a .btm .ul li .text .flei{
    background: #C8EDE3;
    color: #10A078;
    border-radius: 100px;
    padding: 4px 10px;
    margin-right: 10px;
}
.news_a .btm .ul li .text .time{
    color: #666666;
}
.news_a .btm .ul li .text .bt{color: #333333;font-weight: bold;}
.news_a .btm .ul li .text .js{color: #666;max-height: 9.3vw;overflow: auto;}
.news_a .btm .ul li .text .js::-webkit-scrollbar{
    width: 2px;
}
.news_a .btm .ul li .text .js::-webkit-scrollbar-track{
    background: #ccc;
    width: 2px;
}

.news_a .btm .ul li .text .js::-webkit-scrollbar-track-piece{
    width: 2px;
} 
.news_a .btm .ul li .text .js::-webkit-scrollbar-thumb{
        background: #10A078;
        border: 5px;
}
.news_a .btm .ul li .text .js::-webkit-scrollbar-button{
    display: none;
}

.news_a .btm .ul li .i{    background: url(../images/i_jt2.svg) center center no-repeat #DFEDE9;}
.fyq {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.fyq a{
    width: 50px;
    height: 50px;
    border: 1px solid rgba(216, 216, 216, 0.8);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-right: 1vw;
    border-radius: 100%;
    transition: all 0.6s;
}

.fyq a:last-child{margin-right: 0;}
.fyq a.prev{
    background: url(../images/prev.svg) center center no-repeat;
}
.fyq a.next{
    background: url(../images/next.svg) center center no-repeat;
}

.fyq a:hover,.fyq a.cur{
    background: #10A078;
    border-color: #10A078;
    color: #fff;
}
.fyq a.prev:hover{
    background: url(../images/prev2.svg) center center no-repeat #10A078;
}
.fyq a.next:hover{
    background: url(../images/next2.svg) center center no-repeat #10A078;
}

@media(max-width: 1500px){
    .fyq a{width: 44px;height: 44px;}
}
@media(max-width: 1100px){
    .news_a{padding: 40px 0;}
    .top .a_box a{
        padding: 4px 20px;
    }
    .news_a .top .r{width: 100%;}
    .top .a_box{border-radius: initial;border: none}
    .top .a_box a{
        padding: 6px;
        width: 48.5%;
        margin-right: 3%;
        border-radius: initial;
        margin-bottom: 10px;
        border: 1px solid rgba(153, 153, 153, 0.5);
    }
    .top .a_box a:nth-child(2n){margin-right: 0;}
    .news_a .btm .ul li.li1 .img{width: 100%;}
    .news_a .btm .ul li.li1 .text,.news_a .btm .ul li .text{
        width: 100%;
        padding: 20px 14px;
    }
    .news_a .btm .ul li .text .js{max-height: initial;}
    .news_a .btm .ul li{
        width: 100%;
        margin-right: 0;
    }
    .news_a .btm .ul li .img{mask: initial;}
    .fyq a {
        width: 40px;
        height: 40px;
        font-size: 14px;
    }
    .news_a .btm .ul li.li1,.news_a .btm .ul li{margin-bottom: 12px;}
}

.newsxq_banner .img .pc{
    height: 30vw;
}

.mbx{padding: 20px 0;}
.mbx a,.mbx span{
    color: #999999;
    position: relative;
    transition: all 0.6s;
}
.mbx a.home{padding-left: 20px;}
.mbx a.home:before{
    width: 14px;
    height: 14px;
    background: url(../images/home.svg) center center/cover;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
}
.mbx span{margin: 0 4px;}
.mbx a:hover{color: #10A078;}
.newsxq_a{
    padding: 5.2vw 0 5.7vw;
}

.newsxq_a .left{
    background: #F7F6F5;
    padding: 2.6vw 3.2vw;
    border-radius: 20px;
    width: 71.2%;
}

.newsxq_a .left .bt{color: #333333;font-weight: bold;padding-right: 3.1vw;}
.newsxq_a .flei{
    background: #C8EDE3;
    color: #10A078;
    border-radius: 100px;
    padding: 4px 10px;
    margin-right: 10px;
}
.newsxq_a .time{
    color: #666666;
}
.newsxq_a .left .text{
    color: #666;
    margin-top: 2vw;
    padding-top: 1.6vw;
    border-top: 1px solid #E5E5E5;
}
.newsxq_a .left .text ul{margin-top: 4px;}
.newsxq_a .left .text ul li{
    position: relative;
    padding-left: 12px;
    margin-top: 6px;
}
.newsxq_a .left .text ul li:before{
    width: 4px;
    height: 4px;
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    border-radius: 100%;
    background: #666666;
}

.newsxq_a .left .btm{
    margin-top: 1.6vw;
    padding-top: 1.6vw;
    border-top: 1px solid #E5E5E5;
}

.newsxq_a .left .btm .l{
    width: 70%;
}
.newsxq_a .left .btm .l a{
    display: block;
    margin-bottom: 8px;
    color: #333333;
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.newsxq_a .left .btm .l a:last-child{margin-bottom: 0;}
.newsxq_a .left .btm .l a span{
    color: #666666;
}
.newsxq_a .left .btm .r{margin-left: auto;}
.more.fanhui:before, a.more.fanhui:before{
    left: 4px;
    right: auto;
}

.more.fanhui .i, a.more.fanhui .i{transform: rotate(225deg);}
.newsxq_a .right{
    width: 26%;
    margin-left: auto;
}

.newsxq_a .right .box{
    margin-bottom: 18px;
    background: #F7F6F5;
    border-radius:  20px;
    overflow: hidden;
}

.newsxq_a .right .box:last-child{margin-bottom: 0;}
.newsxq_a .right .box .dbt{
    padding: 1.2vw 1.6vw;
    background: #10A078;
    color: #fff;
}
.newsxq_a .right .box .ul {padding: 4px 1.6vw 10px;}
.newsxq_a .right .box .ul li{
    padding: 1.1vw 0 1.6vw;
    border-bottom: 1px solid #E5E5E5;
}
.newsxq_a .right .box .ul li:last-child{border-bottom: none;}
.newsxq_a .right .box .ul li .bt{
    color: #333333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all 0.6s;
}

.newsxq_a .right .box .ul li:hover .bt{color: #10A078;}
.newsxq_a .right .box.box2{
    background: linear-gradient(239deg, #1D438C 14%, #139C79 87%);
    padding: 1.6vw;
    color: #fff;
}

/*.newsxq_a .right .box.box2 .bt{padding-right: 4vw;}*/
.newsxq_a .right .box.box2 a{
    border: 1px solid rgba(255, 255, 255, 0.3);
    display: inline-block;
    color: #fff;
    border-radius: 100px;
    padding: 8px 20px;
}

.newsxq_a .right .box.box2 a i{
    background: url(../images/newsxq_icon.svg) center center/cover;
    width: 20px;
    height: 20px;
    display: flex;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -1px;
    margin-right: 6px;
}

@media(max-width: 1100px){
    .newsxq_a{padding: 20px 0 40px;}
    .newsxq_a .left{width: 100%;padding: 26px 20px;}
    .newsxq_a .right{display: none;}
    .newsxq_a .left .text{margin-top: 12px;padding-top: 12px;}
    .newsxq_a .left .btm{margin-top: 12px;padding-top: 12px;}
    .newsxq_a .left .btm .l{width: 100%;}
    .newsxq_a .left .btm .r{margin-top: 16px;}
}

.why_a{
    padding: 3.1vw 0 8.3vw;
}

.why_a .ul li{
    width: 32.5%;
    margin-bottom: 1.25%;
    margin-right: 1.25%;
    background: #F7F6F5;
    border-radius: 20px;
    padding: 10px 0;
    transition: all 0.6s;
}
.why_a .ul li:nth-child(3n){
    margin-right: 0;
}

.why_a .ul li .top{
    padding: 2.1vw;
}

.why_a .ul li .top .bt{color: #333333;transition: all 0.6s;}
.why_a .ul li .top .js{color: #666666;margin-top: 1.1vw;padding-top: 1.1vw;border-top: 1px solid rgba(51, 51, 51, 0.2);height: 9vw;overflow: auto;transition: all 0.6s;}
.why_a .ul li .top .js::-webkit-scrollbar{
    width: 2px;
}
.why_a .ul li .top .js::-webkit-scrollbar-track{
    background: #ccc;
    width: 2px;
}

.why_a .ul li .top .js::-webkit-scrollbar-track-piece{
    width: 2px;
} 
.why_a .ul li .top .js::-webkit-scrollbar-thumb{
        background: #10A078;
        border: 5px;
}
.why_a .ul li .top .js::-webkit-scrollbar-button{
    display: none;
}

.why_a .ul li .top .icon{
     display: flex;
     align-items: center;
     justify-content: center;
     background: rgba(16, 160, 120, .2);
     border-radius: 100%;
     width: 4vw;
     height: 4vw;
     transition: all 0.6s;
}

.why_a .ul li .top .icon .img2{display: none;}

.why_a .ul li:hover{
    background: url(../images/why_a_bg.png) center center/cover #10A078;
}
.why_a .ul li:hover .top .bt,
.why_a .ul li:hover .top .js{color: #fff;}
.why_a .ul li:hover .top .js{border-color: rgba(255, 255, 255, 0.2);}
.why_a .ul li:hover .top .icon{background: rgba(255, 255, 255, .1);}
.why_a .ul li:hover .top .icon .img1{display: none;}
.why_a .ul li:hover .top .icon .img2{display: block;}

.why_b{
    padding: 8.8vw 0 11vw;
    background: url(../images/why_b_bg.png) top center/cover;
}

.why_b .ul > li{
    width: 49.3%;
    margin-right: 1.4%;
    overflow: hidden;
    border-radius: 20px;
    background: rgba(255,2555, 255, .8);
}

.why_b .ul > li:last-child{margin-right: 0;}

.why_b .ul > li .img{
    overflow: hidden;
    border-radius: 20px;
}
.why_b .ul > li .text{
    padding: 2.1vw 3.1vw 4vw;
}

.why_b .ul > li .text .bt{color: #333333;}
.why_b .ul > li .text .js{padding-top: 1vw;margin-top: 1vw;border-top: 1px solid rgba(51, 51, 51, 0.2);color: #666666;}
.why_b .ul > li .text .js ul li{margin-top: 10px;padding-left: 17px;position: relative;}
.why_b .ul > li .text .js ul li:before{
    width: 6px;
    height: 6px;
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    border-radius: 100%;
    background: #666666;
}

@media(max-width: 1100px){
    .why_a{padding: 40px 0;}
    .why_a .ul li{width: 100%;margin-right: 0;padding: 20px;margin-bottom: 12px;}
    .why_a .ul li .top{padding: 0;}
    .why_a .ul li .top .js{
        margin-top: 12px;
        padding-top: 12px;
        height: auto;
    }
    .why_a .ul li .top .icon{
        width: 50px;
        height: 50px;
        margin-top: 40px;
    }
     .why_a .ul li .top .icon img{width: 26px}
     .why_b{padding: 40px 0;}
     .why_b .ul > li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 14px;
     }
     .why_b .ul > li:last-child{margin-bottom: 0;}
     .why_b .ul > li .text{
        padding: 20px 14px;
     }
     .why_b .ul > li .text .js{
        margin-top: 14px;
        padding-top: 10px;
     }
     .why_b .ul > li .text .js ul li{margin-top: 8px;}
}

.product_a{
    padding: 4.1vw 0;
}
.product_a .top .l{
    width: auto;
}

.product_a .btm .ul li{
    width: 32.5%;
    margin-bottom: 2vw;
    margin-right: 1.25%;
    position: relative;
    transition: all 0.6s;
    border-bottom: 1px solid rgba(51, 51, 51, 0.2);;
}

.product_a .btm .ul li:before{
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #10A078;
    width: 0;
    transition: all 0.6s;
    height: 1px;
    content: "";
}

.product_a .btm .ul li:nth-child(3n){margin-right: 0;}
.product_a .btm .ul li .img{
    border-radius: 20px;
    overflow: hidden;
}
.product_a .btm .ul li .text{
    padding: 1vw 0;
}
.product_a .btm .ul li .text .lm{
    color: #1D438C;
    background: rgba(28, 68, 139, .1);
    display: inline-block;
    padding: 3px 12px;
    border-radius: 3px;
    transition: all 0.6s;
}

.product_a .btm .ul li .text .bt{color: #333333;}
.product_a .btm .ul li .text .bt .span{
    width: 61%;
}
.product_a .btm .ul li .text .bt .i{
    transition: all 0.6s;
    margin-left: auto;
    background: url(../images/product_jt.svg) center center no-repeat #EAEAEA;
}

.product_a .btm .ul li:hover .text .lm{
    background: #10A078;
    color: #fff;
}
.product_a .btm .ul li:hover:before{width: 100%;}
.product_a .btm .ul li:hover .text .bt .i{background: url(../images/product_jt2.svg) center center no-repeat #1D438C;}

@media(max-width: 1100px){
    .product_a{padding: 40px 0;}
    .product_a .btm .ul li{width: 100%;margin-right: 0;margin-bottom: 20px;}
    .product_a .btm .ul li:last-child{margin-bottom: 0;}
    .product_a .btm .ul li .text{padding: 14px 0;}
    .product_a .btm .ul li .text .bt .span{
        width: calc(100% - 60px);
    }
}

.productxq_a{
    padding: 5.2vw 0 8.3vw;
}
.productxq_a .left{
    width: 44.2%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.productxq_a .left .text{color: #666666;}
.productxq_a .left .btm .more_box{margin-right: 10px;margin-bottom: 6px;}
.productxq_a .left .btm .more_box:last-child{margin-right: 0;}
.productxq_a .left .top{
    width: 100%;
}
.productxq_a .right{
    width: 45.5%;
    margin-left: auto;
}
.productxq_a .right .img{border-radius: 20px;overflow: hidden;}
.productxq_b{
    padding: 8.3vw 0 10vw;
    background: url(../images/productxq_b_bg.png) center center/cover;
    background-size: 100% 100%;
    position: relative;
    z-index: 2;
}
.productxq_b .ul > li{
    background: rgba(255, 255, 255, .5);
    width: 49.1%;
    margin-right: 1.8%;
    border-radius: 20px;
    padding: 3.1vw 3.1vw 2.3vw;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}
.productxq_b .ul > li .top{width: 100%;}

.productxq_b .ul > li:nth-child(2n){margin-right: 0;}
.productxq_b .ul > li .bt{color: #10A078;}
.productxq_b .ul > li .text{
    color: #666666;
    padding-top: 1vw;
    margin-top: 1.5vw;
    border-top: 1px solid rgba(96, 96, 96, .2);
}
.productxq_b .ul > li .text ul li{margin-top: 8px;padding-left: 17px;position: relative;}
.productxq_b .ul > li .text ul li:nth-child(1){margin-top: 0;}
.productxq_b .ul > li .text ul li:before{
    width: 5px;
    height: 5px;
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    border-radius: 100%;
    background: #666666;
}
.productxq_b .ul > li .icon{
    width: 5.7vw;
    height: 5.7vw;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #10A078;
    margin-top: 4vw;
}

.productxq_c{
    padding: 7.8vw 0;
    background: #F7F6F5;
    margin-top: -4vw;
}
.productxq_c .text{border-radius: 20px;overflow: hidden;}
.productxq_c .text table th{
    background: linear-gradient(0deg, #009771, #009771), linear-gradient(0deg, #D8D8D8, #D8D8D8), #D8D8D8;
    color: #fff;
    font-weight: initial;
    border-right: 1px solid rgba(255, 255, 255, .1);
}

.productxq_c .text table th,
.productxq_c .text table td{
    padding: 22px 10px;
}

.productxq_c .text table tr:nth-child(2n){background: #fff;}

.productxq_c .text table td{color: #333333;border-right: 1px solid rgba(0, 0, 0, .1);}
.productxq_c .text table td:last-child,
.productxq_c .text table th:last-child{border-right: none;}

.productxq_d{padding: 5.7vw 0 7.8vw;}
.productxq_d .ul li{
    width: 32.5%;
    margin-right: 1.25%;
    position: relative;
    border-bottom: 1px solid rgba(51, 51, 51, 0.2);
}
.productxq_d .ul li:before{
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #10A078;
    width: 0;
    transition: all 0.6s;
    height: 1px;
    content: "";
}

.productxq_d .ul li:last-child{margin-right: 0;}
.productxq_d .ul li .img{border-radius: 20px;overflow: hidden;}
.productxq_d .ul li .text{
    padding: 1vw 0;
}

.productxq_d .ul li .text .lm{
    color: #1D438C;
    background: rgba(28, 68, 139, .1);
    display: inline-block;
    padding: 3px 12px;
    border-radius: 3px;
    transition: all 0.6s;
}

.productxq_d .ul li .text .bt{color: #333333;}
.productxq_d .ul li .text .bt .span{
    width: 61%;
}
.productxq_d .ul li .text .bt .i{
    transition: all 0.6s;
    margin-left: auto;
    background: url(../images/product_jt.svg) center center no-repeat #EAEAEA;
}

.productxq_d .ul li:hover .text .lm{
    background: #10A078;
    color: #fff;
}
.productxq_d .ul li:hover:before{width: 100%;}
.productxq_d .ul li:hover .text .bt .i{background: url(../images/product_jt2.svg) center center no-repeat #1D438C;}

@media(max-width: 1500px){
    .productxq_b .ul > li .text ul li:before{top: 12px;}
}

@media(max-width: 1100px){
    .mbx .container2{font-size: 12px;}
    .productxq_a{
        padding: 20px 0 40px;
    }
    .productxq_a .left{width: 100%;}
    .productxq_a .right{
        width: 100%;
        margin-top: 20px;
    }
    .productxq_a .left .text{margin-top: 16px;}
    .productxq_b{padding: 40px 0;background-size: cover;}
    
    .productxq_b .ul > li{width: 100%;margin-right: 0;padding: 20px 14px;}
    .productxq_b .ul > li:last-child{margin-bottom: 0;}
    .productxq_b .ul > li .text{margin-top: 14px;padding-top: 14px;}
    .productxq_b .ul > li .icon{
        width: 56px;
        height: 56px;
        margin-top: 40px;
    }
    .productxq_b .ul > li .icon img{width: 30px;}
    .productxq_c{
        margin-top: 0;
        padding: 40px 0;
    }
    .productxq_c .text table th, .productxq_c .text table td{padding: 10px;}
    .productxq_c .text table{width: 1100px;}
    .productxq_c .text {overflow: auto;}
    .productxq_d{padding: 40px 0;}
    .productxq_d .ul li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .productxq_d .ul li:last-child{margin-bottom: 0;}
    .productxq_d .ul li .text{padding: 14px 0;}
    .productxq_d .ul li .text .bt .span{
        width: calc(100% - 60px);
    }
}

.about_a{
    padding: 4.1vw 0 9.8vw;
}

.about_a .title_text{color: rgba(51, 51, 51, 1);padding: 0 3.6vw;}
.about_a .btm{
    z-index: 1;
    position: relative;
    justify-content: center;
}
.about_a .btm .video .img{border-radius: 20px;overflow: hidden;}
.about_a .btm .video .bf{
    width: 4.6vw;
    height: 4.6vw;
    background: url(../images/bf.svg) center center no-repeat #FFFFFF;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: all 0.6s;
    transform: translate(-50%, -50%);
    cursor: pointer;
    background-position: calc(50% + 2px);
}

.about_a .btm .video .bf:hover {
    transform: translate(-50%, -50%) scale(.85);
}

.about_a .btm .ul{margin-left: 2.7vw;}
.about_a .btm .ul li{
    margin-bottom: 2vw;
}
.about_a .btm .ul li:last-child{margin-bottom: 0;}
.about_a .btm .ul li .num{
    font-weight: bold;
    color: #1D438C;
    
}

.about_a .btm .ul li .num .jb{
    background: linear-gradient(103deg, #1D438C 50%, #139C79 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.about_a .btm .ul li .js{color: #222222;}
.about_a .bg{
    position: absolute;
    bottom: -5.2vw;
    left: 0;
    width: 100%;
    z-index: 0;
    opacity: 0.3;
}

.about_b{
    padding: 8.3vw 0 9.8vw;
    background: url(../images/about_b_bg.png) center center/cover;
    background-size: 100% 100%;
}

.about_b .ul li{
    width: 32.5%;
    margin-right: 1.25%;
}
.about_b .ul li:last-child{margin-right: 0;}
.about_b .ul li .img{border-radius: 20px;overflow: hidden;position: relative;}
.about_b .ul li .img:before{
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(24, 24, 24, 0) 70%, #3A3A3A 100%);
}
.about_b .ul li .text{
    color: #FFFFFF;
    font-weight: bold;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    padding: 1.6vw 2vw;
}

.about_c{padding: 9vw 0 7.2vw;}
.about_c .top .l{
    width: auto;
}

.about_c .btm .box{display: none;}
.about_c .btm .box.cur{display: block;}
.about_c .btm .box .nr{flex-direction: row-reverse;background: #F7F6F5;border-radius: 20px;overflow: hidden;}
.about_c .btm .l{
    width: 53.2%;
    padding: 0 5.7vw 0 3.4vw;
}
.about_c .btm .l .bt{
    font-weight: bold;
    color: #111111;
}
.about_c .btm .l .js{
    color: #666666;
    padding-right: 6px;
    max-height: 17.7vw;
    overflow: auto;
}

.about_c .btm .l .js::-webkit-scrollbar{
    width: 2px;
}
.about_c .btm .l .js::-webkit-scrollbar-track{
    background: #ccc;
    width: 2px;
}

.about_c .btm .l .js::-webkit-scrollbar-track-piece{
    width: 2px;
} 
.about_c .btm .l .js::-webkit-scrollbar-thumb{
        background: #10A078;
        border: 5px;
}
.about_c .btm .l .js::-webkit-scrollbar-button{
    display: none;
}

.about_c .btm .r{width: 46.8%;}
.about_c .btm .r{border-radius: 20px;overflow: hidden;}

@media(max-width: 1100px){
    .about_a{padding: 20px 0 40px;}
    .about_a .title_text{padding: 0;}
    .about_a .btm .video .bf{width: 46px;height: 46px;}
    .about_a .btm .ul li{
        width: 48%;
        margin-right: 4%;
        margin-bottom: 14px;
    }
    .about_a .btm .ul li:nth-child(2n){margin-right: 0;}
    .about_a .btm .ul{margin-top: 20px;margin-left: 0;width: 100%;display: flex;flex-wrap: wrap;}
    .about_a .bg{display: none;}

    .about_b{
        background-size: cover;
        padding: 40px 0;
    }
    .about_b .title .bt{margin-right: 0;}
    .about_b .ul li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 14px;
    }
    .about_b .ul li:last-child{margin-bottom: 0;}
    .about_b .ul li .text{
        padding: 20px;
    }
    .about_b .ul li .img:before{
        background: linear-gradient(180deg, rgba(24, 24, 24, 0) 40%, #3A3A3A 100%);
    }

    .about_c{padding: 40px 0;}
    .about_c .btm .l{
        width: 100%;
        padding: 20px;
    }
    .about_c .btm .l .js{max-height: 300px;}
    .about_c .btm .r{width: 100%;}
}

/*导航搜索下拉*/
.subsearch {
    width: 380px;
    position: absolute;
    top: 100%;
    right: -2.5vw;
    /* padding-top: 20px; */
    display: none;
    padding-top: 1vw;
}
.subsearch form {
    background: #ffffff;
    border-radius: 3px;
    padding: 0 90px 0 20px;
    position: relative;
    width: 100%;
   border-radius: 50px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12);
}

.subsearch form input.inp {
    width: 100%;
    border: none;
    /*border-left: 2px solid #93969d;*/
    background: none;
    outline: none;
    padding-left: 10px;
    color: #333;
    font-size: 16px;
    height: 46px;
}

.subsearch form input.subxx {
    border: none;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
     height: 100%;
    font-size: 0;
    width: 90px;
    font-size: 16px;
    color: #fff;
    border-radius: 50px;
    background: #10A078;
}

.subsearch.cur{
    animation: xiala 0.4s 1;animation-fill-mode: forwards;display: block;
}

@media(max-width: 1100px){
    .subsearch{width: 260px;}
    .subsearch form input.inp{height: 40px;font-size: 14px;}
    .subsearch form input.subxx{font-size: 14px;width: 60px;}
}



 /**搜索结果**/
.jieguoweo { padding: 180px 0 112px; }
.jieguoweo .containera { padding: 0 3.38541vw; }
.jieguoweo .aieurw { position: absolute; right: 0; bottom: 5px; }
.jieguoweo .aieurw .inp { border-radius: 100px; color: #686868; width: 400px; height: 58px; padding-left: 20px; font-size: 16px; border: 1px solid #D5DCE5; background: none; }
.jieguoweo .aieurw .inp::-webkit-input-placeholder {color: #686868;}
.jieguoweo .aieurw .inp::-moz-placeholder {color: #686868;}
.jieguoweo .aieurw .inp:-moz-placeholder {color: #686868;}
.jieguoweo .aieurw .inp:-ms-input-placeholder {color: #686868;}
.jieguoweo .aieurw .sub { position: absolute; top: 50%; right: 7px; width: 46px; border: 0; overflow: hidden; border-radius: 50%; height: calc(100% - 14px); transform: translateY(-50%); background: url(../images/subwe.svg)no-repeat center center/cover; }


.jieguoweo .jieguo { line-height: 1; color: #767676; margin: 15px 0 50px; }
.jieguoweo .jieguo span { color: #10A078; }
.jieguoweo .kaoweoo ul li { margin-bottom: 15px; }
.jieguoweo .kaoweoo ul li:last-child { margin-bottom: 0; }
.jieguoweo .kaoweoo ul li a { display: block; background: #fff; border-radius: 20px; overflow: hidden; padding: 50px 30px 47px; position: relative; }
.jieguoweo .kaoweoo ul li a::before { position: absolute; bottom: 0; left: 0; width: 100%; background: #10A078; height: 3px; content: ""; opacity: 0; transition: all .5s; }
.jieguoweo .kaoweoo ul li a .sz { line-height: 1; }
.jieguoweo .kaoweoo ul li a .bt { margin: 10px 0 13px; }



.jieguoweo .kaoweoo ul li a .bt{color: #000;}
.jieguoweo .kaoweoo ul li:hover a .bt { text-decoration: underline; }
.jieguoweo .kaoweoo ul li:hover a::before { opacity: 1; }

@media(max-width:1500px) {
    .jieguoweo { padding: 130px 0 100px; }
}

@media(max-width:1100px) {
    .jieguoweo .containera { padding: 0; }
    .jieguoweo { padding: 104px 0 50px; }

    .jieguoweo .aieurw { position: initial; width: 100%; float: left; margin-top: 15px; }
    .jieguoweo .aieurw .inp {
        width: 100%;
        font-size: 14px;
        height: 45px;
    }
    .jieguoweo .aieurw .sub {
        width: 31px;
    }
    .jieguoweo .jieguo { margin: 20px 0 30px; }

    .jieguoweo .kaoweoo ul li a { padding: 20px; }
    
}



/*保护政策*/
.baohuzc{
    background: #fff;
    padding: 8vw 0 8vw;
}

.baohuzc .text{
    line-height: 2;
    color: #666666;
}

.baohuzc .text h3{
    color: #222222;
    font-size: 20px;
    margin-bottom: 8px;
}

.baohuzc .text ol > li{
    position: relative;
    padding-left: 18px;
    margin-top: 8px;
}
.baohuzc .text ul > li{list-style-type: decimal;margin-left: 22px;margin-top: 8px;}

.baohuzc .text ol > li:before{
    position: absolute;
    left: 4px;
    width: 4px;
    height: 4px;
    background: #666666;
    content: "";
    position: absolute;
    top: 13px;
    border-radius: 100%;
}


.productxq_b_lb{padding-bottom:60px;}
.productxq_b_lb .swiper-pagination{
    bottom: 0;
    
}
.productxq_b_lb .swiper-pagination .swiper-pagination-bullet{
    border-radius: 100px;
    opacity: 1;
    margin: 0 10px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    background:#10A078;
    transition: all 0.6s;
}
.productxq_b_lb .swiper-pagination .swiper-pagination-bullet-active{
    width: 78px;
    background: rgba(255, 255, 255, .2);
}

.productxq_b_lb .swiper-pagination .swiper-pagination-bullet:before {
    position: absolute;
    left: 0;
    width: 0;
    background: #10A078;
    height: 100%;
    content: "";
}

.productxq_b_lb .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    width: 100%;
    transition: all 5s linear;
}

@media(max-width: 1700px){
    .baohuzc .text h3{font-size: 18px;}
}
@media(max-width: 1100px){
    .baohuzc{padding: 40px 0 50px;}
    .baohuzc .text{margin-top: 10px;}
    .baohuzc .text h3{font-size: 16px;}
    .download_tc .download_tc_box .gb{
        width: 36px;
        height: 36px;
    }
    
    .productxq_b_lb{padding-bottom:40px;}
    .productxq_b_lb .swiper-pagination .swiper-pagination-bullet{margin:0 6px;}
    .productxq_b_lb .swiper-pagination .swiper-pagination-bullet-active{width:60px;}
}