*{margin: 0;padding: 0;box-sizing: border-box;list-style: none;line-height: 100%;}
body{font-size: 15px;min-width: 1200px; overflow-x: hidden; font-family: 'Hos','Microsoft YaHei';}
a{text-decoration: none; color:#333; font-size: 15px;}
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;}
a:hover{color:var(--main-color);}
.fullscreen,.fullscreen body {width: 100%;height: 100%;overflow: hidden}
.pcshow { display:block;}
.mbshow { display:none!important;}
.clear,.cl { 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;}

/*全局变量*/
body{
--main-color:#074bab; /*主色调*/
--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: 'srm'; src: 
       url('https://cdn.114my.com.cn/font/lcw/srm.otf') format('truetype')
}
@font-face { 
        font-family: 'DIN'; src: 
       url('https://cdn.114my.com.cn/font/lcw/D-DIN-Bold.ttf') format('truetype')
}
@font-face{font-family:'df'; src: url("https://cdn.114my.com.cn/font/lcw/yszt.TTF");}
@font-face { 
        font-family: 'axt'; src: 
       url('//memberpic.114my.com.cn/076987512638/cssnew/axt.ttf.txt') format('truetype')
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('https://cdn.114my.com.cn/font/hxp/Montserrat-Bold.woff') format('woff') ;
    font-weight: normal;
    font-style: normal;
}

.f02{font-family: 'srm';}
.f03{font-family: 'Microsoft YaHei';}
.f05{font-family: 'df';}



@font-face {
  font-family: 'iconfont';  /* Project id 5062808 */
  src: url('//at.alicdn.com/t/c/font_5062808_5l5atw99vk.woff2?t=1763454085333') format('woff2'),
       url('//at.alicdn.com/t/c/font_5062808_5l5atw99vk.woff?t=1763454085333') format('woff'),
       url('//at.alicdn.com/t/c/font_5062808_5l5atw99vk.ttf?t=1763454085333') 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;}

.w14{max-width: 1500px;margin: 0 auto;min-width: 1300px;width: 100%;}
.w15{max-width: 1500px;margin: 0 auto;min-width: 1300px;width: 100%;}
.gyc{margin: 0 auto;max-width: 1500px; min-width: 1300px; overflow: hidden;}





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





/*bt*/
.bt{display:flex; flex-direction:column; justify-content:space-between; align-items:center;}
.bt em{font-size:44px; line-height:40px; color:#333; font-weight:bold;}
.bt em b { color: var(--main-color);}
.bt p{margin-top:15px; font-size:18px; line-height:20px;  color:#888;}
	
	

/*hear*/
header{    background: #fff;  box-shadow: 0 0 13px rgba(0,0,0,.1);     width: 100%;  top: 0;   display: flex; transition: .5s;}


.head{display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 1920px;
    min-width: 1400px;
    height: 6vw;
    margin: 0 auto;
    position: relative;
    background: #fff;
    justify-content: space-around; }

.head_f {display: flex;  justify-content: flex-start; align-items: center;}
.head_f p{display: flex;  font-size: 34px; color: #333; flex-direction: column;  font-weight: bold;  padding-left: 10px; padding-top: 7px;}
.head_f p b{  font-size: 2.2vw;  font-family: "al_zt"; letter-spacing:6px;}
.head_f p i{ font-size: 0.8vw; font-weight: normal; padding-top: 8px; color: var(--main-color); }
.head .logo {  float: left; opacity: 1;
filter: alpha(opacity=100);     padding-top: 10px;}
.head .logo img{ width:auto; /*filter: grayscale(1) brightness(10);*/ height: 65px;}
.head .logo p{font-size: 32px; line-height:50px; padding-left: 12px; font-weight: bold; letter-spacing: 1px;color: #fff;}
.head .logo p i{font-size: 14px; padding-top:2px; display: block; line-height: 14px;letter-spacing:0px; color: #999;font-weight: normal; text-transform: uppercase; letter-spacing: 3px;}




.head_nav{ display: flex; width: 70%;}
.head_nav>ul{    display: flex;float: left;   justify-content: space-around;   width: 100%;  align-items: center;   justify-content: space-around;}    
.head_nav>ul>li {transition: 0.5s; padding: 0 1%;}
.head_nav>ul>li>a{position: relative;}
.head_nav>ul>li:nth-child(4) {margin-left: 0%;}
.head_nav>ul>li>a:after {content:'';width:0;height: 3px;background: var(--main-color); position: absolute;top:3.5vw;left: 0;z-index: 11;opacity: 0;    transition: 0.5s;}
.head_nav>ul>li:hover>a:after,.head_nav>ul>li.cur>a:after {opacity: 1;width: 100%;transition: 0.5s;}
.head_nav>ul>li.cur>a,.head_nav>ul>li a:hover{font-weight:bold; color: var(--main-color);}
.head_nav>ul>li a {font-size: 1vw; color: #333; line-height: 6vw;}
.head_nav>ul>li:nth-child(2)>a:before,.head_nav>ul>li:nth-child(3)>a:before,.head_nav>ul>li:nth-child(7)>a:before{position: absolute;content: "\e65e";font-family: "iconfont";font-size: 0.5vw;color: #666; bottom: -40px; right: -17px;transition: .5s;  transform: rotatex(180deg);}
  

.head.on{box-shadow: 0px 0px 50px rgba(0,0,0,0.4); background: linear-gradient(rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 0.9)); height: 5.3vw;  position: fixed;  z-index: 999;}
.head.on .logo img{height:60px; width:auto; }

.head.on>a>p{font-size: 32px; line-height: 40px; padding-left: 12px; font-weight: bold; letter-spacing: 1px;color: #333;}
.head.on>a>p>span{font-size: 14px; padding-top:2px; display: block; line-height: 14px;letter-spacing:0px; color: #999;font-weight: normal;}
.head.on .nav>ul>li>a{color: #333; }
.head.on .head_logo img{display:none;}
.head.on .head_nav>ul>li.cur>a,.head_nav>ul>li:hover>a{font-weight:bold; color: var(--main-color);}
.head.on .head_nav>ul>li>a:after{background: var(--main-color); top:3.2vw;}
.head.on .logo { padding-top: 0px;}
.head.on .head_f p{    padding-top: 0px;}

.prod_list li:nth-child(2):after {right: 7%;}


@media screen and (max-width: 1663PX){
.head_nav>ul>li>a:after { top: 58px;}
}


@media screen and (max-width: 1500PX){
.head_nav>ul>li>a:after { top: 50px;}
}
@media screen and (max-width: 1466PX){
.head_nav>ul>li>a:after { top: 50px;}
}

@media screen and (max-width: 1440px){
.head_nav>ul>li a {font-size: 1vw;}
.head_nav>ul>li>a:after { top: 49px;}
.top_con>ul>li:last-child{ width: 160px;}
.head_nav>ul { width: 70%;}
.head .logo img {height: 60px;}
.head_f p { padding-left: 10px;}

}

@media screen and (max-width: 1400px){
.head_nav>ul>li a {font-size: 1vw;}
.head_nav>ul>li>a:after { top: 47px;}
.top_con>ul>li:last-child{ width: 160px;}
.head_nav>ul { width: 70%;}
.head .logo img {height: 60px;}
.head_f p { padding-left: 10px;}


}

@media screen and (max-width: 1366px){
.head_nav>ul>li>a:after { top: 45px;}
.nav>ul { width: calc(100% - 320px);}
.nav_on{padding: 0% 1% 0% 2%;}
.nav_on>a>p{font-size: 1.4rem;}
.nav>ul>li>a{font-size: 1.1vw;}
.nav_on>a>p>span {font-size: 1.1rem; letter-spacing: 0px;}
.top_con>ul>li:last-child a { font-size: 1.6vw;}

}

@media screen and (max-width: 1280px){
.head_nav>ul>li>a:after { top: 40px;}
.nav_on .logo img { height: 56px;}
.nav>ul { width: calc(100% - 300px);     padding-right: 0%;}
.nav_on{padding: 0% 19% 0% 2%;}
.nav_on>a>p{font-size: 1.2rem;}
.nav>ul>li>a{font-size: 1vw;}
.nav_on>a>p>span {font-size: 1rem; letter-spacing: 0px;}
.top_con>ul>li:last-child a { font-size: 1.6vw;}

}

@media screen and (max-width: 1200px){
.nav_on .logo img { height: 56px;}
.nav>ul { width: calc(100% - 320px);}
.nav_on{padding: 0% 1% 0% 2%;}
.nav_on>a>p{font-size: 1.4rem;}
.nav>ul>li>a{font-size: 1vw;}
.nav_on>a>p>span {font-size: 1.1rem; letter-spacing: 0px;}
.top_con>ul>li:last-child a { font-size: 1.6vw;}

}




.header-right{height: 100%;margin-left:100px;}
.header-search{  height: 100%;
    color: #fff;
    font-size: 22px;
    margin-left: 10px;
    display: flex;
    align-items: center;     justify-content: flex-end;}
.header-search span{display:block;}
.header-search i{font-size: 16px; color: #fff;}

.top_con {}
.top_con>ul {display: flex;justify-content: space-between;width: 100%;}
.top_con>ul>li {display: flex;position: relative;width: 24px;height: 24px; z-index:66; align-items: center;}
.top_con>ul>li:nth-child(1) {width:40px;}
.top_con>ul>li:last-child {    float: left; width: 230px; }
.top_con>ul>li:last-child a {font-size: 1.8vw; font-weight:bold; color: #fff; padding-left:5px;  font-family: 'DIN'; color: var(--main-color);}
.top_con li i {font-size: 23px;line-height: 28px; color: #444; height: 28px; font-weight:normal;}
.top_con li i a{color: #333;  padding-left: 4px;}
.top_con li>p {width: 120px;overflow: hidden;position: absolute;top: 32px;left: -20px;opacity: 0;transition: 0.5s;height:  0;padding: 5px;background: #fff;border: 1px solid #ddd;}
.top_con li p img {width:100%;}
.top_con li>a {}
.top_con li:hover p {opacity: 1;transition: 0.5s;height: 120px;}
.top_con li>b {width: 120px;overflow: hidden;position: absolute;top: 32px;left: -20px;opacity: 0;transition: 0.5s; background: #fff;font-weight:normal;color: #333;}
.top_con li>b a{font-size:14px;color: #333; line-height: 36px;color: #333; display: block;}
.top_con li:hover b{opacity: 1;transition: 0.5s;}
.top_con li>b a+a { border-top: 1px solid #eee;}
.top_con li>b a:hover {  background: var(--main-color); display: block; color: #fff;}
.top_con>ul>li img { width: 38px; filter: grayscale(1) brightness(10);}




/*search*/
.top_con li:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;} 
.tit_sel {width: 730px;height: 150px;background: rgba(255,255,255,0.9);transform: rotateX(90deg);position: absolute;right: 0;transition: all 0.5s;font-size: 16px;padding: 34px; z-index: 9999;top:60px;}
.tit_sel span {font-size: 24px;display: block;color: #666;font-family: Arial;}
.tit_icon:hover .tit_sel{transform: rotateX(0);transition: all 0.5s;}
#search-i{float:left; width:50px; height:43px; overflow:hidden; margin-top:20px;  box-sizing: border-box; padding-top: 0px; border: 1px solid rgba(0,0,0,0.1); border-left: none; padding-top: 5px;}
#search-bg{float:left; width:602px; height:43px; overflow:hidden; padding-left:14px; margin-top:20px; box-sizing: border-box;     border: 1px solid rgba(0,0,0,0.1);border-right: none;text-align: left; line-height: 40px;}
.search-text{ font-size:14px;color: #666;justify-content: center;align-items: center;     font-weight: normal;}
.search-text a{ font-size:15px; color: #666;}
.search-text a:hover{ font-size:15px; color: var(--main-color);}
.search-text span{ float:left;  color:#666;font-size: 15px;     font-weight: normal;}
#infoname{ border:none;background:none; outline:none;} 


/*下拉*/
.head.on .head_nav .p_navBox2 { top: 5.3vw;}
.head_nav>ul>li:hover .p_navBox2{max-height:600px;}
.head_nav .p_navBox2{position: absolute;width:100%;background: rgba(255,255,255,0.99);top:6vw;left: 0;max-height:0px;overflow: hidden;transition: 0.3s ease all;border-radius: 10px;/*backdrop-filter: blur(5px);*/     z-index: 99;}
.head_nav .p_navBox2>div.warp{margin:0 auto;display:flex;max-width:1400px;justify-content:space-between;padding:60px 0;}
.head_nav .p_navBox2 .warp .dh_fl{width:66%;}
.head_nav .p_navBox2 .warp .dh_fl ul{display:block;width:100%;height: 100%;}
.head_nav .p_navBox2 .warp .dh_fl ul p a{font-size: 18px;display:block;line-height: 40px;}
.head_nav .p_navBox2 .warp .dh_fl ul p a span{font-size: 18px;line-height: 40px;}
.head_nav .p_navBox2 .warp .dh_fl ul li:hover p a{color:#fff;}
.head_nav  .p_navBox2 .warp .dh_fl>ul>li>a{font-size: 16px; float: left; line-height: 50px; height: 50px;}
.head_nav>ul>li:nth-child(7) .p_navBox2 .warp .dh_fl>ul>li{width:23%;}
.head_nav .p_navBox2 .warp .dh_fl>ul>li{width:18%;    font-size: 20px;padding: 0 20px;font-weight: 400;letter-spacing: 0;line-height: 50px;float: left;    border-bottom: 1px solid #eee; transition:all .3s ease; background: url(https://memberpic.114my.com.cn/haiyun/uploadfile/image/20251106/20251106152758_658260874.png) no-repeat center right 20px;}
.head_nav .p_navBox2 .warp .dh_fl>ul>li+li{margin-left:1%;}
.head_nav .p_navBox2 .warp .dh_fl>ul>li:nth-child(5n+1){margin-left:0;}
.head_nav .p_navBox2 .warp .dh_fl>ul>li:nth-child(n+6){margin-top:10px;}
.head_nav .p_navBox2 .warp .dh_fl>ul>li:hover,.head_nav .p_navBox2 .warp .dh_fl .prolist2021 li:hover{background:var(--main-color) url(https://memberpic.114my.com.cn/szgywy/uploadfile/image/20250723/20250723175843_231484095.png) no-repeat center right 20px;}

.head_nav .p_navBox2 .warp .dh_fl>ul>li:hover a,.head_nav .p_navBox2 .warp .dh_fl .prolist2021 li:hover a{ color: #fff;}
.head_nav .p_navBox2 .warp .dh_fl>ul>li>a:hover,.head_nav .p_navBox2 .warp .dh_fl .prolist2021 li>a:hover{color:#fff; background: var(--main-color); display: block;}
.head_nav .p_navBox2 .warp .dh_fl .prolist2021{    display: block;width: 100%;   height: 100%;}
.head_nav .p_navBox2 .warp .dh_fl .prolist2021 li{width:18%;    font-size: 20px;padding: 0 10px;font-weight: 400;letter-spacing: 0;height: 50px; line-height: 50px;float: left; transition:all .3s ease;     margin-bottom: 10px; margin-right:2%;     display: flex; background:#f5f5f5;}
.head_nav .p_navBox2 .warp .dh_fl.prolist2021> li>a{font-size: 16px; float: left; line-height: 50px; height: 50px;}
,.head_nav .p_navBox2 .warp .dh_fl .prolist2021 li:nth-child(4n+1){margin-left:0;}
,.head_nav .p_navBox2 .warp .dh_fl .prolist2021 li:nth-child(n+4){margin-top:20px;}
.head_nav .p_navBox2 .warp .dh_fl .prolist2021 li a {  line-height: 50px; font-size: 16px;}
.head_nav .p_navBox2 .warp .dh_fl1{width:68%;}

.head_nav .p_navBox2 .warp .dh_tu{width:410px;}


.head_nav .p_navBox2 .warp .dh_tu img{width:100%;height:auto;}
.head_nav .p_navBox2 .warp .dh_fl .title{font-size:27px;line-height:26px;color:#000;font-weight:700;margin-bottom:20px}
.head_nav .p_navBox2 .warp .dh_fl .jieshao{    font-size: 16px; line-height: 30px;  color: #333;   margin-bottom: 40px;  font-weight: normal;}
.head_nav .p_navBox2 .warp .dh_fl li dl{width: 50%;float:left;position: absolute;left: 50%;display:none;top:0px;background: #fff;height: 100%;padding: 40px 0;overflow-y: auto;}
.head_nav .p_navBox2 .warp .dh_fl li dl a{width: 100%;font-size: 18px;line-height: 60px;display: block;padding-left: 60px;float:left;font-weight: lighter;}
.head_nav  .p_navBox2 .warp .dh_fl li.on dl{display:block;}


/* banner */
.container {
    width: 1500px;
    margin: 0 auto;
    max-width: 100%;
}
.indexBanner { z-index: 2; position: relative;}

.bannerSwiper {height: 100vh; position: static;}

.bannerSwiper .imgBox {height: 100%;}

.bannerSwiper .imgBox img {width: 100%;height: auto;min-height: 100%;transition: 1s linear 2s; transform: scale(1.1,1.1); object-fit: cover;}

.bannerSwiper .swiper-slide-active img , .bannerSwiper .swiper-slide-duplicate-active img {transition: 2s linear;transform: scale(1,1);}

.bannerSwiper .con {position: absolute; left: 43%; top: 41%; transform: translate(-50%, -50%);z-index: 1;}
@media screen and (max-width: 1680px){.bannerSwiper .con{left: 52%;top: 33%;}}
@media screen and (max-width: 1440px){.bannerSwiper .con{left: 53%;top: 32%;}}
.bannerSwiper .con strong {font-size:4.3rem;font-weight: 100;color: #ffffff; display: inline-flex; line-height: 2;}
.bannerSwiper .con strong div:nth-child(3) {    font-family: yw;font-size:5rem; letter-spacing: -15px;text-shadow: 0.3rem 0.3rem 0rem rgba(1, 126, 26, 0.5);position: relative;margin-top: -7px;}
.bannerSwiper .con strong div:nth-child(4) {    font-family: yw;font-size:5rem;  text-shadow: 0.3rem 0.3rem 0rem rgba(1, 126, 26, 0.5);position: relative; margin-top: -7px;}
.bannerSwiper .con strong div:nth-child(10) {    font-family: yw;font-size:5rem; letter-spacing: -10px;text-shadow: 0.3rem 0.3rem 0rem rgba(1, 126, 26, 0.5);position: relative;margin-top: -7px;}
.bannerSwiper .con strong div:nth-child(11) {    font-family: yw;font-size:5rem;  text-shadow: 0.3rem 0.3rem 0rem rgba(1, 126, 26, 0.5);position: relative; margin-top: -7px;}
.bannerSwiper .con .p1 {font-size:1.4rem;color: #ffffff; display: flex; line-height: 1.4; padding-top: 2%;}
.bannerSwiper .con .p1t {font-size:1.9rem;color: #ffffff; display: flex; line-height: 1.4; padding-top:0.6%;}
.bannerSwiper .con .h{color: #333;}
.bannerSwiper .con .hs{color: #666 !important;}
.bannerSwiper .con .ty{text-shadow: 0.1rem 0.1rem 0rem rgba(1, 126, 26, 0.5);}
.bannerSwiper .con .bx {
    font-size: 1.1vw;
    color: #fff;
    line-height: 46px;
    height: 46px;
    border: 1px rgba(255, 255, 255, 0.2) solid;
    width: 31%;
    display: flex;
    text-align: center;
    margin-top: 2.6%;
    letter-spacing: 0.1vw;
    border-radius: 11px;
}
.bannerSwiper .con span {
    background: linear-gradient(to right, #0058c4 0%, #17bce3 100%);
    border-radius: 11px 0 0 11px;
    color: #fff;
    width: 61%;
    line-height: 46px;
    text-align: center;
}
.bannerSwiper .con em {
    color: #fff;
    width: 57%;
    line-height: 46px;
    text-align: center;
    font-style: normal;}

.bannerSwiper .con1{position: absolute; left: 50%; top: 32%; transform: translate(-50%, -50%);z-index: 1; text-align: center;}
.bannerSwiper .con1 strong {font-size:4vw;font-weight: 100;color: #fff; display: inline-flex; line-height: 2;}
.bannerSwiper .con1 .p1 {font-size:2.2rem;color:#fff; line-height: 1.5; padding-top: 1.2%;text-align: center;font-weight:bold;}
.bannerSwiper .con1 .ty{text-shadow: rgba(1, 69, 205,0.5) 0.05rem 0.05rem 0rem;}
.bannerSwiper .con1 .bx {
    font-size: 1.1vw;
    color: #fff;
    line-height: 46px;
    height: 46px;
    border: 1px rgba(255, 255, 255, 0.5) solid;
    width: 31%;
    display: flex;
    text-align: center;
    letter-spacing: 0.1vw;
    border-radius: 11px;
   margin: 0 auto;
margin-top: 3%;
}
.bannerSwiper .con1 span {
    background: linear-gradient(to right, #0d3b88 0%, #054cc4 100%);
    border-radius: 11px 0 0 11px;
    color: #fff;
    width: 57%;
    line-height: 46px;
    text-align: center;
}
.bannerSwiper .con1 em {
    color: #fff;
    width: 60%;
    line-height: 46px;
    text-align: center;
    font-style: normal;
}
.bannerSwiper .con2 {position: absolute; left:50%; top: 45%; transform: translate(-50%, -50%);z-index: 1;}
@media screen and (max-width: 1680px){.bannerSwiper .con2{left: 52%;}}
@media screen and (max-width: 1440px){.bannerSwiper .con2{left: 52%;}}
.bannerSwiper .con2 strong {font-size:3.2vw;font-weight: bold;color: #fff; display: inline-flex; line-height: 2.5;}
.bannerSwiper .con2 .p1 {font-size:2vw;color: #fff; display: flex; line-height: 1.4; padding-bottom: 0.6%; padding-top:1.5%;font-weight:500;}
.bannerSwiper .con2 .p1t {font-size:1.5rem;color: #fff; display: flex; line-height: 1.6; padding-top:1.5%;}
.bannerSwiper .con2 .h{color: #333;}
.bannerSwiper .con2 .hs{color: #666 !important;}
.bannerSwiper .con2 .ty{text-shadow: rgba(1, 69, 205, 0.5) 0.05rem 0.05rem 0rem;}
.bannerSwiper .con2 .bx {
    display: flex;
    text-align: center;
}
.bannerSwiper .con2 span {background: linear-gradient(to right, #0058c4 0%, #17bce3 100%);
    border-radius: 20px 0 0 20px;
    color: #fff;
    width: 58%;
    line-height: 42px;
    text-align: center;
}
.bannerSwiper .con2 em {
    color: #333;
    width: 56%;
    line-height: 42px;
    text-align: center;
    font-style: normal;background: linear-gradient(to right, #fff 0%, #f8f8f8 100%);
border-radius: 0px 20px 20px 0px;
}


.bannerSwiper .con3 {position: absolute; left: 47%; top: 45%; transform: translate(-50%, -50%);z-index: 1;}
@media screen and (max-width: 1680px){.bannerSwiper .con3{left: 52%;}}
@media screen and (max-width: 1440px){.bannerSwiper .con3{left: 52%;}}
.bannerSwiper .con3 strong {font-size:3vw;font-weight: 100;color: #ffffff; display: inline-flex; line-height: 2;}
.bannerSwiper .con3 strong div:nth-child(20) {    font-family: yw;font-size:5vw; letter-spacing: -12px;text-shadow: 0.3rem 0.3rem 0rem rgba(5, 75, 159, 0.5);position: relative;margin-top: -16px;}
.bannerSwiper .con3 img{width:860px;margin-top:1%;}
.bannerSwiper .con3 strong div:nth-child(19) {    font-family: yw;font-size:4.8vw; letter-spacing: -8px;text-shadow: 0.3rem 0.3rem 0rem rgba(5, 75, 159, 0.5);position: relative;margin-top: -16px;}
.bannerSwiper .con3 strong div:nth-child(18) {    font-family: yw;font-size:4.8vw; letter-spacing: -8px;text-shadow: 0.3rem 0.3rem 0rem rgba(5, 75, 159, 0.5);position: relative;margin-top: -16px;}
.bannerSwiper .con3 strong div:nth-child(13) {    font-family: yw;font-size:4.8vw; letter-spacing: -8px;text-shadow: 0.3rem 0.3rem 0rem rgba(5, 75, 159, 0.5);position: relative;margin-top: -16px;}
.bannerSwiper .con3 .p1 {font-size:1.5vw;color: #ffffff; display: flex; line-height: 1.4; padding-bottom: 1%;}
.bannerSwiper .con3 .p1t {font-size:1vw;color: #ffffff; display: flex; line-height: 1.6; padding-top:1.2%;}
.bannerSwiper .con3 .h{color: #333;}
.bannerSwiper .con3 .hs{color: #666 !important;}
.bannerSwiper .con3 .ty{text-shadow: 0.4rem 0.2rem 0rem rgba(28, 80, 143, 0.5);}
.bannerSwiper .con3 .bx {
    font-size: 1.1vw;
    color: #fff;
    line-height: 46px;
    height: 42px;
    width: 29%;
    display: flex;
    text-align: center;
    margin-top: 3%;
    letter-spacing: 0.1vw;
    border-radius: 20px;
}
.bannerSwiper .con3 span {background: linear-gradient(to right, #0058c4 0%, #17bce3 100%);
    /*background: linear-gradient(to right, #e37318 0%, #ff9711 100%);*/
    border-radius: 20px 0 0 20px;
    color: #fff;
    width: 58%;
    line-height: 42px;
    text-align: center;
}
.bannerSwiper .con3 em {letter-spacing: 0vw;
    color: #333;
    width: 56%;
    line-height: 42px;
    text-align: center;
    font-style: normal;background: linear-gradient(to right, #fff 0%, #f8f8f8 100%);
border-radius: 0px 20px 20px 0px;
}


#preloader-2.yr{right: 4%;}
#preloader-2 {position: relative; margin-top: 2.5rem;}
#preloader-2 span {position: absolute; width:1.24rem; height: 1.24rem; background: #fff;border-radius: 50%; bottom: 0;}
#preloader-2 span:nth-child(1){animation: cross-1 1.5s infinite linear;}
#preloader-2 span:nth-child(2){ background: #0058c4; animation: cross-2 1.5s infinite linear;}

@keyframes cross-1{

  0%{transform: translateX(0); opacity: 0.8;}

  50%{transform: translateX(200%); opacity: 1;}

  100%{transform: translateX(0);opacity: 0.8;}

}

@keyframes cross-2{

  0%{transform: translateX(200%); opacity: 0.8;}

  50%{transform: translateX(0); opacity: 1;}
  100%{transform: translateX(200%);opacity: 0.8;}
}

.indexXian {position: absolute; left: 4%; top: auto; z-index: 1;bottom:5rem; display: flex;}
.indexXian span {font-size: 0.9rem;letter-spacing:0rem; color: #ffffff; margin-right: 1rem; text-transform: uppercase;writing-mode:vertical-rl; position: relative;}
.indexXian i {width: 2px;height: 5.84rem;background: #EFEFEF; display: block; position: relative; overflow: hidden;}
.indexXian i::after {content: ""; position: absolute;left: 0;width: 2px;height: 100%;background: #0058c4; opacity: 1; animation: aline 3s infinite linear;}
@keyframes aline { from {bottom: 100%;}to {bottom: -100%;}}
.swControls {display: flex; align-items: center; justify-content: space-around; width: 100%;height: 5rem; position: absolute; left: auto; left: 0; top: auto; bottom: -.3rem;  z-index: 11; overflow: hidden;}
.swControls {display: none;}
.swControls { padding-left: 2%; box-sizing: border-box;}
.swControls::after {content: ""; position: absolute; width: 100%; height: 100%; z-index: -1; left: 100%;top: 0;transition: 1.5s; }
.swControls.on::after {left: 0;}
.swControls.swiper-button-next:after, .swiper-button-prev:after{font-size:0px !important;}
.swControls > div {position: relative;}
.bannerSwiper .swiper-pagination {width: 100% !important; bottom: 27px  !important;}
.bannerSwiper .swiper-pagination span {width: 1rem; height: 1rem; border: 1px solid #; opacity: 1; box-sizing: border-box; background: rgba(255,255,255,0.3);}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #0058c4;}
.bannerSwiper .swiper-num {margin-left: 0%;color: #fff; display: none;}
.bannerSwiper .swiper-num .actives {font-size:2rem;}
.bannerSwiper .swjtBox {display: none;}
.bannerSwiper .swjt {position: relative; margin: 0;width: 1rem; height: 1rem; border-radius: 50%; left: 0; top: auto;}
.bannerSwiper .swjt i{color: #ffffff;font-size: 2rem;}
.bannerSwiper .swjt img {max-width: 70%;}
.bannerSwiper .swjt.swiper-button-prev {transform: rotate(180deg); margin-right: 1.3rem;}




/* factory */
.comt_bg{padding: 80px 0; height: 680px; background-color: #F7F9FA;     position: relative;}

.comt_bg .wave {position: absolute;width: 1920px;height: 139px;background:url(https://memberpic.114my.com.cn/haiyun/uploadfile/image/20251118/20251118160950_1188328630.png);left: 50%;margin-left: -940px;top: 60%;margin-top: 0px;z-index: 1; opacity: 0.4;}
.comt_bg .wave1 {position: absolute;width: 1920px;height: 56px;background:url(https://memberpic.114my.com.cn/haiyun/uploadfile/image/20251118/20251118160950_1580145854.png);left: 0%;margin-left: 0px;top: 70%;margin-top: 0px;z-index: 1; opacity: 0.4;}
.comt_bg .wave{animation: bg 3.5s linear infinite;-webkit-animation: bg 3.5s linear infinite;}
.comt_bg .wave1 {animation: bg 3.5s linear infinite;-webkit-animation: bg 3.5s linear infinite;}

@-webkit-keyframes bg {
  0% {
      background-position: -1920px 0;
  }
  100% {
      background-position: 0 0;
  }
}

@keyframes bg {
  0% {
      background-position: -1920px 0;
  }
  100% {
      background-position: 0 0;
  }
}

.factory_container {
  width: 100%;
  margin-top: 5%;
}

.factory_list {
  width: 1380px;
  margin: 0 auto;
  padding: 30px;
}

.factory_content_left {position: relative; z-index: 11;
  width: 40%;
  float: left;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: -10px 0 28px rgba(0, 0, 0, 0.1);
margin-bottom:5%;
}

.factory_content_left img { border: 7px solid #fff;     border-radius: 10px;
  display: block;
  height: auto;
  width: 100%;}

.factory_content_left img.factory_m_img {
  display: none;
}

.factory_content_right {
  width: 57%;
  float: right;
  margin-top: 0%;
}

.factory_right_word {
  width: 100%;
}

.factory_right_word h3 {

  font-weight: bold;
  font-size: 2.52rem;
  line-height: 1;
  color: var(--main-color);
  margin-top: 1rem; margin-bottom: 1.25rem;}
.factory_right_word h3 em {font-size: 22px;
    color: #444;
    margin-top: 0px;
    margin-bottom: 35px;
    display: block;
    font-weight: normal;
    padding-top: 15px;}

.factory_right_word p {
  font-size: 1.06rem;
  line-height: 2;
  color: #636363;
}
.factory_right_word h3 em i {
    color: #999;
    font-size: 20px;
    margin-right: 10px;}
@media screen and (max-width: 1440px){
.factory_right_word p { font-size: 1.1rem;}
}
@media screen and (max-width: 1360px){
.factory_right_word p { font-size: 1.1rem;}
}




.factory_circle {text-align: left !important;}
.factory_circle .swiper-pagination-bullet {
  width: 1.25rem;
  height: 1.25rem;
  background: var(--main-color);
  margin: 0 0.15rem !important;
  opacity: 0.5;
}

.factory_circle .swiper-pagination-bullet-active {
  background: var(--main-color);
  opacity: 1;}

.swiper-container-horizontal>.factory_circle {
  left: 43% !important;
  bottom: 5% !important;
  width: auto !important;
}

/* factory_button */
.index_factory_button{ position: relative; bottom: 0%; left: 0%; width: 100%; z-index: 2;     margin-top: 7%;}
.index_factory_button ul li{width: 23.5%; height: 3rem; text-align: center; line-height:3rem; font-size: 1.2rem;font-weight: normal; background: #fff;border-radius: 5px; color: #636363; box-sizing: border-box;float: left; margin-left: 2%; cursor: pointer;line-height: 1;}
.index_factory_button ul li p{line-height: 3rem;}
.index_factory_button ul li p a{line-height: 3rem;font-size: 1.2rem;    font-family: 'Hos';}
.index_factory_button ul li:first-child{ margin-left: 0;}
.index_factory_button ul li.cur,.index_factory_button ul li:hover{ background:var(--main-color); color: #fff; box-shadow: 6px 6px 20px rgba(7, 75, 171,0.4);}
.index_factory_button ul li p a:hover{color: #fff;}
.index_factory_button ul li.cur a,.index_factory_button ul li:hover a{  color: #fff;}


@media screen and (max-width:1450px) {
  .factory_list {
    width: 90%;
  }

  .factory_content_right {
    margin-top: 0%;
  }
}


/*pro*/
.proa {overflow:hidden; width: 100%;height: 100%; }
.pro_box {max-width: 80%;margin:0 auto;}

.pro_cate ul li b a {
    font-size: 16px;
    font-weight: normal;color:#333!important;display: inline-block;
    width: 100%;
    height: 100%;position:relative;}

@keyframes ripple {
    70% {
        transform:scale(1.2);
    }
    100% {
        transform:scale(1);
    }
}


.pro_cate .prolist2021{border-radius: 50px;box-shadow: 0px 0px 24px 0px #ccc;background-image: linear-gradient(to bottom,#01a0eb , #074bab)  }
.pro_cate ul.on li b a:before{border-bottom: 20px solid #dd5a02;border-right: 20px solid var(--main-color);}
.pro_cate ul .prolist2021{position:relative}
.pro_cate ul{display: flex;text-align: center;line-height: 60px;}
.pro_cate ul li a{ margin-left: 0px; display: block; line-height: 60px;font-size:1vw;padding:0 45px;border-radius: 50px;  color: #fff;}
.pro_cate ul li a:hover,.pro_cate ul li.on  a{background: #01a0eb; color: #fff;}
.pro_cate ul li{display:block;}
.pro_cate ul li:nth-child(8) a{display: none;}


.pro_cate  ul li.on div a{color:#fff!important}
.pro_cate {display: flex;align-items: center;margin-top:50px; position: relative; justify-content: center;}
.pro_cate>a {padding: 0 20px;background-image: linear-gradient(90deg, #var(--main-color) 0%, #d7171f 100%);font-size: 14px;height: 50px;line-height: 50px;font-weight: bold;color: #fff;display: block;}


.pro_tab {margin: 3% 0 0;}
.pro_con {margin: 0.5% 0 0;     overflow: hidden;}
.pro_cc .divproduct_new_div{display: flex;    width: 100%;
    flex-shrink: 0;    flex-wrap: wrap;    }
.pro_cc .divproduct_new_div .divproduct_new_div_item{display: flex;flex-direction: column-reverse;width:23%;flex-shrink: 0;background: #ffffff;padding: 0%;border-radius:10px; overflow: hidden;     padding: 10px;  border: 1px solid #eee;     height: 350px;}
.pro_cc .divproduct_new_div .divproduct_new_div_item+.divproduct_new_div_item{    margin-left: 2%;}
.pro_cc .divproduct_new_div .divproduct_new_div_item:nth-child(5) {margin-left:0;}
.pro_cc .product_div_item_pic{overflow:hidden}
.pro_cc .product_div_item_pic img{ width: 100%;transition:all .5s;display:block;}
.pro_cc{margin-top: 0px;position:relative;    display: flex
;    transition: 0.5s;}
.pro_cc .divproduct_new_div_item_title a{font-size: 16px;color: #333;display: block;margin: 20px 0 22px;position:relative;}
.pro_cc .divproduct_new_div .divproduct_new_div_item:nth-child(n+5) {margin-top: 2%;}
.pro_cc .divproduct_new_div_item_title a:after{content: "+MORE";width: 30%;height: 28px;line-height: 28px;font-size: 11px;color: #333;transition:all .5s;display: block;margin: 20px auto 0;background: linear-gradient(to top, #f8f8f8, #f8f8f8);border-radius: 20px;}
.pro_cc .divproduct_new_div .divproduct_new_div_item:hover  .divproduct_new_div_item_title a:after{background:var(--main-color);color:#fff;}
.pro_cc .divproduct_new_div .divproduct_new_div_item:hover .product_div_item_pic img{transform:scale(1.1)}
.pro_cc .divproduct_new_div_item_content{text-align: center;}
.pro_cc .divproduct_new_div_item_body{width: 84%;margin: 0 auto;line-height: 30px;color:#888;font-size:15px;display:none;}

.product_list_container {
  width: 100%;
  margin-top: 5%;
}

.product_list_container ul li {
  width: 11.68%;
  float: left;
  height: 37rem;
  box-sizing: border-box;
  overflow: hidden;
  transition-duration: .4s;
  -ms-transition-duration: .4s;
  -moz-transition-duration: .4s;
  -webkit-transition-duration: .4s;
  position: relative;
}

.product_list_container ul li.active {
  width: 41.6%;
  background: none;
}

.index_product_word_content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4));
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
}

.product_list_container ul li.active .index_product_word_content {
  background: none;
}

.product_list_container ul li img {
  display: block;
/*  transition-duration: .4s;
  -ms-transition-duration: .4s;
  -moz-transition-duration: .4s;
  -webkit-transition-duration: .4s;*/
  height: 100%;
}

.product_list_container ul li img.product_img_long {
  opacity: 0;
}

.product_list_container ul li img.product_img_short {
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.index_product_word {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom:2.4rem;
  transition-duration: .5s;
  -ms-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
padding:0 9%;
}

.index_product_word p {
  font-size: 0.8rem;
  color: #fff;
  line-height: 1rem;
  color: #fff;
  display: none;
  margin-top: 0.6rem;
}

.index_product_word h3 {
  font-weight: normal;
  font-size: 1rem;
  line-height: 1.2em;

  color: #fff;
}

.product_list_container ul li.active .index_product_word {
  width: auto;
  text-align: left;
  box-sizing: border-box;
  padding: 2.2rem 2.3rem;
  background: rgba(235, 93, 57, 0.8);
}

.product_list_container ul li.active .index_product_word p {
  display: block;
}

.product_list_container ul li.active .index_product_word h3 {
  font-size: 1.1rem;
}

.product_list_container ul li.active img.product_img_long {
  opacity: 1;
}

.product_list_container ul li.active img.product_img_short {
  opacity: 0;
}

.product_list_container ul li img {display: block;}





/*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 {
 
    vertical-align: middle;
    width: 100%;
    height: 100%;

}
.fp-tableCell{position: relative;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, rgba(0, 0, 0, 0.82), 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:480px; position:relative; margin-top:22vh;}
.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: 700px;  opacity:1; visibility:visible; z-index:1}
.hmc3txt strong{ font-size: 2vw; 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}
.hmc3m{ line-height: 48px; text-align: center; height: 48px; width: 180px; font-size: 16px; color: #FFF; background: var(--main-color); display: inline-block; border-radius:1.8em; background-image: linear-gradient(to bottom,#01a0eb , #074bab);}

.hmc3m i{font-size:16px; padding-left:6px;}
.hmc3m:hover{box-shadow:0 5px 10px rgba(0,0,0,0.2); color:#FFF; transform:translateY(-5px);}
.hmc3menu{ height:120px;display: flex; justify-content: space-between; position: relative; margin-bottom: 5%;}
.hmc3Btn{ width:25%; display:block; background:#fff; margin-right:2px; position:relative;}
.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:#0e5bc7; 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/dgekej11/uploadfile/image/20251031/20251031200613_317744096.png) no-repeat center center; animation:radiusRotate 3s linear infinite; }


.hmc3icon i:nth-child(2){ background: url(https://memberpic.114my.com.cn/dgekej11/uploadfile/image/20251031/20251031200702_352718352.png) no-repeat center center; animation:radiusRotate2 3s linear infinite; }
.hmc3icon i:nth-child(3){ background: url(https://memberpic.114my.com.cn/dgekej11/uploadfile/image/20251031/20251031200702_1335158152.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;}
.hmc3txt.on div a.hmc3m {
    font-size: 1vw;  color: #fff;}
.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%;
    }
.more {
  line-height: 3rem;
  border: 1px solid #00478b;
  border-radius: 1.875rem;
  display: inline-block;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.more a {
  display: block;
  font-size: 1rem;
  font-weight: 400;
  color: #00478b;
  padding: 0 2.5rem;
 line-height: 3rem;
}

.more::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #00478b;
  z-index: -1;
  transform: scale(0);
  transition: all .4s;
}

.more:hover::before {
  transform: scale(1);
}

.more:hover {
  border-color: #fe0401;
}

.more:hover a {
  color: #fff;
}




/*工程案例*/
.appli {padding:5% 0 0% 0;background: url(https://memberpic.114my.com.cn/haiyun/uploadfile/image/20251117/20251117205956_1381092022.png) no-repeat center top;}
.appli_box {}
.appli_con {margin: 20px 15px 0;position: relative;}

.appli_btn {}
.appli_btn:hover i {}
.appli_btn>i {width: 50px;height: 50px;cursor: pointer;font-size: 36px;color:var(--main-color);display: flex;justify-content: center;align-items: center;top: 45%;background: #fff;position: absolute;border-radius: 50%;}
.appli_btn>i:first-child {left: 24.5%;}
.appli_btn>i:last-child {right: 25.4%;}

.w1300 { width: 1300px;margin: auto;}

.case_bt{ margin:55px 0px 39px 91px; position: relative;}
.case_bt strong{ font-size: 54px; color:#222; position: relative; z-index: 1; font-family: 'MiSans-Bold';font-weight:bold;     letter-spacing: 2px;}
.case_bt p{ font-size: 20px; color: #999;line-height: 2;font-family: 'hos';  letter-spacing: 1px;}
.case_bt span{  font-size: 20px; font-weight: 100;  color: #666; position: absolute; right: 120px; top:102px;}
.case_bt::after{ content: ""; display: block; width:230px; height: 12px; background: var(--main-color); position: absolute;top: 47px;left:334px;z-index: 0;}

.cate-tab-swiper{height: 60px; line-height: 60px; box-shadow: 0px 0px 20px 0px rgba(34, 24, 21, 0.1); border-radius: 30px; overflow: hidden; padding: 0 13px; background: #fff; width:1400px; margin:auto;}
.cate-tab{text-align: center; font-size: 0;margin-top:36px; margin-bottom:54px;}
.cate-tab .case-btn{position: absolute; top: 11px; left: 14px; width: 38px; height: 38px; z-index: 2; background: #fff url(../images/icon/case-btn.png) no-repeat center; background-size: 18px; border-radius: 50%; cursor: pointer; -webkit-transition: .3s; -o-transition: .3s; transition: .3s;}
.cate-tab .case-btn:hover{background: #ff7800 url(../images/icon/case-btn-on.png) no-repeat center; background-size: 18px;}
.cate-tab .case-next{left: auto; right: 14px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.cate-tab-list{display: inline-block; vertical-align: middle; height:60px; line-height: 48px; font-size: 0; background-color: #ffffff; border-radius:28px; padding:0 13px; box-shadow: 0px 0px 20px 0px rgba(34, 24, 21, 0.1);}
.cate-tab .item{display: inline-block; vertical-align: middle; height: 40px; margin-top:10px; float:left; line-height: 40px; font-size: 17px; padding: 0 29px; position: relative; cursor: pointer;}
.cate-tab .item ~ .item{margin-left: 6px;}
.cate-tab .item span,.cate-tab .item a{color: #333; position: relative; font-size:17px;line-height: 40px;}
.cate-tab .item:before{content: ""; position: absolute; left: 50%; top: 0; width: 0; height: 100%; background-color:var(--main-color); border-radius: 20px; opacity: 0; visibility: hidden; -webkit-transition: .4s; -o-transition: .4s; transition: .4s;}
.cate-tab .item.on:before,
.cate-tab .item:hover:before{opacity: 1; visibility: visible; left: 0; width: 100%;}
.cate-tab .item.on span,
.cate-tab .item:hover span,
.cate-tab .item.on a,
.cate-tab .item:hover a{color: #fff; font-size:16px;line-height: 40px;}

/*左边*/
.apply_fl{width:700px; padding:0 0;}
.apply_fl_one{display:flex;flex-direction:column;justify-content:center;height:120px;}
.apply_fl_one t{display: block;font-size: 24px;color:#fff;}
.apply_fl_one span{display: block;margin-top: 5px;font-size: 14px;color:rgba(255,255,255,0.7);font-weight: lighter;}
.apply_fl_two a{display:block;}
.apply_fl_three .divdgweb_new_div_item{display: flex;flex-direction: row-reverse;justify-content: space-between;align-items:center;height:50px;padding-left: 40px;border-bottom:1px #eee solid;position: relative;}
.apply_fl_three .divdgweb_new_div_item:last-child{border-bottom:none;}
.apply_fl_three .divdgweb_new_div_item:after{ content:"+";display:block;width:20px;height:20px;line-height:15px;background:#999;font-size:30px;color:#fff;font-family:"Biko";font-weight:lighter;text-align:center;position:absolute;left:0;}
.apply_fl_three .divdgweb_new_div_item:hover:after{background: var(--main-color);}
.apply_fl_three .divdgweb_new_div_item_date{display: flex;font-size: 14px;color: #999;}
.apply_fl_three .divdgweb_new_div_item_a{font-size: 14px;color: #666;}
.apply_fl_three .divdgweb_new_div_item:hover .divdgweb_new_div_item_a{color: var(--main-color);}
.apply_fl_three .divdgweb_new_div_item_a:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;}

.apply_fl .divdgweb2_tag li{font-family: 'axt'; display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    padding:0 30px 0 0;
    border-bottom: 1px rgba(255,255,255,0.6) solid;
    position: relative;font-size:13px; letter-spacing:-0.5px;}
.apply_fl .divdgweb2_tag li spsan{font-size:14px;}
.apply_fl .divdgweb2_tag li span a{ font-size:16px; font-family: 'Hos'; }
.apply_fl .divdgweb2_tag li:nth-child(2n){ padding:0 0 0 0;}


.casebg{width:92.7%; min-width:1400px; max-width:1780px; margin:80px auto 0; overflow:hidden;}
.case{}
.case .divdgweb_new_div_item{position:relative; transition-duration:0.8s;}
.case .divdgweb_new_div_item:before { content: ''; position: absolute;width: 100%;height: 100%; opacity: 0.7; background: #c0c1c5;}
.case .swiper-slide-active:before {background: rgba(128,129,133,0);}
.case .divdgweb_new_div_item_content{position:absolute; left:0; bottom:38px; z-index:1; padding:25px 25px 20px; background:rgba(7,75,171,.8); opacity:0; visibility:hidden; transition-duration:0.8s;}
.case .divdgweb_new_div_item_title a{font-size:20px; line-height:20px; color:#fff; text-decoration:none;}
.case .divdgweb_new_div_item_body{margin-top:12px; font-size:15px; line-height:16px; color:#fff; font-family: 'axt';}
.case .news_div_item_pic a{display:block; overflow:hidden;}
.case .news_div_item_pic a img{width:100%; height:100%;/* max-width:780px; max-height:540px;*/ transition-duration:0.8s;}
.case .divdgweb_new_div_item.swiper-slide-active{opacity:1;}
.case .divdgweb_new_div_item.swiper-slide-active .divdgweb_new_div_item_content{opacity:1; visibility:visible;}
.case-swiper-pagination{display:flex; flex-direction:row; justify-content:center; align-items:center; margin-top:42px; line-height:0; display:none;}
.case-swiper-pagination span{width:12px; height:12px; opacity:1; margin:0 6px !important; background-color:#ccc; transition-duration:0.8s;}
.case-swiper-pagination span.swiper-pagination-bullet-active{background-color:var(--main-color);}
.case .divdgweb_new_div_item.swiper-slide-active:hover .news_div_item_pic a img{transform:scale(1.1);}





/*news*/
.new_tc{display:flex;justify-content:space-between;align-items:center;}
.new_bc{background:#f6f9fb; padding-top:70px;}
.entitle-1{font-size: 2vw; font-family: 'Montserrat-Bold';}
.title-2 { font-size:1.5vw; line-height:1.5; color:#4d4d4d;}

.new_tr{display:flex;}
.new_tr li a{display:flex;width:150px;height:46px;color:#333; align-items:center;justify-content:center; font-size:18px;}
.new_tr li+li{margin-left:25px;}
.new_tr li a span{margin-right:4px;color:#333;font-size:22px;}
.new_tr li.on a{background:var(--main-color);color:#fff;     border-radius: 50px;}
.new_tr li.on span{color:#fff;}
.new_li .news_div{display:flex;justify-content:space-between;}
.new_ic{display:flex;margin-top:40px;transition:all .5s;}
.new_item{display:flex;width:100%;flex-shrink:0;justify-content:space-between;}
.new_c{overflow: hidden; padding-bottom: 50px;}
img.news_div_item_image{width:100%;transition:.75s;}
.new_li{width:62%;}
.new_ri{width:36%;}
.new_li .news_div_item{padding:20px;width:49%; transition:.5s; background: #fff;     position: relative; display: flex; flex-direction: column-reverse;}
/*.new_li .news_div_item_day{position:absolute;top:0;left:0;color:#333!important;font-weight:700;font-size:26px!important;}*/
.new_li .news_div_item_date{ display: flex;     justify-content: center; align-items: center;
    height: 40px;
    background: var(--main-color);
    width: 120px;
    position: absolute;
    bottom: 183px;
    z-index: 11;
    }
.new_li .news_div_item_date *{color:#fff;font-size:16px;}
.new_li .news_div_item_title a{display:block; font-size:18px;     margin: 30px 0 15px; position: relative;}
.new_li .news_div_item_title a:after {
    content: "了解详细>>";
    font-size: 14px;
    color: #888;
    display: block;
    position: absolute;
    top: 105px;}
.new_li .news_div_item_body{overflow:hidden;margin-bottom:0px;height:100px;color:#8c8c8c;font-size:15px;line-height:24px;}
.new_ri .news_div_item:nth-child(-n+2){display:none; }
.new_ri .news_div_item_image{display:none;}
.new_ri .news_div_item .news_div_item_date { position: absolute;top:20px}
.new_ri .news_div_item_day{position:absolute;top:22px;left:12px;font-weight:700;font-size:30px;}
.new_ri .news_div_item{position:relative;     border: 1px solid #eee; padding: 15px;  display: block; height: 155px; background: #fff;}
.new_ri .news_div_item:hover{box-shadow:0 0 21px #d2d2d2;z-index:1;transition:300ms;}
.new_ri .news_div_item_a{position:relative;display:block;font-size:18px;}
.new_ri .news_div_item_month,.new_ri .news_div_item_year{position:absolute;top:65px;left:0px;color:#bfbfbf;font-size:14px;}
.new_ri .news_div_item_body{overflow:hidden;margin-top:12px;height:80px;color:#8c8c8c;font-size:15px;line-height:30px;}
.new_ri .news_div_item_content{padding: 20px 0 10px 80px;}
.new_ri .news_div_item_month{left:43px;}
.new_ri .news_div_item:nth-child(n+4){margin-top:24px;}

.new_li .news_div_item:hover .news_div_item_image{transform:scale(1.1);}
.new_li .news_div_item_pic>a{display:block;overflow:hidden;}
.new_li .news_div_item:hover{border-color:var(--main-color);}
.new_li .news_div_item:hover .news_div_item_title a,.new_ri .news_div_item:hover .news_div_item_day,.new_ri .news_div_item:hover .news_div_item_title a,.news_div_item:hover .news_div_item_a:after{color:var(--main-color) !important;}


/*底部*/
.copy_bc{width:100%; max-width:1920px; margin:0 auto;     background-image: linear-gradient(to bottom,#01a0eb , #074bab); padding: 20px 0 30px 0;}
.copy_item{float:left; padding-left: 140px;}
.cr_tel a img {width: 90px;}
.copy_item1{float: right;padding-left:60px;     border-left: 1px solid #403f3f; height:250px;}
.copy_item ul proadvong{display: block;padding:0 0 30px; position: relative;}
.copy_item ul proadvong a{display: block; line-height: 40px;color: rgba(255,255,255,1); font-weight: bold;font-size: 18px;}
.copy_item ul proadvong a .en{font-size: 12px;color: #666;font-weight: normal;text-transform: capitalize;}
.copy_item ul li a{display: block;color: rgba(255,255,255,0.9);line-height:34px;font-size: 16px;}
.copy_item ul li{display: block;}
.copy_item ul li a:hover{color: #fff;     text-decoration: underline;}
.copy_item ul proadvong::after { position: absolute; content: ""; top: 50px; width: 25px; height: 2px; background-color:rgba(255,255,255,0.5); left: 0px; }
.copy_item:hover proadvong::after { position: absolute; content: ""; top: 50px; width: 77px; height: 2px; background-color: #ffffff;; left: 0px; transition: 0.5s; }
.copy_item .prolist2021 {width: 340px;}
.copy_item .prolist2021 ul {display: flex; flex-direction: row; flex-wrap: wrap;}
.copy_item .prolist2021 li {width: 50%;}

.crconcat{ width:32%; }
.copy_row1{ width:68%; }

.social {padding-top:0px;clear: both;}
.social a { position: relative; font-size: 13px;  display: inline-block; line-height: 35px;border: 1px solid rgba(255,255,255,0.2); transition:0.3s all ease-in-out; float: left;  display: block;
    margin-right: 10px;
    margin-top: 4%;
    border-radius: 5px;
    height: 35px;
    width: 35px;
    text-align: center; background: rgba(255,255,255,0.9);}
.social a i { font-size: 18px;  color: rgba(0,0,0,0.5); font-weight: normal;
    text-align: center;
    line-height: 35px;}
.social a img{ display: block}
.social a:hover i { color: #fff;}
.social a:hover{ background: var(--main-color);  }
.social a:hover img{filter: contrast(0) brightness(2);}
.social a:hover .ewm img{filter: grayscale(1%);}
.social a:nth-child(4) i { font-size: 28px;}
.social .ewm { position: absolute; width: 100px; bottom: 45px; right: -35px; z-index: 1; display: none; padding: 5px; background: #fff; border-radius: 5px; }
.social .ewm:after{ content: ''; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; position: absolute; bottom: -5px;left: calc((100% - 10px) / 2); }
.social .ewm img { display: block; width: 100%; height:auto; }

.cr_tel{ padding-bottom: 15px; font-size:16px; color:#fff;}
.cr_tel img{float: left;}
.cr_tel b{float: left; padding-left: 10px;font-weight: normal; text-transform: uppercase; font-size: 12px; color: rgba(255,255,255,0.4);  letter-spacing: 0px; }
.cr_tel em {display: block;font-size: 35px;color: #fff;font-family: Arial;font-weight: bold; position: relative;  left: 13px;  letter-spacing: 3px;   top: 0;   line-height: 38px;}
.craddr{margin-top: 10px; font-size:16px; color:rgba(255,255,255,.9); line-height:35px; }
.craddr{color:rgba(255,255,255,.9);}
.craddr span{ font-size: 15px; margin-top: 15px; display: block;}
.craddr span i{font-size: 18px; padding-right: 10px;}
.craddr b{color:#fff;  font-size: 30px; font-weight: bold; display: block;       font-family: din; letter-spacing: 2px; padding-top: 10px;}
.craddr p{ font-size: 16px; line-height: 38px;}



/*db*/
.Copyright_t{ width: 100%; height: 1px; background:rgba(255,255,255,.1); margin-top: 60px;}
.Copyright{margin-top:40px;}
.Copyright,.Copyright a{line-height:36px; color:rgba(255,255,255,.7);  font-size: 15px;}
.Copyright a:hover{color:#fff;}
.Copyright .fr, .Copyright .fr a {line-height: 28px;}

/*友情链接*/
.links{overflow: hidden;margin: 0 auto;padding: 20px 0;margin-top:0%;background:var(--main-color);}
.linksW{margin: 0 auto;display: flex;justify-content: space-between;align-items: center;}
.links_l{width: 121px;}
.links_lm{font-size: 18px;line-height: 30px;font-weight: lighter;color: #fff;}
.links_lm p{text-transform: uppercase;font-size: 24px;font-weight: bold;line-height: 24px;}
.links_lm p span{color:rgba(255,255,255,.6);}
.links_lm em{font-size: 17px;color: #fff;letter-spacing:1px; padding:10px 0; line-height:16px; padding-left:34px; background:url(https://memberpic.114my.com.cn/sanjiehb/uploadfile/image/20250905/20250905193514_138947073.png) no-repeat left;}
.links_r{width: 100%;color:rgba(255,255,255,.6);padding-left:9px;}
.links_r a{font-size: 15px;color:rgba(255,255,255,.9) !important;font-family: 'axt';}
.linkTagcs{width: 100% !important;}
.linkTagcs li a{font-weight: lighter;}
.linkTagcs li a:hover {text-decoration: underline;}

/* Animation */
.waves {
			position: relative;
			width: 100%;
			height: 100px;
			/*Fix for safari gap*/
			min-height: 100px
		}
		.parallax>use {
			animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite
		}

		.parallax>use:nth-child(1) {
			animation-delay: -2s;
			animation-duration: 7s
		}

		.parallax>use:nth-child(2) {
			animation-delay: -3s;
			animation-duration: 10s
		}

		.parallax>use:nth-child(3) {
			animation-delay: -4s;
			animation-duration: 13s
		}

		.parallax>use:nth-child(4) {
			animation-delay: -5s;
			animation-duration: 20s
		}

		@keyframes move-forever {
			0% {
				transform: translate3d(-90px, 0, 0)
			}

			100% {
				transform: translate3d(85px, 0, 0)
			}
		}
		
/*--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: #074bab;}
.fixAside { box-shadow: 0 0 10px rgba(0,0,0,0.1); padding:10px 2px 4px;  z-index:999; position: fixed; right: 30px; top: 80%; 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: #074bab;}
.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(7,75,171, 0.8);
    border: 1px solid rgb(7,75,171);
    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(7,75,171, 0.8);
    border: 1px solid rgb(7,75,171);
    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(230,33,42, 1);
    border: 1px solid rgb(230,33,42);
    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(230,33,42, 1);
    border: 1px solid rgb(230,33,42);
    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: 23px; 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-family: 'din';
  font-size: 26px;
  color: #074bab;
  font-weight:bold;
}
.fixAside li .revi-hotline h4{ font-weight:normal; font-size:16px;}