* { 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: #333333; overflow-x: hidden; margin: 0 auto; max-width:1920px;}
a { color: #333333; text-decoration: none; }
a:hover { color: #d4572a; }
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; }

@-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.6rem,0); transform: translate3d(0,-0.6rem,0) }
    100% { opacity: 1; -webkit-transform: none; transform: none }
}

@keyframes fadeInDown3 {
    0% { opacity: 0; -webkit-transform: translate3d(0,-0.6rem,0); transform: translate3d(0,-0.6rem,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: #d4572a; 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:.5rem;}
#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: 1px solid #f3f3f3;background: #f3f3f3;width: .5rem;height: .5rem;line-height: .5rem;color: #241F23;text-decoration: none;display: inline-block;box-sizing: border-box;margin-left: 5px;margin-right: 5px;border-radius: 50px;}
#PageContent a:hover {border: #d4572a 1px solid;background: #d4572a;color: #f3f3f3;}
#PageContent a.Ahover {width: .5rem;height: .5rem;line-height: .5rem;background: #d4572a;border: 1px solid #d4572a;color: #f3f3f3;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 #f3f3f3;background: #f3f3f3;width: .5rem;height: .5rem;line-height: .5rem;color: #333333;display: inline-block;box-sizing: border-box;margin-left: 5px;margin-right: 5px;border-radius: 50px;}
#PageContent :first-child { border-radius: 50px; font-family: simsun;}
#PageContent :last-child { border-radius: 50px;  font-family: simsun;}
.menu_wap {background: url(../images/menu_s.png) no-repeat center;width: 30px;height: 30px;float: right;display: none;margin-top: 0px;/* margin-left: 20px; *//* height:100%; */}
.in_topbox { position: relative; z-index: 18; }
/* .main_top .logo{max-width:2.6rem;} */
.in_topbox .menu { position: absolute; top: 0.73rem; 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: #d4572a; color: #FFF; font-weight: normal; transform: translateX(0px); }
.in_topbox .menu li .nav a:after { display: none; }


.main { width: 100%; overflow: hidden; }
.main_w { max-width: 1680px; margin: 0 auto; padding-left: .4rem; padding-right: .4rem; }
/* 
.main_top{width:100%;background:#fff;}
.main_top .logo{width:1.46rem;}
.main_top .main_w{display:flex;justify-content: space-between;}
.main_top .main_w .top_right{display:flex;align-items: center;gap:.45rem}
.main_top .main_w .top_right .top_list ul{display:flex;gap:.5rem;}
.main_top .main_w .top_right .top_list li{font-size:16px;}
.main_top .main_w .top_right .eng{width:1.07rem;height:0.51rem;background:#d4572a;border-radius:50px;display:flex;align-items: center;justify-content: center;}
.main_top .main_w .top_right .eng a{color:#fff;font-size:0.18rem;} 
*/
.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:#fff;font-size:18px;}
.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 .top_search_1{border:1px solid #ffffff;border-radius:20px;overflow:hidden;background:rgba(255,255,255,0.3);}
.main_top .main_w .top_right .top_search_1 form{display:flex;align-items: center;height:100%;}
.main_top .main_w .top_right .top_search_1 .top_search_left{overflow:hidden;height:33px;}
.main_top .main_w .top_right .top_search_1 .top_search_left input{background:none;border:0rem;outline:none;padding-left:20px;padding-right:20px;width:160px;height:100%;color:#fff;}
.main_top .main_w .top_right .top_search_1 .top_search_left input::placeholder{color:rgba(255,255,255,0.6);}
.main_top .main_w .top_right .top_search_1 .top_search_right{overflow:hidden;padding:3px;}
.main_top .main_w .top_right .top_search_1 .top_search_right input{background:url(../images/s3.png) no-repeat center;background-size:cover;width:27px;height:27px;display:block;border:0rem;outline:none;cursor: pointer;}
.main_top .main_w .top_right .eng{background:#d4572a;width:35px;height:35px;border-radius:50%;line-height:35px;text-align:center;font-size:12px;}
.main_top .main_w .top_right .eng a{color:#fff;}
.banner{width:100%;overflow:hidden;}
.x_hhh {position:relative;}
        .x_hhh .swiper-paginationx {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 50px;
            position:absolute;
            left:0px;bottom:0px;z-index:2;
        }
    
        .x_hhh .swiper-container {
            width: 24px;
            height: 24px;
            margin: 0 0px;
            position: relative;
        }
    
        .x_hhh .progress-circle {
            width: 100%;
            height: 100%;
            fill: none;
            stroke: #fcfbfb;
            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;
            }
        }


        .xptj{width:100%;overflow:hidden;min-height:9.81rem;background:url(../images/00_02.jpg) no-repeat top center;}
        .xptj .title{padding-top:.99rem;display:flex;justify-content: space-between;line-height:1;align-items: center;padding-bottom:.6rem;}
        .xptj .title font{ color:#615752;font-size:.32rem;}
        .xptj .title p a{color:rgba(97,87,82,0.6);font-size:.18rem;transition: 0.6s color cubic-bezier(.4, 0, .2, 1);}
        .xptj .title p a:hover{color:#d4572a;}
        .xptj .box .item ul{display:grid;grid-template-columns: repeat(3,1fr);gap:.6rem;}
        .xptj .box .item li{border-top:3px solid #d4572a;padding-left:.6rem;padding-right:.6rem;position:relative;z-index:1;background:linear-gradient(to bottom,#fff,#fff,rgba(255,255,255,0));overflow:hidden;}
        .xptj .box .item li:nth-child(4){display:none;}
        .xptj .box .item li::after{background:url(../images/s6.png) no-repeat top center;background-size:cover;content:"";display:block;height:100%;width:100%;overflow:hidden;position:absolute;left:0px;top:0px;z-index:-1;opacity: 0;transition: 0.3s cubic-bezier(.4, 0, .2, 1); }
        .xptj .box .item li:hover::after{opacity: 1;}
        .xptj .box .item li .sgabg{display:block;justify-content: space-between;padding-top:.57rem;}
        .xptj .box .item li .bt font{display:block;color:#615752;font-size:.36rem;font-weight:bold;line-height:1;transition: 0.3s cubic-bezier(.4, 0, .2, 1); }
        .xptj .box .item li .bt p{font-size:.2rem;color:#615752;margin-top:.06rem;transition: 0.3s cubic-bezier(.4, 0, .2, 1); }
        .xptj .box .item li .nr{color:#4c4c4c;line-height:1.5;transition: 0.3s cubic-bezier(.4, 0, .2, 1); margin-top:.05rem;}
        .xptj .box .item li .img{text-align:center;padding-top:.45rem;padding-bottom:.45rem;}
        .xptj .box .item li:hover .bt font{color: #fff;}
        .xptj .box .item li:hover .bt p{color: #fff;}
        .xptj .box .item li:hover .nr{color: #fff;}
        .lmon{background:url(../images/00_03.jpg);background-size:cover;overflow:hidden;height:2.04rem;width:100%;display:flex;align-items: center;margin-top:.42rem;justify-content: space-between;}
        .lmon .m_title{padding-left:1rem;}
        .lmon .m_title font{color:#ffffff;font-size:.32rem;}
        .lmon .m_title p{color:rgba(255,255,255,0.6);font-size:.18rem;font-weight:bold;text-transform: uppercase;padding-top:10px;}
        .lmon .m_list ul{display:grid;grid-template-columns: repeat(3,1fr);}
        .lmon .m_list li{position:relative;padding-left:.62rem;padding-right:.62rem;}
        .lmon .m_list li::after{position:absolute;left:0rem;top:50%;transform: translateY(-50%);display:block;content:'';background:url(../images/s5.png) no-repeat right center;width:1px;height:1.35rem;}
        .lmon .m_list li:nth-child(1)::after{display:none;}
        .lmon .m_list li a{display:flex;gap:.29rem;align-items: center;}
        .lmon .m_list li a .imgs{max-width:1.31rem;}
        .lmon .m_list li a .fonts font{color:#ffffff;font-size:.2rem;max-width: 2rem;display: block;}
        .lmon .m_list li a .fonts p{font-size:.16rem;color:rgba(255,255,255,0.5);padding-top:0.1rem;}
        .footer{width:100%;overflow:hidden;background:#fafafa;margin-top:.42rem;padding-top:.55rem;padding-bottom:.45rem;}
        .footer .mshi{display:flex;justify-content: space-between; }
        .footer .mshi .logo{/* max-width:2.64rem; */}
        .footer .mshi .foot_right{display:flex;gap:.8rem;}
        .footer .mshi .foot_right .menu{display:flex;gap:.8rem;}
        .footer .mshi .foot_right .menu font{color:#333333;font-size:16px;font-weight:bold;line-height:1;}
        .footer .mshi .foot_right .lxwm font{color:#333333;font-size:16px;font-weight:bold;line-height: 1.6;}
        .footer .mshi .foot_right .menu li{line-height:2;}
        .footer .mshi .foot_right .menu i{display:block;width:18px;height:2px;background:#d4572a;margin-top:.2rem;margin-bottom:.15rem;}
        .footer .mshi .foot_right .lxwm .lxwm_nr{line-height:2;margin-top:.12rem;}
        .foot{text-align:center;padding:.35rem .2rem;color:#333333;line-height:1.65;}
        .footer .mshi .foot_right .menu ul:nth-child(1) i{opacity: 0;}
        
        .m_banner{background:url(../images/about_01.jpg) no-repeat center;background-size:cover;;width:100%;height:5.2rem;}
        .wmdsm{width:100%;overflow:hidden;background:url(../images/about_02.jpg) no-repeat center;background-size:cover;height:7.82rem;}
        .m_banner .title{padding-top:2.1rem;}
        .m_banner .title font{color:#ffffff;font-size:.42rem;}
        .m_banner .title p{color:rgba(255,255,255,0.5);font-size:.24rem;margin-top:.12rem;}
        .m_banner .sb{margin-top:1rem;}

        .about_cont .main_w{display:grid;gap:.65rem;grid-template-columns: auto auto;}
        .about_cont .content{line-height:.36rem;font-size:.16rem;padding:.78rem 0;}
        .about_cont .content font{color:#d4572a;font-weight:bold;font-size:.24rem;}
        .about_cont .imgs{position:relative;min-width:5rem;}
        .about_cont .imgs div{position:absolute;top:-1.33rem;}
        .about_cont .imgs div::after{content:"";display:block;position:absolute;left:-1.21rem;bottom:0rem;background:url(../images/di-2.png) no-repeat left center;background-size:cover;width:1.21rem;height:1.14rem;}
        .wmdsm .box{display:grid;grid-template-columns: repeat(3,1fr);height:100%;}
        .wmdsm .box .item{text-align:center;position:relative;height:100%;z-index:1;cursor: pointer;}
        .wmdsm .box .item::after{position:absolute;right:0px;top:0px;opacity: 1;width:1px;height:100%;background:#988f89;content:"";transition: 0.3s ease all;}
        .wmdsm .box .item::before{width:100%;height:100%;background:rgba(212,87,42,0.8);content:"";position:absolute;left:0px;top:0px;opacity: 0;transition: 0.3s ease all;}
        .wmdsm .box .item:nth-child(3)::after{display:none;}
        .wmdsm .box .item:hover::after{opacity: 0;}
        .wmdsm .box .item:hover::before{opacity: 1;}
        .wmdsm .box .item .title2{display:flex;align-items: center;justify-content: center;position:absolute;left:0px;top:0px;height:100%;width:100%;max-height:100%;transition: 0.3s ease all;}
        .wmdsm .box .item .title2 font{font-size:.4rem;font-weight:bold;color:#fff;text-transform: uppercase;transition: 0.3s ease opacity;}
        .wmdsm .box .item .title2 p{font-size:.36rem;color:#fff;transition: 0.3s ease opacity;}
        .wmdsm .box .item .title2 i{width:.32rem;height:2px;background:rgba(255,255,255,0.5);display:inline-block;margin-top:.2rem;}
        .wmdsm .box .item .content{font-size:.36rem;color:#ffffff;font-weight:bold;height:100%;position:absolute;left:0px;top:20px;width:100%;display:flex;align-items: center;justify-content: center;opacity: 0;transition: 0.3s ease all;}
        .wmdsm .box .item .wh{position:absolute;bottom:.6rem;left:0px;width:100%;color:#ffffff;}
        .wmdsm .box .item:hover .title2{max-height:2.83rem;}
        .wmdsm .box .item:hover .title2 font{opacity: .7;}
        .wmdsm .box .item:hover .title2 p{opacity: .7;}
        .wmdsm .box .item:hover .content{opacity: 1;top:0px;}
        .yyry{padding-top:.8rem;overflow:hidden;padding-bottom:.59rem;}
        .yyry .main_tops{display:flex;justify-content: space-between;}
        .yyry .main_tops .prev-next a{background:url(../images/k_left1.png) no-repeat center;background-size:.57rem auto;width:.57rem;height:.57rem;display:inline-block;}
        .yyry .main_tops .prev-next .prev{margin-right:.28rem;}
        .yyry .main_tops .prev-next .next{transform: rotateY(180deg);}
        .yyry .main_tops .prev-next a:hover{background-image:url(../images/k_right1.png);}
        .yyry .main_tops .prev-next a.prev:hover{transform: rotateY(180deg);}
        .yyry .main_tops .prev-next a.next:hover{transform: rotateY(0deg);}
        .yyry .title{padding-bottom:.5rem;}
        .yyry .title p{color:#d4572a;font-size:.32rem;font-weight:bold;text-transform: uppercase;}
        .yyry .title font{color:#333333;font-size:.32rem;}
        .yyry .list{overflow:hidden;}
        .yyry .list img{border:9px solid #ededed;box-sizing: border-box;padding:.15rem;}
        .yyry .list p{font-size:16px;text-align:center;padding-top:.2rem;}
        .cpzx{background:url(../images/products_01.jpg) no-repeat center;background-size:cover;width:100%;height:5.2rem;text-align:center;}
        .cpzx .title{padding-top:1.89rem;}
        .cpzx .title font{color:#ffffff;font-size:.42rem;}
        .cpzx .title p{color:rgba(255,255,255,0.5);font-size:.24rem;margin-top:.12rem;}
        .cpzx .sb{margin-top: 1rem;}
        .sb img{width:.27rem;}
        .productmnau{position:relative;top:-43px;margin-bottom:-43px;}
        .productmnau .main_w{min-height:.86rem;overflow:hidden;background:#fafafa;display:flex;justify-content: space-between;padding-right:0px;}
        .productmnau .main_w .list ul{display:flex;gap:0 .39rem;flex-wrap: wrap;}
        .productmnau .main_w .list li{padding:.34rem 0;}
        .productmnau .main_w .list li a{color:#333333;font-size:.18rem;}
        .productmnau .main_w .list li.cur a,.productmnau .main_w .list li a:hover{color:#d4572a;}
        .productmnau .main_w form{display:flex;}
        .productmnau .main_w .search_p{background:#d4572a;padding-left:.4rem;padding-right:.4rem;display:flex;}
        .productmnau .main_w .search_p .text{height:100%;border:0px;background:none;color:#ffffff;font-size:.16rem;padding-right:.2rem;outline:none;}
        .productmnau .main_w .search_p .text::placeholder{color:rgba(255,255,255,0.5);font-size:.16rem;}
        .productmnau .main_w .search_p .submit{height:100%;background:url(../images/products_search.png) no-repeat center;
            background-size:.26rem auto;
            border:0px;width:.26rem;border: 0px;cursor: pointer;outline:none;}

    .products{width:100%;overflow:hidden;margin-top:.78rem;}
    .products ul{display:grid;grid-template-columns: repeat(2,1fr);gap: .4rem .7rem;}
    .products li{position:relative;overflow: hidden;}
    .products li .di{margin-left:1rem;background:#fafafa;position: absolute;right: 0px;top: 0rem;height: 100%;}
    .products li .di img{opacity: 0;transition: 0.3s all ease;object-fit: cover;height: 100%;}
    .products li:hover .di img{opacity: 1;}
    .products li .cpc{position: relative;z-index: 2;/* left:0px; *//* top:.4rem; */padding-top: .4rem;width:100%;display:grid;grid-template-columns: repeat(2,1fr);gap:.7rem;padding-bottom: .4rem;}
    .products li .cpc .cpc_left{overflow:hidden;}
    .products li .cpc .cpc_right{overflow:hidden;}
    .products li .cpc .title font{font-size:.36rem;font-weight:bold;color:#d4572a;transition: 0.3s all ease;}
    .products li .cpc .title p{font-size:.2rem;transition: 0.3s all ease;}
    .products li .cpc .content{font-size:16px;line-height:1.75;margin-top:.28rem;transition: 0.3s all ease;padding-right:.1rem;}
    .products li .cpc .mores{width:2rem;height:.6rem;text-align:center;color:#fff;transition: 0.3s all ease;font-size:16px;display:flex;align-items: center;justify-content: center;background:#d4572a;border-radius:50px;margin-top:.5rem;position:relative;overflow:hidden;z-index:2;}
    .products li:hover .cpc .title font{color:#fff;}
    .products li:hover .cpc .title p{color:#fff;}
    .products li:hover .cpc .content{color:#fff;}
    .products li .cpc .mores:before{width:0px;content:"";display:block;height:100%;position:absolute;left:0px;bottom:0px;background:#fff;transition:width 0.3s ease;z-index:-1;}
    .products li:hover .cpc .mores:before{width:100%;}
    .products li:hover .cpc .mores{color:#d4572a;}
    .product_di{height:1.25rem;overflow:hidden;background:#fff;}
    .product_di .main_top .main_w .top_list a{color:#333333;font-size:.18rem;}
    .product_di .main_top .main_w .top_right .top_search_1{background:#f0f0f0;border: 1px solid #f0f0f0;}
    .product_di .main_top .main_w .top_right .top_search_1 .top_search_left input{color:#333;}
    .product_di .main_top .main_w .top_right .top_search_1 .top_search_left input::placeholder{color:rgba(51,51,51,0.6);}
    .position{background:#d4572a;color:#ffffff;line-height:1.72;padding-top:.28rem;padding-bottom:.28rem;}
    .position a{color:#ffffff;}
    .pro_main{width:100%;overflow:hidden;background:url(../images/03show_02.jpg) no-repeat center;background-size:cover;padding-bottom:.2rem;}
    .pro_main .pro_quanbu{width:100%;overflow:hidden;display:grid;gap:2rem;padding-top:.7rem;grid-template-columns:8.85rem auto;padding-bottom:.29rem;}
    .pro_main .pro_quanbu .pro_quanbu_left{display:flex;align-items: center;justify-content: center;}
    .pro_main .pro_quanbu .pro_quanbu_right{overflow:hidden;}
    .pro_main .pro_quanbu .pro_quanbu_right .title font{font-size:.48rem;color:#d4572a;font-weight:bold;display:inline-block;}
    .pro_main .pro_quanbu .pro_quanbu_right .title p{display:inline-block;color:#615752;font-size:.2rem;margin-left:.14rem;}
    .pro_main .pro_quanbu .pro_quanbu_right .content{color:#4c4c4c;font-size:.18rem;line-height:1.77;padding-left:.17rem;border-left:1px solid #d4572a;margin-top:.4rem;margin-bottom:.4rem;}
    .pro_main .pro_quanbu .pro_quanbu_right .yse{overflow:hidden;}
    .pro_main .pro_quanbu .pro_quanbu_right .yse a{display:block;width:.56rem;height:.56rem;border-radius:50%;float:left;margin-right:.29rem;border:0.05rem solid #fff;}
    .pro_main .pro_quanbu .pro_quanbu_right .yse a.cur{border:0.05rem solid #d4572a;}
    .pro_main .pro_quanbu .pro_quanbu_right .box{width:100%;margin-top:.52rem;}
    .pro_main .pro_quanbu .pro_quanbu_right .item{width:100%;overflow:hidden;max-width:4.7rem;}
    .pro_main .pro_quanbu .pro_quanbu_right .item .list{overflow:hidden;}
    .pro_main .pro_quanbu .pro_quanbu_right .item .list.cur{display:block !important;}
    .pro_main .pro_quanbu .pro_quanbu_right .item .list li a{border:2px solid rgba(212,87,42,0);border-radius:5px;align-items: center;display:flex;overflow:hidden;padding:.15rem;background:#fff;}
    .pro_main .pro_quanbu .pro_quanbu_right .item .list li.cur a{border:2px solid rgba(212,87,42,1);}
    .pro_show_cs{padding-top:.6rem;padding-bottom:.4rem;border-bottom:1px solid #e0e0e0;}
    .pro_show_cs ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
    .pro_show_cs ul li div{color:#333333;font-size:.22rem;}
    .pro_show_cs ul li p{color:#666666;font-size:14px;padding-top:0.1rem;}
    .cpgn{padding-top:.8rem;padding-bottom:.7rem;overflow:hidden;}
    .cpgn .main_w{display:grid;grid-template-columns:auto 11.2rem;}
    .cpgn .main_w .title font{color:#d4572a;font-size:.32rem;font-weight:bold;text-transform: uppercase;}
    .cpgn .main_w .title p{color:#333333;font-size:.32rem;padding-top:5px;}
    .cpgn .cpgn_right{overflow:hidden;}
    .cpgn .cpgn_right .cpsm{display:grid;grid-template-columns: repeat(2,1fr);gap:.4rem;padding-top:.2rem;overflow:hidden;}
    .cpgn .cpgn_right .cpsm ul{overflow:hidden;}
    .cpgn .cpgn_right .cpsm li{display: grid;align-items: center;padding-top:.4rem;grid-template-columns: 36px auto;}
    .cpgn .cpgn_right .cpsm li div{font-size:.28rem;font-weight:bold;color:#cccccc;overflow:hidden;}
    .cpgn .cpgn_right .cpsm li p{padding-left:.24rem;color:#333333;font-size:.18rem;}
    .contact{background-image:url(../images/04contact_01.jpg);}
    .gjjk{padding-top:.8rem;overflow:hidden;padding-bottom:.3rem;}
    .gjjk .main_w{display:grid;grid-template-columns: auto 11.2rem;gap:.4rem}
    .gjjk .item{margin-bottom:.3rem;}
    .gjjk .item div{color:#333333;font-size:.24rem;font-weight:bold;}
    .gjjk .item font{color:#333333;font-size:.18rem;}
    .gjjk .item p{color:#999999;padding-top:.07rem;}
    .gjjk .item p a{color:#999999;}
    #tenpay_txt {
        position: fixed;
        width: 100vw;
        height: 100vh;
        overflow: hidden;
        left: 0;
        top: 0;
        z-index: 99;
    }
    .sb{animation: slideOutDown_s 2.5s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite;}

    .aboutus{min-height:400px;line-height:1.7;}


    

.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: #d4572a;width: 100%;height: 22px;line-height: 22px;color: #fff;text-align: center;margin-top: 30px;display: block;font-family: simsun;}
.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: #d4572a;color: #fff;outline: none;border: 0px;margin-top: 60px;margin-bottom: 60px;cursor: pointer;}
.ysuo { width: 100%; overflow: hidden; margin-top: 40px; }


.about-content { padding-top: 40px; overflow: hidden; padding-bottom: 40px; }

.top_search{display:none;}

.product_di .menu_wap{background: url(../images/menu_s2.png) no-repeat center;}
.x_hhh .main_w{position:relative;height:8.8rem;}
.x_hhh .swiper-slide{background-size:cover !important;}
.x_hhh .main_w .kio4{position:absolute;right:0.4rem;bottom:0px;max-width:10.77rem;}
.x_hhh .main_w .item{position:absolute;left:0.4rem;top:2.9rem;}
.x_hhh .main_w .item .kio1{color:#ffffff;font-size:.4rem;font-weight:bold;}
.x_hhh .main_w .item .kio2{color:rgba(255,255,255,0.5);font-size:.22rem;font-weight:bold;padding-top:.15rem;}
.x_hhh .main_w .item .kio3{background:#d4572a;width:2rem;height:.62rem;border-radius:50px;text-align:center;line-height:.62rem;color:#ffffff;font-size:0.16rem;margin-top:1.1rem;}