* { 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: #205ace; }
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: #18a4c7; 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.26rem;z-index:2;
            width:100%;
        }
    
        .x_hhh .swiper-container {
            width: 0.14rem;
            height: 0.14rem;
            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: 0.14rem;
            height: 0.14rem;
        }
        .x_hhh .swiper-pagination-bullet{width:0.14rem;height:0.14rem;background:#aaa;}
        .x_hhh .swiper-pagination-bullet-active{background:#205ace;}
        .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: 1200px; 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:.42rem;}

.piaofus{position:absolute;z-index:3;left:0px;top:0px;width:100%;}
.piaofus .main_w{display:flex;justify-content: space-between;align-items: center;}
.piaofus .main_w .rights{display:flex;cursor: pointer;}
.piaofus .main_w .rights img{width:.95rem;}
.logo1 img{width:1.41rem;}
.abouts{width:100%;overflow:hidden;}
.titles{text-align:center;color:#205ace;font-size:0.51rem;text-transform: uppercase;font-weight:bold;padding-top:.5rem;}
.abouts .smin{line-height:1.875;font-size:16px;text-align:center;padding-top:.1rem;padding-bottom:.4rem;}
.abouts .mores{width:2.33rem;height:.55rem;margin:0 auto;border-radius:50px;padding-left:.3rem;line-height:.55rem;background:url(../images/jt1.png) no-repeat right .33rem center #205ace;}
.abouts .mores a{color:#ffffff;font-size:16px;font-family: arial;}
.abouts .lists{overflow:hidden;width:100%;margin-top:.6rem;}
.abouts .lists ul{display:grid;grid-template-columns: repeat(4,1fr);gap:5px;text-align:center;}
.abouts .lists li{overflow:hidden;padding-bottom:.5rem;}
.abouts .lists .l1{background:url(../images/k1.png) no-repeat center;background-size:cover;}
.abouts .lists .l2{background:url(../images/k2.png) no-repeat center;background-size:cover;}
.abouts .lists .l3{background:url(../images/k3.png) no-repeat center;background-size:cover;}
.abouts .lists .l4{background:url(../images/k4.png) no-repeat center;background-size:cover;}
.abouts .lists .tit{font-size:.26rem;font-weight:bold;text-align:center;width:2.05rem;text-align:center;margin:0 auto;margin-top:.5rem;}
.abouts .lists .cont{line-height:2.57;padding-top:.3rem;}
.products{width:100%;overflow:hidden;background:#f8f9fb;margin-top:.55rem;}
.prolist{overflow:hidden;}
.products .heun{margin:.6rem auto;background:#d5d8df;height:8px;border-radius:5px;}
.products .heun .swiper-scrollbar-drag{background:#205ace;height:8px;top:0px;border-radius:5px;}
.prolist>ul>li{background:#ffffff;text-align:center;padding-bottom:.35rem;}
.prolist>ul>li font{color:#333333;font-size:18px;}
.prolist>ul>li p{color:#205ace;font-size:.22rem;font-weight:bold;padding-top:.1rem;}
.prolist>ul>li .div1 img{width:12px;height:12px;}
.prolist>ul>li ul{display:flex;justify-content: center;gap:.18rem;margin-top:0.1rem;margin-bottom:.1rem;}
.prolist>ul>li .mores{width:2.03rem;height:.46rem;border:1px solid #bcc2cf;margin:0 auto;border-radius:3px;line-height:.46rem;color:#bcc2cf;text-align:left;}
.prolist>ul>li .mores font{font-family:arial;font-size:18px;padding-left:.2rem;color:#bcc2cf;background:url(../images/s2.png) no-repeat right .2rem center;display:block;}
.prolist>ul>li a:hover .mores{background:#205ace;border:1px solid #205ace;color:#205ace;}
.prolist>ul>li a:hover .mores font{color:#fff;background-image:url(../images/jt1.png);}

.series{margin-top:.8rem;overflow:hidden;width:100%;}
.series .img1{width:100%;display: grid;position: relative;grid-template-columns: 50% 50%;gap: 10px;}
/* .series .img1 .zuos img{width:6.32rem;} */
.series .img1 .yous{/* position:absolute; *//* right:0px; *//* top:0px; *//* width:6.42rem; */}
.series .img1 .yous .tits{font-size:0.47rem;color:#205ace;padding-top:.6rem;padding-left: .27rem;}
.series .img1 .yous .tits a{color:#205ace;}
.series .img1 .yous .lists{margin-top: .9rem;overflow:hidden;width:100%;padding-bottom:.3rem;position: relative;}
.series .img1 .yous .lists li{position:relative;}
.series .img1 .yous .lists li p{position:absolute;left:0px;bottom:0px;width:calc(100% - .3rem);padding:0.15rem;text-align:center;display:flex;align-items: center;justify-content: center;font-weight:bold;}
.series .img1 .yous .lists li a:hover p{background:rgba(32,90,206,.5);color:#fff;height:calc(100% - .3rem);}
.series .img1 .yous .lists li img{width:100%;vertical-align: bottom;}
.series .item:nth-child(2n) .zuos{order:2;}
.series .item:nth-child(2n) .zuos{text-align:right;}
.series .item:nth-child(2n) .yous .tits{padding-right: .27rem;text-align:right;}
.series .item{margin-bottom:.4rem;}
.series .swiper-pagination{position:absolute;left:0px;bottom:0px;}
.series .swiper-pagination-bullet-active{background:#205ace;}
.news_center{background:#f8f9fb;overflow:hidden;padding-bottom:.39rem;}
.news_list{padding-top:.7rem;overflow:hidden;}
.news_list ul{display:grid;grid-template-columns: repeat(3,1fr);gap:.2rem;}
.news_list li{background:#ffffff;overflow:hidden;}
.news_list li a .conts{padding:.24rem;}
.news_center .mores{width:2.63rem;height:.55rem;border:1px solid #205ace;margin:0 auto;border-radius:50px;line-height:.55rem;color:#fff;text-align:left;margin-top:.4rem;background:#205ace;}
.news_center .mores font{font-family:arial;font-size:18px;padding-left:.2rem;color:#fff;background:url(../images/jt1.png) no-repeat right .2rem center;display:block;}
.news_list li a .conts font{font-size:.2rem;line-height:1.71;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news_list li a .conts p{color:#666666;margin:10px 0;line-height:1.64;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.news_list li a .conts div{color:#666666;font-size:14px;font-weight:bold;}

.footer{width:100%;overflow:hidden;background:#eceef3;}
.footer .main_w{display:grid;grid-template-columns: repeat(2,1fr);gap:.3rem;border-bottom:1px solid #d5d8df;padding-top:.59rem;padding-bottom:.59rem;}
.footer .main_w .zuo{display:flex;}
.footer .main_w .zuo .ab_list{width:100%;overflow:hidden;}
.footer .main_w .zuo .ab_list .tits{font-size:18px;font-weight:bold;}
.footer .main_w .zuo .ab_list .lists{line-height:2.57;margin-top:.25rem;}
.footer .main_w .zuo .zdao a{font-size:18px;font-weight:bold;white-space: nowrap;}
.footer .main_w .zuo .zdao li{padding-bottom:.3rem;}
.footer .main_w .you .searchs12{width:5.85rem;height:.62rem;border-radius:10px;background:#ffffff;display:grid;grid-template-columns: auto 102px;overflow:hidden;}
.footer .main_w .you .searchs12 .k1{width:100%;overflow:hidden;}
.footer .main_w .you .searchs12 .k1 input{width:calc(100% - .2rem);height:100%;border:0px;padding-left:20px;font-size:14px;text-transform: uppercase;}
.footer .main_w .you .searchs12 .k1 input::placeholder{color:#afafaf;}
.footer .main_w .you .searchs12 .k2 input{background:url(../images/s3.png) no-repeat center;width:100%;height:100%;border:0px;cursor: pointer;}
.footer .main_w .you .scan{display:grid;grid-template-columns: 200px auto;margin-top:.3rem;}
.footer .main_w .you .scan .ewm1{text-align:center;}
.footer .main_w .you .scan .ewm1 p{padding-top:10px;}
.footer .main_w .you .scan .email{line-height:2.26;}
.foot{width:100%;overflow:hidden;background:#eceef3;font-size:16px;line-height:2;text-align:center;padding:.3rem 0;}


.guanshai{position:absolute;left:0px;top:0px;width:100%;overflow:hidden;background:#f8f9fb;z-index:4;display:none;}
.guanshai .fdong{min-height:100vh;}
    .fdong .main_w{position:relative;}
    .fdong .gs_close{max-width:.28rem;height:.28rem;position:absolute;right:0.4rem;top:0.4rem;cursor:pointer;}
    .gs_title{font-size:1.46rem;font-weight:bold;text-transform: uppercase;color:#e9eaec;text-align:center;line-height:1;padding-top:.49rem;padding-bottom:.3rem;}
    .top_gs_main{max-width:1360px;padding-left:.2rem;padding-right:.2rem;margin:0 auto;display:flex;flex-wrap: wrap;justify-content: space-between;gap:.2rem;align-items: center;}
    .gs_zw{text-align:center;padding-bottom:.75rem;padding-top:.18rem;color:#000000;}
    .gs_zw a{color:#b3b3b3;font-size:.22rem;font-weight:bold;}
    .gs_zw a:hover{color:#fc440c;}
    .gs_zw font{color:#b3b3b3;font-size:.22rem;display:inline-block;margin-left:.1rem;margin-right:.1rem;}
    .gs_zw .gs_cn{color:#000000;}
    .top_gs_main .gs_right{max-width:1.54rem;}
    .top_gs_main .list{margin-top:.2rem;}
    .top_gs_main .list a{font-size:.26rem;line-height:1.75;}
    .top_gs_main .gs_logo{width:2.63rem;margin-top:.3rem;}
    .albb{max-width:2.11rem;}
    .top_gs_main .list .gs_about a{font-size:.4rem;}

    .guanshai .searchs12{width:5.85rem;height:.62rem;border-radius:10px;background:#ffffff;display:grid;grid-template-columns: auto 102px;overflow:hidden;margin:0 auto;}
.guanshai .searchs12 .k1{width:100%;overflow:hidden;}
.guanshai .searchs12 .k1 input{width:calc(100% - .2rem);height:100%;border:0px;padding-left:20px;font-size:14px;text-transform: uppercase;}
.guanshai .searchs12 .k1 input::placeholder{color:#afafaf;}
.guanshai .searchs12 .k2 input{background:url(../images/s3.png) no-repeat center;width:100%;height:100%;border:0px;cursor:pointer;}

.aboutbanner{background:url(/images/about_us_01.jpg) no-repeat;height:4.45rem;}
.aboutbanner .main_w{font-weight:52px;font-weight:bold;display:flex;align-items: center;height:100%;justify-content: center;font-size:52px;color:#fff;text-transform: uppercase;}


.a_quan{width:100%;overflow:hidden;}
.a_quan .item{margin-top:.8rem;}
.a_quan .item1{display:grid;grid-template-columns: auto 521px;gap:65px;}
.a_quan .item2{display:grid;grid-template-columns:  521px auto;gap:65px;}
.a_quan .item3{display:grid;grid-template-columns:   auto 440px;gap:30px;}
.a_quan .item4{display:grid;grid-template-columns:  520px auto;gap:65px;}
.a_quan .item5{display:grid;grid-template-columns:   auto 521px;gap:65px;}
.a_quan .item>div{overflow:hidden;}
.wiso{margin-top:0.8rem;background:#f7f7f7;overflow:hidden;width:100%;text-align:center;}
.a_quan .title{font-size:0.4rem;color:#205ace;text-transform: uppercase;font-weight:bold;margin-top:.15rem;} 
.a_quan .conts{font-size:0.18rem;line-height:2;margin-top:.2rem;}
.a_quan .clists{font-size:0.18rem;line-height:1.3;margin-top:.3rem;}
.a_quan .clists li{margin-top:.2rem;}
.a_quan .clists .g1{font-size:0.2rem;font-weight:bold;display:flex;align-items: center;position:relative;height:.48rem;}
.a_quan .clists .g1 font{color:#205ace;font-size:28px;position:relative;display:inline-block;width:.39rem;line-height:1;padding-left:.07rem;}
.a_quan .clists .g1::after{background:url(../images/y1.png) no-repeat right bottom;content:"";display:block;width:.39rem;height:.48rem;position:absolute;left:0px;top:0px;z-index:3;background-size:.39rem auto;}
.a_quan .clists .g2{margin-top:0.1rem;margin-bottom:.1rem;position:relative}
.a_quan .item3 .tit1{color:#333333;font-size:.24rem;font-weight:bold;font-family: arial;padding-top:.25rem;padding-bottom:.3rem;}
.a_quan .item3 .l1{color:#666666;font-size:16px;line-height:1.75;}
.a_quan .item3 .l1 li{margin-bottom:.2rem;display:grid;grid-template-columns: 32px auto;gap:10px;}
.a_quan .item3 .l1 font{display:block;width:32px;height:32px;line-height:32px;background:#205ace;color:#fff;text-align:center;border-radius:50px;}
.a_quan .item3 .l1 .btis{font-size:0.2rem;font-family: arial;line-height:1.6;color:#333;}
.a_quan .contacts{font-size:0.18rem;line-height:2;margin-top:.2rem;}
.a_quan .contacts .font_1{font-weight:bold;padding-bottom:.2rem;}
.a_quan .contacts li{display:grid;grid-template-columns: 26px auto;}
.a_quan .contacts li font{padding-right:8px;}
.a_quan .contacts li .d1s{display:flex;}
.neis{padding-bottom:.3rem;overflow:hidden;}
.aboutbanner2{width:100%;overflow:hidden;height:.95rem;background:#f4f6f9;}

.products_neiye{width:100%;overflow:hidden;background:#f8f9fb;}
.prolists{padding-top:.3rem;}
.prolists>ul{display:grid;grid-template-columns: repeat(3,1fr);gap:.5rem;}
.prolists>ul>li{background:#ffffff;text-align:center;padding-bottom:.35rem;}
.prolists>ul>li font{color:#333333;font-size:18px;}
.prolists>ul>li p{color:#205ace;font-size:.22rem;font-weight:bold;padding-top:.1rem;}
.prolists>ul>li .div1 img{width:12px;}
.prolists>ul>li ul{display:flex;justify-content: center;gap:.18rem;margin-top:0.1rem;margin-bottom:.1rem;}
.prolists>ul>li .mores{width:2.03rem;height:.46rem;border:1px solid #bcc2cf;margin:0 auto;border-radius:3px;line-height:.46rem;color:#bcc2cf;text-align:left;margin-top:.2rem;}
.prolists>ul>li .mores font{font-family:arial;font-size:18px;padding-left:.2rem;color:#bcc2cf;background:url(../images/s2.png) no-repeat right .2rem center;display:block;}
.prolists>ul>li a:hover .mores{background:#205ace;border:1px solid #205ace;color:#205ace;}
.prolists>ul>li a:hover .mores font{color:#fff;background-image:url(../images/jt1.png);}
.list_m{width:100%;overflow:hidden;padding-top:.35rem;padding-bottom:.2rem;}
.list_m ul{display:flex;justify-content: center;gap:.4rem;}
.list_m a{font-size:16px;}
.list_m .cur a{color:#205ace;font-weight:bold;}

.xilie{width:100%;overflow:hidden;background:#eceef3;padding-top:.3rem;padding-bottom:.2rem;}
.xilie ul{display:flex;justify-content: center;gap:.8rem;font-size:18px;}
.xilie li{position:relative;padding-bottom:12px;}
.xilie li.cur{font-weight:bold;}
.xilie li.cur::after{position:absolute;left:0px;bottom:0px;content:"";width:100%;height:4px;border-radius:10px;background:#205ace;}
.probanner{background-image:url(../images/03cp_list_01.jpg);}

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

.grids{width:100%;overflow:hidden;background:#f8f9fb;padding-bottom:.8rem;}
.grids .yanj{display:grid;grid-template-columns: repeat(2,1fr);overflow:hidden;padding-top:.49rem;}
.grids .yanj .c_left{overflow:hidden;}
.grids .yanj .c_left img{width:100%;}
.grids .yanj .c_right{overflow:hidden;padding-left:.3rem;}
.grids .yanj .c_right .title{font-size:.36rem;font-weight:bold;padding-top:.3rem;}
.grids .yanj .c_right .lmus{width:1.855rem;height:.34rem;background:#205ace;color:#fff;line-height:.34rem;text-align:center;font-weight:bold;margin-top:.18rem;}
.grids .yanj .c_right .c_lists ul{display:flex;gap:.25rem;}
.grids .yanj .c_right .c_lists{padding-top:.3rem;padding-bottom:.63rem;}
.grids .yanj .c_right .c_lists li{overflow:hidden;width:.43rem;cursor:pointer;}
.grids .yanj .c_right .c_lists li img{vertical-align: bottom;border:2px solid #f8f9fb;border-radius:50%;box-sizing: border-box;}
.grids .yanj .c_right .c_lists li.cur img{vertical-align: bottom;border:2px solid #2d63d1;border-radius:50%;box-sizing: border-box;}
.o_main{display:grid;grid-template-columns: repeat(2,1fr);gap:20px;}
.o_main .o_iun a{color:#bcc2cf;font-size:18px;border:1px solid #bcc2cf;line-height:.54rem;text-align:center;display:block;border-radius:5px;}
.o_main .o_ret a{color:#fff;font-size:18px;border:1px solid #bcc2cf;line-height:.54rem;text-align:center;display:block;background:#bcc2cf;border-radius:5px;}
.grids .yanj .box .item{display:grid;grid-template-columns: 50px auto 50px;align-items: center;padding-top:.38rem;}
.grids .yanj .box .c_p3 a{width:17px;height:32px;display:block;background:url(../images/p5.png) no-repeat left center;transform: rotate(180deg);}
.grids .yanj .box .item img{vertical-align: bottom;border:2px solid #dbdfe7;width:100%;box-sizing: border-box;}
.grids .yanj .box .item .cur img{border:2px solid #2d63d1;}
.grids .yanj .box .c_p5 a{width:17px;height:32px;display:block;background:url(../images/p5.png) no-repeat left center;margin-left:.33rem;}
.grids .yanj .box .item .list{overflow:hidden;}
.grids .yanj .box .c_p3 a:hover{background-image:url(../images/p3.png);transform: rotate(0deg);}
.grids .yanj .box .c_p5 a:hover{background-image:url(../images/p3.png);transform: rotate(180deg);}

.Product_Details{color:#333333;font-size:.34rem;font-weight:bold;text-align:center;padding-top:.8rem;border-bottom:2px solid #bcc2cf;padding-bottom:.2rem;}

.nron{overflow:hidden;line-height:2;padding:20px;}


#PageContent { margin: 0 auto; text-align: center; }
#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: #fff;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: #205ace 2px solid;background: #205ace;color: #fff;}
#PageContent a.Ahover {width: .36rem;height: .36rem;line-height: .32rem;background: #205ace;border: 2px solid #205ace;color: #fff;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;}


.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 40px 0px; }
#newsnr { font-size: 14px; line-height: 26px; }

.aboutDetail { font-size: 14px; line-height: 28px; padding: 0px 0px; padding-top: .4rem; padding-bottom: .4rem; min-height:4rem}
.txt_cent { padding-top: .4rem; }
.about-content { padding-top: .4rem; overflow: hidden; }
.about_content{font-size: 14px;line-height: 2;padding:.4rem;width:calc(100% - .8rem);overflow:hidden;}


.pros_boxB{  border-bottom: 2px solid #F3F3F3;}
.pros_boxB p{width: 250px;margin: 0 auto -2px auto;padding-bottom: 14px;border-bottom: 2px solid #DA3E2C;font-size: 0.24rem;font-weight: bold;text-align: center;}
.pros_boxG { width: 82.3%; margin: 0px auto; padding: 50px 0; }
.pros_boxG .box_1 { margin-bottom: 20px; overflow: hidden; }
.pros_boxG .box_1 .box { float: left; width: 50%; display:flex; align-items:center; }
.pros_boxG label { color:#F00; margin-left:5px;}
.pros_boxG dl { width: calc(100% - 20px); border: 1px solid #ECECEC; display: flex; }
.pros_boxG dt { width: 80px; background-color: #F7F7F7; background-position: center center; background-repeat: no-repeat; }
.pros_boxG dd {width: calc(100% - 80px);background-color: #fff;}
.pros_boxG .txt { width: calc(100% - 40px); padding: 10px 20px; height: 26px; line-height: 26px; font-size: 14px; color: #333; background: none; border: 0; outline: none; }
.pros_boxG .bkg_1 { background-image: url(../images/proShow_19_1.png); }
.pros_boxG .bkg_2 { background-image: url(../images/proShow_19_2.png); }
.pros_boxG .bkg_3 { background-image: url(../images/proShow_19_3.png); }
.pros_boxG .bkg_4 { background-image: url(../images/proShow_19_4.png); }
.pros_boxG .bkg_5 { background-image: url(../images/proShow_19_5.png); background-position: center 17px; }
.pros_boxG .box_2 { margin-bottom: 20px; display: flex; }
.pros_boxG dd{}
.pros_boxG .area { font-family: Microsoft YaHei;width: calc(100% - 40px); padding: 15px 20px; height: 100px; line-height: 26px; font-size: 14px; color: #333; background: none; border: 0; outline: none; }
.pros_boxG .box_3 { display: flex; color: #666; }
.pros_boxG .codebox { display: flex; align-items: center; }
.pros_boxG .box_3 .code {width: 120px;padding: 10px 20px;height: 26px;line-height: 26px;font-size: 14px;color: #333;border: 1px solid #ECECEC;background-color: #fff;outline: none;}
.pros_boxG .box_3 span { color: #F00; margin-left: 10px; }
.pros_boxG .btnbox { display: flex; align-items: center; margin-left: 4.17vw; }
.pros_boxG .box_3 .btn { margin-left: 10px; width: 13.8vw; min-width: 180px; height: 46px; line-height: 46px; font-size: 16px; font-weight: bold; text-align: center; background-color: #E6E6E6; border: 0; outline: none; cursor: pointer; }
.pros_boxG .box_3 .btn_1 { background-color: #6661d3; color: #FFF; }

.about-t{padding-top:.4rem;}


.tes{position:relative;margin-top:.5rem;}
.tes .lefts{background:url(../images/l1.png) no-repeat center;width:.67rem;height:.67rem;background-size:.67rem .67rem;transform: rotate(180deg) !important;position:absolute;left:-.87rem;;top:calc(50% - .33rem);display:block;}
.tes .rights{background:url(../images/l1.png) no-repeat center;width:.67rem;height:.67rem;background-size:.67rem .67rem;transform: rotate(0deg) !important;position:absolute;right:-.87rem;;top:calc(50% - .33rem);display:block;}
.tes .rights:hover{background-image: url(../images/l2.png);transform: rotate(180deg) !important;}
.tes .lefts:hover{background-image: url(../images/l2.png);transform: rotate(0deg) !important;}