*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;line-height: 100%;}
body{font-size: 14px;min-width: 1200px; overflow-x: hidden; overflow-x: hidden; font-family: 'Hos','Microsoft YaHei';}
input, textarea, button, select {padding:0; margin:0;}     
a{text-decoration: none; color:#333; font-size: 14px;}
li{list-style: none;}
em,i{font-style: normal;}
input,select,textarea {border-radius: 0;outline: none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none;}
a,*::before,*::after {font-size: 14px;text-decoration:none;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;color: #1a1a1a;} 
a * {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear { clear:both;}
.fl {float: left;}
.fr {float: right;}
.img {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.pic {position: relative;overflow: hidden;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.img img,.pic img {max-width: 100%;max-height:100%;margin: auto;padding: 0;border: 0;width: 100%;height: auto;border: none;}
.img-center {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;display: block;width: auto;height: auto;z-index: 1;max-width: 100%;max-height:100%;}
.img img.img-center {width: auto;height:auto;height:-webkit-min-content;height:-moz-min-content;height:min-content;}
.img-block {display: block;width: 100%;height: auto;}
.img-inline {display: inline-block;width: auto;height: auto;max-width: 100%;}
.clamp1 {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.clamp3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.text-center {text-align: center;}
.div-container {position: relative;width: 74%;margin: auto;}

/****隐藏全部滚动条***/
*::-webkit-scrollbar{width: 0;}
/*变量*/
body{
--main-color:#0559a2; 
--min-width:1400px; /**/
--max-width:1920px; /**/
}

/* fonts */
@font-face { 
        font-family: 'Hos'; src: 
       url('https://cdn.114my.com.cn/font/lcw/Hos.ttf') format('truetype')
}
@font-face { 
        font-family: 'axt'; src: 
       url('https://cdn.114my.com.cn/font/lcw/axt.ttf') format('truetype')
}

@font-face{font-family:'alz'; src: url("https://cdn.114my.com.cn/font/hxp/alimamashuheiti.ttf");}
@font-face { 
        font-family:'neu'; src: 
       url('https://cdn.114my.com.cn/font/MiSans/MiSansLatin-Heavy.ttf') format('truetype')
}

@font-face {
  font-family: 'iconfont';  /* Project id 5156381 */
  src: url('//at.alicdn.com/t/c/font_5156381_9874aqgxuv5.woff2?t=1776755926315') format('woff2'),
       url('//at.alicdn.com/t/c/font_5156381_9874aqgxuv5.woff?t=1776755926315') format('woff'),
       url('//at.alicdn.com/t/c/font_5156381_9874aqgxuv5.ttf?t=1776755926315') format('truetype');
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

.gyc {margin: 0 auto;max-width: 90%;min-width: 1200px;}
.gy {margin: 0 auto;max-width: 1500px;min-width: 1200px;}
.gya{margin: 0 auto;max-width: 1500px;min-width: 1200px; overflow:hidden;}

.top40{margin-top:40px;}
.top50{margin-top:50px;}
.top60{margin-top:60px;}
.top70{margin-top:70px;}

/*bt*/

.bt {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.bt span {
    font-size: 2.5vw;    font-weight: bold;
    line-height: 1;  color: #333;
}
.bt span b {
    color: var(--main-color);
}
.bt p {
    font-size: 18px;
    color: #999999;
    line-height: 20px;
    padding: 15px 0 0;
}
.bt i {
    width: 45px;
    height: 1px;
    background: #fda994;
    position: relative;
    margin: 24px 0 0;}
.bt i:before, .bt i:after {
    content: '';
    width: 5px;
    height: 5px;
    border: 1px solid #fda994; border-radius: 50%;
    position: absolute;
    top: -3px;}
.bt i:before {left: -15px;}
.bt i:after {right: -15px;}


/**首页**/
#wrapper {
    transition: all .8s cubic-bezier(0.65, 0.1, 0.65, 0.65) 0s !important;
}
.syswiper-wrap .box-swiper {
    width: 100%;
    height: 100vh;
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}
.syswiper-wrap .box-swiper>.swiper-wrapper>.swiper-slide{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
   
}
.syswiper-wrap .box-swiper>.swiper-wrapper>.swiper-slide+.swiper-slide{ padding-top:7.5vw;}
.swiper-wrapper{
	width: 100%;
	height: 100%;
	position: relative;
	transition-timing-function: ease-in;
}
#wrapper{flex-direction: column;}
.syswiper-wrap .box-swiper .swiper-slide.auto{
	height: auto;
}
.swiper-container-vertical>.swiper-pagination{
	width: 10px;
	height: 70%;
	top: 15%;
	left: auto;
	transform: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	transition: none;
}
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{
	width: 14px;
	height: 14px;
	background: url(/public/template/walaida/images/s-dot.png) no-repeat;
}
.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet-active{
	background: url(/public/template/walaida/images/s-dot-cur.png) no-repeat;
}
.mouse{
	width: 30%;
	z-index: 10;
	left: 35%;
	bottom: 80px;
	text-align: center;
	animation: upAndDown 1.2s linear infinite;
}


.indexone{background: #222;}



/*head*/
.head { width: 100%; top: 0; z-index: 999;  display: flex;transition: .5s;}
.head.on{background:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, .2); height: 4.8vw;  position: fixed; background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.82));}


.head_box{display:flex;flex-direction:row;justify-content:space-between;width:100%;max-width:1920px;min-width:1400px;height:5vw;margin:0 auto;position:relative;background: #fff;padding:0 6%;}
.head_logo {display:flex;align-items:center;}
.head_logo i {position: relative; padding: 0%; }
.head_logo i:before {content:'';width:1px;height:100%; position:absolute;top:0;right: -17px;}
.head_logo i:after {content:'';width: 3px;height: 20%;/* background:#1a67bf; */position:absolute;top: 22px;right: -18px;}
.head_logo p {display: flex;flex-direction: column;font-size:2vw; letter-spacing: 0px;padding: 0 0 0 15px;}
.head_logo p b {color: #333; font-size: 1.6vw; }
.head_logo p b em {color: #666;  display: block; font-size: 0.75vw;padding-top:0.3vw; font-weight: normal; text-transform: uppercase;}
.head_logo p span {font-size: calc(0.6rem + 0.4vw);font-weight:  lighter; border-radius: 50px;text-align: center; color:  var(--main-color);text-align-last: justify;position: relative;z-index: 5; }


.head_logo p span:before,.head_logo p span:after {content:'';width: 5%;height: 0.125rem;position:absolute;top:0;background: #666;bottom: 0;margin: auto;opacity: 0.5;display: none;}
.head_logo p span:before {left: 2rem;}
.head_logo p span:after {right: 2rem;}
.head_con {width:70%;display:  flex;align-items:  center;justify-content:  space-between;}
.head_nav {width:100%;/* background: #fff; */display:  flex;justify-content:  space-between;align-items:  center;} 
.head_nav>ul {display: flex;align-items: center;width: 100%;justify-content:  space-between; height: 5.8vw;}
.head_nav>ul>li {}
.head_nav>ul>li>a {font-size: 1vw;position: relative;color: #333; display: flex;letter-spacing: 0px;flex-direction: column;align-items: center; font-weight: normal; line-height: 4.8vw;}
.head_nav>ul>li>a:before {content:'';width:0;height: 2px;background:var(--main-color);position:absolute;top:100%;right: 0;transition:0.5s;z-index: 11;right: 0;}
.head_nav li:hover a:before,.head_nav>ul>li.cur a:before {width: 100%;right: auto;left: 0;}
.head_nav>ul>li:hover>a{color:var(--main-color);}
.head_nav>ul>li.cur>a {font-weight: bold; color:var(--main-color);}
.head_nav li>a i {font-size: 10px;margin: 0.2rem 0 0;display:none;}
.head_num {display:  flex;  margin-left: 2%;}
.head_num ul {display: flex;width: 100%;align-items:  center;justify-content: center;}
.head_num li {/* position:relative; *//* width: 55px; */ display: flex;}
.head_num>ul>li:nth-child(3) {display:flex;align-items: center;/* display: none; */}
.head_num li:nth-child(1)>a img {width: 32px;}
.head_num li+li {margin: 0 0 0 0.5vw;}
.head_num li>i {font-size: 25px; color: #333; display: flex;justify-content: center;align-items: center;border-radius: 5px; font-weight: 100;}
.head_num li:last-child:hover>p {transform: rotateX(0deg); }
.head_num li>p {    padding: 0.2vw 0 0 0.5vw;
    white-space: nowrap;
    font-weight: lighter;
    transition: 0.5s;
    /* width: 13%;*/}
.head_num li>p>span { font-size: calc(1rem + 0.6vw);font-weight: bold;color:var(--main-color);}
.head_num li>a {font-size: 15px;/* color: #fff; */font-family:  Arial;display: flex;align-items: center;}
.head_num li>a i {transform:rotate(90deg);font-size: 10px;margin: -3px 0 0 4px;}
.head_num li:hover .head_lan {transform: rotateX(0deg);}


/*xiala*/
.dfs{display:flex;align-items:center;justify-content:space-between;width: 100%;height: 25px;}
.icon>div i{/* width:40px; *//* height:40px; */border-radius:100%;display: flex;justify-content: center;align-items: center;user-select:none;transition:all 0.5s;position: relative;/* border: 1px solid #eee; */}
.icon>div:hover i{/* background: #005ee0; */}
.icon>div i:before{content:'';width:40px;height: 5vw;border-radius:100%;position:absolute;top: 0;}
.icon>div:hover i:before{animation:2s headIcon infinite;}
.icon>div:hover i:after{animation:2s headIcon infinite;animation-delay:0.5s;}
.icon>div i span{font-size: 1.1vw; color: #666; position: relative;z-index:2;font-weight: 100;}
.icon>div:hover i span{color: #333;}

.form_ul {/* padding:0; */}
.iser_box,.itel_box{position:absolute;top: 100%;right:0;padding: 4%;transform-origin:top;transform:rotateX(90deg);transition:all 0.5s;z-index: 9;width: 100%;display: flex;flex-direction: column-reverse;justify-content: center;text-align: center;background: rgba(0,0,0,0.5);}
.icon>div:hover .iser_box,.icon>div:hover .itel_box{transform:rotateX(0deg);}
.search_l{display:flex;align-items:center;justify-content: center;/* display: none; */padding: 2% 0 0;color:#fff;}
.search_l span+span{margin-left:4px;font-size: 16px;color: rgba(255,255,255,0.6);}
.search_l a{color: #444;font-size: 16px;margin: 0 5px;color: #fff;}
    .search_l a:hover{color: #0559a2}
.search_r{/* margin-top: 15px; */position:relative;width: 86%;display: flex;align-items: center;justify-content: center;}
#infoname{height: 64px;line-height: 64px;border:1px solid #eee;text-indent:12px;width: 100%;border-radius: 2rem;padding: 0 0 0 1%;}
.z_img{width: 40px;
    height: 40px;
    position: absolute;
    top: 12px;
    right: 20px;
    background: no-repeat;}
.itel_box{width: 150px;text-align:center;padding: 10px;}
.itel_box a{color:#333;position:relative;display: flex;font-size: 16px;font-family: Arial;text-transform: uppercase;align-items: center;padding: 5%;transition:0.5s;justify-content: center;}
.itel_box a:hover {background:var(--main-color);color:#fff;}
.itel_box a+a {margin: 8% 0 0;}
.itel_box a span {overflow:hidden;border-radius: 50%;margin: 0 10px 0 0;width: 20px;height: 20px;}
.itel_box a span img {width:100%;height:auto;}
.itel_box p:before{position:absolute;left:0;color:#333;}
.search_l .iconfont{font-size: 16px;display: none;}
.icon_tel i{display: block;width: 98px;height: 30px;line-height: 28px;text-align: center;border:2px solid #b2b2b2;font-size: 14px;color: #7f7f7f;border-radius: 15px;font-style: normal;}
.icon_pho i span{font-size:18px!important;display: block;margin-top: -3px;}
.hx_bg{height: 142px;position: relative;margin-top: -142px;z-index: 99;}
.icon_search.icon_pho:hover .itel_box.dh_c { transform: rotateX(0);}


/*下拉*/
.head_nav ul > li{position:relative;}
.head_nav ul > li > em{position:absolute; right:-50px; top:100%; z-index:99; display:none; width:180px}
.head_nav ul > li> em>a{display:block; text-align:center;  background:#fff; box-sizing:border-box; font-size:16px; height:50px; line-height:50px; color:#333  !important; text-decoration:none; transition:0.8s; display: block; font-weight: normal !important;}
.head_nav ul > li > em>a:hover{background:var(--main-color); color:#fff  !important;}
.head_nav ul > li> em>a+a {  border-top: 1px solid #eee;}



  .index_banner .banner .swiper-slide .img video {
        height: 100vh !important;
    }
    
    .index_banner .p_scrool {
        position: absolute;
        left: calc((100% - 90px) / 2);
        bottom: 3%;
        color: #fff;
        width: 90px;
        z-index: 10
    }
    
    .index_banner .swiper-notification {
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        opacity: 0;
        z-index: -1000
    }
    
    .index_banner .p_scrool i {
        display: block;
        width: 20px;
        height: 30px;
        margin: 0 auto;
        border-radius: 12px;
        border: 2px #fff solid;
        position: relative
    }
    
    .index_banner .p_scrool i:before {
        content: "";
        display: block;
        width: 4px;
        height: 10px;
        background: #fff;
        border-radius: 2px;
        position: absolute;
        left: 50%;
        transform: translate(-50%, 0);
        top: 3px;
        animation: scrollmouse 2s linear infinite;
        box-sizing: border-box
    }
    
    .index_banner .p_scrool span {
        text-transform: uppercase;
        color: #fff;
        display: block;
        line-height: 20px;
        margin-top: 12px;
        font-size: 14px;
        text-align: center
    }
    
    @keyframes scrollmouse {
        from {
            transform: translate(-50%, 0);
            opacity: 1
        }
        to {
            transform: translate(-50%, 10px);
            opacity: 0
        }
    }
    
    .w1520 {
        padding-left: 7vw;
        padding-right: 10.4vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%
    }
    
    .index_banner {
        position: relative;
        z-index: 99;
    }
    
    .index_banner .banner .swiper-slide {
        position: relative
    }
    
    @keyframes swiper_img_move {
        0% {
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1)
        }
        50% {
            -webkit-transform: scale(1.03, 1.03);
            transform: scale(1.03, 1.03)
        }
        100% {
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1)
        }
    }
    
    .swiper-slide1:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 4;
        background: rgba(0, 0, 0, .5);
    }
    
    .index_banner .banner .swiper-slide .img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        transition: 5s;
        transform: scale(1);
        animation: swiper_img_move 8s linear 0s infinite normal both
    }
    
    .index_banner .banner .swiper-slide .img video {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }
    
    .index_banner .banner .swiper-slide .position {
        position: absolute;
        top: 1%;
        left: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        z-index: 5
    }
    
    .ban2t {
        top: 9% !important
    }
    
    .ce {
        text-align: center;
        margin: 0 auto
    }
    
    .ce1 {
        text-align: center;
        margin: 0 auto;
        justify-content: center !important
    }
    
    .index_banner .banner .swiper-slide .position .content2 {
        -webkit-animation: fadeInUp 1s ease both;
        animation: fadeInUp 1s ease both;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s
    }
    
    .index_banner .banner .swiper-slide .position .content2 {
        margin-top: 2rem
    }
    
    .index_banner .banner .swiper-slide .position .mor {
        margin: 0 auto;
        display: flex;
        justify-content: center;
        margin-top: 2rem
    }
    
    .flexStart {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    
    .index_banner .banner .swiper-slide .position .content2>div {
        margin-right: 0.6rem
    }
    
    .homeLink.homeLink1 a {
        color: #fff
    }
    
    .homeLink.homeLink1 .ls {
        background: #fff
    }
    
    .homeLink.homeLink1 .ls i {
        padding-right: 6%;
        font-size: 18px
    }
    
    .homeLink.homeLink1 a.ls {
        color: #fff
    }
    
    .homeLink.homeLink2 a {
        border-color: #fff
    }
    
    .homeLink .aa {
        width: 9rem;
        line-height: 2.5rem;
        border-radius: 0.8rem;
        display: block;
        font-size: 16px;
        color: #fff;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        text-align: center
    }
    
    .homeLink .a {
        width: 9rem;
        border: 2px solid #fff;
        line-height: 2.5rem;
        border-radius: 1.8rem;
        display: block;
        font-size: 16px;
        color: #fff;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        text-align: center;
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 80% 100%, 80% 94%, 70% 94%, 70% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 80% 100%, 80% 94%, 70% 94%, 70% 100%, 0% 100%)
    }
    
    .homeLink .ac {
        color: #12a79d !important;
        width: 9rem;
        border: 2px solid #fff;
        line-height: 2.9rem;
        border-radius: 0.8rem;
        display: block;
        font-size: 16px;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        text-align: center;
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 80% 100%, 80% 94%, 70% 94%, 70% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 80% 100%, 80% 94%, 70% 94%, 70% 100%, 0% 100%)
    }
    
    .homeLink .ad {
        color: #139a51 !important;
        width: 9rem;
        border: 2px solid #139a51;
        line-height: 2.9rem;
        border-radius: 0.8rem;
        display: block;
        font-size: 16px;
        color: #fff;
        -webkit-transition: 0.4s;
        -o-transition: 0.4s;
        transition: 0.4s;
        text-align: center;
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 80% 100%, 80% 94%, 70% 94%, 70% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 80% 100%, 80% 94%, 70% 94%, 70% 100%, 0% 100%)
    }
    
    .index_banner .banner .swiper-slide .position .box h5 {
        overflow: hidden
    }
    
    .wzd {
        font-size: 3vw !important;
        line-height: 1 !important
    }
    
    .wzd1 {
        font-size: 3.5vw !important;
        line-height: 1.1 !important
    }
    
    .bantw {
        color: #fff;
        position: relative
    }
    
    .ty {
        text-shadow: 1px 1px 3px #333
    }
    
    .bantb {
        color: #333
    }
    
    .index_banner .banner .swiper-slide .cer {
        text-align: center
    }
    
    .index_banner .banner .swiper-slide .position .box h6 {
        font-size: 22px;
        margin-top: 0.3rem;
        letter-spacing: 2px;
        line-height: 34px;
        width: 100%;
        font-weight: normal;
        position: relative
    }
    
    .index_banner .banner .swiper-slide .position .bantw1:before {
        position: absolute;
        content: "";
        top: 106%;
        left: 0%;
        transition: .5s;
        width: 110px;
        height: 3px;
        background: #fff
    }
    
    .index_banner .banner .swiper-slide-active .position h5 p {
        -webkit-animation: fadeInUp 1s ease both;
        animation: fadeInUp 1s ease both;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
        font-weight: normal
    }
    
    .banta {
        background: -webkit-linear-gradient(#12a79d, #2bb572);
        background: linear-gradient(#12a79d, #2bb572);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        -webkit-text-stroke: 1px rgba;
        -webkit-text-stroke: 1px #fff
    }
    
    .index_banner .banner .swiper-slide .position .box h5 span {
        font-size: 27px;
        line-height: 50px;
        display: block;
        width: 780px;
        font-weight: lighter;
        text-align: center;
        border-top-left-radius: 50px;
        border-bottom-right-radius: 50px;
        margin-top: 20px;
        color: #fff;
        background: linear-gradient(to top, #0574d4, #0559a2);
        font-family: 'hos';
        letter-spacing: 1px;
        margin-bottom: 33px
    }
    
    .index_banner .banner .swiper-slide .position .box h5 b {
        font-size: 28px;
        line-height: 50px;
        display: block;
        background-color: #12a79d;
        width: 720px;
        font-weight: lighter;
        text-align: center;
        border-top-left-radius: 50px;
        border-bottom-right-radius: 50px;
        margin-top: 12px;
        color: #fff;
        background: linear-gradient(to top, #12a79d, #2bb572);
        font-family: 'Hos';
        letter-spacing: 1px
    }
    
    .index_banner .banner .swiper-slide-active .position h6 {
        -webkit-animation: fadeInUp 1s ease both;
        animation: fadeInUp 1s ease both;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s
    }
    
    .index_banner .banner .swiper-slide-active .homeLink {
        -webkit-animation: fadeInUp 1s ease both;
        animation: fadeInUp 1s ease both;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s
    }
    
    .index_banner .banner .swiper-slide-next {
        z-index: 1
    }
    
    .widgets {
        position: absolute;
        right: 10.4vw;
        bottom: 10rem;
        z-index: 1
    }
    
    .widgets .btn-area .bullet_outer {
        color: #fff;
        line-height: 34px;
        position: relative;
        padding-bottom: 51%;
        margin-bottom: 51%;
        display: flex;
        width: 340%;
        align-items: center;
        justify-content: center
    }
    
    .widgets .btn-area .bullet_outer .le_ {
        font-size: 18px;
        opacity: 0.5;
        overflow: hidden;
        white-space: nowrap;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        display: none
    }
    
    .widgets .btn-area .bullet_outer .ri_ {
        font-size: 18px;
        margin-left: 2%;
        opacity: 0.5
    }
    
    .widgets .btn-area .bullet_outer::before {
        position: absolute;
        content: '';
        width: 100%;
        height: 2px;
        right: 0;
        bottom: 0;
        background: #fff;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        opacity: 0.5
    }
    
    .widgets .btn-area .bullet_outer::after {
        position: absolute;
        width: 0rem;
        height: 2px;
        right: 0;
        bottom: 0;
        background: #fff
    }
    
    .widgets .btn-area .bullet_outer .liner {
        position: absolute;
        width: 0rem;
        height: 2px;
        right: 0;
        bottom: 0;
        background: #fff
    }
    
    .widgets .btn-area .swiper-pagination-bullet {
        width: auto;
        height: auto;
        border-radius: 0;
        display: block;
        background: none;
        opacity: 1
    }
    
    .widgets .btn-area .swiper-pagination-bullet-active123 .bullet_outer .le_ {
        opacity: 1;
        max-width: 1.2rem
    }
    
    .widgets .btn-area .swiper-pagination-bullet-active123 .bullet_outer .ri_ {
        opacity: 1
    }
    
    .widgets .btn-area .swiper-pagination-bullet-active123 .bullet_outer::before {
        width: 100%
    }
    
    .widgets .btn-area .swiper-pagination-bullet-active123 .bullet_outer::after {
        width: 100%;
        -webkit-transition: var(--i);
        -o-transition: var(--i);
        transition: var(--i)
    }
    
    .widgets .btn-area .play .bullet_outer .le_ {
        opacity: 1
    }
    
    .widgets .btn-area .play .bullet_outer .ri_ {
        opacity: 1
    }
    
    .widgets .btn-area .play .bullet_outer::before {
        width: 100%
    }

/*mod*/

.mod_bc{width:100%;background: url(https://memberpic.114my.com.cn/yuanfeng98/uploadfile/image/20260917/20260917192730_659389760.jpg)no-repeat center bottom;height:26vw;overflow: hidden;padding-top:8vw;position: relative;background-size: 100%; background-repeat: no-repeat; background-attachment: fixed; position: relative;}
.mod_bc:before {content: ''; width: 100%; height: 100%; position: absolute; background:rgba(0,0,0,0.6); top: 0; left: 0;}
.mod_con {color: #ffffff;}
.mod_con p span {font-size: 2.3vw;line-height:45px;width: 727px;margin: 0 auto;  font-weight: bold; position: relative;}
.mod_con em {    margin: 0 auto; width: 75%; font-size: 1.2vw; line-height: 1.5;  display: block; margin-top: 20px; text-align: center;  position: relative; font-family: Microsoft YaHei; font-weight: normal;}
.mod_con p {font-size: 2vw; line-height: 2; text-align:center; position: relative;} 
.mod_sp{ width: 30%; margin: 0 auto; position: relative; z-index: 11; display: flex; margin-top: 2%;}
.mod_sp li{ width: 97.5%; height: 50px; line-height: 50px; border-radius: 50px;     text-align: -webkit-center;}
.mod_sp li a{ font-size: 18px; line-height: 50px; color: #fff;}
.mod_sp li:nth-child(2){ border: 1px solid rgb(255,255,255,0.4); margin-left: 3%; background-size: cover; backdrop-filter: blur(1px);}
.mod_sp li:nth-child(2):hover {background: var(--main-color);}
.mod_sp li:nth-child(2):hover a{color: #fff;}

.mod_sp li:nth-child(1){background:var(--main-color);}
.mod_sp li a i{font-size: 18px; color: #fff; margin-right: 3%;}


/*about*/
.ind_about {    padding:4% 0 1% 0; z-index: 11; position: relative; background:#fbfbfb url(https://memberpic.114my.com.cn/weijin71/uploadfile/image/20260117/20260117151256_1408994111.png) center no-repeat; }

.ind_about .fl{width:48%;}
.ind_about .fr img{border-radius: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); border: 15px solid #fff;}
.about_name {padding: 6% 0 3% 0;}
.about_name p {font-size: 36px;display: flex;flex-direction: column;color: var(--main-color); font-weight: bold;}
.about_name p span {font-size: 20px;color: #666;padding: 1% 0 0;opacity: 0.85;font-weight: normal;     line-height: 40px;}
.about_txt { color: #666; margin:0vw 0 1.6vw 0; font-size:0.92vw; line-height:2;}
.ab_more {
    background: var(--main-color);
    display: inline-block;
    border: 1px solid var(--main-color);
    font-size: 1.2rem;
    line-height: 3.4375rem;
    color: #666;
    padding: 0 2rem;
    position: relative;
    z-index: 4;
}
.ab_more.nyborf {
  background: transparent;
  color: #333;
  border-color: #ccc;
padding:10px 20px;
border-radius: 20px;
font-size:17px;
}

.ab_more::before {
  background: var(--main-color);border-radius: 20px;
}

.ab_more:hover {
  color: #fff;
  border-color: var(--main-color);
}

.ab_more:hover img {
  filter: brightness(0) invert(1);
}

.ab_more div {
  display: flex;
  align-items: center;
}

.ab_more div img {
  height: 1.1rem;
  margin-left: 1rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  filter: brightness(0) invert(0);
}

.ab_more::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #fff;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  z-index: -1;
  transform: scale(0.6);
  opacity: 0;
}

.ab_more:hover {
  color: var(--main-color);
}

.ab_more:hover img {
  filter: brightness(1) invert(0);
  transform: translateX(0.25rem);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.morey:hover::before {
  transform: scale(1);
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}




.ab_bi{padding: 2%;
    position: relative;
    z-index: 2;
    box-shadow: 1px 1px 35px rgba(120,123,126,0.16);
    overflow: hidden;
    background: #fff;
    width: 1500px;
    margin: 0 auto;}
.partner_r{width:100%;overflow:hidden; margin-bottom:10px; position: relative;
    z-index: 9;}
.partner_r li{width:calc((100% - 80px) / 5);border: 1px solid #eee;position: relative;overflow: hidden;margin-right: 20px;float: left;}
.partner_r li img{width:100%;height:auto;}
.partner_r li>a{display:block;}
.partner_r li p{width: 80%;border-top:none;position: absolute;bottom: -30px;height: 30px;margin: 0 auto;left: 10%;background: rgba(11,71,125,0.6);transition:all .5s;}
.partner_r li p a{display:block;text-align:center;font-size:14px;color: #fff;line-height: 30px;background:var(--main-color);}
.partner_r li:hover p{bottom:10px;}
.partner_r li p a:hover{background:var(--main-color);}







/*pro*/
.proa {padding: 6% 2% 4.5% 2%;overflow:hidden; width: 100%;height: 100%;background:url(https://memberpic.114my.com.cn/yuanfeng98/uploadfile/image/20260918/20260918144708_777050151.jpg)   no-repeat center top;}
.pro_box {max-width: 90%;margin:0 auto; min-width: 1300px;}
.pro_tit {display: flex; align-items: center;}
.pro_tit>p {display:flex;font-size: calc(1.2rem + 1vw); text-align: left; flex-direction: column; width: 40%;}
.pro_tit>p span {display:flex;align-items: center;font-weight: bold;background: url(https://memberpic.114my.com.cn/yuanfeng98/uploadfile/image/20260917/20260917155843_818770398.png)no-repeat 0;padding: 0 0 0 3rem;color: var(--main-color);}
.pro_tit>p i {margin: 1px 10px 0 0;font-size: 35px;color: var(--main-color);}
.pro_tit>p i img {width:100%;height:auto;}
.pro_tit p b {font-size: 1.3rem; color: #656565;padding: 4% 0 0;color: #333;}
.pro_tit em {font-size: 15px;color: #555;line-height: 28px;padding: 4% 0 0;}
.pro_tab {margin: 0% 0 0;}
.pro_nav {width: 75%;float: right;}
.pro_nav ul {display:flex;justify-content: space-between;flex-wrap: wrap;row-gap: 0.5vw;}
.pro_nav li {background: #fff;transition: 0.5s;position: relative; box-shadow: 0px 0px 24px 0px #D9D9D9; border-radius: 20px; padding: 1.3% 2%;}
.pro_nav li:before {content:'\e8d4';font-family: 'iconfont';font-size: 20px;position: absolute;right: 10%;display: flex;justify-content: center;align-items: center;top: 0;bottom: 0;}
.pro_nav li:hover,.pro_nav li.on {}
.pro_nav li+li {}
.pro_nav li a {font-size: 17px;font-weight: normal;color: #333;transition: 1s;}
.pro_nav li:hover a,.pro_nav li:hover:before,.pro_nav li.on a,.pro_nav li.on:before {color:var(--main-color);}
.pro_con {margin: 1.5% 0 0;}
.pro_call {}
.pro_call .progdwz2021 {margin-bottom: 0 !important;}
.pro_call .divproduct_new_div {margin-bottom: 0 !important;}
.pro_call .divproduct_new_div_item {width: 32.6%;position:relative;border: 1px solid #e3e3e3;flex-direction: column-reverse;display: flex !important;overflow: hidden;margin: 0.1% !important;background: #fff;transition: 0.5s;}
.pro_call .divproduct_new_div_item:nth-child(n+4) {}
.pro_call .divproduct_new_div_item_date {display:none;}
.pro_call .divproduct_new_div_item_content {display:flex;flex-direction:column;background: var(--main-color);margin: 4% 0 0;padding: 6% 0;color: #fff;}
.pro_call .divproduct_new_div_item_title {text-align: center;}
.pro_call .divproduct_new_div_item_title a {font-size: 22px;font-family: Arial;color: #fff;}
.pro_call .divproduct_new_div_item:hover .divproduct_new_div_item_title a{color:;}
.pro_call .divproduct_new_div_item_body {margin: 3% 0 0;display: block;display: none;}
.pro_call .divproduct_new_div_item:hover .divproduct_new_div_item_body {}
.pro_call .divproduct_new_div_item:nth-child(2n+1) .divproduct_new_div_item_body {bottom: 100%;right: 100%;  left: auto;}
.pro_call .divproduct_new_div_item:nth-child(2n+1):hover .divproduct_new_div_item_body {     right: 0; left: auto; top: 0;bottom: 0;}
.pro_call .divproduct_new_div_item_body p {display:flex;flex-direction:column;align-items: center;font-family: Arial;position: relative;transition: 0.5s;font-size: 15px;line-height: 30px;/* color: #888; */}
.pro_call .divproduct_new_div_item_body p span {}
.pro_call .divproduct_new_div_item_body p em {font-size: 14px;width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 6% 0 0;border-top: 2px solid #fff;margin: 6% 0 0;}
.pro_call .product_div_item_pic {}
.pro_call .product_div_item_pic a {overflow:hidden;display: block;}
.pro_call .product_div_item_pic img {width:100%;height:auto;transition: 0.5s;}
.pro_call .divproduct_new_div_item:hover img {transform:scale(1.1);}
.pro_call .slick-prev:before {content: '\e67b' !important;font-family: iconfont !important;color: #fff !important;font-size: 18px !important;letter-spacing: -3px;}
.pro_call .slick-next:before {content: '\e67c' !important;font-family: iconfont !important;color: #fff !important;font-size: 18px !important;letter-spacing: -3px;}
.pro_call .slick-prev {left: 93% !important;background: var(--main-color) !important;width: 48px !important;height: 48px !important;border-radius: 50%;z-index: 5;position: absolute;top: -50px;display: none ! IMPORTANT;}
.pro_call .slick-next {right: 0 !important;background: var(--main-color) !important;width: 48px !important;height: 48px !important;border-radius: 50%;z-index: 5;top: -50px;right: 0;display: none ! IMPORTANT;}
.pro_call .slick-prev:before,.pro_call .slick-next:before {opacity: 1;transition: all ease 0.5s;}
.news_call:hover .slick-prev:before, .news_call:hover .slick-next:before {opacity: 1;}
.pro_call .slick-list {/* height: 400px !important; */padding: 1rem 0 !important;margin-top:2%;}
.pro_call .ban_dot {display: flex !important;width: 100%;justify-content: center;align-items: center;margin: 2% 0 0;/* position: absolute; */bottom: 18%;right: -38%;}
.pro_call .ban_dot li {width: 10px;height: 10px;display: inline-block;background: #fff;margin: 0 0.5%;transition: 0.5s; border-radius: 50%;}
.pro_call .ban_dot li.slick-active {background: var(--main-color);}
.pro_call .ban_dot li button {font-size:0;border: none;outline: none;}
.pro_call ul {display: flex !important;flex-wrap:wrap;justify-content: space-between;margin-bottom: 0 !important;!i;!;}
.pro_call>div>ul>div>div>li {display: flex !important;! ;flex-direction:column; width: 16%;padding: 0.2% 0.2% 1.1%;background: #fff;margin: 0 0.1%; position: relative;}
.pro_call li:nth-child(n+7) {}
.pro_call>div>ul>div>div>li:before {content:'';width:100%;height:0;background:var(--main-color);position:absolute;bottom:0;left:0;transition:1s;}
.pro_call li:hover:before {height:100%;}
.pro_call li:hover a {color:#fff;}
.pro_call li:hover span>a:before {color:#fff;border:1px solid #fff;}
.pro_call li>a {overflow:hidden;}
.pro_call li a img {width:100%;height:auto;transition: 0.5s;}
.pro_call li:hover img {transform:scale(1.1);}
.pro_call li br {display:none;}
.pro_call li span {width:100%;padding: 10% 0 0;text-align: center;/* margin: 10% 0 0; */}
.pro_call li span a {font-size: 18px;/* color: #fff; */position:relative;width: 100%;display: inline-table;}
.pro_call li span a:before {content:'real more';width: 7rem;position: absolute;right: 0;font-size: 0.9rem;bottom: -3.5rem;left: 0;margin: 0 auto;border-radius: 1rem;border: 1px solid #ddd;padding: 0.3rem 0;} 

.section3_box{ background:#f2f2f2 url() no-repeat center top; padding:0 0 60px; padding-bottom: 4%;}
.section3_box .m1t span{ display:block;}
.section3_box .m1t span img{ display:block; margin:20px auto auto;}
.quality_cont{ margin-top:5%; padding-top:62px; background:url() center top no-repeat;overflow: hidden; width: 100%; height: 702px; margin: 0 auto;}

.quality_cont dl{ margin-bottom:50px;}
.quality_cont dt{ width:327px; padding-left:27px; background:var(--main-color); font-size:22px; color:#fff; line-height:50px; font-weight:bold; border-radius:20px 0 0 0;}
.quality_cont dd{ width:327px; height:107px; padding:15px 33px 0 27px; background:#fff; font-size:16px; line-height:28px; border-radius:0 0 20px 0;}

.quality_contl{ float:left;}
.quality_cont2{ float:right;}
.quality_cont2 dl{ text-align:right;}
.quality_cont2 dt{ padding-right:27px; padding-left:0; border-radius:0 20px 0 0;}
.quality_cont2 dd{ border-radius:0 0 0 20px;}
.quality_list_container{padding: 2% 0% 1% 0%;}
.quality_list{text-align: center;display: flex; }
.quality_list li{width:33%; padding: 3.5% 2.5% 4.5% 2.5%;box-sizing: border-box;position: relative;transition:all .3s ease 0s;border: 1px rgba(255, 255, 255, 0.2) solid; background: #222;}
.quality_list li:before{content: '';position: absolute;left:-3px;top:-3px;right:45%; width:5px;height:5px;background: #336633;}
.quality_list li+li{margin-left:1.5%;}
.quality_list i{width: 80px;margin: 0 auto;margin-bottom: 10px;
    display: block;
    line-height: 80px;
    font-size:46px;
    color: #fff;
    position: relative;border: 2px #eee SOLID;
    border-radius: 50%;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center; box-shadow: 0 0 16px rgba(183,183,183,0.31);
    position: relative;}

.quality_list li b{display: block;font-size:1vw;color:rgba(255,255,255,0.2);font-weight: 300;line-height: 1;padding:5px 0 10px 0;}
.quality_list li strong{display: block;font-size:1.5vw;color:#fff;font-weight: 300;line-height: 1;padding:9px 0 0px;}
.quality_list li p{color:#fff;font-size:0.9vw;line-height: 1.5; margin-top:6%; padding:0 7%;}
.quality_list li::after{content: '';position: absolute;left:45%;bottom:50px;right:45%;border-bottom:3px solid #336633;transition:all .3s ease 0s;}
.quality_list li:hover{ background: #fff;box-shadow: 0 5px 20px rgba(0,0,0,0.2);}
.quality_list li:hover p{color: #336633;}
.quality_list li:hover b{color: #333;}
.quality_list li:hover strong{color: #336633;}
.quality_list li:hover i{color: #336633;}
.quality_list li:hover::after{left:15%;right:15%;}


/*adv*/
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fp-tableCell{position: relative; vertical-align: middle;
    width: 100%; height:900px;
   /* height: 100%;overflow: hidden;*/}
.containery{max-width:80% !important;margin: 0 auto;}
.hmc3ImgBgs{ position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden}
.hmc3Img{ position:absolute; left:0; top:0; right:0; bottom:0; opacity:0; visibility:hidden; transition:all 0.5s ease-in-out;}
.hmc3Img.on{ opacity:1; visibility:visible}
.hmc3Img .bgImg{ left:0; top:0; right:0; bottom:0; position:absolute; transition:all 4s ease-in-out;}

.hmc3Video{ left:0; top:0; right:0; bottom:0; position:absolute;}
.hmc3Video video{width: 120%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.hmc3Video:after{content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.4);}
.hmc3Img .bgImg:after{content:""; background: linear-gradient(180deg, rgb(0 0 0 / 70%), rgb(0 0 0 / 30%)/*, transparent*/); position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmc3Img.on .bgImg{ transform:scale(1.07);}
.hmPage3 .containery{position:relative; z-index:3;}
.hmc3con{ height:710px; position:relative;padding-top: 18vh;} 
.hmc3txts{ position:relative;}
.hmc3txt{ position: absolute; left: 0; width: 70%; top: 0; transition: all 0.3s ease-in-out; opacity: 0; color: #FFF; visibility:hidden; z-index:0 }
.hmc3txt.on{    max-width: 820px;  opacity:1; visibility:visible; z-index:1}
.hmc3txt strong{ font-size: 2.5vw; font-weight: bold; line-height: 2; display: block; transition:all 0.8s ease-in-out; opacity:0; transform:translateX(100px); letter-spacing:1px;font-family: 'Har';}
.hmc3txt p{ font-size: 1vw; letter-spacing: 0px; line-height: 36px; margin: 18px 0px 30px; transition:all 0.8s ease-in-out; opacity:0; transform:translateX(100px); font-family: 'axt';}
.hmc3txt div{ transition:all 0.8s ease-in-out; opacity:0; transform:translateX(100px);}
.hmc3txt.on strong{ opacity:1; transform:translateX(0); transition-delay:0.2s}
.hmc3txt.on p{ opacity:1; transform:translateX(0); transition-delay:0.3s}
.hmc3txt.on div{ opacity:1; transform:translateX(0); transition-delay:0.4s}


.morey {
    background: var(--main-color);
    display: inline-block;
    border: 1px solid var(--main-color);
    font-size: 1rem;
    line-height: 3.4375rem;
    color: #FFFFFF;
    padding: 0 2rem;
    position: relative;
    z-index: 4;
}
.morey.borf {
  background: transparent;
  color: #fff;
  border-color: #fff;
padding:10px 20px;
}

.morey.borf::before {
  background: var(--main-color);
}

.morey.borf:hover {
  color: #fff;
  border-color: var(--main-color);
}

.morey.borf:hover img {
  filter: brightness(0) invert(1);
}

.morey div {
  display: flex;
  align-items: center;
}

.morey div img {
  height: 1.1rem;
  margin-left: 1rem;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  filter: brightness(0) invert(1);
}

.morey::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #fff;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  z-index: -1;
  transform: scale(0.6);
  opacity: 0;
}

.morey:hover {
  color: var(--main-color);
}

.morey:hover img {
  filter: brightness(1) invert(0);
  transform: translateX(0.25rem);
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}

.morey:hover::before {
  transform: scale(1);
  opacity: 1;
  transition: all 0.4s;
  -webkit-transform: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
}


.hmc3menu{ height:120px;display: flex; justify-content: space-between; position: relative;     bottom: 0;}
.hmc3Btn{ width:25%; display:block; background:#fff; position:relative;  border-right: .05rem solid rgba(0, 0, 0, 0.1);
    box-shadow: 0px .5rem 2.5rem 0px rgba(0, 0, 0, 0.06);}
   
.hmc3menu .hmc3Btn:last-child{margin-right:0;}
.hmc3dbox{ padding: 33px 0px 0px 1.97vw; position: relative; height:120px; }
.hmc3dbox strong{ font-size: 24px; font-weight: 400; line-height: 34px; display: block; letter-spacing: 2px;color: #333; }
.hmc3dbox p{ font-size: 12px; color: #D0D0D0; line-height: 20px; text-transform: uppercase; }
.hmc3dbox span{ height:42px; width: 50px; position: absolute; top: 50%; right: 1.67vw; margin-top:-25px;font-size: 42px;color: #333;}
.hmc3layer{ width: 100%; position: absolute; left: 0; right: 0; bottom: 0; transition: all 0.5s ease-in-out; border-radius: 1.2em 1.2em 0 0; height: 0; background: var(--main-color); overflow: hidden; height: 0; text-align: center;}
.hmc3layer:before{content:""; height:4px; background:#208a1b; width:100%; position:absolute; left:50%; bottom:0; transition:all 0.5s ease-in-out; width:0%;}
.hmc3Btn:hover .hmc3layer:before{width:100%; left:0;}
.hmc3Btn:hover .hmc3layer{height:250px; padding: 45px 12px 0px 12px; color:#fff; }
.hmc3icon{ width:110px; height:110px; display:inline-block; position:relative; margin-bottom:5px; line-height: 110px; font-size: 34px;}
.hmc3icon i{ position:absolute; left:0; top:0; right:0; bottom:0}
.hmc3icon i:nth-child(1){ background: url(https://memberpic.114my.com.cn/yuanfeng98/uploadfile/image/20260918/20260918144614_1466981734.png) no-repeat center center; animation:radiusRotate 3s linear infinite; }


.hmc3icon i:nth-child(2){ background: url(https://memberpic.114my.com.cn/yuanfeng98/uploadfile/image/20260918/20260918144614_1466981734.png) no-repeat center center; animation:radiusRotate2 3s linear infinite; }
.hmc3icon i:nth-child(3){ background: url(https://memberpic.114my.com.cn/yuanfeng98/uploadfile/image/20260918/20260918144614_1466981734.png) no-repeat center center; animation:radiusRotate 5s linear infinite;  }
.hmc3icon img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.hmc3layer strong{ font-size: 24px; font-weight: 400; line-height: 34px; display: block; letter-spacing: 2px; }
.hmc3layer p{ font-size: 12px; color:rgba(255,255,255,0.6); line-height: 20px; text-transform: uppercase;}


.section03 .row {
  margin: 0 -7.5rem;
  align-items: center;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.row .right{margin-left:7%;}
.section03 .row>div {
  padding: 0 7.5rem;
}

.section03 .right .row {
  margin: 0;
}

.section03 .right .row>div {
  padding: 0;
}

#hw .section03 .right .row>div:first-child {
  margin-bottom: 5.375rem;
}

.right .data {
  font-size: 1.5rem;
  line-height: 2.5rem;
  font-weight: 500;
  color: #fff;
  position: relative;
  display: flex;
}

.right .data .counter {
  font-size: 6rem;
  line-height:1;
  font-weight: 100;
  color: #fff;
    font-family: 'neu';
}

.right .txt {
  font-size: 1.375rem;
  line-height: 2rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
.container3 {
    width: 100%;
    max-width: 100%;
}
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 46%;
    }

/*xw*/
.newsbg{ padding-top: 70px;  height: 750px;  overflow: hidden;     background: url(https://memberpic.114my.com.cn/yuanfeng98/uploadfile/image/20260918/20260918144421_2073516445.jpg) no-repeat bottom;}
.fd_bc{position: relative; z-index: 1; }
.fd_bc canvas{position: absolute; bottom: -15%;  left: 0;}

.newsbg_t{width:1400px; margin:0 auto; }
.news_top{display:flex;justify-content:space-between;align-items:center;}
.news_top_left b{font-size:2.1vw;color:#333; font-family:neu;}
.news_top_left p{font-size:30px;color:#333;font-weight:bold;}
.news_top_right{display: flex; background: #fff;}
.news_top_right a{display:block;width:150px;line-height:40px;text-align:center;font-size:18px;color:#333;font-family: 'Hos';  border: 2px solid #eee; border-radius:50px;}
.news_top_right a{color:#333;    }
.news_top_right a:hover{border: 2px solid var(--main-color); border-radius:0px; border: 2px solid var(--main-color);}
.news_top_right:hover a{color:var(--main-color);}


.news { height: 480px;}
.news1{float:left; width:930px;}
.news2{margin-left:70px;}
.news3{float:right;}
.news1 .news_div_item{float: left;
    position: relative;
    width: 430px;
    height: 510px;
    margin-right: 30px;
    background: #fff;
    padding: 2%;
    box-shadow: 0px 0px 50px rgba(0, 0, 0, .05); z-index: 11;}
.news1 .news_div_item_pic img{ height:294px;}
.news1 .news_div_item_date{position:absolute; left:60px; top:452px; font-family:Arial; color:#999; font-size: 15px;} 
.news1 .news_div_item_year,.news1 .news_div_item_month,.news1 .news_div_item_day{float:left;}
.news1 .news_div_item_content{    position: absolute;
    top: 340px;
    width: 350px;
    margin-left: 10px;}
.news1 .news_div_item_title a{font-size:18px; line-height:18px; color:#333; font-weight:bold;}
.news1 .news_div_item_title a:before{content:""; display:block; position:absolute; left:0px; top:106px; width:25px; height:25px; background:url(https://memberpic.114my.com.cn/yuanfeng98/uploadfile/image/20260918/20260918144335_2066561676.png) center no-repeat;}
.news1 .news_div_item_body{margin-top:15px; font-size:0.8vw; line-height:28px; color:#999;}
/*中间*/
.news2 .news_div_item:nth-child(1){display:none;}
.news2 .news_div_item{float:left; position:relative; width:470px; height:150px; margin-bottom:30px; border-bottom:1px solid #dadada;}
.news2 .news_div_item_date{position:absolute; left:0; top:104px; font-family:Arial; color:#999;}
.news2 .news_div_item_year,.news2 .news_div_item_month,.news2 .news_div_item_day{float:left;}
.news2 .news_div_item_content{position:absolute; top:0px; padding-right:8px;}
.news2 .news_div_item_title a{font-size:18px; line-height:18px; color:#333; font-weight:bold;}
.news2 .news_div_item_title a:before{content:""; display:block; position:absolute; left:455px; top:106px; width:3px; height:6px; background:url(https://memberpic.114my.com.cn/yuanfeng98/uploadfile/image/20260918/20260918144335_748784361.png) center no-repeat;}
.news2 .news_div_item_body{margin-top:15px; font-size:0.8vw; line-height:27px; color:#999;     margin-top: 10px;}
.news1 .news_div_item:hover .news_div_item_title a,.news2 .news_div_item:hover .news_div_item_title a{color: var(--main-color);}
.news2 .news_div_item:hover{}
.news1 .news_div_item:hover .news_div_item_image {  transform: scale(1.1);}

.news1 .news_div_item:hover .news_div_item_pic img{  width: 100%;  transition: .75s;}
.news1 .news_div_item_pic { overflow: hidden; display: block;}

/*bq*/
.f_bg{height: 33rem;
    overflow: hidden;
    box-sizing: border-box;
    background: url(https://memberpic.114my.com.cn/yuanfeng98/uploadfile/image/20260918/20260918144246_1992076395.jpg);
    background-size: 100% 100%;
    border-radius: 50px 50px 0 0;}  
.f_nav{height: 10rem;border-bottom: 1px solid rgba(255,255,255,0.12);box-sizing: border-box;padding-top: 2rem;}
.f_nav h2{ display: block;float: left;padding-top: 2rem;}
.f_nav h2 img{ display: block;float: left; /*filter: grayscale(1) brightness(10);*/} 
.f_nav h2 a,.f_nav h2 b{ float: left;}
.f_nav h2 b{font-size: 14px;     padding-left: 20px;}
.f_nav h2 b p{ font-size: 34px; color: #fff;   font-family: "alzt"; letter-spacing: 5px;}
.f_nav h2 b span{font-size: 14px;       color: #a3a3a3;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 27px;}
 .content01{width: 80%;margin: 0 auto;min-width: 1200px;max-width: 1600px;}
.f_nav ul{ float: right;display: flex;justify-content: space-between;width: 60%;}
.f_nav ul li{position: relative;box-sizing: border-box;margin-top: 3.2rem;} 
.f_nav ul li a{font-size: 1.1rem;color: #fff;line-height: 1.1rem;display: block;}
.f_con{ height: 17.5rem;box-sizing: border-box;display: flex;justify-content: space-between; padding-top: 5rem;border-bottom: 1px solid rgba(255,255,255,0.12);box-sizing: border-box;}
.gsxx{ width: 67.5%;box-sizing: border-box;display: flex;justify-content: space-between; }
.gsxx li{ display: block;font-size: 1rem;color: #fff;line-height: 0.9rem;}
.gsxx li b{ display: block;font-size: 1.7rem;line-height: 0.9rem;padding-bottom: 1.3rem;color: rgba(255,255,255,0.8);font-weight: normal;}
.gsxx li i{display: block;font-size: 1rem;line-height:2rem;}
.gsxx li b img{display:block;width: 2.5rem;height: 2.5rem;margin-bottom: 0.8rem;     background: #f57601; border-radius: 50px;}
.f_er{ }
.f_er li{ margin-right:20px;}
.f_er ul{display: flex;justify-content: space-between; }

.f_er li img{    width: 130px;}
.f_er li  span{ display: block;font-size: 0.9rem;line-height: 0.9rem;padding-top: 1rem;color: rgba(255,255,255,0.5);font-weight: normal;text-align: center;}
.f_bot{height:5rem;}
.f_bot span{font-size: 0.9rem;color: #fff;float: left;display: block;line-height: 5rem;opacity: 0.9;}
.f_bot span em{display: inline-block;margin-left:  0.8rem;}
.f_bot a{color: #fff;}
.f_bot a:hover{color: #fff;}
.f_bot i{ display: block;}
.f_bot .fr, .f_bot .fr a {  line-height: 90px;  color: #fff;}

/*links*/
.links{float:right; width:180px; margin-top:30px; padding-left:15px; line-height:40px; color:rgba(255,255,255,0.6); border:1px solid rgba(255,255,255,.3); position:relative; background:url(https://memberpic.114my.com.cn/yuanfeng98/uploadfile/image/20260918/20260918144221_828449259.png) 160px center no-repeat;}
.links_cont{height:0; position:absolute; bottom:41px; left:-1px; visibility:hidden; background:#fff; overflow-y:auto;}
.links:hover .links_cont{height:auto; max-height:200px; visibility:visible; transition:0.5s all ease-in-out;}
.linkTagcs{}
.linkTagcs li{float:none; width:100%;}
.linkTagcs li a{display:block !important; text-align:center; font-size:16px; line-height:50px; color:#555 !important; text-decoration:none; transition:0.5s all ease-in-out; line-height: 40px !important;}
.linkTagcs li a:hover{color:#333 !important; background-color:rgba(255,255,255,.8);}
.f_bot .fl {  line-height: 90px;   color: #fff;}

.links.fr {height: 40px;line-height: 40px;}



/*--kf--*/
.fixAside a { position: relative;     text-align: left;}
.modeFix { transition: all .3s; opacity: 1;}
.hideFix { opacity: 0; transition: all .3s; left: 50%; transform: translateX(-50%); position: absolute; top: 0;}
.fixAside a:hover .hideFix { opacity: 1;}
.fixAside a:hover .modeFix { opacity: 0;}
.fixAside a:hover p { color: #0559a2;}
.fixAside { box-shadow: 0 0 10px rgba(0,0,0,0.1); padding:10px 2px 4px;  z-index:999; position: fixed; right: 30px; top: 49%; transform: translateY(-50%); background: #ffffff; width: 62px; border-radius: 60px;}
.chatPhone { align-items: center; display: flex; margin: 0 auto; position: relative; width: 44px; height: 44px; border-radius: 50%; background: #0559a2;}
.chatPhone i{ display: block; margin: 0 auto; font-size: 20px; color: #999; text-align: center;}
.chatPhone::after { content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(5,89,162, 0.8);
    border: 1px solid rgb(5,89,162);
    animation: yuanRun 2s infinite linear;}
.chatPhone::before { content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(5,89,162, 0.8);
    border: 1px solid rgb(5,89,162);
    animation: yuanRun 2s 1s infinite linear;}
.circleClass { position: relative; border-radius: 50%;}
.circleClass img { position: relative; z-index: 2;}
.circleClass::after { content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(5,89,162, 1);
    border: 1px solid rgb(5,89,162);
    animation: yuanRun 2s infinite linear;}
.circleClass::before { content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: rgba(5,89,162, 1);
    border: 1px solid rgb(5,89,162);
    animation: yuanRun 2s 1s infinite linear;}
@keyframes yuanRun {
  form {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  to {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}
.chatPhone img { z-index: 3; display: block; margin: 0 auto; position: relative;}
.fixAside li p { text-align: center; font-size: 13px; color: #666666; line-height:1;margin: 4px 0 10px 0}
.fixAside li { position: relative; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5;}
.fixAside li:last-child {border: none; margin-bottom: 0;}
.fixAside img { display: block; margin: 0 auto; width: 24px;}
.fixAside li i{ display: block; margin: 0 auto; font-size: 20px; color: #fff; text-align: center;position: relative;z-index: 999;}
.fixAside li .revi-hotline-wrapper {
  display: none;
  position: absolute;
  left: -232px;
  bottom: -5px;
  width: 235px;
  height: 80px;
  border-radius: 8px;
}
.fixAside li .revi-hotline-wrapper.ewm{ width: 160px;  height: 160px;  border-radius: 8px;  background-color: #fff;   left: -163px; padding: 10px;}

.fixAside li .revi-hotline-wrapper.ewm img{width: 100%;}

.fixAside li:hover .revi-hotline-wrapper { display:block;}
.fixAside li .revi-hotline {
  position: absolute;
  right: 0;
  width: 299px;
  background-color: #fff;
  border: 1px solid #ddd;
  cursor: text;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  box-shadow: -2px 3px 25px rgba(0,0,0,0.1);
  border-radius: 8px;padding: 15px 0 15px 30px;
}
.fixAside li .revi-hotline h3 {
  margin: 3px 0 8px; 
  font-size: 22px;
  color: #0559a2;
  font-weight:bold;
}
.fixAside li .revi-hotline h4{ font-weight:normal; font-size:16px;}