* { 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: Microsoft YaHei,Arial, 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: #008aff; }
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: #052890; 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:#fff;opacity: .5;}
.banner .dian-gf .swiper-pagination-bullet-active{background:#008aff;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: 1680px;margin: 0 auto;padding-left: .4rem;padding-right: .4rem;}
.top1{width:100%;overflow:hidden;position:absolute;left:0px;top:0.3rem;z-index:3;}
.top1 .main_w{display:flex;gap:1.55rem;}
.top1 .logo img{width:2.39rem;}
.top1 .rights{display:flex;align-items: center;gap:.39rem;}
.top1 .rights .menu_pc ul{display:flex;gap:.55rem;}
.top1 .rights .menu_pc a{color:#ffffff;font-size:16px;opacity: .5;}
.top1 .rights .menu_pc li.cur a,
.top1 .rights .menu_pc a:hover{color:#ffffff;font-weight:bold;opacity:1}
.top1 .rights .search{cursor:pointer;width:.45rem;}
.zwf{opacity: 0;}

.titles{text-align:center;overflow:hidden;position:relative;padding-top:.5rem;padding-bottom:.4rem;}
.titles font{font-size:.57rem;text-transform: uppercase;text-align: center;display:block;font-family: arial;font-weight:bold;line-height:1;}
.titles p{color:#333333;font-size:.32rem;font-weight:bold;text-align:center;margin-top:-.34rem;line-height:1;position:relative;z-index:3;}
/* 核心文字样式 */
.stroke-mask-text {

    /* 1. 文字镂空描边核心属性 */
    color: transparent;       /* 文字填充透明，实现镂空 */
    -webkit-text-stroke: 2px #d6d6d6; /* 描边：宽度2px + 深蓝色 */
    text-stroke: 2px #d6d6d6; /* 标准属性，兼容非webkit内核（备用） */

    /* 2. 从上到下的渐变蒙版核心属性 */
    /* webkit前缀：兼容Chrome/Safari */
    -webkit-mask-image: linear-gradient(to bottom, #fff 0%, transparent 80%);
    /* 标准属性：兼容现代浏览器 */
    mask-image: linear-gradient(to bottom, #fff 0%, transparent 80%);
    /* 蒙版基础配置：覆盖整个元素、不重复 */
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
  }
.titles::after{content:"";display:block;width:0.34rem;height:0.04rem;background:#008aff;margin:0 auto;margin-top:0.17rem;border-radius:5px;}
.cpzx{padding-bottom:.8rem;}
.cpzx .lists{overflow:hidden;}
.cpzx .lists li{overflow:hidden;background:#f4f4f4;text-align:center;}
.cpzx .lists li a{display:block;padding:.4rem;}
.cpzx .lists li a font{color:#333333;font-weight:bold;font-size:.22rem;}
.cpzx .lists li a p{padding-top:.6rem;}
.cpzx .lists li a div{background:url(../images/lh.png) no-repeat top center;width:2.54rem;height:0.19rem;margin:0 auto;margin-top:.5rem;text-align:left;color:#ffffff;background-size:3.04rem 0.69rem;font-size:16px;padding:.25rem;line-height:1;}
.cpzx .lists li a div b{font-weight:normal;background:url(../images/jiantou.png) no-repeat right center;display:block;margin-right:0.17rem;}
.heun{margin-top:0.65rem;height:8px;background:#e9e9e9;border-radius:10px;cursor:pointer;overflow:hidden;}
.heun .swiper-scrollbar-drag{background:#c8000b;cursor:pointer;border:0px;}

.jqsp{background:url(../images/index_22.jpg) no-repeat center;background-size:cover;padding-bottom:.55rem;}
.jqsp .videos{display:grid;grid-template-columns: 6.88rem auto;gap:.45rem;}
.jqsp .videos img{vertical-align: bottom;height:100%;object-fit: cover;}
.jqsp .videos .v_1,.jqsp .videos .v_2 li{padding:.2rem;background:#fff;overflow:hidden;position:relative;font-size:16px;}
.jqsp .videos .v_2 ul{display:grid;grid-template-columns: repeat(2,1fr);gap:.2rem;height:100%;}
.jqsp .videos .v_1 p,.jqsp .videos .v_2 p{position:absolute;left:0.34rem;bottom:0.39rem;color:#fff;}
.jqsp .videos .v_1::after{position:absolute;left:calc(50% - .3rem);top:calc(50% - .3rem);width:.61rem;height:.61rem;background:url(../images/video1.png) no-repeat left center;background-size:.61rem .61rem;content:"";}
.jqsp .videos .v_2 li::after{position:absolute;left:calc(50% - .2rem);top:calc(50% - .2rem);width:.39rem;height:.39rem;background:url(../images/video2.png) no-repeat left center;background-size:.39rem .39rem;content:"";}


.gywm{width:100%;overflow:hidden;padding-top:.75rem;padding-bottom:1.2rem;}
.gywm .zuol{max-width:13.25rem;}
.gywm .zuol .title1 font{color:#c8000b;}
.gywm .zuol .title1 p{font-size:.32rem;color:#fff;font-weight:bold;}
.gywm .zuol .title1::after{display:inline-block;width:.34rem;height:4px;background:#8f92be;content:"";border-radius:5px;}
.gywm .gsm{color:#ffffff;font-size:.24rem;font-weight:bold;padding-top:.4rem;padding-bottom:.4rem;}
.gywm .conts{max-width:9.2rem;font-size:16px;line-height:2;color:#ffffff;padding-bottom:1.45rem;}
.gywm .list{padding-right:.5rem;}
.gywm .list ul{display:grid;grid-template-columns: repeat(3,1fr);gap:.2rem;}
.gywm .list a{color:#fff;}
.gywm .list li {overflow:hidden;background:#c8000b;padding:.2rem;display:block;border-radius:10px;}
.gywm .list li a font{font-size:.2rem;color:#ffffff;font-weight:bold;white-space: nowrap;text-overflow: ellipsis;overflow:hidden;display:block;}
.gywm .list li a p{color:#ffffff80;line-height:1.85;padding-top:.2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; /* 限制行数为4 */
    overflow: hidden;}


 /* 行内双输入框 */
 .form-row {
    display: flex;
    gap: 0.20rem;
    margin-bottom: 0.20rem;
  }
  /* 输入框通用样式 */
  .form-input {
    flex: 1;
    padding: 0.12rem 0.15rem;
    border: 0.01rem solid #ddd;
    border-radius: 10px;
    font-size: 16px;
    background-color: #fff;
    outline: none;
    height:.36rem;
  }
  .form-input::placeholder {
    color: #999;
  }
  /* 单独一行的输入框 */
  .full-width {
    width: 100%;
    margin-bottom: 0.20rem;
    box-sizing: border-box;
    height:.6rem;
  }
  /* 文本域 */
  .form-textarea {
    width: 100%;
    min-height: 1.8rem;
    padding: 0.12rem 0.15rem;
    border: 0.01rem solid #ddd;
    border-radius: 10px;
    font-size: 16px;
    background-color: #fff;
    outline: none;
    resize: vertical;
    margin-bottom: 0.2rem;
    box-sizing: border-box;
    font-family: Microsoft YaHei;
  }
  .form-textarea::placeholder {
    color: #999;
  }
  /* 按钮组 */
  .button-group {
    display: flex;
    gap: 0.15rem;
  }
  .btn {
    flex: 1;
    padding: 0.12rem 0;
    border: none;
    border-radius: 10px;
    color: #fff;
    font-size:20px;
    cursor: pointer;
    height:.6rem;
  }
  .submit-btn {
    background-color: #d32f2f;
  }
  .reset-btn {
    background-color: #1a237e;
  }

  .lxzx{width:100%;overflow:hidden;
    background: linear-gradient(
        to right,
        #f7f7fc 0%,
        #f7f7fc 50%,
        #dddde6 50%,
        #dddde6 100%
      );
}
.lxzx .main_w{display:grid;grid-template-columns: repeat(2,1fr);gap:2rem;}

.lxzx .zxly{overflow:hidden;}
.lxzx .zxly font{color:#008aff;font-size:.36rem;font-weight:bold;padding-top:.79rem;display:block;}
.lxzx .zxly p{color:#a0a0a050;font-size:.2rem;padding-top:.05rem;padding-bottom:.4rem;}

.lxzx .gsm{color:#333333;font-size:.28rem;padding-bottom:.48rem;}

.list1{width:100%;overflow:hidden;display:grid;grid-template-columns: repeat(2,1fr);gap:.5rem;padding-bottom:.6rem;}
.list1 .item{overflow:hidden;display:grid;grid-template-columns: .64rem auto;gap:.2rem;align-items: center;}
.list1 .item:nth-child(1),.list1 .item:last-child{grid-column: 1 / span 2;}
.list1 .item>div{overflow:hidden;}
.list1 .item font{color:#858585;}
.list1 .item p{color:#333333;font-size:16px;padding-top:.05rem;}


.bqzz{width:100%;overflow:hidden;background:url(../images/index_017.jpg) no-repeat center;background-size:cover;}
.bqzz .main_w{display:flex;justify-content: space-between;height:1.7rem;align-items: center;}
.bqzz .tit font{color:#ffffff;font-size:.32rem;font-weight:bold;}
.bqzz .tit p{font-size:16px;color:#ffffff50;padding-top:.1rem;}
.bqzz .lxwm{background:#ffffff;width:2.62rem;height:.69rem;padding:0 .22rem;}
.bqzz .lxwm a{display:flex;padding-left:.37rem;background:url(../images/rentou.png) no-repeat left center;background-size:.27rem auto;height:100%;align-items: center;}
.bqzz .lxwm a font{color:#333333;font-size:.2rem;font-weight:bold;background:url(../images/jtou.png) no-repeat right center;display:block;width:100%;}

.footer{width:100%;overflow:hidden;background:#333333;padding:.8rem 0;border-bottom:1px solid #555555;color:#fff;}
.foot{width:100%;overflow:hidden;background:#333333;color:#fff;}
.footer a{color:#fff;}
.foot a{color:#fff;}
.footer .main_w{display:flex;justify-content: space-between;gap:.4rem}
.footer .main_w .footer_left{display:flex;justify-content: space-between;max-width:757px;width:100%;gap:.4rem;}
.footer .footer_left .list font{font-size:18px;font-weight:bold;white-space: nowrap;}
.footer .footer_left .list ul{display:grid;gap:.79rem;}
.footer .footer_left .list2 font,.footer .footer_left .list3 font{font-size:18px;font-weight:bold;padding-bottom:.15rem;display:block;background:url(../images/index_51.jpg) no-repeat left bottom;margin-bottom:.3rem;white-space: nowrap;}
.footer .list43 a{color:#a5a5a5;font-size:15px;line-height:2.2;}
.footer .list3 .nrons{color:#a5a5a5;font-size:15px;line-height:2.2;}
.footer .list3 .nrons a{color:#a5a5a5;}
.footer .list3 .facebos{display:flex;gap:.25rem;margin-top:.25rem;}
.facebos img{width:.42rem;}
.footer .footer_right{display:flex;gap:.74rem;text-align:center;justify-content: center;max-width:666px;width:100%;}
.footer .footer_right p{padding-top:.2rem;font-size:15px;}
.footer .footer_right img{width:1.56rem;}
.foot{text-align:center;overflow:hidden;padding:.35rem 0;line-height:2.2;}
.links{color:#ffffff50;}
.links a{color:#ffffff50;}


.about_banners{width:100%;overflow:hidden;background:url(../images/pro-_02.jpg) no-repeat center;background-size:cover;height:4.62rem;}
.about_banners .cp_title font{font-size:.36rem;font-weight:bold;}
.about_banners .cp_title{padding-top:1.4rem;padding-left:1.5rem;}
.about_banners .cp_title p{color:#666666;font-size:16px;padding-top:.2rem;line-height:2}
.about_banners .cp_title div{margin-top:.6rem;}
.about_banners .cp_title div img{width:.47rem;}
.nymenu{background:#f5f5f5;overflow:hidden;padding-top:.17rem;padding-bottom:.17rem;}
.nymenu ul{display:flex;justify-content: center;flex-wrap: wrap;gap:.24rem;}
.nymenu li a{padding:.19rem .39rem;font-size:15px;display:block;}
.nymenu li.cur a,.nymenu li a:hover{font-weight:bold;color:#fff;background:#008aff;}

.list_main{overflow:hidden;}
.list_main .list{padding-top:.57rem;}
.list_main .list ul{display:grid;grid-template-columns: repeat(3,1fr);gap:.45rem;}
.list_main .list li{overflow:hidden;background:#f4f4f4;text-align:center;}
.list_main .list li a{display:block;padding:.4rem;}
.list_main .list li a font{color:#333333;font-weight:bold;font-size:.22rem;}
.list_main .list li a p{padding-top:.6rem;}
.list_main .list li a div{background:url(../images/lh.png) no-repeat top center;width:2.54rem;height:0.19rem;margin:0 auto;margin-top:.5rem;text-align:left;color:#ffffff;background-size:3.04rem 0.69rem;font-size:16px;padding:.25rem;line-height:1;}
.list_main .list li a div b{font-weight:normal;background:url(../images/jiantou.png) no-repeat right center;display:block;margin-right:0.17rem;}
#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: #008aff 2px solid;background: #008aff;color: #fff;}
#PageContent a.Ahover {width: .45rem;height: .45rem;line-height: .45rem;background: #008aff;border: 2px solid #008aff;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;}



.jxal{width:100%;overflow:hidden;padding-top:1.08rem;padding-bottom:.85rem;}
.jxal .sm_1{overflow:hidden;display:flex;justify-content: space-between;align-items: center;padding-bottom:.5rem;}
.jxal .sm_1 .title{overflow:hidden;}
.jxal .sm_1 .title font{display:block;color:#333333;font-size:.26rem;}
.jxal .sm_1 .title p{color:#b7b7b7;font-size:16px;text-transform: uppercase;padding-top:.05rem;}
.jxal .sm_1 .ckgd a{background:url(../images/a9.png) no-repeat right center;display:block;padding-right:.25rem;color:#666666;}
.jxal .list{overflow:hidden;}
.jxal .list font{font-size:0.2rem;font-weight:bold;padding:.18rem;display:block;}
.jxal .list p{color:#666666;line-height:1.57;padding:0 .19rem;
display: -webkit-box;
  -webkit-line-clamp: 3; /* 限制行数为3 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.jxal .swiper-pagination{position:relative;padding-top:.75rem;}
.jxal .swiper-pagination .swiper-pagination-bullet{background:#008aff;width:12px;height:12px;opacity: 1;}
.jxal .swiper-pagination .swiper-pagination-bullet-active{background:#ff7e00;}


.fwxm{width:100%;overflow:hidden;background:#dfe4e8;}
.fwxm .main_w{position:relative;}
.fwxm .title{overflow:hidden;position:absolute;left:.4rem;top:1.1rem;}
.fwxm .title font{font-size:.26rem;}
.fwxm .title p{font-size:16px;color:#b7b7b7;text-transform: uppercase;padding-top:.05rem;}
.fwxm .list{overflow:hidden;height:100%;max-width:11.7rem;margin:0 auto;}
.fwxm .list .num{overflow:hidden;}
.fwxm .list .tit{color:#333333;font-size:0.26rem;}
.fwxm .list li{overflow:hidden;}
.fwxm .list li a{display:flex;align-items: center;height:8.9rem;text-align:center;justify-content: center;}
.fwxm .list li a .num{position:relative;text-align:center;}
.fwxm .list li a .num font{position:absolute;left:0px;top:0px;display:block;width:100%;font-size:.46rem;color:#999999;line-height:1;}
.fwxm .list li a .num p{opacity: 0;}
.fwxm .list li a .tits{font-size:.26rem;color:#333333;text-align:center;display:block;padding-top:.35rem;padding-bottom:.2rem;position:relative;}
.fwxm .list li a .tits::after{content:"";width:0.34rem;height:2px;margin:0 auto;display:block;background:#008aff;margin-top:.2rem;}
.fwxm .list li a .conts{font-size:15px;color:#666666;line-height:1.8;max-width:253px;height:81px;padding-bottom:.29rem;
display: -webkit-box;
  -webkit-line-clamp: 3; /* 限制行数为3 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.fwxm .list li a .mores{padding:.16rem;display:inline-block;color:#fff;padding-right:.77rem;background:url(../images/a6.png) no-repeat right 18px center #008aff;}
.fwxm .fw_ma{position:relative;width:100%;}
.fwxm .fw_ma .fw_left{position:absolute;left:1.24rem;top:calc(50% - .18rem);z-index:3;}
.fwxm .fw_ma .fw_right{position:absolute;right:1.24rem;top:calc(50% - .18rem);z-index:3;}
.fwxm .fw_ma .fw_left a{background:url(../images/a3.png) no-repeat left center;display:block;width:.21rem;height:.37rem;background-size:.21rem;height:.37rem;}
.fwxm .fw_ma .fw_right a{background:url(../images/a4.png) no-repeat left center;display:block;width:.21rem;height:.37rem;background-size:.21rem;height:.37rem;}
.fwxm .list li.swiper-slide-active,
.fwxm .list li a:hover{background:#f2f4f6;}
.fwxm .list li.swiper-slide-active .num font,
.fwxm .list li a:hover .num font{display:none;}

.fwxm .list li.swiper-slide-active .num p,
.fwxm .list li a:hover .num p{opacity: 1;}

.fwxm .list li.swiper-slide-active .mores,
.fwxm .list li a:hover .mores{background-color:#ff7e00;}

.gywms{width:100%;overflow:hidden;background:url(../images/index1_02.jpg) no-repeat center;padding-top:.7rem;padding-bottom:1rem;background-size:cover;}
.gywms .title{width:100%;text-align:center;}
.gywms .title font{font-size:.26rem;color:#ffffff;}
.gywms .title p{color:#ffffff50;font-size:16px;text-transform: uppercase;padding-bottom:.64rem;}
.gywms .g_main{display:grid;grid-template-columns: repeat(2,1fr);gap:.5rem;}
.gywms .g_main>div{overflow:hidden}
.gywms .g_main .g_main_conts{font-size:16px;color:#ffffff;line-height:2;padding-bottom:.3rem;}
.gywms .g_main .box{background:#ffffff10;padding:.3rem;display:grid;grid-template-columns: repeat(4,1fr);}
.gywms .g_main .box .item font{color:#ffffff;font-size:.4rem;}
.gywms .g_main .box .item p{font-size:16px;display:inline-block;color:#ffffff;padding-left:.1rem;}
.gywms .g_main .box .s_2{color:#ffffff70;font-size:16px;padding-top:.05rem;}
.gywms .g_main .mores{border:1px solid #a8c8e3;margin-top:.54rem;display:inline-block;padding:.16rem;}
.gywms .g_main .mores font{color:#fff;display:block;background:url(../images/a6.png) no-repeat right center;padding-right:1.2rem;}

.xwzx{width:100%;overflow:hidden;background:url(../images/index1_03.jpg) no-repeat center;background-size:cover;padding-top:1.7rem;padding-bottom:1.3rem;}
.xwzx .main_w{overflow:hidden;display:grid;grid-template-columns: 110px 5.6rem auto;gap:1rem;}
.xwzx .main_w>div{overflow:hidden;}
.xwzx .main_w .title font{color:#333333;font-size:.26rem;}
.xwzx .main_w .title p{color:#b7b7b7;font-size:16px;text-transform: uppercase;padding-top:0.01rem;}

.xwzx .main_w .mains .mains_m{display:grid;grid-template-columns: 1.3rem auto;gap:.49rem;padding-top:.25rem;}
.xwzx .main_w .mains .mains_m .time{overflow:hidden;text-align:right;}
.xwzx .main_w .mains .mains_m .time font{font-size:.28rem;color:#83878c;}
.xwzx .main_w .mains .mains_m .time p{font-size:16px;padding-top:0.05rem;color:#83878c;}
.xwzx .main_w .mains .mains_m .mains_m_right .tit{font-size:.2rem;line-height:1.35;display: -webkit-box;line-height:1.76;
  -webkit-line-clamp: 2; /* 限制行数为3 */
  -webkit-box-orient: vertical;
  overflow: hidden;}
.xwzx .main_w .mains .mains_m .mains_m_right .conts{color:#666666;font-size:14px;line-height:1.57;padding-top:.2rem;display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制行数为3 */
  -webkit-box-orient: vertical;
  overflow: hidden;}
.xwzx .main_w .times{overflow:hidden;}
.xwzx .main_w .times ul{display:grid;gap:.69rem;}
.xwzx .main_w .times a{display:grid;grid-template-columns:80px auto;gap:.38rem;}
.xwzx .main_w .times a .time{overflow:hidden;text-align:right;}
.xwzx .main_w .times a .time font{color:#83878c;font-size:.28rem;display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制行数为3 */
  -webkit-box-orient: vertical;
  overflow: hidden;}
.xwzx .main_w .times a .time p{color:#83878c;font-size:16px;display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制行数为3 */
  -webkit-box-orient: vertical;
  overflow: hidden;}
.xwzx .main_w .times .tit{font-size:.2rem;display: -webkit-box;line-height:1.76;
  -webkit-line-clamp: 2; /* 限制行数为3 */
  -webkit-box-orient: vertical;
  overflow: hidden;}
.xwzx .main_w .times .conts{line-height:1.57;padding-top:.1rem;color:#666666;display: -webkit-box;
  -webkit-line-clamp: 2; /* 限制行数为3 */
  -webkit-box-orient: vertical;
  overflow: hidden;}


  .lsdz{width:100%;overflow:hidden;background:#283043;padding:.6rem 0;}
    .lsdz .main_w{display:flex;justify-content: space-between;align-items: center;}
    .lsdz .main_w .lsdz_1 font{font-size:.4rem;font-weight:bold;color:#fff;}
    .lsdz .main_w .lsdz_1 p{font-size:18px;color:#ffffff70;padding-top:.1rem;}
    .lsdz .main_w .lsdz_input{display:flex;justify-content: space-between;gap:.22rem;}
    .lsdz .main_w .lsdz_input .t_1s{width:3.25rem;height:.6rem;}
    .lsdz .main_w .lsdz_input .t_1s input{padding:0 .25rem;height:100%;width:calc(100% - .5rem);color:#666666;font-size:16px;border:0px;}
    .lsdz .main_w .lsdz_input .t_2s{width:3.25rem;height:.6rem;}
    .lsdz .main_w .lsdz_input .t_2s input{padding:0 .25rem;height:100%;width:calc(100% - .5rem);color:#666666;font-size:16px;border:0px;}
    .lsdz .main_w .lsdz_input .tjiao{background:#008aff;height:.6rem;width: 2.15rem;text-align:center;}
        .lsdz .main_w .lsdz_input .tjiao input{background:none;border:0px;height:100%;width:100%;font-size:16px;font-weight:bold;color:#fff;cursor: pointer;}



        
.dibu{padding-top:.39rem;overflow:hidden;padding-bottom:.4rem;border-bottom:1px solid #c4c8cf;background:#eef1f4;}
.dibu .main_w{display:flex;justify-content: space-between;gap:.5rem;}
.dibu .main_w .logos{width:.88rem;}
.dibu .main_w .menus{display:flex;justify-content: space-between;gap:.2rem;flex:1;padding-left:.3rem;}
.dibu .main_w .menus li>a>font{font-size: 0.2rem;font-weight: bold;/* color:#5b5b5b; */display:block;/* padding-bottom:17px; */margin-bottom: .2rem;}
.dibu .main_w .menus ul{line-height:2;}
.dibu .main_w .menus ul.tshu .box{display:grid;grid-template-columns: repeat(2,1fr);gap:0 .15rem;}
.dibu .main_w .menus li{padding-top:.05rem;}
.dibu .main_w .menus a{color: #666666;}
.dibu .main_w .ewm{text-align:center;}
.dibu .main_w .ewm p{padding-top:.1rem;}
.d_s{padding:.3rem 0;text-align:center;background:#eef1f4;line-height:1.8;}
.dibu .main_w .menus ul:nth-child(1) li>a>font{background:none;}

.about_banner{overflow:hidden;background:url(../images/01-1_01.jpg);background-size:cover;height:4.82rem;}
.about_banner .main_w{display:flex;align-items: center;justify-content: center;height:100%;}
.about_banner .main_w .title font{color:#ffffff;font-size:.46rem;}
.about_banner .main_w .title p{text-align:center;color:#fff;opacity: .5;font-size:.22rem;}


.menu_list{background:#f3f3f3;overflow:hidden;width:100%;padding:.25rem 0;}
.menu_list div{text-align:center;}
.menu_list ul{display:inline-block;gap:0.2rem .35rem;justify-content: center;flex-wrap: wrap;text-align:left;}
.menu_list li{font-size:16px;display:inline-block;padding:0.08rem .17rem;text-align:left;}
.menu_list li a:hover,
.menu_list li.cur a{color:#008aff;}

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

.news_list{width:100%;overflow:hidden;padding:.4rem 0;}
.news_list li{padding:.37rem 0;border-bottom:1px solid #efefef;}
.news_list li a{display:grid;grid-template-columns: 2.98rem auto;gap:.39rem;}
.news_list li a .time{color:#aaaaaa;padding-top:.3rem;}
.news_list li a .title{font-size:.2rem;margin:.2rem 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;}


:root{
	--color-main: #008aff;
	--color-footbg:#333;
}






.ny_proshow_box{width: 100%;padding-top:.4rem;overflow:hidden;}
.ny_proshow_info{display: grid;grid-template-columns: 626px 1fr;grid-gap: 26px;margin-bottom: 87px;}
.proshow_info_left{min-width: 0;}
#ny_pro_big_swiper .swiper-slide{background: var(--color-main);padding: 12px;box-sizing: border-box;}
#ny_pro_big_swiper .swiper-slide img{ width: 100%;display: block;border-radius: 20px 10px 10px 10px;}
.proshow_info_right{min-width: 0;}
.small_swiper_box{display: flex;justify-content: space-between;align-items: center;gap: 17px;}
/* .small_swiper_box .btn{margin: 0;padding: 0; opacity: 1; position: static; width: 17px;height: 32px;flex-shrink: 0;background: url(/templates/default/static//images/pro_swiper_arrow_on.png) center no-repeat;background-size: 100%;}
.small_swiper_box .btn.swiper-button-next{transform: rotateY(180deg);}
.small_swiper_box .btn:hover{background: url(/templates/default/static//images/pro_swiper_arrow_on.png) center no-repeat;background-size: 100%;} */
#ny_pro_small_swiper{flex: auto;}
#ny_pro_small_swiper .swiper-slide {width: 100%;display: block;box-sizing: border-box;border: solid 5px #fff;cursor: pointer; }
#ny_pro_small_swiper .swiper-slide.swiper-slide-thumb-active {border-color: var(--color-main);}
.swiper-button-prev:after,.swiper-button-next:after{display: none;}

.proshow_info_right .infos{display: flex;flex-direction: column;gap: 20px;padding: 32px;box-sizing: border-box;background-color: #f5f5f5;margin-bottom: 40px;}
.proshow_info_right .infos .info{display: flex;align-items: center;gap: 10px;}
.proshow_info_right .infos .info .icon{overflow: hidden;flex-shrink: 0;}
.proshow_info_right .infos .info .desc{flex: 1;font-size: 14px;color: #333333;line-height: 1.3em;}
.proshow_info_right .infos .info .desc a{font-size: 14px;color: #333333;}
.pro_ctgname{display: inline-block;background: var(--color-main);font-size: 18px;color: #fff;padding: 6px 16px;margin-top: 19px;margin-bottom: 15px;}
.pro_title{font-size: 24px;color: #333333;line-height: 30px;margin-bottom: 30px;}
.pro_btn_box{display: flex;gap: 20px;margin-bottom: 42px;}
.pro_btn_box .btn_feedback{width: 227px;height: 60px;background-color: var(--color-main);border-radius: 30px;display: flex;justify-content: center;align-items: center;gap: 9px; font-size: 18px;color: #fff;}
.pro_btn_box .btn_back{width: 227px;height: 60px;background-color: #fff;border-radius: 30px;box-sizing: border-box;
	border: solid 1px #bababa;display: flex;justify-content: center;align-items: center;font-size: 18px;gap: 9px; color: #333333;}

.ny_proshow_content .top_box{ position: relative; text-align: center;font-size: 34px;color: #333333;font-weight: bold;padding-bottom: 31px;border-bottom: 2px solid #d0d0d0;}
.ny_proshow_content .top_box::after{content: "";width: 150px;height: 2px;background: var(--color-main);position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%) translateY(100%);}
.pro_content_box{padding: 60px 0px;line-height:2;}
.pro_content_box table{width: 100%;border-collapse: collapse;}
.pro_content_box table tr{background: #f8f8f8;}
.pro_content_box table tr:nth-child(even){background: #eeeeee;}
.pro_content_box table tr td{padding: 20px 25px;border: 1px solid #fff;font-size: 18px;color: #333;box-sizing: border-box;}
.pro_content_box table tr td:first-child{background: #1e257d;color: #fff;font-size: 18px;width: 300px;}

.pro_pn_box{
    overflow:hidden;margin-bottom:.4rem;
    padding: 32px;background: #f5f5f5;display: flex;justify-content: space-between;align-items: center;position: relative;
    flex-wrap: wrap;
}
.pro_pn_box .pn_btn{font-size: 16px;line-height: 30px;color: #b8b8b8;}
.pro_pn_box .pn_btn a{color: #b8b8b8;}
.pro_pn_box .pn_btn a:hover{color: #333;}
.pro_pn_box .close_btn{font-size: 16px;color: #b8b8b8;}


.about_conts{font-size:16px;line-height:2;padding:.4rem 0;min-height:400px;}

.txt_cent{padding:.4rem 0;}
.thun{padding:.4rem 0;overflow:hidden;}
.thun  .list2 li{padding:0rem;background:#fff;overflow:hidden;position:relative;font-size:16px;}
.thun  .list2 ul{display:grid;grid-template-columns: repeat(4,1fr);gap:.4rem;height:100%;}
.thun  .list2 li div{position:relative;}
.thun  .list2 li div img{vertical-align: bottom;}
.thun  .list2 li div::after{position:absolute;left:calc(50% - .2rem);top:calc(50% - .2rem);width:.39rem;height:.39rem;background:url(../images/video2.png) no-repeat left center;background-size:.39rem .39rem;content:"";}
.thun  .list2 li p{padding:.2rem 0;text-align:center;}

.about_contents{overflow:hidden;line-height:2;padding-bottom:.6rem ;}
.about-content { padding-top: 0.4rem; overflow: hidden; padding-bottom: 0.4rem; line-height:2;}
.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; }
.newsnr{padding-bottom:.4rem;line-height:2;overflow:hidden;}

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



.gsxws{padding-top:.4rem;overflow:hidden;}
.gsxws .list ul{grid-template-columns: repeat(4,1fr);display:grid;grid-gap:.4rem;}
.gsxws .list li{background:#f5f5f5;}
.gsxws .list li .gguai{padding:.3rem;}
.gsxws .list li .gguai .nron font{font-size:.2rem;line-height:1.6;display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.gsxws .list li .gguai .nron p{margin:.2rem 0;color:rgba(51,51,51,.8);line-height:1.71;display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.gsxws .list li .gguai .dibu{display:flex;justify-content: space-between;align-items: center;}
.gsxws .list li .gguai .dibu .time{color:rgba(51,51,51,.5);text-align:center;}
.gsxws .list li .gguai .dibu .time font{font-size:.36rem;}
.ny_right_top{display: flex;justify-content: space-between;align-items: center;padding: .4rem 0px;border-bottom: 1px solid #d4d4d4;padding-bottom:.2rem;}
.ny_right_top .title{font-size: 20px;color: #333333;font-weight: bold;}
.ny_right_top .current{display: flex;align-items: center;gap: 10px;}
.ny_right_top .current .icon{display: block;flex-shrink: 0;}
.ny_right_top .current{font-size: 13px;color: #8f8f8f;}
.ny_right_top .current a{color: inherit;}
.ny_right_top .current a:hover{color: #666;}
.ny_right_top .current .gt{font-family: simsun;}



.pros_boxB{ margin-top: 60px; border-bottom: 2px solid #F3F3F3;}
.pros_boxB p{width: 150px;margin: 0 auto -2px auto;padding-bottom: 14px;border-bottom: 2px solid #1e257d;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: #1e257d;color: #FFF;}


.piaofus{position:fixed;top:calc(50% - 1.15rem);right:0.22rem;z-index:3;}
.piaofus ul{display:grid;gap:.1rem;}
.piaofus li a{width:.58rem;height:.58rem;display:flex;background:#1e257d;justify-content: center;align-items: center;border-radius:10px;}
.piaofus li a:hover{background:#c8000b;}
.piaofus li a font{display:inline-block;}
.piaofus li a img{vertical-align: middle;}

/* ========== 新增：悬浮显示二维码的核心样式 ========== */
/* 给WA的按钮加相对定位，作为二维码的定位参照 */
.piaofus li a.wa-btn {
    position: relative;
}
/* 二维码容器 默认隐藏 */
.piaofus li a .ewm-box {
    width:1.56rem;
    position: absolute;
    right: 0.7rem; /* 二维码和图标之间的间距，可微调 */
    top: 50%;
    transform: translateY(-50%);
    display: none;
    z-index: 99; /* 确保二维码在最上层不被遮挡 */
}
/* 二维码图片样式，可根据需要调整宽高 */
.piaofus li a .ewm-box img {
    width: 5rem;  /* 二维码宽度，推荐值，可改 */
    height: auto; /* 自适应高度，保证不变形 */
    border-radius: 6px; /* 圆角，和图标呼应 */
    box-shadow: 0 0 8px rgba(0,0,0,0.2); /* 轻微阴影，提升质感 */
}
/* 鼠标悬浮时 显示二维码 */
.piaofus li a.wa-btn:hover .ewm-box {
    display: block;
}


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

.rmzp .gywm{width:auto;text-align:left;display:block;}
.rmzp .gywm a{display:block;}
.rmzp li{background:#fafafa;overflow:hidden;}
.gywm{width:100%;overflow:hidden;text-align:center;padding-top:.58rem;padding-bottom:.58rem;}
.gywm a{background:var(--color-main) url(../images/jiao.png) no-repeat right .13rem center;background-size:.25rem;display:inline-block;width:1.43rem;height:0.5rem;border-radius: 50px;line-height:0.5rem;padding-left:0.25rem;color:#ffffff;font-size:16px;text-align:left;}

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