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

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

.container3{
    width: 92.7%;
    margin: 0 auto;
} 


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

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

@media(max-width: 1100px){
	.container{width: 100%;padding: 0 20px;}
    .container2,.container3{
        width: calc(100% - 40px);
    } 

	.m { display: block !important; }
	.pc { display: none !important; }
    :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: 16px;line-height: 48px;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: 60px; }
    .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: 60px; height: calc(100% - 60px);
        overflow: auto;
    }
}
 .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: 0;
}
.menu-i-2 {
    width: 32px;
    top: 8px;
}.menu-i-3 {
    width: 24px;
    top: 16px;
}
.mobile-menu {
    width: 36px;
    height: 20px;
    position: relative;
    display: block;
    background: none;
    border: none;
}
.mobile-menu-on .menu-i-1 {
    transform: translateY(6px) 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;
}


.mo_header{position: fixed;top: 0;left: 0;width: 100%;z-index: 99;padding: 0;transition: all 0.4s;background: #232323;box-shadow: 0 0 12px 0 rgba(0, 0, 0, .05);display: flex;flex-wrap: wrap;align-items: center;height: 60px;}

.mo_header .container{display: flex;flex-wrap: wrap;align-items: center;height: 100%;}
.mo_header.fixed-head{/*background: rgba(0, 0, 0, 1);*/}
.mo_header .logo{width: 120px;}
.mo_header .logo a{display: flex;}

.mo_header .yuyan{
    position: relative;
    margin-left: auto;
   /* position: absolute;
    top: calc(50% - 3px);
    right: 50px;
    transform: translateY(-50%);*/
}
.mo_header .yuyan .t a{color: #fff;}
.mo_header .yuyan .t{color: #fff;position: relative;padding-left: 26px;}
.mo_header .yuyan .t:before{
    position: absolute;
    left: 0;
    top: 50%;
    width: 17px;
    height: 17px;
    background: url(../images/sousuo.svg) center center/cover;
    transform: translateY(-50%);
    content: "";
}
.navR  {display: block;position: relative;margin-left: 14px;position: relative;}
/**pc导航**/
.header {
    position: fixed;
    left: 0;
    width: 100%;
    top: 0;
    transition: all 0.4s;
    z-index: 99;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.header.fixed-head{background: #232323;border-bottom: 1px solid #232323;}

.header .logo{margin-right: auto;}
.header .logo a{display: block;}
.header .ul{margin: 0 auto;}
.header .ul li{margin-right: 0.6rem;}
.header .ul li:last-child{margin-right: 0;}
.header .ul li > a{
    display: block;
    color: #fff;
    padding: 22px 0;
    position: relative;
}

.header .ul li > a:before{
    transition: all 0.6s;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    height: 2px;
    width: 0;
    background: #fff;
    content: "";
}

.header .ul li.cur > a:before,
.header .ul li:hover > a:before{width: 100%;}
.header .right{
    margin-left: auto;
}
.header .right .sousuo .icon{
    width: 0.17rem;
    cursor: pointer;
}
.header .right .anniiu{margin-left: 0.3rem;}
.header .right .anniiu a{
    display: block;
    color: #fff;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 100px;
    padding: 0.1rem 0.22rem;
}
@-webkit-keyframes toum {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes xiala {
    0% {
        opacity: 0;
    }
    100% {
       opacity: 1;
    }
}
.mornes {position: absolute; top: 0.5rem; right: -24px; z-index: 9; padding-top: 8px; overflow: hidden; transition: all .4s;display: none;}
.subsearch { display: none; }
.subsearch .subsearcha { background: #fff; border-radius: 3px; position: relative; width: 3.8rem; height: 0.52rem;}
.subsearch .subsearcha:before { content: ''; position: absolute; right: 26px; top: -8px; line-height: 0; border-width: 8px; border-color: rgba(255, 255, 255, 1); border-top-width: 0; border-style: dashed; border-top-style: solid; border-left-color: transparent; border-right-color: transparent; }
.subsearch .subsearcha .inp {background: none; width: 90%; height: 100%; border: 0; font-size: 0.16rem; color: #4a505a; padding-left: 20px; padding-right: 20px; }
.subsearch .subsearcha:before { content: ''; position: absolute; right: 26px; top: -8px; line-height: 0; border-width: 8px; border-color: rgba(255, 255, 255, 1); border-top-width: 0; border-style: dashed; border-top-style: solid; border-left-color: transparent; border-right-color: transparent; }..header .right .nawspan .subsearch .subsearcha .sub { border: none; outline: none; position: absolute; right: 20px; top: 50%; height: 15px; background: url(../images/searchx.png) no-repeat center center/cover; font-size: 0; width: 26px; transform: translateY(-50%); }
.subsearch .subsearcha .sub { border: none; outline: none; position: absolute; right: 20px; top: 50%; height: 0.15rem; background: url(../images/searchx.png) no-repeat center center/cover; font-size: 0; width: 0.26rem; transform: translateY(-50%); }

.header .right .sousuo.cur .mornes,.mo_header .sousuo.cur .mornes{
     animation: toum 0.6s 1;animation-fill-mode: forwards;display: block;
}

.footer{
    background: #232323;
}


.footer .top{
    padding: 1.6rem 0 0.5rem;
}
.footer .top .left{width: 18%;}
.footer .top .fx{
    margin-right: 0.1rem;
    position: relative;
}

.footer .top .fx:last-child{margin-right: 0;}
.footer .top .fx .icon{
    border-radius: 100%;
    width: 0.46rem;
    height: 0.46rem;
    overflow: hidden;
}
.footer .top .fx .ewm{
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    width: 120px;
    padding: 5px;
    border-radius: 6px;
    display: none;
}
.footer .top .fx:hover .ewm{
    animation: xiala 0.4s 1;animation-fill-mode: forwards;display: block;
}

.footer .zhong{
    width: 52%;
    padding: 0 0.8rem 0 0;
}

.footer .zhong .ul li{
    margin-right: calc((100% - 70.3%)/6);
}


.footer .zhong .ul li:nth-child(1){max-width: 16.3%;}
.footer .zhong .ul li:nth-child(2){width: 12%;}
.footer .zhong .ul li:nth-child(3){width: 10%;}
.footer .zhong .ul li:nth-child(4){width: 8%;}
.footer .zhong .ul li:nth-child(5){width: 8%;}
.footer .zhong .ul li:nth-child(6){width: 8%;}
.footer .zhong .ul li:nth-child(7){width: 8%;}
.footer .zhong .ul li:last-child{margin-right: 0;}
.footer .zhong .ul li a{display: block;color: #fff;transition: all 0.6s;}
.footer .zhong .ul li a.bt{opacity: 1;margin-bottom: 0.2rem;}
.footer .zhong .ul li .alist a{opacity: 0.7;margin-bottom: 0.1rem;}
.footer .zhong .ul li .alist a:last-child{margin-bottom: 0;}

.footer .zhong .ul li a:hover{opacity: 1;}

.footer .top .right{
    width: 30%;
    padding-left: 0.8rem;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.footer .top .right .ul li{
    width: 48.8%;
    margin-right: 2.4%;
    margin-bottom: 0.1rem;
}

.footer .top .right .ul li.none{margin-right: 0;}
.footer .top .right .ul li.w100{width: 100%;margin-right: 0;}
.footer .top .right .ul li input,.footer .right .ul li textarea{
     background: rgba(255, 255, 255, 0.05);
     border-radius: 3px;
     border: none;
    width: 100%;
    color: #fff;
}
.footer .top .right .ul li input{
    height: 0.54rem;
    padding: 0 0 0 0.54rem;
}

.footer .top .right .ul li textarea{
    resize: none;
    padding: 0.14rem 0.46rem;
    height: 1.1rem;
}

.footer .top .right .ul li textarea + .icon{
    transform: initial;
    top: 0.18rem;
}

.footer .top .right .ul li .icon{
    width: 0.16rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.2rem;
    opacity: 0.6;
    transition: all 0.6s;
}

.footer .top .right .ul li input:focus + .icon,
.footer .top .right .ul li textarea:focus + .icon{opacity: 1;}

.footer .top .right .ul li.bitian:before{
    content: "*";
    position: absolute;
    left: 0.44rem;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1;
    color: #C80016;
    font-size: 0.14rem;
}
.footer .top .right .more{
    background: rgba(255, 255, 255, 0.05);
}
.footer .top .right .dbt{color: #fff;}

.footer .btm{padding: 0.24rem 0;border-top: 1px solid rgba(255, 255, 255, 0.15);}
.footer .btm .left{width: 70%;}
.footer .btm .text{
    color: #666666;
}

.footer .btm .text a{color: #666;transition: all 0.6s;}
.footer .btm .text a:hover{color: #fff;}

.footer .btm .right{
    margin-left: auto;
}

.footer .btm .right a{color: #666666;transition: all 0.6s;margin-right: 0.26rem;}
.footer .btm .right a:last-child{margin-right: 0;}
.footer .btm .right a:hover{color: #fff;}

@-webkit-keyframes xiala {
    0% {
        opacity: 0;
        top: 90%;
    }
    100% {
        opacity: 1;
        top: 100%;
    }
}
@keyframes xiala {
    0% {
        opacity: 0;
        top: 90%;
    }
    100% {
       opacity: 1;
       top: 100%;
    }
}

.banner .text{
    transform: translate(0.6rem,-50%);
    transition: all 2s;
    opacity: 0;
}

.banner .swiper-slide-active .text{
    transform: translate(0,-50%);
    opacity: 1;
}

.banner .img .img1{
    width: 100%;
    height: 100vh;
    transition: all 4s;
    transform: scale(1.06);
}
.banner .swiper-slide-active .img .img1{transform: scale(1);}
.banner .text{
    position: absolute;
    top: 50%;
    /*transform: translateY(-50%);*/
    left: 0;
    right: 0;
    color: #fff;
}
.banner .swiper-pagination{
    bottom: 0.7rem;
    left: var(--container2_left);
    right: auto;
    width: auto;
}

.banner .swiper-pagination .swiper-pagination-bullet{
    opacity: 1;
    height: 2px;
    width: 0.7rem;
    position: relative;
    overflow: hidden;
    background: rgba(255, 255, 255, .4);
    border-radius: 0;
    margin: 0 2px;
}

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

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

.more_box{display: inline-block;}
.more{
    background: #1176A6;
    color: #fff;
    border-radius: 100px;
    padding: 0.12rem 0.3rem;
    transition: all 0.6s;
    cursor: pointer;
    border: none;
}
a.more{color: #fff;}
.more .i{
    width: 0.11rem;
    height: 0.11rem;
    margin-left: 5px;
    position: relative;
    overflow: hidden;
    background: url(../images/more.svg) center center/cover;
    transition: all 0.6s;
}

.more:hover{opacity: 0.8;}


.more.more2{background: rgba(255, 255, 255, 0.05);}
.more.more2:hover{background: #1176A6;opacity: 1;}

.more.more3{background: #F4F4F4;color: #666666;}
.more.more3 .i{background: url(../images/more3.svg) center center/cover;}
.more.more3:hover{background: #1176A6;opacity: 1;color: #fff;}
.more.more3:hover .i{background: url(../images/more.svg) center center/cover;}

@media(max-width: 1600px){
    .banner .text .bt{font-size: 0.6rem;}
}

@media(max-width: 1400px){
    .footer .top .left{width: 14%;}
    .footer .zhong{padding-right: 0.2rem;width: 62%;}
    .footer .top .right{padding-left: 0.2rem;width: 24%;}
}

@media(max-width: 1100px){
    .banner .swiper-pagination{bottom: 0.5rem;}
    .subsearch .subsearcha{height: 0.6rem;width: 5rem;}
    .subsearch .subsearcha .inp{font-size: 0.2rem;}

    .banner .text .bt{font-size: 0.46rem;}
    .footer .logo{width: 120px;}
    .footer .zhong{display: none;}
    .footer .top{padding: 0.5rem 0 0.4rem;}
    .footer .top .left{width: 100%;}
    .footer .top .left .fx_box{margin-top: 0.3rem;}
    .footer .top .right{
        width: 100%;
        margin-top: 0.4rem;
        padding-left: 0;
        border: none;
    }
    .footer .top .right .ul li{width: 100%;margin-right: 0;}
    .footer .top .right .ul li input, .footer .right .ul li textarea{font-size: 0.2rem;}
    .footer .top .right .ul li .icon{
        width: 0.24rem;
    }
    .footer .top .right .ul li.bitian:before{left: 0.52rem;font-size: 0.2rem;}
    .footer .top .right .ul li input{padding: 0 0.64rem;}
    .footer .top .right .ul li textarea{padding: 0.2rem 0.64rem;height: 1.6rem;}
    .footer .top .right .ul li textarea + .icon{top: 0.24rem;}
    .footer .btm .left{width: 100%;}
    .footer .btm .right{
         margin-left: 0;
         margin-top: 0.2rem;
    }
}

.color222{color: #222;}
.colorfff{color: #fff;}

.danjt{
    background: rgba(34, 34, 34, 0.1);
    cursor: pointer;
    display: block;
    width: 0.6rem;
    height: 0.5rem;
    border-radius: 0.4rem;
    transition: all 0.6s;
    position: relative;
}

.danjt:before{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    content: "";
    transition: all 0.6s;
    width: 0.11rem;
    height: 0.11rem;
    background: url(../images/danjt.svg) center center/cover;
}

.danjt.danjt2{background: rgba(244, 244, 244, 0.1);}
.danjt.danjt2:before{background: url(../images/danjt2.svg) center center/cover;}

.home_a .home_a_box{
    padding-right: var(--container2_left);
}
.home_a .img_box{
    width: 75%;
    overflow: hidden;
}
.home_a .img_box .img{display: none;position: relative;padding: 0.5rem 0 0.3rem;}
.home_a .img_box .img.cur{display: block;}
.home_a .img_box .img:before{
    position: absolute;
    content: "";
    width: 15.4rem;
    height: 15.4rem;
    background: rgba(240, 240, 240, 0.7);
    top: 50%;
    transform: translateY(-50%);
    right: 0.8rem;
    border-radius: 100%;
    z-index: 0;
}
.home_a .img_box .img img{position: relative;z-index: 1;transform: translateX(-0.8rem);}
.home_a .img_box .img .bg{
    font-weight: bold;
    font-size: 2.6rem;
    font-family: 'arial';
    /*font-size: 5.4rem;*/
    position: absolute;
    top: 50%;
    left: calc(50% - 0.8rem);
    transform: translate(-50%,-50%);
    color: #fff;
}

.home_a .right{
    width: 25%;
    padding-left: 0.2rem;
}
.home_a .right .ul > li{margin-bottom: 0.24rem;--paddingleft: 0.3rem}
.home_a .right .ul > li:last-child{margin-bottom: 0;}
.home_a .right .ul > li .bt{
    color: #333333;
    position: relative;
    padding-left: var(--paddingleft);
    font-weight: bold;
    cursor: pointer;
    transition: all 0.6s;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.home_a .right .ul > li .bt .dian{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.2rem;
    height: 0.2rem;
}

.home_a .right .ul > li .bt .dian:before{
     position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    content: "";
    background: rgba(51, 51, 51, 0.8);
    width: 0.06rem;
    height: 0.06rem;
    border-radius: 100%;
    transition: all 0.6s;
    opacity: 1;
}

.home_a .right .ul > li .bt .svg{
    opacity: 0;
    position: absolute;
    left: 0;
    height: 0;
    width: 100%;
    height: 100%;
}
.home_a .right .ul > li .bt .svg #jindu {transition: all 2s;}

.home_a .right .ul > li .text{padding-left: var(--paddingleft);display: none;}

.home_a .right .ul > li.cur .bt {color: #1176A6;}
.home_a .right .ul > li.cur .bt .svg{opacity: 1;}
.home_a .right .ul > li.cur .bt .dian:before{opacity: 0;}

.home_b{
    padding: 1.1rem 0;
    background: url(../images/home_b_bg.jpg) center center/cover;
}
.home_b .home_b_box{padding-left: var(--container2_left);}
.home_b .left{width: 24%;}
.home_b .left .ul > li{border-top: 1px solid rgba(255, 255, 255, 0.1);}
.home_b .left .ul > li:last-child{border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.home_b .left .ul > li .text{display: none;}
.home_b .left .ul > li .bt{position: relative;padding: 0.2rem 0.2rem 0.2rem 0;cursor: pointer;transition: all 0.6s;}
.home_b .left .ul > li .bt:before{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.1rem;
    background: url(../images/home_b_jt.svg) center center/cover;
    content: "";
    width: 0.05rem;
    height: 0.1rem;
    transition: all 0.6s;
    opacity: 1;
}

.home_b .right{
    width: 70%;
    margin-left: auto;
}

.home_b .right .img{display: none;border-radius: 0.2rem 0 0 0.2rem;}
.home_b .right .img.cur{display: block;}
.home_b .left .ul > li.cur{padding: 0.2rem 0;}
.home_b .left .ul > li.cur .bt{padding-top: 0;padding-bottom: 0;}
.home_b .left .ul > li.cur .bt:before{opacity: 0;}

.home_c{padding: 1.3rem 0 1.1rem;background: url(../images/home_c_bg.png) center center/cover #fff;}
.home_c .top .nr{
    margin: 0 auto;
    width: 63%;  
    position: relative;
    padding: 4px 0.44rem;
} 

.home_c .top .nr:before,
.home_c .top .nr:after{
    width: 0.13rem;
    height: 0.15rem;
    content: "";
    position: absolute;
}

.home_c .top .nr:before{
    left: 0;
    top: 0;
    background: url(../images/home_c_yh.svg) center center/cover;
}
.home_c .top .nr:after{
    right: 0;
    bottom: 0;
    background: url(../images/home_c_yh2.svg) center center/cover;
}

.home_c .top .icon_box{
   justify-content: center;
}

.home_c .top .icon_box .icon{
    width: 0.64rem;
    height: 0.64rem;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid #D0D0D0;
    display: flex;
    align-items: center;
    padding: 0.1rem;
    justify-content: center;
}

.home_c .top .icon_box .bt{
    padding-left: 0.2rem;
    max-width: calc(100% - 0.64rem);
}

.home_c .btm .icon_box .icon{
    background: #fff;
    border-radius: 0.3rem;
    overflow: hidden;
    line-height: 0;
}

.home_c .btm .icon_box2{margin-top: 10px;}
.home_c .btm .swiper-wrapper {
    transition-timing-function: linear;
}

.home_d{padding: 1.4rem 0 1.2rem;}
.home_d .btm .right{
    width: 48%;
    margin-left: auto;
}

.home_d .btm .right .ul > li{border-bottom: 1px solid #E7E7E7;padding-bottom: 0.2rem;margin-bottom: 0.2rem;}
.home_d .btm .right .ul > li:last-child{
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}
.home_d .btm .right .ul > li .img{
    width: 30%;
}

.home_d .btm .right .ul > li .text{
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    padding-left: 0.24rem;
}
.home_d .btm .right .ul > li .text .shang{width:100%;}
.home_d .btm .right .ul > li .text .time{color: #1176A6;}
.home_d .btm .right .ul > li .text .bt{
    color: #212121;
    transition: all 0.6s;
    display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2; 
   overflow: hidden;
}
.home_d .btm .right .ul > li:hover .text .bt{color: #1176A6;}

.home_d .btm .left{
    width: 49.6%;
}
.home_d .btm .left .img{position: relative;}
.home_d .btm .left .img:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 43%, rgba(0, 0, 0, 0.2) 82%), rgba(0, 0, 0, 0.2);
}

.home_d .btm .left > a{
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    z-index: 2;
    position: relative;
}
.home_d .btm .left .text{
    width: 80%;
    padding: 0.34rem;
}


.jtbox .jt{
    width: 0.52rem;
    height: 0.52rem;
    border-radius: 100%;
    background: #F3F3F3;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 0.6s;
    z-index: 3;
}

.jtbox .jt:before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.05rem;
    height: 0.1rem;
    transform: translate(-50%,-50%);
}

.jtbox .jt.jtl{
    left: 0;
    right: auto;
}
.jtbox .jt.jtl:before{background: url(../images/jtl.svg) center center/cover;}

.jtbox .jt.jtr{
    left: auto;
    right: 0;
}
.jtbox .jt.jtr:before{background: url(../images/jtr.svg) center center/cover;}

.jtbox .jt:hover{background: #1176A6;}
.jtbox .jt.jtl:hover:before{background: url(../images/jtl2.svg) center center/cover;}
.jtbox .jt.jtr:hover:before{background: url(../images/jtr2.svg) center center/cover;}

.home_e .home_e_box{
    padding: 0.6rem 0.2rem;
    background: url(../images/home_e_bg.png) center center/cover #F4F4F4;
    position: relative;
    z-index: 1;
    margin-bottom: -1.1rem;
}
.home_e .home_e_box .ul{justify-content: center;}
.home_e .home_e_box .ul > li{margin-right: 0.7rem;position: relative;color: #666;padding-left: 0.4rem;}
.home_e .home_e_box .ul > li:last-child{margin-right: 0;}

.home_e .home_e_box .ul > li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.home_e .home_e_box .ul > li.li1:before{
    width: 0.24rem;
    height: 0.24rem;
    background: url(../images/home_e_icon1.svg) center center/cover;
}

.home_e .home_e_box .ul > li.li2:before{
    width: 0.24rem;
    height: 0.17rem;
    background: url(../images/home_e_icon2.svg) center center/cover;
}

.home_e .home_e_box .ul > li.li3:before{
    width: 0.24rem;
    height: 0.25rem;
    background: url(../images/home_e_icon3.svg) center center/cover;
}

@media(max-width: 1100px){
    .title .bt{font-size: 0.44rem;}
    .home_a{padding: 0.8rem 0;}
    .home_a .home_a_box{padding: 0 var(--container2_left);}
    .home_a .right{
        width: 100%;
        padding: 0;
    }

    .home_a .img_box{
        width: 100%;
        margin-top: 0.3rem;
    }
    .home_a .img_box .img .bg{font-size: 1.8rem;left: 50%;}
    .home_a .img_box .img:before{border-radius: 0.3rem;right: 0;width: 100%;height: 100%;}
    .home_a .img_box .img img{transform: translateX(0);}

    .home_b{padding: 0.8rem 0;}
    .home_b .home_b_box{padding: 0 var(--container2_left);}
    .home_b .left{width: 100%;}
    .home_b .left .more_box{margin-top: 0.3rem;}
    .home_b .right{
        width: 100%;
        margin-top: 0.4rem;
    }

    .home_c{padding: 1rem 0;}
    .home_c .top .nr{width: calc(100% - 1.5rem);}
    .home_d{padding: 1rem 0;}
    .home_d .btm .left{
        width: 100%;
        background: none !important;
    }
    .home_d .btm .right{
        width: 100%;
        margin-top: 0.3rem;
    }
    .home_d .btm .left .text{
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 2;
    }

    .home_e{padding-bottom: 0.8rem;}
    .home_e .home_e_box{margin-bottom: 0;padding: 0.4rem;}
    .home_e .home_e_box .ul{justify-content: initial;}
    .home_e .home_e_box .ul li{margin-bottom: 0.2rem;}
    .home_e .home_e_box .ul li:last-child{margin-bottom: 0;}
}