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

html { font-size: 100px; }
html, body { height: 100%; }
body { font-size: 14px; font-family: Arial,Microsoft YaHei, Helvetica, sans-serif,simsun; color: #333; overflow-x: hidden; margin: 0 auto; max-width:1920px;font-weight:500;position:relative;}
a { color: #333333; text-decoration: none; }
a:hover { color: #80141a; }
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: 11;
  
  }
  
  .sha_btn_close {
    position: absolute;
    right: 50px;
    top: 50px;
    cursor: pointer;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: .18rem;
    text-align: center;
    line-height: .4rem;
    color: #444;
    z-index:3;
  }
  
  .sha_vid {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    video{
      max-width: 80vw;
      max-height: 80vh;
      display: block;
    }
  }
  .newiconfont{position:relative;display:block;}
  .sha_btn_close .newiconfont:before, .sha_btn_close .newiconfont:after { content: ""; display: block; width: 20px; height: 1px; background-color: #999; position: absolute; left: 11px; top: 20px; }
  .sha_btn_close .newiconfont:before { transform: rotate(45deg); }
  .sha_btn_close .newiconfont:after { transform: rotate(-45deg); }
.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: #80141a;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;}

.banner{overflow:hidden;position:relative;}
.banner_left{position:absolute;left: calc((100% - 1680px) / 2 + 0.4rem);top:calc(50% - .18rem);z-index:3;background:url(../images/a7.png) no-repeat left center;background-size:.21rem auto;width:.21rem;height:.37rem;cursor:pointer;}
.banner_right{position:absolute;right: calc((100% - 1680px) / 2 + 0.4rem);top:calc(50% - .18rem);z-index:3;background:url(../images/a8.png) no-repeat left center;background-size:.21rem auto;width:.21rem;height:.37rem;cursor:pointer;}
/* .sb img{animation: slideOutDown_s 2.5s cubic-bezier(0.55, 0.09, 0.68, 0.53) infinite;} */
/* .sb:before,.sb:after{ content:""; position:absolute;}
.sb:before{top:0;left:0;width:26px;height:37px;background:url(../images/sb.png) 0px 0px no-repeat;background-size:100% auto;-webkit-animation:colorSlide 1.6s linear infinite;animation:colorSlide 1.6s linear infinite;}
.sb:after{ top:0; right:0; bottom:0; left:0; margin:auto; background-color:#FFF; width:4px; height:8px; border-radius:4px; -webkit-animation:trackBallSlide 1.6s linear infinite; animation:trackBallSlide 1.6s linear infinite;} */
.aboutbanner img{vertical-align: top;}
.aboutbanner .sb{position:absolute;left:calc(50% - 13px);bottom:1.42rem;-webkit-animation:nudgeMouse 1.6s linear infinite; animation:nudgeMouse 1.6s linear infinite;overflow:hidden;padding:0px;height:37px;}
.aboutbanner .sb:before,.aboutbanner .sb:after{ content:""; position:absolute;}
.aboutbanner .sb:before{top:0;left:0;width:26px;height:37px;background:url(../images/sb.png) 0px 0px no-repeat;background-size:100% auto;-webkit-animation:colorSlide 1.6s linear infinite;animation:colorSlide 1.6s linear infinite;}
.aboutbanner .sb:after{ top:0; right:0; bottom:0; left:0; margin:auto; background-color:#FFFfff70; width:4px; height:8px; border-radius:4px; -webkit-animation:trackBallSlide 1.6s linear infinite; animation:trackBallSlide 1.6s linear infinite;}
@-webkit-keyframes nudgeMouse {
	0% { -webkit-transform:translateY(0); transform:translateY(0);}
	50% { -webkit-transform:translateY(8px); transform:translateY(8px);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}  
}
@keyframes nudgeMouse {
	0% { -webkit-transform:translateY(0); transform:translateY(0);}
	50% { -webkit-transform:translateY(8px); transform:translateY(8px);}
	100% { -webkit-transform:translateY(0); transform:translateY(0);}
}
@-webkit-keyframes colorSlide {
	0% { height:0;}
	90%{ height:40px;}
}

@keyframes colorSlide {
	0% { height:0;}
	90%{ height:40px;}
}
@-webkit-keyframes trackBallSlide {
	0% { opacity:1; -webkit-transform:scale(1) translateY(-8px); transform:scale(1) translateY(-8px);}
	34% { opacity:1; -webkit-transform:scale(0.9) translateY(4px); transform:scale(0.9) translateY(4px);}
	68% { opacity:0; -webkit-transform:scale(0.4) translateY(16px); transform:scale(0.4) translateY(16px);}
	100% { opacity:0; -webkit-transform:scale(0.4) translateY(-8px); transform:scale(0.4) translateY(-8px);}	 
}
@keyframes trackBallSlide {
	0% { opacity:1; -webkit-transform:scale(1) translateY(-8px); transform:scale(1) translateY(-8px);}
	34% { opacity:1; -webkit-transform:scale(0.9) translateY(4px); transform:scale(0.9) translateY(4px);}
	68% { opacity:0; -webkit-transform:scale(0.4) translateY(16px); transform:scale(0.4) translateY(16px);}
	100% { opacity:0; -webkit-transform:scale(0.4) translateY(-8px); transform:scale(0.4) translateY(-8px);}
}
.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: 70px;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: #1f904f; 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;}
.wapmenu{display:none;max-width:30px;}
.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;}
.banner img{vertical-align: bottom;}
.banner .dian-gf{position:absolute;z-index:3;bottom:.36rem;left:0px;text-align:center;}
.banner .dian-gf .swiper-pagination-bullet{width:12px;height:12px;margin:0 9px;background:#adafb2;opacity: .5;}
.banner .dian-gf .swiper-pagination-bullet-active{background:#80141a;opacity: 1;}
.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/d1.png) no-repeat center;}
        .x_hhh .swiper-pagination-bullet-active{background:url(../images/d2.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:1200px;margin: 0 auto;padding-left:40px;padding-right:40px;}
.banner .dian-gf .swiper-pagination-bullet-active{background:#f1b929;}

  .gdt::-webkit-scrollbar {
    width: 7px;
    border-radius:50px;
    overflow:hidden;
  }
   
  .gdt::-webkit-scrollbar-track {
    background: #e7e7e7;
    border-radius:50px;
  }
   
  .gdt::-webkit-scrollbar-thumb {
    background: #80141a; 
    border-radius:50px;
  }
   
  .gdt::-webkit-scrollbar-thumb:hover {
    background: #80141a;
    border-radius:50px;
  }

  #PageContent { margin: 0 auto; text-align: center; }
#PageContent {padding: .6rem 0px .6rem 0px;margin: 0px;text-align: center;font-family: arial;font-size: 16px;}
#PageContent a {border: 2px solid #f2f2f2;background: #f2f2f2;width: .45rem;height: .45rem;line-height: .45rem;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: #80141a 2px solid;background: #80141a;color: #fff;}
#PageContent a.Ahover {width: .45rem;height: .45rem;line-height: .45rem;background: #80141a;border: 2px solid #80141a;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: .45rem;height: .45rem;line-height: .45rem;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;}

.lt_top{overflow:hidden;width:100%;}
.lt_top .main_w{display:flex;align-items: center;justify-content: space-between;}
.lt_top .l_left{overflow:hidden;}
.lt_top .l_right{display:flex;gap:20px;align-items: center;}
.lt_top .l_right .l_menu ul{display:flex;gap:.4rem;}
.lt_top .l_right .l_menu a{font-size:16px;}
.lt_top .l_right .l_language{font-size:16px;flex-shrink: 0;background:url(../images/t1.png) no-repeat left center;padding-left:17px;}
.lt_top .l_right .l_search{cursor:pointer;}
.lt_top .l_right .l_m{cursor:pointer;}


.titles{width:100%;overflow:hidden;text-align:center;font-size:36px;font-weight:bold;text-transform: uppercase;color:#80141a;font-family:arial;margin-top:.5rem;padding-bottom:.45rem;}



.cp_list{width:100%;overflow:hidden;}
.cp_list .list{overflow:hidden;}
.cp_list .list li{text-align:center;background:#f5f5f5;padding:.3rem 0;}
.cp_list .list li font{overflow:hidden;font-size:16px;color:#80141a;padding-top:.2rem;display:block;font-weight:bold;}
.cp_list .list li p{font-size:18px;padding-top:.1rem;}

.cp_list .ddd{text-align:center;padding-top:30px;padding-bottom:.75rem;}
.cp_list .ddd .swiper-pagination-bullet{width:12px;height:12px;margin:0 9px;background:#80141a;opacity: .5;}
.cp_list .ddd .swiper-pagination-bullet-active{background:#f1b929;opacity: 1;}

.heun{overflow:hidden;height:7px;background:#f0f0f0;border-radius:20px;margin:59px 0;}
.heun .swiper-scrollbar-drag{background:#80141a;border-radius:20px;}

.a_us{width:100%;overflow:hidden;background:url(../images/s4.jpg) no-repeat top center;}
.a_us .a_us_main{display:grid;grid-template-columns:400px auto;margin-top:.8rem;margin-bottom:.6rem;}
.a_us .a_us_main .a_us_left{overflow:hidden;color:#fff;font-size:.42rem;font-weight:bold;text-transform: uppercase;line-height:1;}
.a_us .a_us_main .a_us_right{overflow:hidden;color:#fff;font-size:16px;line-height:2;}
.a_us .a_us_main .a_us_left .more{padding-top:.7rem;}
.a_us .a_us_main .a_us_left .more a{font-size:16px;line-height:40px;color:#fff;display:inline-block;background:url(../images/ss3.png) no-repeat right center;padding-right:51px;}
.a_us .a_us_main .a_us_right .tit{font-size:26px;font-weight:bold;}

.a_us_list{overflow:hidden;margin-bottom:83px;}


.pro_list{width:100%;overflow:hidden;padding-top:80px;}
.pro_list .box{margin-bottom:60px;}
.pro_list .item{display:grid;grid-template-columns: 673px auto;gap:17px;}
.pro_list .item>div{overflow:hidden;height:100%;}
.pro_list .item .list{height:100%;}
.pro_list .item .item_left{position:relative;}
.pro_list .box:nth-child(2n) .item{grid-template-columns: auto 673px;}
.pro_list .box:nth-child(2n) .item_left{
    order: 2;
}
.pro_list .quan{position:absolute;left:0px;top:55px;width:100%;}
/* .pro_list .box:nth-child(2) .quan{position:absolute;left:0px;top:30px;width:100%;} */
.pro_list .title{text-align:center;width:100%;color:#333333;font-size:42px;font-weight:bold;text-transform: uppercase;}
.pro_list .more{width:168px;height:45px;background:#80141a url(../images/ss3.png) no-repeat center right 7px;border-radius:50px;line-height:45px;margin:0 auto;margin-top:30px;background-size:32px auto;}
.pro_list .more a{color:#333333;padding-left:26px;display:block;}
.pro_list .more:hover{background-color:#80141a;background-image:url(../images/ss3.png);}
.pro_list .more a{color:#fff;}
/* .pro_list .box:nth-child(2) .more{margin-top:20px;} */
.pro_list .list ul{display:grid;grid-template-columns: repeat(2,1fr);gap:15px;height: 100%;}
.pro_list .list li{background:#f6f6f6;border:1px solid #f6f6f6;text-align:center;box-sizing: border-box;padding:15px;overflow:hidden;}
.pro_list .list li p{color:#80141a;padding-top:15px;font-weight:bold;}
.pro_list .list li div{font-size:16px;color:#333333;padding-top:5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-bottom:6px;}
.pro_list .list li img{transition:0.3s ease all;/* width:141px; */}
.pro_list .list li:hover img{transform:scale(1.15)}
.pro_list .list1 ul{display:flex;justify-content: center;font-size:18px;padding-top:20px;gap:15px;}
.pro_list .list1 li a:hover{color:#80141a;}

.news_center{background:url(../images/news_main.jpg) no-repeat center;width:100%;overflow:hidden;background-size:cover;}

.news_center .tits{text-align:center;font-size:42px;font-weight:bold;text-transform: uppercase;color:#80141a;padding-top:.48rem;}
.news_center .news_center_main{overflow:hidden;padding-top:.7rem;padding-bottom:.5rem;border-bottom:1px solid #d8d8d8;}
.news_center .news_center_main a{display:grid;grid-template-columns: auto 3.68rem;gap:50px;}
.news_center .news_center_main a .news_center_main_left font{color:#333333;font-weight:bold;}
.news_center .news_center_main a .news_center_main_left p{font-size:18px;font-weight:bold;padding-top:.15rem;padding-bottom:10px;line-height:1.44;}
.news_center .news_center_main a .news_center_main_left .con{font-size:16px;line-height:1.625;}
.news_center .news_center_main a .news_center_main_left .mores{margin-top:20px;}
.news_list1{padding-bottom:55px;}
.news_list1 ul{display:grid;grid-template-columns: repeat(2,1fr);gap:.3rem;border-bottom:1px solid #d8d8d8;overflow:hidden;padding-bottom:36px;}
.news_list1 li{width:100%;overflow:hidden;padding-top:40px;}
.news_list1 li a{display:flex;justify-content: space-between;gap:60px;align-items: center;}
.news_list1 li a p{flex-shrink: 0;border-right:1px solid #d8d8d8;display:block;padding-right:20px;font-weight:bold;color:#a5a5a5;}
.news_list1 li a font{font-size:18px;font-weight:bold;line-height:1.44;padding-left:40px;background:url(../images/f3.png) no-repeat left top 8px;}


.theusage{overflow:hidden;width:100%;height:766px;background:url(../images/index_32.jpg) no-repeat top center;}
.theusage .rights{width:426px;float:right;padding-top:1.1rem;}
.theusage .rights .tit{font-weight:bold;font-size:42px;color:#fff;}
.theusage .rights .conts{color:#ffffff;font-size:16px;font-family: arial;line-height:2.25;padding-top:40px;}


.partners2{background:url(../images/index_33.jpg) no-repeat top center;overflow:hidden;}
.partners2 .title{font-family: arial;font-size:42px;font-weight:bold;color:#80141a;text-align:center;text-transform: uppercase;padding-top:.98rem;padding-bottom:.7rem;}
.partners2 .list{padding-bottom:100px;}
.partners2 .list ul{display:grid;grid-template-columns: repeat(5,1fr);overflow:hidden;gap:30px;}
.partners2 .list li{overflow:hidden;border:1px solid #d7d7d7;}


.footer{width:100%;overflow:hidden;background:#141414;color:#fff;}
.foot{overflow:hidden;}
.footer .footer_top{display:grid;grid-template-columns:auto auto;overflow:hidden;padding-top:0.6rem;align-items: center;padding-bottom:.6rem;border-bottom:1px solid #2c2c2c;}
.footer .footer_top .footer_top_left{font-size:43px;font-weight:bold;}
.footer .footer_top .contacts{background:#80141a;border-radius:50px;padding:12px 12px;padding-left:35px;}
.footer .footer_top .contacts a{display:block;color:#fff;font-size:22px;font-weight:bold;background:url(../images/f5.png) no-repeat right center;height:53px;line-height:53px;}
.footer .footer_main{margin-top:.35rem;display:flex;justify-content: space-between;}
.footer .footer_main a{color:#fff;}
.footer .footer_main .ewm{display:flex;gap:36px;text-align:center;margin-top:30px;}
.footer .footer_main .ewm p{font-size:16px;padding-top:10px;}
.footer .footer_main .footer_main_left{font-size:22px;font-weight:bold;}
.footer .footer_main .footer_main_left a{margin-bottom:40px;display:block;}
.footer .footer_main .title{font-size:.22rem;font-weight:bold;}
.footer .footer_main .list{font-size:14px;opacity: .3;line-height:2.92;margin-top:.25rem;}
.footer .footer_main .footer_main_center2 .conts{opacity: .3;line-height:2;margin-top:.3rem;}
.footer .foot{text-align:center;font-size:16px;padding-bottom:30px;padding-top:50px;}
.footer .foot a{color:#fff;}
.footer .footer_main .footer_main_right .sea_1{background:#252525;padding:8px;overflow:hidden;border-radius:50px;}
.footer .footer_main .footer_main_right .sea_1 form{display:grid;grid-template-columns: auto 50px;}
.footer .footer_main .footer_main_right .sea_1 .seay2 input{width:50px;height:50px;background:url(../images/f6.png) no-repeat center;border:0px;cursor:pointer;}
.footer .footer_main .footer_main_right .sea_1 .seaz2 input{width:100%;border:0px;height:100%;background:none;padding:0 20px;box-sizing: border-box;color:#ffffff;font-size:16px;}


.deve{width:100%;overflow:hidden;background:url(../images/index_21.jpg) no-repeat center;height:785px;}
.deve .main_w{position:relative;height:100%;overflow:hidden;padding:0px;}
.deve .qun{overflow:hidden;width:100%;}
.deve .qun_head{overflow:hidden;text-align:center;width:100%;}
.deve .qun_head li{display:none;}
.deve .qun_head li.cur{display:block;}
.deve .qun_head .time{font-size:200px;font-weight:bold;line-height:1;
color: transparent;
      /* 镂空描边 */
      -webkit-text-stroke: 2px #d8d8d8;
      text-stroke: 2px #d8d8d8;
      /* 遮罩渐变：左不透明，右透明，实现整体从有到无 */
      -webkit-mask-image: linear-gradient(to bottom, #000 0%, #00000050 50%, transparent 100%);
      mask-image: linear-gradient(to bottom, #000 0%, #00000050 50%, transparent 100%);
}
.deve .qun_head .cont{font-size:20px;font-family: arial;line-height:1.8;max-width:800px;margin:0 auto;margin-top:-50px;}
.qun_bottom li{display:none;position:absolute;}
/* .qun_bottom .h_0{position:absolute;left:22px;bottom:238px;display:block;}
.qun_bottom .h_1{position:absolute;left:233px;bottom:189px;display:block;}
.qun_bottom .h_2{position:absolute;left:422px;bottom:268px;display:block;}
.qun_bottom .h_3{position:absolute;left:611px;bottom:318px;display:block;}
.qun_bottom .h_4{position:absolute;left:897px;bottom:340px;display:block;}
.qun_bottom .h_5{position:absolute;left:1081px;bottom:415px;display:block;} */
.qun_bottom li{cursor:pointer;}
.qun_bottom li::after{
        content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    width: 12px;
    height: 12px;
    display: block;
    background: #333333;
    border-radius: 50%;
}
.qun_bottom li::before{width:22px;height:22px;
        content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    background: #333333;
    border-radius: 50%;
    background: #33333340;}
.qun_bottom li font{position:absolute;left:-13px;top:34px;font-size:24px;font-weight:bold;}
.qun_bottom li.cur font{top:-54px;color:#80141a;font-weight:bold;font-size:30px;left:-23px;}


 .daof li { animation-direction: reverse !important; }
    .tingdun li { animation-duration: 0s !important; }
    .qun_bottom .h_0, .qun_bottom .h_1, .qun_bottom .h_2, .qun_bottom .h_3, .qun_bottom .h_4, .qun_bottom .h_5, .qun_bottom .h_6{ display: block; }
    .qun_bottom .h_0 { animation: c_0 0.5s linear forwards; }
    .qun_bottom .h_1 { animation: c_1 0.5s linear forwards; }
    .qun_bottom .h_2 { animation: c_2 0.5s linear forwards; }
    .qun_bottom .h_3 { animation: c_3 0.5s linear forwards; }
    .qun_bottom .h_4 { animation: c_4 0.5s linear forwards; }
    .qun_bottom .h_5 { animation: c_5 0.5s linear forwards; }
    .qun_bottom .h_6 { animation: c_6 0.5s linear forwards; }
    
    .daof .h_0 { animation: c_1 0.5s linear forwards; }
    .daof .h_1 { animation: c_2 0.5s linear forwards; }
    .daof .h_2 { animation: c_3 0.5s linear forwards; }
    .daof .h_3 { animation: c_4 0.5s linear forwards; }
    .daof .h_4 { animation: c_5 0.5s linear forwards; }
    .daof .h_5 { animation: c_6 0.5s linear forwards; }
    .daof .h_6 { animation: c_7 0.5s linear forwards; }
 @keyframes c_-1 {
        0% { left: -300px; bottom: 0%;  }
        100% { left:-300px;bottom:-300px; }
    }
    @keyframes c_0 {
        0% { left: -300px; bottom: 0%;  }
        100% { left:22px;bottom:238px; }
    }

    @keyframes c_1{
        0% { left:22px;bottom:238px;  }
        50% { left:124px;bottom:220px; }
        100% { left:233px;bottom:189px; }
    }
    @keyframes c_2{
        0% { left:233px;bottom:189px;  }
        50% { left:348px;bottom:225px; }
        100% { left:422px;bottom:268px; }
    }

    @keyframes c_3{
        0% { left:422px;bottom:268px;  }
        60% { left:537px;bottom:320px; }
        100% { left:611px;bottom:318px; }
    }

    @keyframes c_4{
        0% { left:611px;bottom:318px; }
        50% { left:767px;bottom:305px; }
        60% { left:807px;bottom:309px; }
        100% { left:897px;bottom:340px; }
    }

    @keyframes c_5{
        0% { left:897px;bottom:340px;  }
        70% { left:1025px;bottom:410px;  }
        100% { left:1081px;bottom:415px; }
    }

    @keyframes c_6{
        0% { left:1081px;bottom:415px;  }
        100% { left:1281px;bottom:355px; }
    }

    @keyframes c_7 {
        0% { left: -300px; bottom: 0%;  }
        100% { left:22px;bottom:238px; }
    }


.abou_1{width:100%;overflow:hidden;height:530px;background:url(../images/01about_02.jpg) no-repeat center;}
.abou_1 .title{padding-top:160px;}
.abou_1 .title font{font-size:86px;color:#fff;font-weight:bold;}
.abou_1 .title p{font-size:18px;width:694px;color:#fff;padding-top:14px;line-height:1.5;}

.about_us{width:100%;overflow:hidden;background:url(../images/01about_04.jpg) no-repeat center;height:598px;}
.about_us .main_w{display:grid;grid-template-columns: auto 590px;gap:40px;padding-top:120px;}
.about_us .tit font{font-size:42px;color:#80141a;font-weight:bold;text-transform: uppercase;}
.about_us .tit p{font-size:26px;font-weight:bold;padding-top:40px;padding-bottom:28px;}
.about_us .cont{height:238px;font-size:16px;line-height:1.9375;overflow:auto;padding-right:38px;}


.d_years{width:100%;overflow:hidden;background:#80141a;}
.d_years .main_w{display:flex;justify-content: space-between;height:163px;align-items: center;}
.d_years .main_w .item{padding-left:.88rem;background:url(../images/ss4.png) no-repeat left center;}
.d_years .main_w .item .d_1 font{font-size:50px;color:#fff;}
.d_years .main_w .item .d_1 p{display:inline-block;color:#fff;font-size:18px;padding-left:10px;}
.d_years .main_w .item .d_2{color:#ffffff;font-size:18px;opacity: .5;}
.d_years .main_w .item:nth-child(2){background-image:url(../images/ss5.png);}
.d_years .main_w .item:nth-child(3){background-image:url(../images/ss6.png);}

.video{width:100%;overflow:hidden;padding-top:75px;padding-bottom:73px;}

.our{width:100%;overflow:hidden;background:url(../images/01about_11.jpg) no-repeat center;background-size:cover;padding-top:79px;padding-bottom:90px;}
.our .list ul{display:grid;grid-template-columns: repeat(3,1fr);gap:50px;}
.our .list li{border:1px solid #9b9b9b;padding:20px;background:#ffffff10;}
.our .title{font-family:arial;font-size:42px;font-weight:bold;color:#fff;text-align:center;text-transform: uppercase;margin-bottom:.6rem;}
.our .list li .img{display:flex;justify-content: space-between;align-items: center;}
.our .list li .img img{flex-shrink: 0;width:36px;}
.our .list li .img .font{color:#fff;font-size:48px;opacity: .3;line-height:1;}
.our .list li .tit{color:#ffffff;font-size:18px;line-height:1.66;padding-top:.3rem;}

.honors{width:100%;overflow:hidden;padding-top:.79rem;}
.honors .tit{text-align:center;color:#80141a;font-size:42px;font-weight:bold;text-transform: uppercase;}
.honors .lists{overflow:hidden;padding-top:54px;padding-bottom:40px;}
.honors .lists p{font-size:16px;padding-top:18px;text-align:center;line-height:1.75;}
.honors .lists img{border:2px solid #e6e6e6;box-sizing: border-box;}
.honors .lists a:hover img{border:2px solid #872127;}
.honors .lists a:hover p{font-weight:bold;}
.honors .d_kjh{text-align:center;overflow:hidden;padding-bottom:55px;}
.honors .d_kjh .swiper-pagination-bullet{width:12px;height:12px;background:#c1c1c1;border-radius:50%;opacity: 1;margin:0 8px;}
.honors .d_kjh .swiper-pagination-bullet-active{background:#80141a;}

.n_pro_list{overflow:hidden;background:url(../images/02cp-1_02.jpg) no-repeat top center;padding-top:55px;}

.pro_banner{background:url(../images/03cplb_02.jpg) no-repeat center;}


.batt{width:100%;overflow:hidden;background:#f4f4f4;padding:19px 0;}
.batt .list ul{display:flex;gap:20px;flex-wrap: wrap;}
.batt .list li{padding:20px;background:#f4f4f4;border-radius:50px;font-size:20px;}
.batt .list li.cur{background:#80141a;font-weight:bold;color:#fff;}
.batt .list li.cur a{color:#fff;}


.er_ji{width:100%;overflow:hidden;text-align:center;padding:35px 0;}
.er_ji ul{display:flex;justify-content: center;gap:35px;font-size:18px;}
.er_ji li.cur a{color:#80141a;font-weight:bold;}


.cplbs{background-size:cover;}
.cplbs .list{overflow:hidden;padding:50px 0;padding-bottom:0px;}
.cplbs .list ul{display:grid;grid-template-columns: repeat(3,1fr);gap:30px;}
.cplbs .list li{overflow:hidden;background:#f5f5f5;text-align:center;padding-top:45px;}
.cplbs .list li a font{display:inline-block;font-size:16px;color:#80141a;padding:15px;display:block;}
.cplbs .list li a p{font-size:20px;padding:0 15px;padding-bottom:30px;font-weight:bold;}



.grids{width:100%;overflow:hidden;background:#f8f9fb;padding-bottom:80px;}
.grids2{BACKGROUND:#fff;}
.grids .yanj{display:grid;grid-template-columns: repeat(2,1fr);overflow:hidden;padding-top:49px;}
.grids .yanj .c_left{overflow:hidden;border:1px solid #e5e8ea;}
.grids .yanj .c_left img{width:100%;}
.grids .yanj .c_right{overflow:hidden;padding-left:30px;}
.grids .yanj .c_right .title font{font-size:14px;padding:8px 18px;background:#80141a;border-radius:20px;color:#fff;display:inline-block;}
.grids .yanj .c_right .title p{font-size:18px;color:#80141a;margin-top:20px;margin-bottom:16px;font-weight:bold;}
.grids .yanj .c_right .title div{font-size:26px;font-weight:bold;padding-bottom:35px;}
.grids .yanj .c_right .c_lists ul{display:flex;gap:25px;}
.grids .yanj .c_right .c_lists{padding-top:30px;padding-bottom:63px;}
.grids .yanj .c_right .c_lists li{overflow:hidden;width:43px;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 #80141a;border-radius:50%;box-sizing: border-box;}
.o_main{display:flex;gap:20px;margin-top:32px;}
.o_main .o_iun a{width:232px;height:55px;border-radius:50px;line-height:55px;color:#fff;font-size:18px;background:#80141a;display:block;text-align:center;}
.o_main .o_ret a{width:275px;height:55px;border-radius:50px;line-height:55px;color:#fff;font-size:18px;background:#c3c3c3;display:block;text-align:center;}
.grids .yanj .box .item{display:grid;grid-template-columns: 50px auto 50px;align-items: center;padding-top:38px;}
.grids .yanj .box .c_p3 a{width:18px;height:32px;display:block;background:url(../images/p3.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 #80141a;}
.grids .yanj .box .c_p5 a{width:18px;height:32px;display:block;background:url(../images/p3.png) no-repeat left center;margin-left:33px;}
.grids .yanj .box .item .list{overflow:hidden;}
.grids .yanj .box .c_p3 a:hover{background-image:url(../images/p5.png);transform: rotate(0deg);}
.grids .yanj .box .c_p5 a:hover{background-image:url(../images/p5.png);transform: rotate(180deg);}

.Product_Details{color:#333333;font-size:34px;font-weight:bold;text-align:center;padding-top:90px;border-bottom:2px solid #e6ebef;padding-bottom:30px;position:relative;}
.Product_Details::after{content:"";display:block;position:absolute;bottom:-4px;left:calc(50% - 137px);width:276px;height:7px;background:#80141a;border-radius:10px;}
.nron{overflow:hidden;line-height:1.66667;padding:55px;font-size:18px;}


.grids .prne{background:#f5f5f5;margin:55px 0;overflow:hidden;display:flex;flex-wrap: wrap;justify-content: space-between;gap:20px;padding:30px;}
.grids .prne .prev a{color:#333333;font-size:16px;}
.grids .prne .next a{color:#333333;font-size:16px;}


.grids .yanj .c_right .conts{background:#f5f5f5;padding:.25rem;}
.grids .yanj .c_right .conts .tit{font-size:.22rem;}
.grids .yanj .c_right .conts .lists{font-size:14px;line-height:2.4375;/* padding-top:.1rem; */}
.grids .yanj .c_right .conts .lists .a1{padding-left:20px;background:url(../images/icon1.png) no-repeat left center;}
.grids .yanj .c_right .conts .lists .a2{padding-left:20px;background:url(../images/icon2.png) no-repeat left center;}
.grids .yanj .c_right .conts .lists .a3{padding-left:20px;background:url(../images/icon3.png) no-repeat left center;}
.grids .yanj .c_right .conts .lists .a4{padding-left:20px;background:url(../images/icon4.png) no-repeat left center;}


.meit{position:absolute;left:0px;top:0px;width:100%;background:#f8f9fb;z-index:999;display:none;}
.meit .hanyi{text-align:center;padding-top:55px;padding-bottom:30px;position:relative;}
.meit .hanyi .close{position:absolute;right:32px;top:32px;cursor:pointer;}
.meit .haner{width:100%;max-width:580px;margin:0 auto;background:#ffffff;border-radius:50px;}
.meit .haner form{display:grid;grid-template-columns: auto 102px;height:61px;}
.meit .haner .haner_1 input{border:0px;background:none;width:100%;height:100%;padding:0 20px;box-sizing: border-box;text-transform: uppercase;}
.meit .haner .haner_1 input::placeholder{color:#afafaf;}
.meit .haner .haner_2 input{width:100%;height:100%;border:0px;background:url(../images/m-3.png) no-repeat center;cursor: pointer;background-size:cover;}
.meit .hansan{display:flex;justify-content: space-between;margin-top:60px;align-items: center;}
.meit .hansan .hansan_1{overflow:hidden;font-size:32px;line-height:1.46;}
.meit .hansan .hansan_1 li{margin-bottom:6px;}
.meit .hansan .hansan_1 li.cur{font-size:42px;}
.meit .hansi{width:100%;overflow:hidden;text-align:center;font-size:26px;font-weight:bold;color:#959697;padding-top:50px;padding-bottom:50px;}
.meit .hansi a{color:#959697;}
.meit .hansi a.cur{color:#333333;}
.about_us .about_us_right .list{overflow:hidden;}




.about_conts{font-size:16px;line-height:2;padding:40px 0;min-height:400px;background: #fff;overflow:hidden;}


.pros_boxB{ margin-top: 60px; border-bottom: 2px solid #fff;}
.pros_boxB p{width: 180px;margin: 0 auto -2px auto;padding-bottom: 14px;border-bottom: 2px solid #80141a;font-size: 24px;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: #80141a;color: #FFF;}


.case_list{padding:40px 0;    background: #fff;}
.case_list ul{display:grid;grid-template-columns: repeat(4,1fr);gap:37px;}
.case_list li img{width:100%;}
.case_list li p{text-align:center;font-size:16px;padding-top:20px;}



.txt_cent{padding:40px 0;}
.about_content{background: #fff;overflow:hidden;}
.about_contents{overflow:hidden;line-height:2;padding-bottom:60px ;}
.about-content { padding-top: 40px; overflow: hidden; padding-bottom: 40px; line-height:2;}
.ny-news-tit { width: 100%; height: auto; overflow: hidden; line-height: 35px; color: #000; font-size: 23px; 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; }
.newsnr{padding-bottom:40px;line-height:2;overflow:hidden;}

.updown-div{line-height:2;}

.news_list{width:100%;overflow:hidden;padding:40px 0;    background: #fff;}
.news_list li{padding:37px 0;border-bottom:1px solid #efefef;}
.news_list li a{display:grid;grid-template-columns: 298px auto;gap:39px;}
.news_list li a .time{color:#aaaaaa;padding-top:30px;}
.news_list li a .title{font-size:20px;margin:20px 0;display: -webkit-box;-webkit-line-clamp: 1; /* 限制行数为3 */-webkit-box-orient: vertical;overflow: hidden;}
.news_list li a .content{color:#666666;font-size:16px;line-height:1.5;line-height:1.5;display: -webkit-box;-webkit-line-clamp: 2; /* 限制行数为3 */-webkit-box-orient: vertical;overflow: hidden;}

    /* 1. 遮罩层样式 */
    .video-modal {
        display: none; /* 默认隐藏 */
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        overflow: auto;
        background-color: rgba(0,0,0,0.8); /* 黑色背景，80% 透明度 */
        justify-content: center;
        align-items: center;
    }

    /* 2. 视频容器样式 */
    .video-content {
        position: relative;
        width: 80%;
        max-width: 800px; /* 最大宽度 */
        background: #000;
        box-shadow: 0 0 20px rgba(255,255,255,0.2);
    }

    /* 3. 关闭按钮样式 */
    .close-btn {
        position: absolute;
        top: -40px;
        right: 0;
        color: #fff;
        font-size: 35px;
        font-weight: bold;
        cursor: pointer;
        transition: 0.3s;
    }

    .close-btn:hover {
        color: #ff4d4d;
    }

    /* 4. 响应式 iframe */
    .video-content iframe {
        width: 100%;
        height: 450px; /* 视频高度 */
        border: none;
    }

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

    .zwf{display:none;}
.waps{background:url(../images/wap.jpg) no-repeat left bottom;width:100%;background-size:100%;position:fixed;bottom:0px;left:0px;display:none;}
.waps ul{position:absolute;left:0px;top:0px;z-index:3;height:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;width: 100%;}
.waps li,.waps li a{width:100%;height:100%;display:block;}