* { margin: 0rem; padding: 0rem; outline: none; }
ul, li { list-style-type: none; }
img, video, iframe { border: 0rem; max-width: 100%; }
img { /*image-rendering: pixelated;*/ }

html { font-size: 100px; }
html, body { height: 100%; }
body { font-size: 14px; font-family: Microsoft YaHei,Arial, Helvetica, sans-serif,simsun; color: #333; overflow-x: hidden; margin: 0 auto; max-width:1920px;font-weight:500;}
a { color: #333333; text-decoration: none; }
a:hover { color: #d282ea; }
input { outline: none; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus { transition: background-color 5000s ease-in-out 0s; }
.no-animate { opacity: 0; }

@font-face
{
    font-family: c036;
    src: url(../fonts/036-CAI978.ttf);
}
@font-face
{
    font-family: c037;
    src: url(../fonts/037-CAI978.ttf);
}
@font-face
{
    font-family: c038;
    src: url(../fonts/038-CAI978.ttf);
}
@-webkit-keyframes fadeInDown2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInDown2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }

@-webkit-keyframes fadeInLeftDown {
    0% { opacity: 0; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeftDown {
    0% { opacity: 0; -webkit-transform: translate3d(-50%,0,0); transform: translate3d(-50%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeftDown { -webkit-animation-name: fadeInLeftDown; animation-name: fadeInLeftDown }

@-webkit-keyframes fadeInUp2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInUp2 {
    0% { opacity: 0; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }

@-webkit-keyframes fadeOutUp2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(0,-0.2rem,0); transform: translate3d(0,-0.2rem,0) }
}

@keyframes fadeOutUp2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(0,-0.2rem,0); transform: translate3d(0,-0.2rem,0) }
}

.fadeOutUp2 { -webkit-animation-name: fadeOutUp2; animation-name: fadeOutUp2 }

@-webkit-keyframes fadeInLeft2 {
    0% { opacity: 0; -webkit-transform: translate3d(-0.6rem,0,0); transform: translate3d(-0.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeft2 {
    0% { opacity: 0; -webkit-transform: translate3d(-0.6rem,0,0); transform: translate3d(-0.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }

@-webkit-keyframes fadeInRight2 {
    0% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInRight2 {
    0% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }

@-webkit-keyframes fadeOutRight2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
}

@keyframes fadeOutRight2 {
    0% { opacity: 1 }
    100% { opacity: 0; -webkit-transform: translate3d(.6rem,0,0); transform: translate3d(.6rem,0,0) }
}

.fadeOutRight2 { -webkit-animation-name: fadeOutRight2; animation-name: fadeOutRight2 }

@-webkit-keyframes fadeInLeft3 {
    0% { opacity: 0; -webkit-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInLeft3 {
    0% { opacity: 0; -webkit-transform: translate3d(0%,0,0); transform: translate3d(0%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInLeft3 { -webkit-animation-name: fadeInLeft3; animation-name: fadeInLeft3 }

@-webkit-keyframes fadeInRight3 {
    0% { opacity: 1; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInRight3 {
    0% { opacity: 1; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInRight3 { -webkit-animation-name: fadeInRight3; animation-name: fadeInRight3 }

@-webkit-keyframes fadeInDown3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-0.3rem,0); transform: translate3d(0,-0.3rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInDown3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-0.3rem,0); transform: translate3d(0,-0.3rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInDown3 { -webkit-animation-name: fadeInDown3; animation-name: fadeInDown3 }

@-webkit-keyframes fadeInHeight {
    0% { opacity: 0; transform: scale(0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInHeight {
    0% { opacity: 0; transform: scale(0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInHeight { -webkit-animation-name: fadeInHeight; animation-name: fadeInHeight }

@-webkit-keyframes fadeInUp3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,30%,0); transform: translate3d(0,30%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInUp3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,30%,0); transform: translate3d(0,30%,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

.fadeInUp3 { -webkit-animation-name: fadeInUp3; animation-name: fadeInUp3 }

@-webkit-keyframes fadeInwidth2 {
    0% { opacity: 0; width: 0%; }
    100% { opacity: 1; width: 100%; }
}

@keyframes fadeInwidth2 {
    0% { opacity: 0; width: 0%; }
    100% { opacity: 1; width: 100%; }
}

.fadeInwidth2 { -webkit-animation-name: fadeInwidth2; animation-name: fadeInwidth2 }

@-webkit-keyframes flip_x {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-360deg); transform: perspective(40rem) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    40% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    50% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    80% { -webkit-transform: perspective(40rem) scale3d(.95,.95,.95); transform: perspective(40rem) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    100% { -webkit-transform: perspective(40rem); transform: perspective(40rem); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}

@keyframes flip_x {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-360deg); transform: perspective(40rem) rotate3d(0,1,0,-360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    40% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out }
    50% { -webkit-transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); transform: perspective(40rem) translate3d(0,0,1.5rem) rotate3d(0,1,0,-170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    80% { -webkit-transform: perspective(40rem) scale3d(.95,.95,.95); transform: perspective(40rem) scale3d(.95,.95,.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
    100% { -webkit-transform: perspective(40rem); transform: perspective(40rem); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in }
}

@-webkit-keyframes slideOutDown_s {
    75% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
    50% { visibility: hidden; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem); opacity: 0; }
    100% { visibility: hidden; -webkit-transform: translate3d(0,0rem,0); transform: translate3d(0,0rem); opacity: 1; }
}

@keyframes slideOutDown_s {
    75% { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 1; }
    50% { visibility: hidden; -webkit-transform: translate3d(0,.2rem,0); transform: translate3d(0,.2rem,0); opacity: 0; }
    100% { visibility: hidden; -webkit-transform: translate3d(0,0rem,0); transform: translate3d(0,0rem,0); opacity: 1; }
}

.animated.fadeOutRight2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.fadeInRight2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.fadeInRight3 { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both }

@keyframes flips {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,-180deg); }
    100% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,0deg); }
}

@keyframes flipright {
    0% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,180deg); }
    100% { -webkit-transform: perspective(40rem) rotate3d(0,1,0,0deg); }
}

/*video start*/
.sha_bg { background-color: rgba(0, 0, 0, .8); width: 100vw; height: 100vh; position: fixed; left: 100%; top: 0; transition: left .5s ease; z-index: 1001; }

.sha_btn_close { position: absolute; right: 5%; top: 5%; cursor: pointer; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 40px; height: 40px; font-size: 18px; text-align: center; line-height: 40px; color: #444; }

.sha_vid { display: none; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); video{ max-width: 80vw; max-height: 80vh; display: block; }}

.tjio { position: fixed; top: 0px; left: 0px; background: rgba(0,0,0,.5); width: 100%; height: 100%; z-index: 999; display: none; }
.searchs { position: absolute; top: 50%; left: 50%; width: 95%; height: 50px; margin-top: -25px; transform: translateX(-50%); max-width: 500px; }
.seaz { width: 80%; overflow: hidden; float: left; background: #fff; height: 50px; }
.seay { width: 20%; overflow: hidden; float: left; background: #2ea3f6; height: 50px; }
.seaz input { background: none; border: 0px; outline: none; height: 50px; padding-left: 10px; padding-right: 10px; width: 100%; box-sizing: border-box; }
.seay input { width: 100%; overflow: hidden; text-align: center; color: #fff; height: 50px; background: none; border: 0px; cursor: pointer; outline: none; }
.top_search { cursor: pointer; }
.top_search img{width:16px;}
.sb img{animation: slideOutDown_s 2.5s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite;}
.menu_wap {background: url(../images/menu_s.png) no-repeat center;width: 30px;height: 30px;float: right;display: none;margin-top: 0px;}
.pi2 .menu_wap{background:url(../images/menu_s2.png) no-repeat center;}
.pi2 .in_topbox .menu{top:83px;}
.in_topbox { position: relative; z-index: 18; }
.in_topbox .menu { position: absolute; top: 80px; left: 0; width: 100%; line-height: 40px; height: auto; display: none; transition: 0.3s ease top;}
.in_topbox .menu li { float: none; width: 100%; background: rgba(255,255,255,0.95); border-top: 1px solid #EEE; text-indent: 20px; cursor: pointer; padding: 0; position: relative; }
.in_topbox .menu li:last-child { border-bottom: 1px solid #EEE; }
.in_topbox .menu li > a { display: inline; color: #333; height: 40px; line-height: 40px; }
.in_topbox .menu li:hover > a { color: #333; }
.in_topbox .menu li.cur > a { color: #333; }
.in_topbox .menu li > a:after { display: none; }
.in_topbox .menu li em { position: absolute; right: 10px; top: 15px; width: 10px; height: 10px; border: 1px solid #666; border-left: 0px; border-bottom: 0px; opacity: 1; display: block; transform: rotate(45deg); }
.in_topbox .menu li .nav { position: relative; top: 0; left: 0; width: 100%; height: auto; line-height: 30px; z-index: 101; text-align: left; background: #FFF; display: none; margin: 0; padding: 0; }
.in_topbox .menu li .nav a { display: block; width: 100%; height: 30px; color: #666; font-size: 14px; margin: 0; padding: 0; }
.in_topbox .menu li .nav a:hover { background: #d282ea; color: #FFF; font-weight: normal; transform: translateX(0px); }
.in_topbox .menu li .nav a:after { display: none; }
.f32{font-size:.32rem;}
.f28{font-size:.28rem;}
.f26{font-size:.26rem;}
.f24{font-size:.24rem;}
.f22{font-size:.22rem;}
.f20{font-size:.2rem;}
.f18{font-size:.18rem;}
.f16{font-size:16px;}

.main_top{position:absolute;top:.38rem;left:0px;z-index:2;width:100%;}
.main_top .main_w{display:flex;justify-content: space-between;align-items: center;}
.main_top .main_w .top_list a{color:#333333;font-size:18px;}
.main_top .main_w .top_list li.cur{position:relative;padding-bottom:.14rem;}
.main_top .main_w .top_list li.cur::after{width:.3rem;height:.04rem;background:#f3a03e;content:"";display:block;position:absolute;left:calc(50% - .15rem);bottom:0px;border-radius:5px;}
.main_top .main_w .top_list ul{display:flex;gap:.5rem;}
.main_top .main_w .top_right{display:flex;justify-content: space-between;gap:.16rem;align-items: center;}
.main_top .main_w .top_right .tel{color:#333333;font-size:18px;font-weight:bold;background:url(../images/tel.png) no-repeat left top 2px;padding-left:18px;line-height:1;}
.main_top .main_w .top_right .top_search{display:flex;align-items: center;gap:7px;font-weight:bold;font-size:18px;color:#f9aa4c;position:relative;padding-left:10px;}
.main_top .main_w .top_right .top_search::after{position:absolute;left:0px;top:calc(50% - 6px);width:1px;height:12px;background:#d1d4d6;display:block;content:"";}
.banner{width:100%;overflow:hidden;position:relative;}
.x_hhh {position:relative;}
        .x_hhh .swiper-paginationx {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 0.6rem;
            position:absolute;
            left:0px;bottom:0.56rem;z-index:2;
            width:100%;
        }
    
        .x_hhh .swiper-container {
            width: 24px;
            height: 24px;
            margin: 0 0px;
            position: relative;
        }
    
        .x_hhh .progress-circle {
            width: 100%;
            height: 100%;
            fill: none;
            stroke: #fff;
            stroke-width: 2;
            stroke-dasharray: 70;
            stroke-dashoffset: 70;
            transform: rotate(-90deg);
            transform-origin: 50% 50%;
            transition: stroke-dashoffset 0.5s ease;
        }
        .progress-container{
            width: 24px;
            height: 24px;
        }
        .x_hhh .swiper-pagination-bullet{width:24px;height:24px;background:url(../images/dd1.png) no-repeat center;}
        .x_hhh .swiper-pagination-bullet-active{background:url(../images/dd2.png) no-repeat center;}
        .x_hhh .swiper-pagination-bullet-active .progress-circle{animation: 5s linear 0s 1 normal forwards running fill-progress;}
        @keyframes fill-progress {
            0% {
                stroke-dashoffset: 70;
            }
            100% {
                stroke-dashoffset: 0;
            }
        }

        .main { width: 100%; overflow: hidden; }
.main_w { max-width: 1680px; margin: 0 auto; padding-left: .4rem; padding-right: .4rem; }
.banner .sb{position:absolute;left:0;bottom:1.42rem;z-index:2;width:100%;text-align:center;}
.banner .sb img{width:.27rem;}
.haoyun{position:relative;}
.haoyun .piaofu{position:absolute;left:0px;top:.36rem;width:100%;z-index:3;}
.haoyun .piaofu .main_w{display:flex;justify-content: space-between;align-items: center;}
.haoyun .piaofu .main_w .right{display:flex;gap:.2rem;align-items: center;}
.haoyun .piaofu .main_w .menu{margin-right:.2rem;}
.haoyun .piaofu .main_w .menu ul{display:flex;gap:.6rem;}
.haoyun .piaofu .main_w .menu a{color:#fff;font-size:0.2rem;text-align:center;}
.haoyun .piaofu .main_w .menu a p{font-size:14px;padding-top:3px;}
.haoyun .piaofu .main_w .menu .cur a{color:#d282ea;}
.haoyun .piaofu .main_w .right .search{background:rgba(102,102,102,.3);border-radius:50px;border:1px solid #ffffff;overflow:hidden;}
.haoyun .piaofu .main_w .right .search form{display:grid;grid-template-columns: auto 0.43rem;width:2.44rem;height:0.43rem;}
.haoyun .piaofu .main_w .right .search form>div{overflow:hidden;}
.haoyun .piaofu .main_w .right .search .s1{height:100%;}
.haoyun .piaofu .main_w .right .search .s1 input{height:100%;border:0px;background:none;padding-left:.19rem;color:#ffffff;font-size:13px;}
.haoyun .piaofu .main_w .right .search .s1 input::placeholder{color:rgba(255,255,255,.6);}
.haoyun .piaofu .main_w .right .search .s2 input{background:url(../images/search.png) no-repeat center;background-size:.19rem .19rem;border:0px;height:100%;width:100%;cursor: pointer;}
.haoyun .piaofu .main_w .right .language{background:#ffffff;border-radius:50%;color:#c474dc;width:0.45rem;height:0.45rem;text-align:center;line-height:0.45rem;}
.haoyun .piaofu .main_w .right .language a{color:#c474dc;}



    #PageContent { margin: 0 auto; text-align: center; margin-top: 30px }
#PageContent {padding: .6rem 0px .6rem 0px;margin: 0px;text-align: center;font-family: arial;font-size: 14px;}
#PageContent a {border: 2px solid #f2f2f2;background: #f2f2f2;width: .36rem;height: .36rem;line-height: .32rem;color: #241F23;text-decoration: none;display: inline-block;box-sizing: border-box;margin-left: 5px;margin-right: 5px;border-radius: 50px;color: #9a9a9a;}
#PageContent a:hover {border: #f2c6d6 2px solid;background: #c474dc;color: #f2c6d6;}
#PageContent a.Ahover {width: .36rem;height: .36rem;line-height: .32rem;background: #c474dc;border: 2px solid #f2c6d6;color: #f2c6d6;display: inline-block;box-sizing: border-box;/* margin-left: 10px; *//* margin-right: 10px; *//* border-radius: 50px; */}
#PageContent span.disabled, #PageContent span.hunp {border: 1px solid #f2f2f2;background: #f2f2f2;width: .36rem;height: .36rem;line-height: .32rem;color: #333333;display: inline-block;box-sizing: border-box;margin-left: 5px;margin-right: 5px;border-radius: 50px;color: #9a9a9a;}
#PageContent :first-child { border-radius: 50px; font-family: simsun;}
#PageContent :last-child { border-radius: 50px;  font-family: simsun;}

.yaij{width:100%;overflow:hidden;background:url(../images/2013.png) no-repeat top 10.3rem center;background-size:16.88rem auto;}
.cvideo{text-align:center;}
.cvideo video{width:12.8rem;margin:0 auto;}
.yaij .btnr{text-align:center;overflow:hidden;padding-top:.79rem;}
.yaij .btnr p{color:rgba(51,51,51,.6);line-height:1;}
.yaij .btnr font{font-size:.32rem;line-height:1;padding-top:.15rem;display:inline-block;padding-bottom: .3rem;}
.yaij .cton{text-align:center;font-size:16px;line-height:2;text-align:center;/* padding-top:.3rem; */padding-bottom:.3rem;}
.gywm{width:100%;overflow:hidden;text-align:center;padding-top:.58rem;padding-bottom:.58rem;}
.gywm a{background:#c474dc url(../images/jiao.png) no-repeat right .13rem center;background-size:.25rem;display:inline-block;width:1.43rem;height:0.5rem;border-radius: 50px;line-height:0.5rem;padding-left:0.25rem;color:#ffffff;font-size:16px;text-align:left;}
.shiyanli .d_1{position:relative;height:100%;}
.shiyanli .d_1 .logos{position:absolute;left:0px;top:0px;display:flex;align-items: center;justify-content: center;text-align: center;width:100%;height:100%;color:#ffffff;font-size:16px;}
.shiyanli .d_1 .logos>div{transform: translateY(20px);transition: 0.3s ease all;position:relative;z-index:2;}
.shiyanli .d_1 .logos>div>div{padding-top:.2rem;transform: translateY(-20px);opacity: 0;transition: 0.3s ease all;}
.shiyanli .d_1>img{width:100%;height:100%;object-fit: cover;}
/* .shiyanli .main_w{display:grid;grid-template-columns: 67% 28.5%;gap:4.5%;overflow:hidden;} */
/* .shiyanli .main_w>div{overflow:hidden;} */
.shiyanli .main_w{overflow:hidden;width:100%;box-sizing: border-box;}
.shiyanli .main_w .box:nth-child(1){float: left;}
.shiyanli .main_w .box:nth-child(2){float:right;}
.shiyanli .main_w .box.cur .d_1 .logos>div{transform: translateY(0px);}
.shiyanli .main_w .box{width:28.5%;transition: 0.3s ease all;height:6.45rem;overflow:hidden;position:relative;cursor:pointer;}
.shiyanli .main_w .box::after{position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,.3);content:"";z-index:1;transition: 0.3s ease all;}
.shiyanli .main_w .box.cur{width:67%;}
.shiyanli .main_w .box.cur::after{background:rgba(0,0,0,0);}
.bititle{text-align:center;overflow:hidden;padding-top:.79rem;padding-bottom:.79rem;}
.bititle font{font-style: italic;font-size:.32rem;padding-bottom:.12rem;display:block;}
.bititle p{color:rgba(51,51,51,.7);font-style: italic;}
.shiyanli .main_w .box.cur .d_1 .logos>div>div{transform: translateY(0px);opacity: 1;}
.cpfl{width:100%;overflow:hidden;background:#f2f2f2;padding-top:.54rem;padding-bottom:.8rem;}
.cpfl .menu_list{text-align:center;overflow:hidden;padding-bottom:.6rem;}
.cpfl .menu_list ul{display:flex;justify-content: center;align-items: center;gap:1.76rem;}
.cpfl .menu_list li{position:relative;}
.cpfl .menu_list li p{display:flex;width:.7rem;height:.7rem;align-items: center;justify-content: center;}
.cpfl .menu_list li.cur p,.cpfl .menu_list li a:hover p{background:url(../images/c2.png) no-repeat center;background-size:.7rem .7rem;overflow:hidden;}
.cpfl .menu_list li.cur p img,.cpfl .menu_list li a:hover p img{filter: drop-shadow(#f2c6d6 300px 0);position:relative;left:-300px;}
.cpfl .menu_list li img{width:.45rem;}
.cpfl .menu_list li font{font-size:.18rem;margin-top:.1rem;display:block;color:#333;}
.cpfl .menu_list li::after{content:"";display:block;width:1.4rem;height:1px;background:#d9dee3;position:absolute;right:-1.5rem;top:.35rem;}
.cpfl .menu_list li:last-child::after{display:none;}
.cpfl .list{width:100%;overflow:hidden;max-width:14.6rem;margin:0 auto;}
.cpfl .list li{position:relative;overflow:hidden;border-radius:10px;background:#fff;}
.cpfl .list li p{position:absolute;left:0px;bottom:0.4rem;text-align:center;width:100%;font-size:18px;display:none;}
.cpfl .list li.swiper-slide{
    transform: scale(.8);
    transition: 0.3s ease transform;
}
.cpfl .list li.swiper-slide-active{
    transform: scale(1);
}
.cpfl .list li img{width:100%;vertical-align: bottom;}
.cpfl .list li.swiper-slide-active p{display: block;}
.cpfl .main_w{position:relative;}
.cpfl .pl{position:relative;}
.cpfl .pl a{width:.36rem;height:.36rem;background:url(../images/a5.png) no-repeat center;background-size:.36rem;display:block;position:absolute;left:0px;top:2.3rem;}
.cpfl .pl .tgss_right{transform: rotate(180deg);left:auto;right:0px;}
.cpfl .pl a:hover{background-image: url(../images/a6.png);transform: rotate(180deg);}
.cpfl .pl .tgss_right:hover{transform: rotate(0deg);}
.cpfl .more{text-align:center;width:100%;overflow:hidden;font-size:.2rem;}
.cpfl .more font{background:url(../images/a8.png) no-repeat right center;padding-right:.39rem;margin-top:.68rem;display:inline-block;background-size:.3rem auto;color:#333333;}

.shm{width:100%;overflow:hidden;}

.xwen{width: 100%;overflow:hidden;}
.xwen .xwbt{display:flex;justify-content: space-between;align-items: center;padding-top:.7rem;padding-bottom:.5rem;}
.xwen .xwbt .title{display:flex;align-items:flex-end;line-height:1;}
.xwen .xwbt .title font{color:#333333;font-size:.32rem;}
.xwen .xwbt .title p{font-size:16px;color:#c474dc;}
.xwen .xwbt .tsgd{font-size:16px;border: 2px solid #c474dc;border-radius:50px;color:#c474dc;height:0.46rem;padding-left:0.23rem;padding-right:0.1rem;width:1.3rem;line-height:0.46rem;background:url(../images/a9.png) no-repeat right .1rem center;background-size:.25rem;}
.xwen .xwbt .tsgd a{color:#c474dc;}

.a31{width:1.47rem;}
.a32{width:1.48rem;}
.logo{width:2.79rem;}

.xw_main{display:grid;grid-template-columns: 8.1rem auto;gap:.6rem;padding-bottom:.8rem;}
.xw_main>div{overflow:hidden;}
.xw_main .xw_left font{font-size:0.28rem;width:4.75rem;display:inline-block;color:#fff;line-height:1.14;display:block;}
.xw_main .xw_left{position:relative;}
.xw_main .xw_left li{position:relative;}
.xw_main .xw_left li img{vertical-align: bottom;}
.xw_main .xw_left .list div{position:absolute;left:0.4rem;bottom:0.4rem;padding-right:.4rem;}
.xw_main .xw_left p{font-size:16px;background:urL(../images/a10.png) no-repeat right center;background-size:.25rem auto;display:inline-block;padding-right:.28rem;color:#fff;margin-top:.3rem;line-height:1;}
.xw_main .xw_right .list{height:100%;}
.xw_main .xw_right .list ul{display:grid;grid-template-columns: repeat(2,1fr);gap:.6rem;height: 100%;}
.xw_main .xw_right .list ul>li{overflow:hidden;border-left:1px solid #dadada;height: 100%;}
.xw_main .xw_right .smin{padding-top:.4rem;padding-left:.3rem;}
.xw_main .xw_right .mores{margin-left:.3rem;margin-bottom:.4rem;}
.xw_main .xw_right .smin font{font-size:.2rem;color:#333;font-style: italic;}
.xw_main .xw_right .smin p{font-size:.2rem;padding-top:.25rem;padding-bottom:.18rem;line-height:1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 限制文本为2行 */
    overflow: hidden;
    text-overflow: ellipsis;
}
.xw_main .xw_right .smin div{
    color:#808080;
    line-height:1.71;
    margin-bottom: .53rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 限制文本为2行 */
    overflow: hidden;
    text-overflow: ellipsis;
}
.xw_main .xw_right .mores{font-size:16px;background:url(../images/dian12.png) no-repeat right center;background-size:.25rem auto;display:inline-block;padding-right:.3rem;color:#333333;}

.home_feedback{overflow:hidden;position:relative;z-index:3;}
.home_feedback .c_quan{padding:0.9rem 0.6rem;overflow:hidden;background:url(../images/00_home_27.jpg) no-repeat center;border-top:4px solid #c474dc;display:grid;grid-template-columns: 185px auto;gap:1.2rem;background-size:cover;}
.cq_1 font{color:#ffffff;font-size:.32rem;}
.cq_1 p{color:rgba(255,255,255,.6);padding-top:.15rem;}
.home_feedback .c_quan .cq_2{gap:.2rem;display:grid;grid-template-columns:2.38rem 2.38rem auto 1.7rem;}
.home_feedback .c_quan .cq_2 input{width:100%;height:.66rem;border:1px solid #fff;box-sizing: border-box;padding:0 .22rem;background:none;color:#fff;}
.home_feedback .c_quan .cq_2 input::placeholder{color:#fff;}
.home_feedback .c_quan .cq_2 .ds_4 input{background:#c474dc;border-color:#c474dc;font-size:0.18rem;cursor: pointer;}


.foot{width:100%;overflow:hidden;background:#3d3d3d;padding-top:1.9rem;margin-top:-1.3rem;padding-bottom:.6rem;}
.foot .f_left1{width:2.79rem;}
.footer{background:#4b4b4b;height:.8rem;text-align:center;color:#ffffff;line-height:.8rem;}
.footer a{color:#fff;}
.foot .main_w{display:flex;justify-content: space-between;}
.foot .f_left2{width:3.55rem;height:.53rem;line-height:.53rem;display:grid;grid-template-columns: auto .54rem;}
.foot .f_left2 input{height:100%;width:100%;border:none;}
.foot .f_left2 .fLeft input{color:#ffffff;padding:0 .23rem;background:#343434;}
.foot .f_left2 .fLeft input::placeholder{color:#fff;}
.foot .f_left2 .fRight input{background:url(../images/00_home_32.jpg) no-repeat center;cursor: pointer;background-size:.54rem;}
.foot .f_left3 a{color:#fff;font-size:.18rem;}
.foot .f_left3 ul{display: grid;grid-template-columns: repeat(2,1fr);text-align:center;gap:.3rem .6rem;}
.foot .f5 font{color:#fff;}
.foot .f5 p{color:#fff;font-size:16px;padding-top:.1rem;}
.foot .f5 div{max-width:334px;color:#fff;font-size:12px;opacity: .3;line-height:1.67;padding-top:.1rem;}
.foot .f5 i,.foot .f6 i{opacity: .3;font-size:12px;font-style: normal;}
.foot .f6 font{color:#fff;display:block;}
.foot .f6 img{width:1.41rem;margin-top:.15rem}
.foot .f6{padding-top:.35rem;}
.foot .f6 .list ul{display:flex;grid-template-columns: repeat(2,1fr);gap:.2rem;}

.banner_ny{width:100%;overflow:hidden;background:url(../images/d7.jpg) no-repeat center;height:7.8rem;position:relative;}
.banner_ny .sb{position:absolute;left:0;bottom:1.42rem;z-index:2;width:100%;text-align:center;}
.banner_ny .sb img{width:.27rem;}

.cbgb { max-width: 1520px; margin: 0 auto; padding-left: 20px; padding-right: 20px; overflow: hidden; padding-top: 20px; padding-bottom: 60px; }
.cbga {width: 100%;overflow: hidden;position: relative;padding-top: 40px;/* border-top: 1px solid #e7e5f0; */border-bottom: 1px solid #e7e5f0;box-sizing: border-box;padding-left: 40px;}
.cbga .job1 {color: #333;font-size: .26rem;}
.cbga .job2 { color: #808080; font-size: 14px; padding-top: 20px; padding-bottom: 20px; overflow: hidden; }
.cbga .job2 li { float: left; overflow: hidden; margin-right: 35px; }
.cbga .job3 { font-size: 14px; color: #808080; line-height: 26px; }
.cbga .job4 {width: 152px;height: 45px;font-size: 14px;color: #fff;background: #003b9c;text-align: center;line-height: 45px;margin-top: 30px;margin-bottom: 40px;}
.cbga .job4 a { color: #fff; }
.cbga .job5 {position: absolute;top: 40px;right: 40px;width: 60px;text-align: center;height: 31px;background: #c474dc;padding-top: 29px;overflow:hidden;}
.cbgd { width: 100%; overflow: hidden; background: url(../images/x3.png); height: 107px; line-height: 107px; border-top: 1px solid #e7e5f0; cursor: pointer; }
.cbgd .job6 {color: #333333;font-size: 20px;overflow: hidden;padding-left: 40px;float: left;}
.cbgd .job8 { float: right; overflow: hidden; color: #808080; font-size: 14px; }
.cbgd .job8 li { float: left; margin-right: 35px; }
.cbgd .job7 {float: right;overflow: hidden;margin-right: 40px;font-size: 28px;color: #c474dc;font-weight: bold;margin-top: -3px;cursor: pointer;}
.cbgb li .cbga { display: none; }
.xmin { width: 100%; height: 78px; background: url(../images/qba.png); }
.div1 { min-width: 90px; width: 7.8947368421053%; text-align: right; font-size: 16px; float: left; line-height: 78px; margin-right: 2.6315789473684%; }
.div2 { min-width: 32px; float: left; width: 2.8289473684211%; height: 22px; }
.div2 font { background: #c474dc; width: 100%; height: 22px; color: #fff; text-align: center; margin-top: 30px; display: block; }
.div3 { float: left; margin-top: 18px; width: 79.605263157895%; margin-left: 2.6315789473684%; }
.div3 input { border: 1px solid #ebebeb; width: 100%; box-sizing: border-box; height: 43px; outline: none; background: #fff; padding-left: 20px; }
.xbie { background: none; }
.nobg { background: none; }
.div4 { float: left; overflow: hidden; margin-top: 30px; margin-left: 40px; }
.div4 label { float: left; width: 63px; padding-left: 24px; background: url(../images/f1.png) no-repeat left center; cursor: pointer; }
.div4 label font { color: #000000; font-size: 16px; }
.div4 label input { display: none; }
.div4 .chek { background: url(../images/f2.png) no-repeat left center; }
.div5 { float: left; margin-top: 18px; width: 79.605263157895%; margin-left: 2.6315789473684%; }
.div5 textarea { height: 225px; border: 1px solid #ebebeb; width: 100%; outline: none; padding: 20px; box-sizing: border-box; }
.texa { height: 265px; }
.div6 { float: left; margin-top: 18px; width: calc(71.710526315789% - 141px); margin-left: 2.6315789473684%; }
.div6 input { border: 1px solid #ebebeb; width: 100%; box-sizing: border-box; height: 43px; outline: none; background: #fff; padding-left: 20px; }
.div7 { float: left; overflow: hidden; margin-top: 26px; margin-left: 2.7631578947368%; }
.qren { width: 100%; text-align: center }
.qren input { width: 212px; height: 55px; background: #c474dc; color: #fff; outline: none; border: 0px; margin-top: 60px; margin-bottom: 60px; cursor: pointer; }
.ysuo { width: 100%; overflow: hidden; margin-top: 40px; }
.job5 img{filter: drop-shadow(#fff 300px 0);position:relative;left:-300px;}
.rmzp .gywm{width:auto;text-align:left;display:block;}
.rmzp .gywm a{display:block;}
.rmzp li{background:#fafafa;overflow:hidden;}


.rmzp .f_left2{width:7.05rem;height:.8rem;line-height:.8rem;display:grid;grid-template-columns: auto .67rem;margin:0 auto;border-radius:50px;overflow:hidden;margin-top:.79rem;margin-bottom:.24rem;}
.rmzp .f_left2 input{height:100%;width:100%;border:none;}
.rmzp .f_left2 .fLeft input{color:#000;padding:0 .23rem;background:#fafafa;}
.rmzp .f_left2 .fLeft input::placeholder{color:#999999;}
.rmzp .f_left2 .fRight input{background:url(../images/d6.png) no-repeat center;cursor: pointer;background-size:.67rem;}

.banner_ny .tile{text-align:center;color:#fff;padding-top:3rem;}
.banner_ny .tile font{font-size:.68rem;}
.banner_ny .tile p{font-size:.32rem;margin-top:.25rem;}
.pro_banner{background-image:url(../images/d4.jpg);}

.zpzx{width:100%;overflow:hidden;}
.zpzx .box{justify-content: center;display:flex;gap:1.56rem;padding-top:.6rem;padding-bottom:.8rem;}
.zpzx .box img{width:1.84rem;}
.zpzx .box .item{position:relative;padding-bottom:.2rem;}
.zpzx .box .item::after{width:0rem;height:.06rem;border-radius:20px;display:block;content:"";position:absolute;left:50%;bottom:0px;background:#d285e9;transition: 0.3s ease all;}
.zpzx .box .item:hover::after,.zpzx .box .item.cur::after{width:.38rem;left:calc(50% - .19rem);}
.zpzx .list{overflow:hidden;padding-bottom:.6rem;}
.zpzx .list ul{display:flex;justify-content: center;gap:.3rem .7rem;font-size:0.18rem;color:#333333;}
.zpzx .list li{overflow:hidden;}
.zpzx .list li a{display:block;padding:0 .23rem;height:.43rem;border:2px solid #fff;line-height:.43rem;text-align:center;border-radius:50px;}
.zpzx .list li.cur a,.zpzx .list li:hover a{color:#f7d7e3;background:#c474dc;border:2px solid #f2c6d6;}

.prolist{width:100%;overflow:hidden;}
.prolist ul{display:grid;grid-template-columns: repeat(4,1fr);gap:.2rem;}
.prolist li{background:#f2f2f2;text-align:center;padding:.15rem;}
.prolist li p{font-size:16px;padding:.2rem 0;}

.news_banner{background-image:url(../images/d6.jpg);}

.news_t{padding-top:.8rem;overflow:hidden;}
.news_t>a{display:grid;grid-template-columns: 11rem auto;width:100%;overflow:hidden;background:#f5f5f5;gap:.6rem;}
.news_t>a>div{overflow:hidden;}
.news_t .news_right{padding-top:.6rem;overflow:hidden;}
.news_t .news_right .smin font{color:#333;font-size:.2rem;font-style: italic;}
.news_t .news_right .smin p{font-size:.24rem;line-height:1.5;padding-top:.15rem;padding-right:.6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 限制文本为2行 */
    overflow: hidden;
    text-overflow: ellipsis;
}
.news_t .news_right .smin div{color:#808080;line-height:1.71;margin-top:.35rem;padding-right:.6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 限制文本为2行 */
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom:1.5rem;
}
.news_t .news_right .mores{font-size:16px;background:url(../images/dian12.png) no-repeat right center;background-size:.25rem auto;display:inline-block;padding-right:.3rem;color:#333333;}

.news .list{margin-top:.6rem;}
.news .list ul{display:grid;grid-template-columns: repeat(3,1fr);gap:.6rem;}
.news .list ul>li{overflow:hidden;border-left:1px solid #dadada;}
.news .list ul>li img{width:100%;}
.news .list  .smin{padding-top:.4rem;padding-left:.3rem;}
.news .list  .mores{margin-left:.3rem;margin-bottom:.4rem;}
.news .list  .smin font{font-size:.2rem;color:#333;font-style: italic;}
.news .list  .smin p{font-size:.2rem;margin-top:.25rem;margin-bottom:.18rem;line-height:1.6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 限制文本为2行 */
    overflow: hidden;
    text-overflow: ellipsis;
}
.news .list  .smin div{color:#808080;line-height:1.71;margin-bottom:.65rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 限制文本为2行 */
    overflow: hidden;
    text-overflow: ellipsis;
}
.news .list  .mores{font-size:16px;background:url(../images/dian12.png) no-repeat right center;background-size:.25rem auto;display:inline-block;padding-right:.3rem;color:#333333;}
.contact_banner{background-image:url(../images/d8.jpg)}

.contacts{width:100%;overflow:hidden;padding-top:.6rem;padding-bottom:.8rem;}
.contacts>.main_w{display:grid;grid-template-columns:auto 7.2rem;gap:.6rem;}
.contacts .contacts_left{overflow:hidden;}
.contacts .contacts_right{overflow:hidden;}
.contacts .contacts_left .box .item{padding-left:.68rem;overflow:hidden;background:url(../images/d9.png) no-repeat left center;background-size:.4rem auto;margin-bottom:.33rem;}
.contacts .contacts_left .box .item .font{font-size:.22rem;color:#333333;}
.contacts .contacts_left .box .item .p{color:#999;font-size:18px;padding-top:.07rem;}
.contacts .contacts_left .box .dwdz{background-image: url(../images/d10.png);background-size:.36rem auto;}
.contacts .contacts_left .box .dwdz .p{font-size:16px;}
.contacts .ewm{display:flex;gap:.34rem;text-align:center;padding-top:.9rem;}
.contacts .ewm p{color:#666666;padding-top:.1rem;}
.contacts .contacts_right .zxly{display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.contacts .contacts_right .zxly font{color:#333333;font-size:.32rem;}
.contacts .contacts_right .zxly p{color:rgba(51,51,51,.7);}
.contacts .contacts_right .inputs .liut{margin-top:.29rem;display:grid;grid-template-columns: repeat(2,1fr);gap:.2rem;}
.contacts .contacts_right .inputs .liut input{width:100%;height:.6rem;background:#fafafa;border:0;padding-left:.26rem;box-sizing: border-box;}
.contacts .contacts_right .inputs .liut input::placeholder{color:rgba(51,51,51,.5);}
.contacts .contacts_right .inputs textarea{color:rgba(51,51,51,.5);padding:.23rem;font-family: Microsoft YaHei;width:100%;height:2.26rem;background:#fafafa;border:0;padding-left:.26rem;box-sizing: border-box;margin-top:.2rem;}
.contacts .contacts_right .inputs textarea::placeholder{color:rgba(51,51,51,.5);}
.contacts .contacts_right .tjiao{margin-top:.2rem;}
.contacts .contacts_right .tjiao input{width:100%;overflow:hidden;background:#c474dc;height:0.61rem;color:#ffffff;border: 0;font-size:.2rem;cursor: pointer;}

.about_banner{background-image: url(../images/ban1.jpg);}
.about_main .a1{overflow:hidden;text-align:center;}
.about_main .a1 img{width:1.84rem;padding-top:.8rem;padding-bottom:.4rem;}
.about_main .a2{text-align: center;font-size:.32rem;}
.about_main .a3{font-size:16px;line-height:2;text-align:center;padding-top:.3rem;margin:0px auto;max-width:1226px;}
.about_main .a4 ul{display:grid;grid-template-columns: repeat(3,1fr);gap:1rem;max-width:1454px;margin:0 auto;margin-top:.98rem;}
.about_main .a4 li{overflow:hidden;text-align: center;background:#f2f2f2;}
.about_main .a4 li:nth-child(1){background: url(/images/ban6.png) no-repeat center bottom #f2f2f2;background-size: 100% auto;}
.about_main .a4 li:nth-child(2){background: url(/images/ban7.jpg) no-repeat center bottom #f2f2f2;background-size: 100% auto;}
.about_main .a4 li:nth-child(3){background: url(/images/ban8.jpg) no-repeat center bottom #f2f2f2;background-size: 100% auto;}
.about_main .a4 li .t4 img{opacity:0;}
.about_main .a4 li .t1{padding-top:.5rem;}
.about_main .a4 li .t1 img{width:.59rem;}
.about_main .a4 li .t2{font-size:.2rem;color:#333333;padding-top:.15rem;}
.about_main .a4 li .t2 p{font-size: 12px;opacity:.3;padding-top:2px;}
.about_main .a4 li .t3{padding:0 .45rem;line-height:1.71;padding-top:.1rem;padding-bottom:.45rem;}
.about_main .a5{
    font-style: italic;
    margin-top:.4rem;padding-top:.35rem;padding-bottom:.8rem;text-align:center;font-size:.24rem;color:#333333;background:url(../images/ban9.png) no-repeat center top;background-size:.19rem auto;}
.about_main .a6{width:100%;overflow:hidden;background:url(../images/ban10.jpg) no-repeat center;min-height:7.2rem;display:flex;align-items: center;justify-content: center;text-align:center;}
.about_main .a6 .tuon{width:100%;overflow:hidden;}
.about_main .a6 .tuon img{width:1.65rem;}
.about_main .a6 .title{color:#ffffff;font-size:.4rem;padding-top:.4rem;}
.about_main .a6 .title p{
    font-size: 16px;
    opacity: .4;
    padding-top: .05rem;
}
.about_main .a6 .content{font-size:16px;color:#fff;line-height:2;padding-top:.3rem;}
.about_main .a7{width:100%;overflow:hidden;padding:.8rem 0;}
.about_main .a7 .main_w{display:flex;justify-content: space-between;align-items: center;gap: 40px;}
.about_main .a7 .main_w .a7_left img{width:6.32rem;}
.about_main .a7 .main_w .a7_right{overflow:hidden;width:760px;}
.about_main .a7 .main_w .a7_right .title{color:#333333;font-size:.28rem;}
.about_main .a7 .main_w .a7_right .title p{font-size:14px;opacity:.3;padding-top:.04rem;}
.about_main .a7 .main_w .a7_right .contents{font-size:16px;line-height:2;padding-top:.3rem;}
.about_main .a8{overflow:hidden;width:100%;}
.about_main .a8 .list ul{display:grid;grid-template-columns: repeat(5,1fr);height:100%;}
.about_main .a8_m1{font-size:.28rem;color:#333333;text-align:center;}
.about_main .a8_m1{overflow:hidden;width:100%;padding-top:.8rem;padding-bottom:.4rem;}
.about_main .a8_m1 p{opacity:.3;font-size:16px;padding-top:.05rem;}
.about_main .a8 .list{width:100%;overflow:hidden;background:url(../images/ban13.jpg) no-repeat center;height:6.23rem;}
.about_main .a8 .list li{text-align: center;height:100%;background:rgba(0,0,0,.7);width:100%;display:flex;align-items: center;justify-content: center;transition: all ease 0.3s;cursor: pointer;}
.about_main .a8 .list li .t7{
    padding:0 .3rem;
    color:#ffffff;
    margin-top:.15rem;
    transition: all ease 0.3s;
    opacity: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* -webkit-line-clamp: 3; */ /* 限制文本为2行 */
    overflow: hidden;
    text-overflow: ellipsis;
    transform: translateY(30px);
    /* min-height: 57px; */
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    box-sizing: border-box;
}
.about_main .a8 .list li .t6{color:#ffffff;font-size:.24rem;padding-top:.2rem;padding-bottom:.18rem;position:relative;transition: all ease 0.3s;}
.about_main .a8 .list li .t6 p{font-size:14px;opacity:.3;padding-top:.05rem;}
.about_main .a8 .list li .t6::after{display:block;content:"";position:absolute;left:50%;bottom:0px;width:0;height:2px;background:#fff;margin:0 auto;transition: all ease 0.3s;}
.about_main .a8 .list li .t8{
    transition: all ease 0.3s;
    transform: translateY(0px);
    position: relative;
    width: 100%;
    }
.about_main .a8 .list li:hover .t8{
    transform: translateY(-30px);}
.about_main .a8 .list li:hover {background:rgba(0, 0, 0, 0);}
.about_main .a8 .list li:hover .t6::after{left:calc(50% - .09rem);width:.18rem;}
.about_main .a8 .list li:hover .t7{opacity: 1;
    transform: translateY(0px);}
    .about_main .a9{
        font-style: italic;line-height:1.6;
        margin-top:.4rem;padding-top:.35rem;padding-bottom:.8rem;text-align:center;font-size:.24rem;color:#333333;background:url(../images/ban9.png) no-repeat center top;background-size:.19rem auto;}
        .about_main .a7 .main_w .a7_right{background:url(../images/ban12.png) no-repeat right top;background-size:.44rem auto;padding:1rem 0;}

        .aboutDetail2{padding:.4rem 0;overflow:hidden;width:100%;}


        .about-content { padding-top: 0.4rem; overflow: hidden; padding-bottom: 0.4rem; }
.ny-news-tit { width: 100%; height: auto; overflow: hidden; line-height: 35px; color: #000; font-size: .23rem; font-weight: bold; text-align: center; }
.ny-author { width: 100%; height: auto; line-height: 30px; overflow: hidden; color: #393939; border-bottom: 1px solid #f0f0f2; padding: 10px 0px 10px 0px; margin-bottom: 30px; text-align: center; }
.news-author { height: auto; overflow: hidden; }
.fontsize input { width: 15px; height: 15px; line-height: 15px; background-color: #ececec; cursor: pointer; border: 1px solid #d1d1d1; margin-left: 3px; outline: none; }
.share { width: 150px; height: auto; overflow: hidden; float: right; margin-top: -2px; }
.share ul li { float: left; width: 40px; height: 30px; overflow: hidden; padding-left: 10px; cursor: pointer; }
#share a { width: 40px; height: 30px; overflow: hidden; padding: 0px; margin: 3px; display: block; float: left; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
#share a.bds_weixin { background: url(/images/share_webchat.png) no-repeat; }
#share a.bds_tsina { background: url(/images/share_weibo.png) no-repeat; }
#share a.bds_qzone { background: url(/images/share_qzone.png) no-repeat; }

.updown-div { width: 100%; line-height: 2; overflow: hidden; margin: 0 auto; padding: 50px 0px 20px 0px; }
#newsnr {font-size: 16px;line-height: 1.7;/* max-width: 1080px; */margin: 0 auto;}
#newsnr img{height:auto  !important;}


.p_show{width:100%;overflow:hidden;margin-top:.45rem;display: none;}
.p_show .main_w{gap:.25rem;display:grid;grid-template-columns: repeat(2,1fr);}
.p_show .p_show_left{justify-content: center;background:#f8f8f8;min-height:4.95rem;display:flex;align-items: center;}
.p_show .p_show_left img{max-width:80%;}
.p_show .p_show_right{overflow:hidden;}
.p_show .p_show_right .title{color:#333333;font-size:.26rem;font-weight:bold;}
.p_show .p_show_right .position{margin-top:.18rem;}
.p_show .p_show_right .position ul{display:flex;gap:.1rem;flex-wrap: wrap;}
.p_show .p_show_right .position li{background:#c474dc;height:.34rem;min-width:.59rem;line-height:.34rem;text-align:center;padding-left:.2rem;padding-right:.2rem;}
.p_show .p_show_right .position li a{color:#ffffff;}
.p_show .p_show_right .content{background:#f8f8f8;padding:.25rem .35rem;margin-top:.22rem;}
.p_show .p_show_right .content .bt{font-size:.2rem;}
.p_show .p_show_right .content .nr{font-size:.16rem;}
.p_show .p_show_right .content .nr li{margin-top:.2rem;padding-left:.3rem;background:url(../images/w1.png) no-repeat left center;background-size:.17rem auto;line-height:1.65;min-height:.17rem;}
.p_show .p_show_right .content .nr li:nth-child(2){background-image:url(../images/w2.png);}
.p_show .p_show_right .content .nr li:nth-child(3){background-image:url(../images/w3.png);}
.feedback{background:#c474dc;height:.55rem;width:2.39rem;border-radius:50px;line-height:.55rem;margin-top:.16rem;}
.feedback a{font-size:.18rem;color:#ffffff;font-weight:bold;padding-left:1rem;background:url(../images/w4.png) no-repeat left .65rem center;}
.p_show .p_show_right .box{width:100%;overflow:hidden;position:relative;display:flex;align-items: center;padding-top: .4rem;}
.p_show .p_show_right .box .list{width:calc(100% - 1.6rem);margin:0 auto;overflow:hidden;}
.p_show .p_show_right .box .box_left{background:url(../images/w6.png) no-repeat left center;transform: rotate(180deg);background-size:.46rem auto;display:block;width:.46rem;height:.45rem;}
.p_show .p_show_right .box .box_right{background:url(../images/w6.png) no-repeat left center;transform: rotate(0deg);background-size:.46rem auto;display:block;width:.46rem;height:.45rem;}
.p_show .p_show_right .box .box_left:hover{background-image:url(../images/w5.png);transform: rotate(0deg);}
.p_show .p_show_right .box .box_right:hover{background-image:url(../images/w5.png);transform: rotate(180deg);}
.p_show .p_show_right .box .list li a{display:block;padding:0.15rem .26rem;border:2px solid #f8f8f8;background:#f8f8f8;}
.p_show .p_show_right .box .list li.cur a{border:2px solid #c474dc;}


.cpxq .title{text-align:center;padding-top:1.1rem;border-bottom:2px solid #d7dcdf;display: none;}
.cpxq .title div{display:inline-block;position:relative;z-index:1;border-bottom:2px solid #c474dc;padding-bottom:.24rem;margin-bottom:-2px;}
.cpxq .title font{font-size:.44rem;color:rgba(235,237,239,0.5);text-transform: uppercase;line-height:1;position:absolute;left:50%;top:0px;z-index:-1;white-space: nowrap;transform: translate3d(-50%,0,0);}
.cpxq .title p{color:#c474dc;font-size:.26rem;font-weight:bold;padding-top:.14rem;}
.cpxq .content{color:#333333;font-size:0.16rem;line-height:1.9375;padding-top:.72rem;padding-bottom:.72rem;}
.cpxq .bgle{background:#f8f8f8;display:grid;grid-template-columns: repeat(2,1fr);padding:0 .28rem;height:.88rem;align-items: center;display: none;}
.cpxq .bgle a{color:#666666;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;}
.cpxq .bgle a:hover{color:#c474dc;}
.cpxq .bgle .bgle_left{overflow:hidden;}
.cpxq .bgle .bgle_right{text-align:right;overflow:hidden;}

.xgcp{width:100%;overflow:hidden;margin-bottom:.79rem;}
.xgcp .title{font-size:.26rem;color:#c474dc;font-weight:bold;margin-top:.6rem;margin-bottom:.59rem;text-align:center;}
.xgcp .list ul{display:grid;grid-template-columns: repeat(4,1fr);gap:.2rem;}
.xgcp .list li{text-align:center;transition: 0.3s ease background;}
.xgcp .list li img{max-width:80%;}
.xgcp .list li p{color:#333;opacity: 1;font-size:.18rem;transition: 0.15s ease all;}
.xgcp .list li .titles{padding:.2rem;padding-bottom:.2rem;}
.xgcp .list li .front{padding-top:.2rem;}
.xgcp .list li .front,.xgcp .list li .back{background:#f3f3f3;}
.xgcp .list li .mores{
    color:#fff;
    display: block;
    text-align: Center;
    padding: 10px 15px 10px 15px;
    background:rgba(26, 26, 26, 1);
    margin-top:20px;
    min-width:1.5rem;display:none;
}
.xgcp .list li .back>div{overflow:hidden;}
.xgcp .list li .back .titles{margin:0 auto;}
.xgcp .list li .mores font{padding: 10px 15px;display:block;
    color: #f0f0f0;
    background-color: rgba(26, 26, 26, 1);
    transition: all 0.5s ease-in-out;
    transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
    -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.xgcp .list li .mores:hover font{
    background-color: rgba(240, 240, 240, 1);
    color: #1a1a1a;
}
.contact_banner .tile p,
.news_banner .tile p,
.pro_banner .tile p,
.about_banner .tile p{opacity: .7;margin-top:.18rem;}
.zgr{width:100%;overflow:hidden;}

.job_banner .tile font i{font-size:.28rem;}
.job_banner .tile i{opacity: .7;margin-top:.1rem;display: block;font-size:16px;font-style: normal;}
.job_banner .tile{padding-top:3rem;}
.job_banner .tile font{font-size: .64rem;line-height: 1;}
.job_banner .tile p{line-height:1;}