@charset "utf-8";*{margin:0;padding:0}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;font:14px/1.5 Arial,\5FAE\8F6F\96C5\9ED1,Helvetica,sans-serif}
table,td,tr,th{border-collapse:collapse;border-spacing:0;font-size:14px}
ol,ul{list-style:none}
li{list-style-type:none}
img{vertical-align:middle;border:0}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:normal}
address,cite,code,em,th,i{font-weight:normal;font-style:normal}
.clearfix:after{content:'';display:block;height:0;clear:both}
.clearfix{zoom:1}
.clear{clear:both}
a{text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:none}
a:active{text-decoration:none}
.fl{float:left}
.fr{float:right}
body{overflow-x:hidden}
.w1200{width:1600px;margin:0 auto}
@media screen and (min-width:1440px) and (max-width:1599px){.w1200{width:95%}
}@media screen and (min-width:1360px) and (max-width:1439px){.w1200{width:95%}
}@media screen and (min-width:1280px) and (max-width:1359px){.w1200{width:95%}
}@media screen and (min-width:1080px) and (max-width:1279px){.w1200{width:95%}
}@media screen and (min-width:1024px) and (max-width:1079px){.w1200{width:95%}
}@media screen and (max-width:1023px) and (min-width:768px){.w1200{width:95%}
}@media (max-width:767px){.w1200{width:95%}
}@media (max-width:375px){.w1200{width:95%}
}@media (max-width:320px){.w1200{width:95%}
}.header{padding:0 60px;position:fixed;left:0;top:0;right:0;z-index:100;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.logo{margin-top:22px;float:left;height:65px;line-height:65px;font-size:0;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.logo a{display:inline-block;height:100%;vertical-align:top}
.logo img{display:inline-block;vertical-align:top;max-width:100%;max-height:100%}
.hd-r{float:right;visibility:visible !important}
.nav_wrap{float:left}
.nav{float:left}
.nav>ul>li{float:left;position:relative}
.nav>ul>li>.b_t{position:relative;overflow:hidden}
.nav>ul>li>.b_t>.v1{padding:0 24px;display:block;font-size:17px;color:#fff;line-height:106px;position:relative;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.nav>ul>li>.b_t:after{display:block;content:'';position:absolute;left:50%;bottom:0;width:60%;height:3px;background:#3f8692;margin-left:-30%;z-index:12;opacity:0;filter:alpha(opacity=0);filter:alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';-webkit-transition:.5s;-o-transition:.5s;transition:.5s;z-index:99}
.nav>ul>li:hover>.b_t>.v1{color:#fff}
.nav>ul>li:hover>.b_t:after{opacity:1;filter:alpha(opacity=100);filter:alpha(Opacity=100);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'}
.nav>ul>li>.b_t.navon>.v1{color:#195c66}
.nav>ul>li>.b_t.navon:after{opacity:1;filter:alpha(opacity=100);filter:alpha(Opacity=100);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'}
.nav>ul>li>.b_t>.v1:before{content:attr(data-title);position:absolute;top:0;left:0;z-index:9;transform:translateY(100%);width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#3f8692}
.nav>ul>li:hover>.b_t>.v1{transform:translateY(-100%)}
.hd-so{margin-left:12px;float:left;width:32px;height:106px;background:url(../images/search_btn.png) center center no-repeat;cursor:pointer;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.box-sub{position:absolute;left:-34px;top:100%;width:560px;background-color:#f8f8f8;z-index:10;display:none}
.box-sub .pic{float:right;width:386px;padding:35px 46px;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.box-sub .pic img{display:block;width:100%}
.snav{padding:36px 25px;min-height:170px;background-color:#fff;overflow:hidden}
.snav li{border-bottom:1px solid #f7f7f7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.snav a{padding-left:10px;display:block;vertical-align:middle;font-size:14px;color:#666;line-height:38px;background-repeat:no-repeat;background-position:left center;background-image:url(../images/icon-next.png);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.snav a:hover{color:#3f8692;background-image:url(../images/icon-next2.png)}
.nav>ul>li.n5 .box-sub,.nav>ul>li.n6 .box-sub,.nav>ul>li.n7 .box-sub{right:-34px;left:auto}
.nav>ul>li.n5 .box-sub:before,.nav>ul>li.n6 .box-sub:before,.nav>ul>li.n7 .box-sub:before{right:38px;left:auto}
.hd-so-pop{padding:51px 0 35px;position:fixed;left:0;top:106px;right:0;background-color:#f8f8f8;z-index:10;display:none}
.hd-so-pop .so-inner{width:962px;margin:0 auto}
.so-search{position:relative;height:46px;overflow:hidden}
.so-search input{outline:0;border:none}
.so-search .input{padding:0 200px 0 34px;display:block;width:100%;height:46px;line-height:46px;background-color:#fff;font-size:14px;color:#333}
.so-search .submit{padding-left:8px;position:absolute;display:block;right:0;top:0;height:46px;line-height:46px;font-size:16px;color:#fff;background-color:#3f8692;cursor:pointer;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.so-search .submit .icon{margin:8px 10px 0 0;display:inline-block;vertical-align:middle;width:58px;height:30px;background:url(../images/search_btn.png) center center no-repeat;position:relative}
.so-search .submit:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'}
.hdDown .header{background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);border:0}
.hdDown .logo{margin-top:20px;height:50px;line-height:50px}
.hdDown .nav>ul>li>.b_t>.v1{line-height:90px}
.hdDown .hd-so{height:90px}
.hdDown .hd-so-pop{top:90px}
.hdDown .nav>ul>li>.b_t>.v1{color:#333}
.hdDown .nav>ul>li>.b_t.navon>.v1{color:#3f8692}
.hdDown .hd-so{background:url(../images/search_btn2.png) center center no-repeat}
.logo .logo-scrolled{display:none !important}
.logo .logo-normal{display:inline-block !important}
.hdDown .logo .logo-normal{display:none !important}
.hdDown .logo .logo-scrolled{display:inline-block !important}
.hcover{display:none}
.menu_open{display:none}
.subopen{display:none}
@media screen and (max-width:1600px){.header{padding:0 40px}
}
@media screen and (min-width:1080px) and (max-width:1359px){.nav>ul>li>.b_t>.v1{padding:0 14px}
}@media screen and (max-width:1079px) and (min-width:768px){.logo{margin:10px 0;height:60px;line-height:60px;display:flex;justify-content:center;align-items:center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center}
.hdDown .logo{margin:5px 0;height:60px;line-height:60px}
.header{padding:0 20px;background-color:rgba(255,255,255,0);border-bottom:1px solid rgba(255,255,255,0.3)}
.arc_nav{width:60%;height:80px;margin:0;padding:0;position:fixed;top:0;z-index:999;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;right:0%}
.hdDown .arc_nav{height:70px}
.arc_nav.open{width:100%;height:100%}
.menu_open{display:block;float:right;width:60px;height:80px;padding:20px 0;position:absolute;top:0;right:80px;box-sizing:border-box;z-index:98;cursor:pointer}
.menu_open i{width:28px;height:2px;background-color:#fff;display:block;margin:9px auto}
.menu_open:hover,.menu_open:active{background-color:#3f8692}
.menu_open:hover i,.menu_open:active i{background-color:#fff}
.hdDown .menu_open{height:70px;padding:15px 0}
.hdDown .menu_open i{background-color:#3f8692}
.hdDown .menu_open:hover,.hdDown .menu_open:active{background-color:#3f8692}
.hdDown .menu_open:hover i,.hdDown .menu_open:active i{background-color:#fff}
.hdDown .hd-so{height:70px}
.hdDown .hd-so-pop{top:80px}
.hd-so-pop{padding:20px 0 20px}
.hd-so-pop .so-inner{width:90%}
.hd-so{width:80px;height:80px;position:absolute;top:0;right:10px}
.hdDown .nav>ul>li>.b_t>.v1{color:rgba(255,255,255,.5)}
.nav_wrap{width:60%;height:100%;margin:0;padding:0;position:fixed;top:0;left:-100%;z-index:999999;transition:0.5s;-webkit-transition:0.5s;width:60%;height:100%;margin:0;padding:0;position:fixed;top:0;left:-100%;z-index:999999;transition:0.5s;-webkit-transition:0.5s}
.nav>ul>li>.b_t>.v1{line-height:80px;display:block;margin:0;height:80px;line-height:80px;color:rgba(255,255,255,.5);font-size:18px;text-align:left;padding:0 60px 0 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;opacity:1;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.nav>ul>li>.b_t.navon>.v1{color:#fff}
.hdDown .nav>ul>li>.b_t.navon>.v1{color:#fff}
.nav>ul>li>.b_t>.v1:hover{color:#fff}
.nav{display:none;width:50%;height:100%;position:fixed;top:0;left:-50%;z-index:100;overflow:hidden;background-color:rgba(227,6,19,0.99)}
.hcover{display:none;width:50%;height:100%;background:rgba(0,0,0,.7);position:fixed;right:-50%;top:0;z-index:99}
.nav>ul>li{width:100%}
.nav>ul>li>.b_t>.v1:before{display:none}
.nav>ul>li:hover>.b_t>.v1{transform:translateY(0)}
.nav>ul>li>.b_t:after{width:30px;height:2px;left:30px;margin:0}
.nav>ul>li:after{content:'';display:block;width:100%;border-bottom:1px solid rgba(255,255,255,0.1)}
.nav>ul>li>.b_t i{position:absolute;z-index:2;top:0;right:0;width:60px;height:100%;display:block}
.nav>ul>li>.b_t i:after{content:'';display:block;width:12px;height:12px;margin:-6px 0 0 -6px;border:1px solid rgba(255,255,255,0.5);border-top:0;border-left:0;position:absolute;left:50%;top:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.box-sub{display:none;width:50%;height:100%;margin:0;box-shadow:none;background-color:#3f8692;border-radius:0;opacity:1;visibility:visible;-webkit-transform:translateY(0px);transform:translateY(0px);position:fixed;left:-50%;top:0;z-index:999}
.box-sub .pic{display:none}
.snav{background:none;padding:0}
.subopen{display:block}
.subopen a{display:block;overflow:hidden;line-height:80px;margin:0;padding:0 30px;white-space:nowrap;text-overflow:ellipsis;font-size:18px;color:#fff;text-indent:12px;border-bottom:1px solid rgba(255,255,255,0.1);position:relative;background:none}
.subopen a:before{content:'';display:block;width:12px;height:12px;position:absolute;left:20px;top:50%;margin:-6px 0 0 0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border:1px solid rgba(255,255,255,1);border-right:0;border-bottom:0}
.nav_item2{position:relative}
.nav_item2 a{display:block;overflow:hidden;margin:0;height:60px;line-height:60px;color:rgba(255,255,255,0.5);font-size:16px;text-align:left;padding:0 30px;white-space:nowrap;text-overflow:ellipsis;opacity:1;background:none}
.nav_item2:after{content:'';width:100%;position:absolute;bottom:0;left:0;display:block;border-bottom-width:1px;border-bottom-style:solid;border-bottom:1px solid rgba(255,255,255,0.1)}
.nav_item2 a:hover,.nav_item2 a:active{color:#fff}
.snav li{border-bottom:none}
.snav a:hover{background:none}
.hd-so-pop{top:80px}
}@media screen and (max-width:767px){.logo{margin:10px 0;height:40px;line-height:40px}
.hdDown .logo{margin-top:10px;height:40px;line-height:40px}
.header{padding:0 20px;background-color:rgba(255,255,255,0);border-bottom:1px solid rgba(255,255,255,0.3)}
.arc_nav{width:60%;height:60px;margin:0;padding:0;position:fixed;top:0;z-index:999;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;right:0%}
.arc_nav.open{width:100%;height:100%}
.menu_open{display:block;float:right;width:45px;height:60px;padding:10px 0;position:absolute;top:0;right:56px;box-sizing:border-box;z-index:98;cursor:pointer}
.menu_open i{width:28px;height:1px;background-color:#fff;display:block;margin:9px auto}
.menu_open:hover,.menu_open:active{background-color:#3f8692}
.menu_open:hover i,.menu_open:active i{background-color:#fff}
.hdDown .menu_open i{background-color:#3f8692}
.hdDown .menu_open:hover,.hdDown .menu_open:active{background-color:#3f8692}
.hdDown .menu_open:hover i,.hdDown .menu_open:active i{background-color:#fff}
.hdDown .hd-so{height:60px}
.hdDown .hd-so-pop{top:60px}
.hd-so-pop{padding:20px 0 20px}
.hd-so{width:45px;height:60px;position:absolute;top:0;right:10px}
.hdDown .nav>ul>li>.b_t>.v1{color:rgba(255,255,255,.8)}
.nav_wrap{width:60%;height:100%;margin:0;padding:0;position:fixed;top:0;left:-100%;z-index:999999;transition:0.5s;-webkit-transition:0.5s;width:60%;height:100%;margin:0;padding:0;position:fixed;top:0;left:-100%;z-index:999999;transition:0.5s;-webkit-transition:0.5s}
.nav>ul>li>.b_t>.v1{line-height:80px;display:block;margin:0;height:80px;line-height:80px;color:rgba(255,255,255,.8);font-size:16px;text-align:left;padding:0 60px 0 30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;opacity:1;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.nav>ul>li>.b_t.navon>.v1{color:#fff}
.hdDown .nav>ul>li>.b_t.navon>.v1{color:#fff}
.nav>ul>li>.b_t>.v1:hover{color:#fff}
.nav{display:none;width:50%;height:100%;position:fixed;top:0;left:-50%;z-index:100;overflow:hidden;background-color:#3f8692}
.hcover{display:none;width:50%;height:100%;background:rgba(0,0,0,.7);position:fixed;right:-50%;top:0;z-index:99}
.nav>ul>li{width:100%}
.nav>ul>li>.b_t>.v1:before{display:none}
.nav>ul>li:hover>.b_t>.v1{transform:translateY(0)}
.nav>ul>li>.b_t:after{width:30px;height:2px;left:30px;margin:0;background:#fff}
.nav>ul>li:after{content:'';display:block;width:100%;border-bottom:1px solid rgba(255,255,255,0.3)}
.nav>ul>li>.b_t i{position:absolute;z-index:2;top:0;right:0;width:60px;height:100%;display:block}
.nav>ul>li>.b_t i:after{content:'';display:block;width:12px;height:12px;margin:-6px 0 0 -6px;border:1px solid rgba(255,255,255,0.8);border-top:0;border-left:0;position:absolute;left:50%;top:50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.box-sub{display:none;width:50%;height:100%;margin:0;box-shadow:none;background-color:#3f8692;border-radius:0;opacity:1;visibility:visible;-webkit-transform:translateY(0px);transform:translateY(0px);position:fixed;left:-50%;top:0;z-index:999}
.box-sub .pic{display:none}
.snav{background:none;padding:0}
.subopen{display:block}
.subopen a{display:block;overflow:hidden;line-height:80px;margin:0;padding:0 30px;white-space:nowrap;text-overflow:ellipsis;font-size:16px;color:#fff;text-indent:12px;border-bottom:1px solid rgba(255,255,255,0.1);position:relative;background:none}
.subopen a:before{content:'';display:block;width:12px;height:12px;position:absolute;left:20px;top:50%;margin:-6px 0 0 0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);border:1px solid rgba(255,255,255,1);border-right:0;border-bottom:0}
.nav_item2{position:relative}
.nav_item2 a{display:block;overflow:hidden;margin:0;height:60px;line-height:60px;color:rgba(255,255,255,0.5);font-size:16px;text-align:left;padding:0 30px;white-space:nowrap;text-overflow:ellipsis;opacity:1;background:none}
.nav_item2:after{content:'';width:100%;position:absolute;bottom:0;left:0;display:block;border-bottom-width:1px;border-bottom-style:solid;border-bottom:1px solid rgba(255,255,255,0.1)}
.nav_item2 a:hover,.nav_item2 a:active{color:#fff}
.snav li{border-bottom:none}
.snav a:hover{background:none}
.hd-so-pop{top:60px;padding:20px 0 20px}
.hd-so-pop .so-inner{width:92%}
}.apple-banner{width:100%;overflow:hidden}
.apple-banner .swiper-container1{width:100%;height:100%;overflow:hidden;margin:0 auto;padding:0;position:relative}
.apple-banner .swiper-container1 .swiper-slide{background-size:cover!important;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.apple-banner .swiper-container1 .swiper-pagination{width:100%;height:10px;overflow:hidden;margin:0;padding:0;left:0;bottom:20px!important}
.apple-banner .swiper-container1 .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px!important;border-radius:50%;opacity:0.5;background-color:#fff}
.apple-banner .swiper-container1 .swiper-pagination .swiper-pagination-bullet-active{opacity:1}
.apple-banner .swiper-container1 .swiper-button-prev,.apple-banner .swiper-container1 .swiper-button-next{width:25px!important;height:45px!important;top:50%!important;margin:-22.5px 0 0!important}
.apple-banner .swiper-container1 .swiper-button-prev{background:url(../images/jiantou_l.png) center center no-repeat;background-size:25px 45px;left:0}
.apple-banner .swiper-container1 .swiper-button-next{background:url(../images/jiantou_r.png) center center no-repeat;background-size:25px 45px;right:0}
@media screen and (max-width:2560px){.apple-banner{height:1000px}
}@media screen and (max-width:1920px){.apple-banner{height:750px}
}@media screen and (max-width:1199px) and (min-width:1080px){.apple-banner{height:650px}
}@media screen and (max-width:1079px) and (min-width:1024px){.apple-banner{height:550px}
}@media screen and (max-width:1023px) and (min-width:768px){.apple-banner{height:450px}
}@media (max-width:767px){.apple-banner{height:240px}
.apple-banner .swiper-container1 .swiper-button-prev,.apple-banner .swiper-container1 .swiper-button-next{display:none}
.apple-banner .swiper-container1 .swiper-pagination{bottom:10px!important}
}@media (max-width:375px){.apple-banner{height:200px}
}

.h_tlt1{padding:45px 0 36px}
.h_tlt1 p{color:#191919;font-size:42px;line-height:42px;text-align:center;margin-bottom:16px;position:relative;padding-bottom:16px}
.h_tlt1 p em{color:#3f8692}
.h_tlt1 p:before{content:'';display:block;background:#cbcbcb;width:264px;height:0px;position:absolute;bottom:0;left:50%;margin-left:-132px}
.h_tlt1 p:after{content:'';display:block;background:#3f8692;width:73px;height:0px;position:absolute;bottom:0;left:50%;margin-left:-36.5px}
.h_tlt1 span{display:block;font-size:18px;color:#999;line-height:24px;text-align:center}
.h_tlt2 p{color:#fff}
.h_tlt2 h2{color:#fff !important}
.h_tlt2 p:before{background:#fff}
.h_tlt2 span{color:#fff}
.h_solution ul li{float:left;margin-right:3%;width:100%}
.h_solution ul li:nth-child(3n){margin-right:0}
.h_solution ul li .pic{display:block;height:319px;overflow:hidden;text-align:center;background:#fff;position:relative}
.h_solution ul li .pic img{display:block;width:100%;height:100%;object-fit:cover;margin:auto;padding:0;position:absolute;left:0;top:0;right:0;bottom:0;transition:all .5s}
.h_solution ul li .pic .iblock{display:inline-block;height:100%;width:0;vertical-align:middle}
.h_solution ul li .wz{border:1px solid #dfdfdf;border-top:0;padding:16px 4%;position:relative;transition:all .5s}
.h_solution ul li .wz .tlt{font-size:20px;color:#191919;font-weight:bold;margin-bottom:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .5s}
.h_solution ul li .wz .desc{overflow:hidden}
.h_solution ul li .wz .desc p{font-size:14px;color:#666;line-height:24px;float:left;width:85%;height:50px;overflow:hidden;transition:all .5s}
.h_solution ul li .wz .desc a.more{display:block;font-style:normal;font-family:"宋体";font-weight:bold;width:30px;height:30px;border:1px solid #ddd;color:#ddd;border-radius:100%;float:right;text-align:center;line-height:30px;transition:all .5s}
.h_solution ul li .wz:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;transition:all .5s;background:#3f8692;z-index:-1}
.h_solution ul li:hover .wz .tlt{color:#fff}
.h_solution ul li:hover .wz .desc p{color:#fff}
.h_solution ul li:hover .wz .desc a.more{border:1px solid #fff;color:#fff}
.h_solution ul li:hover .wz:after{height:100%}
.h_solution ul li:hover .pic img{transform:scale(1.1)}
.h_solution ul li:hover .wz{border:1px solid #3f8692;border-top:0}
@media screen and (min-width:1440px) and (max-width:1599px){.h_solution ul li .pic{height:268px}
}@media screen and (min-width:1360px) and (max-width:1439px){.h_solution ul li .pic{height:253px}
}@media screen and (min-width:1280px) and (max-width:1359px){.h_solution ul li .pic{height:240px}
.h_tlt1 p{font-size:34px}
}@media screen and (min-width:1080px) and (max-width:1279px){.h_solution ul li .pic{height:195px}
.h_tlt1 p{font-size:34px}
}@media screen and (min-width:1024px) and (max-width:1079px){.h_solution ul li .pic{height:195px}
.h_tlt1 p{font-size:34px}
}@media screen and (max-width:1023px) and (min-width:768px){.h_solution ul li .pic{height:144px}
.h_tlt1 p{font-size:34px}
.h_solution ul li .wz .desc a.more{display:none}
.h_solution ul li .wz .desc p{width:100%}
}@media (max-width:767px){.h_solution ul li{width:100%;margin-right:0;margin-bottom:24px}
.h_solution ul li .pic{height:226px}
.h_tlt1{padding:20px 0 22px}
.h_tlt1 p{font-size:28px}
.h_tlt1 span{font-size:16px}
}
.index-application{position:relative;padding-top:10px;width:100%;overflow:hidden}
.index-application .item{position:relative;float:left;width:20%;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.index-application .item .pic img{max-width:none;position:relative;left:50%;margin-left:-378px}
.index-application .item .box{position:relative;display:block;width:100%;height:100%}
.index-application .item .box:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:88;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.index-application .item:hover .box:before{opacity:0;visibility:hidden}
.index-application .item .box .sigle{position:absolute;left:50%;top:50%;width:50%;margin-left:-5%;font-size:20px;color:#fff;z-index:99;text-align:center;line-height:30px;margin-top:-30px;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;max-height:122px;overflow:hidden}
.index-application .item .box .sigle img{display:block;width:60px;height:60px}
.index-application .item .box .cont{position:absolute;left:10%;top:50%;width:80%;height:310px;margin-top:-155px;background:rgba(255,255,255,.8);text-align:center;z-index:100;padding:100px 8% 0;visibility:hidden;opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px);transform:translateY(20px);-webkit-transition:.5s;-o-transition:.5s;transition:.5s;box-sizing:border-box}
.index-application .pagination2{margin-top:40px;position:static;text-align:center}
.index-application .pagination2 .swiper-pagination-bullet{width:24px;height:24px;border:1px solid #fff;border-radius:50%;margin:0 5px;opacity:1;outline:none;background:none;position:relative}
.index-application .pagination2 .swiper-pagination-bullet:after{content:'';display:block;width:8px;height:8px;border-radius:50%;background:#d2d2d2;position:absolute;top:50%;left:50%;margin-top:-4px;margin-left:-4px}
.index-application .pagination2 .swiper-pagination-bullet-active{border:1px solid #3f8692}
.index-application .pagination2 .swiper-pagination-bullet-active:after{background:#3f8692}
.index-application .item .box .cont .icon-more{display:inline-block;margin-top:30px;width:44px;height:10px;background:url(../images/icon-more1.png) no-repeat center}
.index-application .button-next,.index-application .button-prev{width:45px;height:45px;top:50%;margin-top:-22.5px;background-color:#666;z-index:99;opacity:.5;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;outline:none}
.index-application .button-next{right:5%;background-image:url(../images/icon-h-next.png);background-size:auto;background-position:center center}
.index-application .button-prev{left:5%;background-image:url(../images/icon-h-prev.png);background-size:auto;background-position:center center}
.index-application .button-next:hover,.index-application .button-prev:hover{background-color:#3f8692;opacity:1}
.h_application{margin:0 auto 40px}
.lyApp_tab{width:100%;height:120px;overflow:hidden;margin:0 auto;padding:0;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lyApp_tab .swiper-container2{width:100%;height:100%;overflow:hidden;margin:0 auto;padding:0;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lyApp_tab .swiper-container2 .swiper-slide a{display:block;width:100%;height:100%;overflow:hidden;background-color:#f5f5f5;border-radius:4px;padding:15px 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lyApp_tab .swiper-container2 .swiper-slide a:hover{background-color:#3f8692}
.lyApp_tab .swiper-container2 .swiper-slide a i{display:block;width:70px;height:70px;overflow:hidden;margin:0 auto;padding:0}
.lyApp_tab .swiper-container2 .swiper-slide a:hover i{background-position:center -70px !important}
.lyApp_tab .swiper-container2 .swiper-slide a span{display:block;width:100%;height:20px;overflow:hidden;line-height:20px;color:#666;font-size:15px;text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0 auto;padding:0}
.lyApp_tab .swiper-container2 .swiper-slide a:hover span{color:#fff}
.lyApp_tab .swiper-button-prev,.lyApp_tab .swiper-button-next{display:none;width:48px;height:48px;border-radius:50%;top:36px;bottom:inherit;margin:0;padding:0;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lyApp_tab .swiper-button-prev{background:#ddd url(../images/prev04.png) center center no-repeat;left:0}
.lyApp_tab .swiper-button-next{background:#ddd url(../images/next04.png) center center no-repeat;right:0}
.lyApp_tab .swiper-button-prev:hover{background:#3f8692 url(../images/prev04.png) center center no-repeat}
.lyApp_tab .swiper-button-next:hover{background:#3f8692 url(../images/next04.png) center center no-repeat}
@media screen and (min-width:1360px) and (max-width:1439px){.index-application .item .box .cont{width:100%;left:0}
}
@media screen and (max-width:1023px) and (min-width:768px){.index-application .item:hover{width:100% !important}
}@media (max-width:767px){.index-application .pagination2{margin-top:24px}
.index-application .item .box .sigle{font-size:18px}
.index-application .item:hover{width:auto !important}
.index-application .item .box .cont .tlt{font-size:18px}
.h_application{margin:0 auto}
}
.h_equipment{padding:0 0 40px}
.h_equipment .fenlei{text-align:center;margin-bottom:40px}
.h_equipment .fenlei a{color:#666;font-size:18px;padding:0 15px}
.h_equipment .fenlei a:hover{color:#3f8692}
.h_equipment .fenlei a.on{color:#3f8692}
.h_equipment .fenlei span{color:#666;font-size:18px}
.h_equipment ul{display:none}
.h_equipment ul.on{display:block}
.h_equipment ul li{float:left;margin-right:3%;width:22.75%;visibility:visible !important}
.h_equipment ul li:nth-child(4n){margin-right:0}
.h_equipment ul li .wrap{border:1px solid #dfdfdf}
.h_equipment ul li .pic{display:block;height:319px;overflow:hidden;text-align:center}
.h_equipment ul li .pic img{max-width:97%;max-height:97%;vertical-align:middle;transition:all .5s}
.h_equipment ul li .pic .iblock{display:inline-block;height:100%;width:0;vertical-align:middle}
.h_equipment ul li .tlt{display:block;height:50px;line-height:50px;text-align:center;font-size:15px;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h_equipment .more{display:block;width:170px;height:50px;line-height:50px;text-align:center;background:#3f8692;color:#fff;border-radius:30px;margin:0 auto;margin-top:40px;transition:all ease 0.3s;font-size:15px}
.h_equipment .more:hover{width:240px}
.h_equipment ul li:hover .wrap{border:1px solid #3f8692}
.h_equipment ul li:hover .tlt{color:#3f8692}
.h_equipment ul li:hover .pic img{transform:scale(1.1)}
@media screen and (min-width:1440px) and (max-width:1599px){.h_equipment ul li .pic{height:268px}
}@media screen and (min-width:1360px) and (max-width:1439px){.h_equipment ul li .pic{height:253px}
}@media screen and (min-width:1280px) and (max-width:1359px){.h_equipment ul li .pic{height:240px}
}@media screen and (min-width:1080px) and (max-width:1279px){.h_equipment ul li .pic{height:195px}
}@media screen and (min-width:1024px) and (max-width:1079px){.h_equipment ul li .pic{height:250px}
.h_equipment ul li{width:48.5%;margin-bottom:25px}
.h_equipment ul li:nth-child(2n+2){margin-right:0}
}@media screen and (max-width:1023px) and (min-width:768px){.h_equipment ul li .pic{height:250px}
.h_equipment ul li{width:48.5%;margin-bottom:25px}
.h_equipment ul li:nth-child(2n+2){margin-right:0}
.h_equipment .more{margin-top:15px}
}@media (max-width:767px){.h_equipment{padding:0 0 30px}
.h_equipment .more{height:45px;line-height:45px;margin-top:24px}
.h_equipment ul li{width:100%;float:none;margin-right:0;margin-bottom:20px}
.h_equipment .fenlei{margin-bottom:24px}
.h_equipment .fenlei a{font-size:16px}
}
.h_about{background:url(../images/h_about_bg.jpg) center center no-repeat;background-size:cover;padding:0 0 60px}
.h_about .conn{background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.2)}
.h_about .conn .gsjj{float:left;width:56%;padding:50px 3% 50px 5%}
.h_about .conn .gsjj .tlt{font-size:32px;color:#fff;font-weight:bold;position:relative;margin-bottom:30px}
.h_about .conn .gsjj .tlt:after{content:'';display:block;width:44px;height:3px;background:#3f8692;position:absolute;bottom:-17px;left:0}
.h_about .conn .gsjj .desc{font-size:15px;line-height:32px;color:#fff;height:128px;overflow:hidden}
.h_about .conn .gsjj .desc p{font-size:15px;line-height:32px}
.h_about .conn .gsjj .more{display:block;width:150px;height:50px;line-height:50px;text-align:center;font-size:16px;color:#fff;background:#E30613;margin-top:36px;transition:all ease 0.3s;border-radius:30px}
.h_about .conn .gsjj .more:after{content:'';display:inline-block;width:9px;height:12px;background:url(../images/h_about_more.png) center center no-repeat;margin-left:5px}
.h_about .conn ul{float:right;width:35%}
.h_about .conn ul li{float:left;width:50%;border-left:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding:10px 0 28px;position:relative}
.h_about .conn ul li a{display:block;position:relative;z-index:2}
.h_about .conn ul li p{width:100%;height:100px;text-align:center}
.h_about .conn ul li p img{max-width:100%;max-height:100%;vertical-align:middle;transition:all .5s}
.h_about .conn ul li p .iblock{display:inline-block;height:100%;width:0;vertical-align:middle}
.h_about .conn ul li span{display:block;text-align:center;font-size:24px;color:#fff;font-weight:bold}
.h_about .conn ul li em{display:block;text-align:center;font-size:16px;color:rgba(255,255,255,.5)}
.h_about .conn ul li:nth-child(3){border-bottom:0}
.h_about .conn ul li:nth-child(4){border-bottom:0}
.h_about .conn .gsjj .more:hover{width:200px}
.h_about .conn ul li:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;transition:all .5s;background:#3f8692;z-index:1}
.h_about .conn ul li:hover:after{height:100%}
.h_about .conn ul li:hover p img{transform:scale(1.1)}
@media screen and (max-width:1023px) and (min-width:768px){.h_about .conn ul li em{font-size:12px}
.h_about .conn ul li span{font-size:18px}
.h_about .conn .gsjj .tlt{font-size:26px}
.h_about .conn .gsjj{width:92%;padding:50px 4% 50px 4%;float:none;border-bottom:1px solid rgba(255,255,255,.2)}
.h_about .conn ul{float:none;width:100%}
}@media (max-width:767px){.h_about{background-size:cover;padding:0px 0 34px}
.h_about .conn ul li em{font-size:12px}
.h_about .conn ul li span{font-size:18px}
.h_about .conn .gsjj .tlt{font-size:22px}
.h_about .conn .gsjj{width:92%;float:none;padding:20px 3% 20px 5%;border-bottom:1px solid rgba(255,255,255,.2)}
.h_about .conn ul{float:none;width:100%}
.h_about .conn .gsjj .more{height:45px;line-height:45px}
}
.h_news{padding:0 0 40px}
.h_news .hd{text-align:center;margin-bottom:50px}
.h_news .hd span{display:inline-block;width:150px;height:50px;font-size:16px;color:#555;line-height:50px;text-align:center;border:1px solid #eaeaea;margin:0 5px;cursor:pointer}
.h_news .hd span:hover{border:1px solid #d2000c;background:#3f8692;color:#fff}
.h_news .hd span.on{border:1px solid #3f8692;background:#3f8692;color:#fff}
.h_news .bd ul{display:none}
.h_news .bd ul.on{display:block}
.h_news .bd ul li{float:left;margin-right:3%;width:31.333333%;position:relative;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;visibility:visible !important}
.h_news .bd ul li:nth-child(3n){margin-right:0}
.h_news .bd ul li .pic{display:block;height:319px;overflow:hidden;text-align:center;background:#fff}
.h_news .bd ul li .pic img{width:100%;max-width:100%;max-height:100%;vertical-align:middle;transition:all .5s}
.h_news .bd ul li .pic .iblock{display:inline-block;height:100%;width:0;vertical-align:middle}
.h_news .bd ul li .wz{padding:16px 0 24px;position:relative}
.h_news .bd ul li .wz .tlt{font-size:18px;color:#191919;margin-bottom:5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h_news .bd ul li .wz .desc{font-size:14px;color:#666;line-height:24px;width:100%;height:50px;overflow:hidden;margin-bottom:10px}
.h_news .bd ul li .wz a.more{display:block;height:26px;border:1px solid #8e8e8e;color:#8e8e8e;border-radius:30px;text-align:center;padding:0 10px;width:60px;line-height:26px}
.h_news .bd ul li .date{background:#3f8692;text-align:center;padding:10px 10px;position:absolute;top:15px;right:20px}
.h_news .bd ul li .date p{font-size:22px;font-weight:bold;color:#fff;line-height:28px}
.h_news .bd ul li .date span{display:block;font-size:15px;color:#fff;line-height:20px}
.h_news .bd ul li:hover .wz .tlt{color:#3f8692}
.h_news .bd ul li:hover .wz a.more{border:1px solid #3f8692;color:#3f8692}
.h_news .bd ul li:hover .pic img{transform:scale(1.1)}
.h_news .bd ul li:hover{box-shadow:0 10px 20px rgba(6,32,79,0.1);position:relative}
.h_news .bd ul li:hover .wz{padding:16px 5% 24px}
@media screen and (min-width:1440px) and (max-width:1599px){.h_news .bd ul li .pic{height:268px}
}@media screen and (min-width:1360px) and (max-width:1439px){.h_news .bd ul li .pic{height:253px}
}@media screen and (min-width:1280px) and (max-width:1359px){.h_news .bd ul li .pic{height:240px}
}@media screen and (min-width:1080px) and (max-width:1279px){.h_news .bd ul li .pic{height:195px}
}@media screen and (min-width:1024px) and (max-width:1079px){.h_news .bd ul li .pic{height:195px}
}@media screen and (max-width:1023px) and (min-width:768px){.h_news .bd ul li .pic{height:144px}
.h_news{padding:0 0 15px}
}@media (max-width:767px){.h_news{padding:0 0 10px}
.h_news .bd ul li{margin-right:0;width:100%;margin-bottom:25px}
.h_news .bd ul li .pic{height:226px}
.h_news .hd span{margin:0 1%;width:30.333333%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size:15px;height:46px;line-height:46px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.h_news .hd{margin-bottom:25px}
.h_news .bd ul li .wz .tlt{font-size:16px}
}
.h_foot{background:url(../images/foot_bg.jpg) center center no-repeat;padding-top:60px;background-size:cover}
.h_foot .hd .f_nav{float:left;width:57%}
.h_foot .hd .f_nav ul li{float:left;margin-right:3%;width:20%}
.h_foot .hd .f_nav ul li p{font-size:17px;padding-left:30px;color:#fff;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h_foot .hd .f_nav ul li span{display:block;line-height:34px;font-size:15px;color:#ddd;padding-left:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h_foot .hd .f_nav ul li span a{color:#ddd}
.h_foot .hd .f_nav ul li span a:hover{color:#fff}
.h_foot .hd .ewm{float:left;width:16%;border-left:1px solid rgba(255,255,255,0.1)}
.h_foot .hd .ewm .conn{padding:0 18% 0 26%}
.h_foot .hd .ewm p{font-size:17px;padding-left:30px;color:#fff;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h_foot .hd .ewm span{display:block;text-align:center;background:#fff;border-radius:4px;overflow:hidden}
.h_foot .hd .ewm span img{max-width:100%;max-height:100%}
.h_foot .hd .ewm em{display:block;font-size:14px;color:#ddd;text-align:center;margin:10px 0}
.h_foot .hd .lxfs{float:right;width:22%}
.h_foot .hd .lxfs .tel_hd{font-size:14px;color:#ddd;background:url(../images/foot_tel.png) left center no-repeat;padding-left:20px}
.h_foot .hd .lxfs .tel_bd{font-size:24px;color:#3f8692;font-weight:bold;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h_foot .hd .lxfs ul li{overflow:hidden;margin-bottom:5px}
.h_foot .hd .lxfs ul li p{font-size:14px;color:#ddd;display:block;float:left;width:20%;line-height:22px}
.h_foot .hd .lxfs ul li span{font-size:14px;color:#fff;display:block;float:left;width:70%;line-height:22px;max-height:44px;overflow:hidden}
.h_foot .md{padding:50px 0 40px}
.link_hd{float:left;margin-right:10px}
.h_foot .md .icon{display:inline-block;width:24px;height:24px;background:url(../images/foot_link_icon.png) center center no-repeat;vertical-align:middle}
.h_foot .md .tlt{display:inline-block;font-size:16px;color:#ddd;vertical-align:middle;margin:0 5px 0 8px}
.h_foot .md .link_bd a{display:inline-block;color:#ddd;font-size:14px;line-height:24px;margin-bottom:5px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.h_foot .md .link_bd span{display:inline-block;color:#ddd;font-size:14px;padding:0 10px;line-height:24px;margin-bottom:5px;vertical-align:middle}
.h_foot .md .link_bd a:hover{color:#fff}
.h_foot .bd{border-top:1px solid rgba(255,255,255,0.1);padding:15px 0}
.h_foot .bd .l{float:left;color:#ddd}
.h_foot .bd .l a{color:#ddd}
.h_foot .bd .l a:hover{color:#fff}
.h_foot .bd .l img{margin-right:10px}
.h_foot .bd .r{float:right;color:#ddd}
.h_foot .bd .r a{color:#ddd}
.h_foot .bd .r a:hover{color:#fff}
@media screen and (min-width:1080px) and (max-width:1279px){.h_foot .hd .ewm{display:none}
.h_foot .hd .lxfs{width:35%;border-left:1px solid rgba(255,255,255,0.1);padding-left:3%}
}@media screen and (min-width:1024px) and (max-width:1079px){.h_foot .hd .ewm{display:none}
.h_foot .hd .lxfs{width:35%;border-left:1px solid rgba(255,255,255,0.1);padding-left:3%}
}@media screen and (max-width:1023px) and (min-width:768px){.h_foot{padding-top:30px}
.h_foot .hd .ewm{display:none}
.h_foot .hd .lxfs{display:none;width:35%;border-left:1px solid rgba(255,255,255,0.1);padding-left:3%}
.h_foot .hd .f_nav ul li p{font-size:15px}
.h_foot .hd .f_nav{float:none;width:100%}
.h_foot .bd .l{float:none;width:100%;text-align:center}
.h_foot .bd .r{float:none;width:100%;text-align:center}
.h_foot .md{padding:25px 0 25px}
}@media (max-width:767px){.h_foot{background-size:cover;padding-top:38px}
.h_foot .hd .ewm{display:block;width:100%;border-left:0}
.h_foot .hd .lxfs{display:none}
.h_foot .hd .f_nav{display:none;width:100%}
.h_foot .bd .l img{display:none}
.h_foot .bd .l{float:none;width:100%;text-align:center}
.h_foot .bd .r{float:none;width:100%;text-align:center}
.h_foot .hd .ewm p{display:none}
.h_foot .hd .ewm span{width:160px;height:160px;padding:3px;margin:0 auto;display:flex;justify-content:center;align-items:center;display:-webkit-box;-webkit-box-pack:center;-webkit-box-align:center;border-radius:0}
.h_foot .hd .ewm .conn{padding:0}
.h_foot .md{padding:25px 0 25px;border-top:1px solid rgba(255,255,255,.1);margin-top:12px}
}
.client-2{position:fixed;right:-170px;top:50%;z-index:99999}
.client-2 li a{text-decoration:none}
.client-2 li{margin-top:1px;clear:both;height:71px;position:relative}
.client-2 li i{background:url(../images/fx.png) no-repeat;display:block;width:30px;height:30px;margin:0 auto;text-align:center}
.client-2 li p{height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,0.2)}
.client-2 .my-kefu-qq i{background-position:0 0}
.client-2 .my-kefu-tel i{background-position:0 -30px}
.client-2 .my-kefu-liuyan i{background-position:0 0}
.client-2 .my-kefu-weixin i{background-position:-30px 0}
.client-2 .my-kefu-weibo i{background-position:-30px -30px}
.client-2 .my-kefu-ftop{display:none}
.client-2 .my-kefu-ftop i{width:30px;height:30px;background-position:-30px -30px}
.client-2 .my-kefu-left{float:left;width:77px;height:47px;position:relative}
.client-2 .my-kefu-tel-right{font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;text-shadow:0 2px 4px rgba(0,0,0,0.2)}
.client-2 .my-kefu-right{width:20px}
.client-2 .my-kefu-tel-main{background:#3f8692;color:#fff;height:56px;width:247px;padding:9px 0 6px;float:left}
.client-2 .my-kefu-main{background:#3f8692;width:97px;height:56px;position:relative;padding:9px 0 6px;float:left}
.client-2 .my-kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333}
.my-kefu-weixin-pic img{width:115px;height:115px}
@media (max-width:880px){.my-kefu-liuyan,.my-kefu-weixin,.my-kefu-tel-right{display:none}
.client-2{right:0}
.client-2 li{height:48px;position:static;margin:0}
.client-2 .my-kefu-tel-main,.client-2 .my-kefu-main{width:48px;border-radius:48px;height:40px;padding:4px 0}
.my-kefu-main{background:#22387a !important}
.client-2 li a p{display:none}
.client-2 .my-kefu-left{height:48px}
.client-2 .my-kefu-ftop i{margin:4px 0 0 8px}
.client-2 .my-kefu-ftop{margin-top:10px}
.client-2 .my-kefu-tel i{margin:6px 0 0 8px}
}.web_aboutus{width:100%;overflow:hidden;margin:0 auto;padding:0}
.webAbout_title{width:100%;overflow:hidden;margin:0 auto 40px;padding:0}
.webAbout_title p{width:100%;overflow:hidden;line-height:40px;color:#333;font-size:32px;font-weight:bold;text-align:center;margin:0 auto;padding:0}
.webAbout_title h2{width:100%;overflow:hidden;line-height:40px;color:#333;font-size:32px;font-weight:bold;text-align:center;margin:0 auto;padding:0}
.webAbout_title i{display:block;width:30px;height:2px;overflow:hidden;margin:9px auto;padding:0;background-color:#3f8692}
.webAbout_title span{display:block;width:100%;height:20px;overflow:hidden;line-height:20px;color:#999;font-size:15px;text-align:center;margin:0 auto;padding:0}
.webAbout_title1 p,.webAbout_title1 span{color:#fff}
.webAbout_title1 i{background-color:#fff}
.web_aboutus .webAbout_part1{width:100%;overflow:hidden;margin:0 auto;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webAbout_part1 .webAboutPart1_main{width:100%;max-width:1600px;margin:0 auto;padding:0 0 80px;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webAboutPart1_main i.webAboutPart1_xs2{width:500px;height:auto;overflow:hidden;margin:0;padding:0;position:absolute;left:80px;bottom:0}
.webAboutPart1_main .webAboutPart1_data{width:39%;margin:0;padding:0;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);position:absolute;right:0;bottom:0}
.webAboutPart1_data ul li{width:33.333333%;overflow:hidden;margin:0;padding:24px 5px;float:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webAboutPart1_data ul li img{display:block;width:90px;height:90px;overflow:hidden;margin:0 auto 10px;padding:0}
.webAboutPart1_data ul li div{width:100%;height:50px;overflow:hidden;line-height:50px;color:#3f8692;font-size:42px;font-weight:bold;text-align:center;margin:0 auto 20px;padding:0}
.webAboutPart1_data ul li div i{color:#999;font-weight:normal;font-size:14px;font-style:normal}
.webAboutPart1_data ul li p{width:100%;overflow:hidden;line-height:30px;color:#666;font-size:15px;text-align:center;margin:0 auto;padding:0}
.webAboutPart1_data ul li p img{display:inline-block;width:24px;height:24px;vertical-align:middle;margin:-2px 2px 0 0;padding:0}
.webAboutPart1_main .webAboutPart1_left{width:58.5%;overflow:hidden;margin:40px 0 0;padding:80px;background-color:#fff;float:left;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webAboutPart1_left i.webAboutPart1_time{width:100%;overflow:hidden;line-height:80px;color:#f5f5f5;font-size:72px;font-weight:bold;margin:0;padding:0 0 0 10px;position:absolute;left:0;top:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webAboutPart1_left i.webAboutPart1_xs1{width:60px;height:auto;overflow:hidden;margin:0;padding:0;position:absolute;top:40px;right:80px}
.webAboutPart1_left .webAboutPart1_name{width:100%;overflow:hidden;line-height:38px;color:#333;font-size:28px;font-weight:bold;margin:0 auto;padding:0}
.webAboutPart1_left i.webAboutPart1_line{display:block;width:60px;height:2px;overflow:hidden;margin:20px 0;padding:0;background-color:#3f8692}
.webAboutPart1_left .webAboutPart1_p{width:100%;height:240px;line-height:10px;margin:0 auto;padding:0;color:#666;font-size:15px;text-align:justify;text-indent:2em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}
.webAboutPart1_left .webAboutPart1_p p{width:98%;height:90px;overflow-y:scroll;line-height:30px;margin:0 auto;padding:0;color:#666;font-size:15px;text-align:justify;text-indent:2em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:10;padding-right:2%}
.webAboutPart1_left .webAboutPart1_p p::-webkit-scrollbar{width:6px}
.webAboutPart1_left .webAboutPart1_p p::-webkit-scrollbar-track{background-color:#fff}
.webAboutPart1_left .webAboutPart1_p p::-webkit-scrollbar-thumb{background-color:#bfbfbf;border-radius:50px}
.webAboutPart1_left .webAboutPart1_p p::-webkit-scrollbar-thumb:window-inactive{background-color:#bfbfbf}
.webAboutPart1_main .webAboutPart1_right{width:39%;height:460px;overflow:hidden;margin:0;padding:0;background-color:#fff;float:right;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.webAboutPart1_right img{display:block;max-width:100%;max-height:100%;margin:auto;padding:0;position:absolute;left:0;top:0;right:0;bottom:0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s}
.webAboutPart1_right:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.web_aboutus .webAbout_part2{width:100%;overflow:hidden;margin:0 auto;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webAbout_part2 .webAboutPart2_main{width:100%;overflow:hidden;margin:0 auto;padding:0;background:url(../images/nyaboutpart2_bg.jpg) center center no-repeat;background-size:cover;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webAboutPart2_main ul{width:100%;max-width:1600px;overflow:hidden;margin:0 auto;padding:0;border-left:1px solid rgba(255,255,255,0.2);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webAboutPart2_main ul li{width:25%;overflow:hidden;margin:0;padding:220px 40px;border-right:1px solid rgba(255,255,255,0.2);float:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s}
.webAboutPart2_main ul li:hover{background-color:#3f8692}
.webAboutPart2_main ul li .webAboutPart2_icon1,.webAboutPart2_main ul li .webAboutPart2_icon2,.webAboutPart2_main ul li .webAboutPart2_icon3,.webAboutPart2_main ul li .webAboutPart2_icon4{width:90px;height:90px;overflow:hidden;margin:0 auto;padding:0;border:1px solid rgba(255,255,255,0.2);border-radius:50%;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s}
.webAboutPart2_main ul li .webAboutPart2_icon1{background:url(../images/nyaboutpart2_icon01.png) center center no-repeat;background-size:60px 60px}
.webAboutPart2_main ul li .webAboutPart2_icon2{background:url(../images/nyaboutpart2_icon02.png) center center no-repeat;background-size:60px 60px}
.webAboutPart2_main ul li .webAboutPart2_icon3{background:url(../images/nyaboutpart2_icon03.png) center center no-repeat;background-size:60px 60px}
.webAboutPart2_main ul li .webAboutPart2_icon4{background:url(../images/nyaboutpart2_icon04.png) center center no-repeat;background-size:60px 60px}
.webAboutPart2_main ul li:hover .webAboutPart2_icon1{background:#fff url(../images/nyaboutpart2_icon1.png) center center no-repeat;background-size:60px 60px}
.webAboutPart2_main ul li:hover .webAboutPart2_icon2{background:#fff url(../images/nyaboutpart2_icon2.png) center center no-repeat;background-size:60px 60px}
.webAboutPart2_main ul li:hover .webAboutPart2_icon3{background:#fff url(../images/nyaboutpart2_icon3.png) center center no-repeat;background-size:60px 60px}
.webAboutPart2_main ul li:hover .webAboutPart2_icon4{background:#fff url(../images/nyaboutpart2_icon4.png) center center no-repeat;background-size:60px 60px}
.webAboutPart2_main ul li .webAboutPart2_text{width:100%;overflow:hidden;margin:20px auto 0;padding:0}
.webAboutPart2_main ul li .webAboutPart2_text p{width:100%;overflow:hidden;line-height:32px;color:#fff;font-size:22px;font-weight:bold;text-align:center;margin:0 auto 10px;padding:0}
.webAboutPart2_main ul li .webAboutPart2_text span{display:block;width:100%;overflow:hidden;line-height:25px;color:#fff;font-size:15px;text-align:center;margin:0 auto;padding:0;height:50px;overflow:hidden}
.webAbout_part2 .webAboutPart2_idea{width:100%;overflow:hidden;margin:0 auto;padding:80px 0;background:url(../images/nyaboutpart2_ideabg.jpg) center center no-repeat;background-size:cover;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webAboutPart2_idea ul{width:100%;max-width:1600px;margin:0 auto;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webAboutPart2_idea ul li{width:23.5%;height:auto;margin:0 2% 0 0;padding:40px 40px 120px;background-color:#fff;box-shadow:0 10px 20px rgba(20,34,49,0.1);position:relative;float:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webAboutPart2_idea ul li:nth-child(4n+4){margin:0}
.webAboutPart2_idea ul li .webAboutPart2_ideanum{width:120px;height:90px;overflow:hidden;line-height:90px;color:rgba(13,81,152,0.1);font-size:108px;font-weight:bold;text-align:center;margin:0;position:absolute;top:30px;right:30px}
.webAboutPart2_idea ul li .webAboutPart2_idealine{width:100%;height:3px;overflow:hidden;margin:0;padding:0;background-color:rgba(13,81,152,0.2);position:absolute;bottom:0;left:0}
.webAboutPart2_idea ul li .webAboutPart2_idealine i{display:block;width:0;height:3px;background-color:rgba(13,81,152,1);transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s}
.webAboutPart2_idea ul li:hover .webAboutPart2_idealine i{width:100%}
.webAboutPart2_idea ul li .webAboutPart2_ideaicon1,.webAboutPart2_idea ul li .webAboutPart2_ideaicon2,.webAboutPart2_idea ul li .webAboutPart2_ideaicon3,.webAboutPart2_idea ul li .webAboutPart2_ideaicon4{width:90px;height:90px;overflow:hidden;margin:0;padding:0;position:absolute;left:40px;bottom:30px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s}
.webAboutPart2_idea ul li .webAboutPart2_ideaicon1{background:url(../images/nyaboutpart2_ideaicon01.png) center center no-repeat;background-size:90px 90px}
.webAboutPart2_idea ul li .webAboutPart2_ideaicon2{background:url(../images/nyaboutpart2_ideaicon02.png) center center no-repeat;background-size:90px 90px}
.webAboutPart2_idea ul li .webAboutPart2_ideaicon3{background:url(../images/nyaboutpart2_ideaicon03.png) center center no-repeat;background-size:90px 90px}
.webAboutPart2_idea ul li .webAboutPart2_ideaicon4{background:url(../images/nyaboutpart2_ideaicon04.png) center center no-repeat;background-size:90px 90px}
.webAboutPart2_idea ul li:hover .webAboutPart2_ideaicon1{background:url(../images/nyaboutpart2_ideaicon1.png) center center no-repeat;background-size:90px 90px}
.webAboutPart2_idea ul li:hover .webAboutPart2_ideaicon2{background:url(../images/nyaboutpart2_ideaicon2.png) center center no-repeat;background-size:90px 90px}
.webAboutPart2_idea ul li:hover .webAboutPart2_ideaicon3{background:url(../images/nyaboutpart2_ideaicon3.png) center center no-repeat;background-size:90px 90px}
.webAboutPart2_idea ul li:hover .webAboutPart2_ideaicon4{background:url(../images/nyaboutpart2_ideaicon4.png) center center no-repeat;background-size:90px 90px}
.webAboutPart2_idea ul li .webAboutPart2_ideatext{width:60%;overflow:hidden;margin:0;padding:0}
.webAboutPart2_idea ul li .webAboutPart2_ideatext .webAboutPart2_ideatit{width:100%;height:32px;line-height:32px;overflow:hidden;color:#333;font-size:24px;font-weight:bold;margin:0 auto;padding:0}
.webAboutPart2_idea ul li:hover .webAboutPart2_ideatext .webAboutPart2_ideatit{color:#3f8692}
.webAboutPart2_idea ul li .webAboutPart2_ideatext i{display:block;width:30px;height:2px;overflow:hidden;margin:15px 0;padding:0;background-color:#3f8692}
.webAboutPart2_idea ul li .webAboutPart2_ideatext p{width:100%;height:150px;overflow:hidden;line-height:30px;color:#666;font-size:15px;margin:0;padding:0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;text-overflow:ellipsis}
.webAbout_part3{width:100%;overflow:hidden;margin:0 auto;padding:80px 0 40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webAboutPart3_list{width:100%;max-width:1600px;min-height:240px;overflow:hidden;margin:0 auto;padding:0;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.webAboutPart3_list ul.content-slider li{width:31%;height:auto;overflow:hidden;margin:0 3.5% 0 0;padding:0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.webAboutPart3_list ul.content-slider li .webAboutPart3_img{width:100%;height:320px;overflow:hidden;margin:0 auto 10px;padding:20px;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.webAboutPart3_list ul.content-slider li .webAboutPart3_img a{display:block;width:100%;height:100%;overflow:hidden;margin:0 auto;padding:0;border:1px solid #e6edf6;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.webAboutPart3_list ul.content-slider li .webAboutPart3_img a img{display:block;max-width:100%;max-height:100%;margin:auto;padding:0;position:absolute;left:0;top:0;right:0;bottom:0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s}
.webAboutPart3_list ul.content-slider li:hover .webAboutPart3_img a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.webAboutPart3_list ul.content-slider li .webAboutPart3_name{width:100%;height:40px;margin:0 auto;padding:0;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.webAboutPart3_list ul.content-slider li .webAboutPart3_name a{display:block;width:100%;height:40px;overflow:hidden;line-height:40px;color:#555;font-size:16px;text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0}
.webAboutPart3_list ul.content-slider li:hover .webAboutPart3_name a{color:#3f8692;font-weight:bold}
.webAboutPart3_list .item{position:relative;padding:0 0 40px}
.webAboutPart3_list .lSPrev,.webAboutPart3_list .lSNext{background:url(../images/prev04.png) center center no-repeat;width:60px;height:60px;position:absolute;left:50%;bottom:0;margin:0 0 0 -80px;border-radius:50%;cursor:pointer;z-index:2;display:none}
.webAboutPart3_list .lSNext{background:url(../images/next04.png) center center no-repeat;left:inherit;right:50%;margin:0 -80px 0 0}
.webAboutPart3_list .lSSlideOuter .lSPager.lSpg{width:100%;overflow:hidden;margin:0!important;padding:0;position:absolute;bottom:10px}
.webAboutPart3_list .lSSlideOuter .lSPager.lSpg > li a{width:12px;height:12px;background-color:rgb(230,237,246)}
.webAboutPart3_list .lSSlideOuter .lSPager.lSpg > li:hover a,.webAboutPart3_list .lSSlideOuter .lSPager.lSpg > li.active a{background-color:#3f8692!important}
.webAbout_part4{width:100%;max-width:1600px;height:auto;margin:80px auto;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webAbout_part4 .webAboutPart4_list{width:100%;height:auto;margin:0 auto;padding:0}
.webAboutPart4_list ul li{width:32%;height:auto;margin:0 2% 0 0;padding:0;background-color:#fff;float:left;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s}
.webAboutPart4_list ul li:nth-child(3n+3){margin:0}
.webAboutPart4_list ul li:hover{background-color:#3f8692;box-shadow:0 10px 20px rgba(20,34,49,0.1)}
.webAboutPart4_list ul li .webAboutPart4_img{width:100%;height:282px;overflow:hidden;margin:0 auto;padding:0}
.webAboutPart4_list ul li .webAboutPart4_img a{display:block;width:100%;height:100%;overflow:hidden;margin:0 auto;padding:0;position:relative}
.webAboutPart4_list ul li .webAboutPart4_img a img{display:block;max-width:100%;max-height:100%;margin:auto;padding:0;position:absolute;left:0;top:0;right:0;bottom:0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s}
.webAboutPart4_list ul li:hover .webAboutPart4_img a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.webAboutPart4_list ul li .webAboutPart4_text{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webAboutPart4_list ul li .webAboutPart4_text a{display:block;width:100%;height:30px;overflow:hidden;line-height:30px;color:#333;font-size:16px;white-space:nowrap;text-overflow:ellipsis;margin:0 auto 10px;padding:0}
.webAboutPart4_list ul li .webAboutPart4_text p{width:100%;height:48px;overflow:hidden;line-height:24px;color:#999;font-size:14px;margin:0 auto;padding:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}
.webAboutPart4_list ul li:hover .webAboutPart4_text a,.webAboutPart4_list ul li:hover .webAboutPart4_text p{color:#fff}
@media screen and (width:1600px){.web_aboutus .webAbout_part1{padding:0}
.webAbout_part1 .webAboutPart1_main{max-width:inherit;padding:0 40px 140px}
.webAboutPart1_main .webAboutPart1_data{right:40px}
.webAboutPart1_main .webAboutPart1_right{height:437px}
.webAbout_part2 .webAboutPart2_main{padding:0 40px}
.webAboutPart2_main ul{max-width:inherit}
.webAbout_part2 .webAboutPart2_idea{padding:80px 40px}
.webAbout_part3{padding:80px 40px 40px}
.webAbout_part4{padding:0 40px}
.webAboutPart4_list ul li .webAboutPart4_img{height:268px}
}@media screen and (min-width:1440px) and (max-width:1599px){.web_aboutus .webAbout_part1{padding:0}
.webAbout_part1 .webAboutPart1_main{max-width:inherit;padding:0 40px 140px}
.webAboutPart1_main .webAboutPart1_left{padding:80px 40px}
.webAboutPart1_main .webAboutPart1_data{right:40px}
.webAboutPart1_left .webAboutPart1_name{line-height:36px;font-size:26px}
.webAboutPart1_left .webAboutPart1_p,.webAboutPart1_left .webAboutPart1_p p{height:auto;-webkit-line-clamp:initial}
.webAboutPart1_main .webAboutPart1_right{height:434px;bottom:-49px}
.webAboutPart1_main .webAboutPart1_data{height:180px}
.webAboutPart1_left i.webAboutPart1_xs1{right:40px}
.webAboutPart1_main i.webAboutPart1_xs2{left:40px}
.webAboutPart1_data ul li{padding:40px 10px}
.webAboutPart1_data ul li p{line-height:20px;font-size:14px}
.webAbout_part2 .webAboutPart2_main{padding:0 40px}
.webAboutPart2_main ul{max-width:inherit}
.webAbout_part2 .webAboutPart2_idea{padding:80px 40px}
.webAbout_part3{padding:80px 40px 40px}
.webAboutPart3_list ul.content-slider li .webAboutPart3_img{height:270px}
.webAbout_part4{padding:0 40px}
.webAboutPart4_list ul li .webAboutPart4_img{height:240px}
}@media screen and (min-width:1366px) and (max-width:1439px){.web_aboutus .webAbout_part1{padding:0}
.webAbout_part1 .webAboutPart1_main{max-width:inherit;padding:0 40px 140px}
.webAboutPart1_main .webAboutPart1_left{padding:80px 40px}
.webAboutPart1_main .webAboutPart1_data{right:40px}
.webAboutPart1_left .webAboutPart1_name{line-height:36px;font-size:26px}
.webAboutPart1_left .webAboutPart1_p,.webAboutPart1_left .webAboutPart1_p p{height:auto;-webkit-line-clamp:initial}
.webAboutPart1_main .webAboutPart1_right{height:467px;bottom:-41px}
.webAboutPart1_main .webAboutPart1_data{width:56%;height:180px}
.webAboutPart1_data ul li img{width:80px;height:80px}
.webAboutPart1_left i.webAboutPart1_xs1{right:40px}
.webAboutPart1_main i.webAboutPart1_xs2{width:480px;left:40px}
.webAboutPart1_data ul li{padding:35px 10px}
.webAboutPart1_data ul li p{line-height:20px;font-size:14px}
.webAbout_part2 .webAboutPart2_main{padding:0 40px}
.webAboutPart2_main ul{max-width:inherit}
.webAbout_part2 .webAboutPart2_idea{padding:80px 40px}
.webAbout_part3{padding:80px 40px 40px}
.webAboutPart3_list ul.content-slider li .webAboutPart3_img{height:260px}
.webAboutPart2_idea ul li{padding:30px 30px 120px}
.webAboutPart2_idea ul li .webAboutPart2_ideanum{font-size:88px;top:20px;right:20px}
.webAboutPart2_idea ul li .webAboutPart2_ideatext{width:72%}
.webAboutPart2_idea ul li .webAboutPart2_ideaicon1,.webAboutPart2_idea ul li .webAboutPart2_ideaicon2,.webAboutPart2_idea ul li .webAboutPart2_ideaicon3,.webAboutPart2_idea ul li .webAboutPart2_ideaicon4{left:30px;bottom:20px}
.webAbout_part4{padding:0 40px}
.webAboutPart4_list ul li .webAboutPart4_img{height:227px}
}@media screen and (min-width:1360px) and (max-width:1365px){.web_aboutus .webAbout_part1{padding:0}
.webAbout_part1 .webAboutPart1_main{max-width:inherit;padding:0 40px 140px}
.webAboutPart1_main .webAboutPart1_left{padding:80px 40px}
.webAboutPart1_main .webAboutPart1_data{right:40px}
.webAboutPart1_left .webAboutPart1_name{line-height:36px;font-size:26px}
.webAboutPart1_left .webAboutPart1_p,.webAboutPart1_left .webAboutPart1_p p{height:auto;-webkit-line-clamp:initial}
.webAboutPart1_main .webAboutPart1_right{height:456px;bottom:-41px}
.webAboutPart1_main .webAboutPart1_data{width:56%;height:180px}
.webAboutPart1_data ul li img{width:80px;height:80px}
.webAboutPart1_left i.webAboutPart1_xs1{right:40px}
.webAboutPart1_main i.webAboutPart1_xs2{width:480px;left:40px}
.webAboutPart1_data ul li{padding:30px 10px}
.webAboutPart1_data ul li p{line-height:22px;font-size:14px}
.webAbout_part2 .webAboutPart2_main{padding:0 40px}
.webAboutPart2_main ul{max-width:inherit}
.webAbout_part2 .webAboutPart2_idea{padding:80px 40px}
.webAbout_part3{padding:80px 40px 40px}
.webAboutPart3_list ul.content-slider li .webAboutPart3_img{height:260px}
.webAboutPart2_idea ul li{padding:30px 30px 120px}
.webAboutPart2_idea ul li .webAboutPart2_ideanum{font-size:88px;top:20px;right:20px}
.webAboutPart2_idea ul li .webAboutPart2_ideatext{width:72%}
.webAboutPart2_idea ul li .webAboutPart2_ideaicon1,.webAboutPart2_idea ul li .webAboutPart2_ideaicon2,.webAboutPart2_idea ul li .webAboutPart2_ideaicon3,.webAboutPart2_idea ul li .webAboutPart2_ideaicon4{left:30px;bottom:20px}
.webAbout_part4{padding:0 40px}
.webAboutPart4_list ul li .webAboutPart4_img{height:226px}
}@media screen and (min-width:1280px) and (max-width:1359px){.web_aboutus .webAbout_part1{padding:0}
.webAbout_part1 .webAboutPart1_main{max-width:inherit;padding:0 40px 140px}
.webAboutPart1_main .webAboutPart1_left{padding:80px 40px}
.webAboutPart1_main .webAboutPart1_data{right:40px}
.webAboutPart1_left .webAboutPart1_name{line-height:32px;font-size:24px}
.webAboutPart1_left .webAboutPart1_p,.webAboutPart1_left .webAboutPart1_p p{height:auto;-webkit-line-clamp:initial}
.webAboutPart1_main .webAboutPart1_right{height:523px;bottom:-41px}
.webAboutPart1_main .webAboutPart1_data{width:56%;height:auto}
.webAboutPart1_data ul li img{width:72px;height:72px}
.webAboutPart1_left i.webAboutPart1_xs1{right:40px}
.webAboutPart1_main i.webAboutPart1_xs2{width:440px;left:40px}
.webAboutPart1_data ul li{padding:30px 10px}
.webAboutPart1_data ul li div{font-size:54px}
.webAboutPart1_data ul li p{line-height:20px;font-size:14px}
.webAbout_part2 .webAboutPart2_main{padding:0 40px}
.webAboutPart2_main ul{max-width:inherit}
.webAboutPart2_main ul li{padding:160px 20px}
.webAbout_part2 .webAboutPart2_idea{padding:80px 40px}
.webAbout_part3{padding:80px 40px 40px}
.webAboutPart3_list ul.content-slider li .webAboutPart3_img{height:240px}
.webAboutPart2_idea ul li{padding:30px 30px 120px}
.webAboutPart2_idea ul li .webAboutPart2_ideanum{font-size:88px;top:20px;right:20px}
.webAboutPart2_idea ul li .webAboutPart2_ideatext{width:72%}
.webAboutPart2_idea ul li .webAboutPart2_ideaicon1,.webAboutPart2_idea ul li .webAboutPart2_ideaicon2,.webAboutPart2_idea ul li .webAboutPart2_ideaicon3,.webAboutPart2_idea ul li .webAboutPart2_ideaicon4{left:30px;bottom:20px}
.webAbout_part4{padding:0 40px}
.webAboutPart4_list ul li .webAboutPart4_img{height:226px}
}@media screen and (min-width:1200px) and (max-width:1279px){.web_aboutus .webAbout_part1{padding:0}
.webAbout_part1 .webAboutPart1_main{max-width:inherit;padding:0 40px 120px}
.webAboutPart1_main .webAboutPart1_left{padding:80px 40px}
.webAboutPart1_main .webAboutPart1_data{right:40px}
.webAboutPart1_left .webAboutPart1_name{line-height:32px;font-size:24px}
.webAboutPart1_left .webAboutPart1_p,.webAboutPart1_left .webAboutPart1_p p{height:auto;-webkit-line-clamp:initial}
.webAboutPart1_main .webAboutPart1_right{height:504px;bottom:-41px}
.webAboutPart1_main .webAboutPart1_data{width:56%;height:auto}
.webAboutPart1_data ul li img{width:65px;height:65px}
.webAboutPart1_left i.webAboutPart1_xs1{right:40px}
.webAboutPart1_main i.webAboutPart1_xs2{width:400px;left:40px}
.webAboutPart1_data ul li{padding:30px 10px}
.webAboutPart1_data ul li div{font-size:54px}
.webAboutPart1_data ul li p{line-height:20px;font-size:14px}
.webAbout_part2 .webAboutPart2_main{padding:0 40px}
.webAboutPart2_main ul{max-width:inherit}
.webAboutPart2_main ul li{padding:160px 20px}
.webAbout_part2 .webAboutPart2_idea{padding:80px 40px}
.webAbout_part3{padding:80px 40px 40px}
.webAboutPart3_list ul.content-slider li .webAboutPart3_img{height:220px}
.webAboutPart2_idea ul li{padding:30px 30px 120px}
.webAboutPart2_idea ul li .webAboutPart2_ideanum{font-size:80px;top:10px;right:10px}
.webAboutPart2_idea ul li .webAboutPart2_ideatext{width:84%}
.webAboutPart2_idea ul li .webAboutPart2_ideaicon1,.webAboutPart2_idea ul li .webAboutPart2_ideaicon2,.webAboutPart2_idea ul li .webAboutPart2_ideaicon3,.webAboutPart2_idea ul li .webAboutPart2_ideaicon4{left:30px;bottom:20px}
.webAbout_part4{padding:0 40px}
.webAboutPart4_list ul li .webAboutPart4_img{height:198px}
}@media screen and (min-width:1080px) and (max-width:1199px){.web_aboutus .webAbout_part1{padding:0}
.webAbout_part1 .webAboutPart1_main{max-width:inherit;padding:0 40px 120px}
.webAboutPart1_main .webAboutPart1_left{margin:0;padding:80px 40px}
.webAboutPart1_main .webAboutPart1_data{right:40px}
.webAboutPart1_left .webAboutPart1_name{line-height:32px;font-size:24px}
.webAboutPart1_left i.webAboutPart1_time{line-height:72px;font-size:64px}
.webAboutPart1_left .webAboutPart1_p,.webAboutPart1_left .webAboutPart1_p p{height:auto;-webkit-line-clamp:initial}
.webAboutPart1_main .webAboutPart1_right{height:494px;bottom:-41px}
.webAboutPart1_main .webAboutPart1_data{width:56%;height:auto}
.webAboutPart1_data ul li img{width:64px;height:64px}
.webAboutPart1_left i.webAboutPart1_xs1{right:40px}
.webAboutPart1_main i.webAboutPart1_xs2{width:380px;left:40px}
.webAboutPart1_data ul li{padding:30px 10px}
.webAboutPart1_data ul li div{font-size:50px}
.webAboutPart1_data ul li p{line-height:20px;font-size:14px}
.webAbout_part2 .webAboutPart2_main{padding:0 40px}
.webAboutPart2_main ul{max-width:inherit}
.webAboutPart2_main ul li{padding:220px 20px}
.webAbout_part2 .webAboutPart2_idea{padding:80px 40px}
.webAbout_part3{padding:80px 40px 40px}
.webAboutPart3_list ul.content-slider li .webAboutPart3_img{height:190px;padding:10px}
.webAboutPart2_idea ul li{padding:20px 20px 100px}
.webAboutPart2_idea ul li .webAboutPart2_ideanum{width:100px;height:80px;line-height:80px;font-size:80px;top:0;right:0}
.webAboutPart2_idea ul li .webAboutPart2_ideatext{width:88%}
.webAboutPart2_idea ul li .webAboutPart2_ideaicon1,.webAboutPart2_idea ul li .webAboutPart2_ideaicon2,.webAboutPart2_idea ul li .webAboutPart2_ideaicon3,.webAboutPart2_idea ul li .webAboutPart2_ideaicon4{left:30px;bottom:20px}
.webAbout_part4{padding:0 40px}
.webAboutPart4_list ul li .webAboutPart4_img{height:176px}
}@media screen and (min-width:1024px) and (max-width:1079px){.web_aboutus .webAbout_part1{padding:0}
.webAbout_part1 .webAboutPart1_main{max-width:inherit;padding:0 40px 120px}
.webAboutPart1_main .webAboutPart1_left{margin:0;padding:80px 40px}
.webAboutPart1_main .webAboutPart1_data{right:40px}
.webAboutPart1_left .webAboutPart1_name{line-height:32px;font-size:24px}
.webAboutPart1_left i.webAboutPart1_time{line-height:72px;font-size:64px}
.webAboutPart1_left .webAboutPart1_p,.webAboutPart1_left .webAboutPart1_p p{height:initial;-webkit-line-clamp:initial}
.webAboutPart1_main .webAboutPart1_right{height:525px;bottom:-41px}
.webAboutPart1_main .webAboutPart1_data{width:56%;height:180px}
.webAboutPart1_data ul li img{width:64px;height:64px}
.webAboutPart1_left i.webAboutPart1_xs1{right:40px}
.webAboutPart1_main i.webAboutPart1_xs2{width:360px;left:40px}
.webAboutPart1_data ul li{padding:30px 10px}
.webAboutPart1_data ul li div{font-size:48px}
.webAboutPart1_data ul li p{line-height:20px;font-size:14px}
.webAbout_part2 .webAboutPart2_main{padding:0 40px}
.webAboutPart2_main ul{max-width:inherit}
.webAboutPart2_main ul li{padding:160px 20px}
.webAboutPart2_main ul li .webAboutPart2_text span{font-size:14px}
.webAbout_part2 .webAboutPart2_idea{padding:80px 40px 60px}
.webAbout_part3{padding:80px 40px 40px}
.webAboutPart3_list ul.content-slider li .webAboutPart3_img{height:180px;padding:10px}
.webAboutPart2_idea ul li{width:48.5%;margin:0 3% 20px 0}
.webAboutPart2_idea ul li:nth-child(2n+2){margin:0 0 20px}
.webAbout_part4{padding:0 40px}
.webAboutPart4_list ul li .webAboutPart4_img{height:167px}
}@media screen and (max-width:1023px) and (min-width:768px){.webAbout_title{margin:0 auto 20px}
.webAbout_title p{font-size:30px}
.webAbout_title h2{font-size:30px}
.webAbout_title span{font-size:14px}
.web_aboutus .webAbout_part1{padding:0}
.webAbout_part1 .webAboutPart1_main{max-width:inherit;margin:0 auto;padding:0 40px 54px}
.webAboutPart1_main .webAboutPart1_left{width:100%;margin:0 auto;padding:80px 40px 0;float:inherit}
.webAboutPart1_left .webAboutPart1_name{line-height:32px;font-size:24px}
.webAboutPart1_left i.webAboutPart1_time{line-height:72px;font-size:64px}
.webAboutPart1_left .webAboutPart1_p,.webAboutPart1_left .webAboutPart1_p p{height:auto;-webkit-line-clamp:initial}
.webAboutPart1_main .webAboutPart1_right{width:100%;height:auto;padding:40px;float:inherit}
.webAboutPart1_right img{position:inherit;left:inherit;top:inherit;right:inherit;bottom:inherit;left:inherit}
.webAboutPart1_main .webAboutPart1_data{width:100%;height:auto;position:inherit;right:inherit;bottom:inherit}
.webAboutPart1_data ul li img{width:64px;height:64px}
.webAboutPart1_left i.webAboutPart1_xs1{right:40px}
.webAboutPart1_main i.webAboutPart1_xs2{width:480px;left:40px}
.webAboutPart1_data ul li{padding:30px 20px}
.webAboutPart1_data ul li div{font-size:48px}
.webAboutPart1_data ul li p{line-height:20px;font-size:14px}
.webAbout_part2 .webAboutPart2_main{padding:0 40px}
.webAboutPart2_main ul{max-width:inherit}
.webAboutPart2_main ul li{padding:100px 20px}
.webAboutPart2_main ul li .webAboutPart2_text p{line-height:24px;font-size:18px}
.webAboutPart2_main ul li .webAboutPart2_text span{line-height:20px;font-size:14px}
.webAbout_part2 .webAboutPart2_idea{padding:40px 40px 20px}
.webAbout_part3{padding:40px 40px 20px}
.webAboutPart3_list ul.content-slider li .webAboutPart3_img{height:280px}
.webAboutPart2_idea ul li{width:48.5%;margin:0 3% 20px 0}
.webAboutPart2_idea ul li:nth-child(2n+2){margin:0 0 20px}
.webAbout_part4{margin:40px auto;padding:0 40px}
.webAboutPart4_list ul li .webAboutPart4_img{height:122px}
}@media (max-width:767px){.webAbout_title{margin:0 auto 20px}
.webAbout_title p{line-height:32px;font-size:28px}
.webAbout_title h2{line-height:32px;font-size:28px}
.webAbout_title span{font-size:14px}
.web_aboutus .webAbout_part1{padding:0}
.webAbout_part1 .webAboutPart1_main{max-width:inherit;margin:0 auto;padding:0 20px 40px}
.webAboutPart1_main .webAboutPart1_left{width:100%;margin:0 auto;padding:60px 20px 0;float:inherit}
.webAboutPart1_left .webAboutPart1_name{line-height:30px;font-size:22px}
.webAboutPart1_left i.webAboutPart1_line{width:40px}
.webAboutPart1_left i.webAboutPart1_time{line-height:60px;font-size:48px}
.webAboutPart1_left .webAboutPart1_p,.webAboutPart1_left .webAboutPart1_p p{height:auto;line-height:24px;font-size:14px;-webkit-line-clamp:initial}
.webAboutPart1_main .webAboutPart1_right{width:100%;height:auto;padding:20px;float:inherit}
.webAboutPart1_right img{position:inherit;left:inherit;top:inherit;right:inherit;bottom:inherit;left:inherit}
.webAboutPart1_main .webAboutPart1_data{width:100%;height:auto;position:inherit;right:inherit;bottom:inherit}
.webAboutPart1_data ul li{width:50%}
.webAboutPart1_data ul li img{width:72px;height:72px}
.webAboutPart1_left i.webAboutPart1_xs1{width:40px;top:10px;right:10px}
.webAboutPart1_main i.webAboutPart1_xs2{width:80%;left:20px}
.webAboutPart1_data ul{padding:10px 0}
.webAboutPart1_data ul li{padding:0 10px}
.webAboutPart1_data ul li div{font-size:32px;margin:0 auto 0px}
.webAboutPart1_data ul li p{height:40px;line-height:20px;font-size:14px}
.webAbout_part2 .webAboutPart2_main{padding:20px}
.webAboutPart2_main ul{max-width:inherit;border-left:0}
.webAboutPart2_main ul li{width:100%;margin:0 auto;padding:40px 20px;border-right:0;border-bottom:1px solid rgba(255,255,255,0.1);float:inherit}
.webAboutPart2_main ul li .webAboutPart2_text p{line-height:24px;font-size:18px}
.webAboutPart2_main ul li .webAboutPart2_text span{line-height:20px;font-size:14px}
.webAbout_part2 .webAboutPart2_idea{padding:40px 20px 20px}
.webAboutPart2_idea ul li .webAboutPart2_ideatext{width:80%}
.webAbout_part3{padding:40px 20px 20px}
.webAboutPart3_list ul.content-slider li .webAboutPart3_img{height:150px;padding:10px}
.webAboutPart3_list .lSPrev{margin:0 0 0 -70px}
.webAboutPart3_list .lSNext{margin:0 -70px 0 0}
.webAboutPart3_list ul.content-slider li .webAboutPart3_name a{height:30px;line-height:30px;font-size:15px}
.webAboutPart3_list .item{padding:0 0 10px}
.webAboutPart3_list .lSSlideOuter .lSPager.lSpg{bottom:0}
.webAboutPart3_list .lSSlideOuter .lSPager.lSpg > li a{width:10px;height:10px}
.webAboutPart2_idea ul li{width:100%;margin:0 auto 20px}
.webAboutPart2_idea ul li:nth-child(2n+2){margin:0 auto 20px}
.webAbout_part4{margin:40px auto;padding:0 20px}
.webAboutPart4_list ul li{width:100%;margin:0 auto 20px}
.webAboutPart4_list ul li:nth-child(3n+3){margin:0 auto}
.webAboutPart4_list ul li .webAboutPart4_img{height:206px}
}@media (max-width:375px){.webAboutPart1_left i.webAboutPart1_time{font-size:44px}
.webAboutPart1_left i.webAboutPart1_line{margin:12px 0}
.webAboutPart2_idea ul li{padding:30px 30px 100px}
.webAboutPart2_idea ul li .webAboutPart2_ideaicon1,.webAboutPart2_idea ul li .webAboutPart2_ideaicon2,.webAboutPart2_idea ul li .webAboutPart2_ideaicon3,.webAboutPart2_idea ul li .webAboutPart2_ideaicon4{left:30px;bottom:20px}
.webAboutPart2_main ul li .webAboutPart2_text p{line-height:28px;font-size:22px}
.webAboutPart3_list ul.content-slider li .webAboutPart3_img{height:132px}
.webAboutPart3_list ul.content-slider li .webAboutPart3_name a{height:24px;line-height:24px;font-size:14px}
.webAboutPart4_list ul li .webAboutPart4_img{height:185px}
}@media (max-width:320px){.webAbout_part1 .webAboutPart1_main{padding:0 20px 70px}
.webAboutPart1_data ul li{width:100%;float:inherit}
.webAboutPart1_data ul li div{margin:0 auto 12px}
.webAboutPart1_data ul li p{height:auto}
.webAboutPart2_idea ul li{padding:20px 20px 100px}
.webAboutPart2_idea ul li .webAboutPart2_ideanum{width:100px;height:80px;line-height:80px;font-size:88px;right:20px;bottom:20px}
.webAboutPart3_list ul.content-slider li .webAboutPart3_img{height:106px}
.webAboutPart4_list ul li .webAboutPart4_img{height:154px}
.webAboutPart1_left i.webAboutPart1_time{font-size:36px}
}.arc_AboutHistory{width:100%;overflow:hidden;margin:0 auto;padding:40px 0;background:#fff url(../images/abouthistory_bg.jpg) center center no-repeat;background-size:cover;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.arc_AboutHistory .lyAboutHistory_main{width:100%;min-height:360px;margin:0 auto;padding:0;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lyAboutHistory_main i{display:block;width:100%;height:1px;overflow:hidden;margin:-0.5px 0 0;padding:0;background-color:rgba(255,255,255,0.5);position:absolute;left:0;top:50%}
.lyAboutHistory_main ul li{width:16.666666%;height:360px;margin:0;padding:0;float:left;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lyAboutHistory_main ul li p{width:100%;overflow:hidden;line-height:30px;color:#fff;font-size:15px;text-align:center;margin:0 0 40px;padding:0 20px;position:absolute;bottom:50%;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lyAboutHistory_main ul li img{display:block;width:40px;height:40px;overflow:hidden;margin:-20px 0 0 -20px;padding:0;position:absolute;left:50%;top:50%}
.lyAboutHistory_main ul li .abhis_time{width:100%;overflow:hidden;line-height:48px;color:#fff;font-size:40px;font-weight:bold;text-align:center;margin:40px 0 0;padding:0 20px;position:absolute;top:50%;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lyAboutHistory_main ul li:nth-child(2n+2) p{bottom:inherit;top:50%;margin:40px 0 0}
.lyAboutHistory_main ul li:nth-child(2n+2) .abhis_time{bottom:50%;top:inherit;margin:0 0 40px}
@media screen and (max-width:1279px) and (min-width:1080px){.lyAboutHistory_main ul li p{line-height:24px;font-size:14px}
.lyAboutHistory_main ul li .abhis_time{line-height:40px;font-size:32px}
}@media screen and (max-width:1079px) and (min-width:1024px){.arc_AboutHistory{padding:0}
.arc_AboutHistory .lyAboutHistory_main{padding:40px 0 0}
.lyAboutHistory_main i{width:1px;height:100%;margin:0;left:20%;top:0}
.lyAboutHistory_main ul li{width:100%;height:auto;margin:0 auto 40px;float:inherit}
.lyAboutHistory_main ul li p{width:80%;margin:0;padding:9px 40px;text-align:left;position:inherit;left:inherit;top:inherit;right:inherit;bottom:inherit;float:left}
.lyAboutHistory_main ul li img{margin:0 0 0 -20px;position:absolute;left:20%;top:4px;right:inherit;bottom:inherit}
.lyAboutHistory_main ul li .abhis_time{width:20%;margin:0;font-size:32px;position:inherit;left:inherit;top:inherit;right:inherit;bottom:inherit;float:left}
.lyAboutHistory_main ul li:nth-child(2n+2) p{bottom:inherit;top:inherit;margin:0}
.lyAboutHistory_main ul li:nth-child(2n+2) .abhis_time{bottom:inherit;top:inherit;margin:0}
}@media screen and (max-width:1023px) and (min-width:768px){.arc_AboutHistory{padding:0}
.arc_AboutHistory .lyAboutHistory_main{padding:40px 0 10px}
.lyAboutHistory_main i{width:1px;height:100%;margin:0;left:25%;top:0}
.lyAboutHistory_main ul li{width:100%;height:auto;margin:0 auto 20px;float:inherit}
.lyAboutHistory_main ul li p{width:75%;margin:0;padding:9px 40px;text-align:left;position:inherit;left:inherit;top:inherit;right:inherit;bottom:inherit;float:left}
.lyAboutHistory_main ul li img{margin:0 0 0 -20px;position:absolute;left:25%;top:4px;right:inherit;bottom:inherit}
.lyAboutHistory_main ul li .abhis_time{width:25%;margin:0;font-size:32px;position:inherit;left:inherit;top:inherit;right:inherit;bottom:inherit;float:left}
.lyAboutHistory_main ul li:nth-child(2n+2) p{bottom:inherit;top:inherit;margin:0}
.lyAboutHistory_main ul li:nth-child(2n+2) .abhis_time{bottom:inherit;top:inherit;margin:0}
}@media (max-width:767px){.arc_AboutHistory{padding:0}
.arc_AboutHistory .lyAboutHistory_main{padding:40px 0 10px}
.lyAboutHistory_main i{width:1px;height:100%;margin:0;left:36%;top:0}
.lyAboutHistory_main ul li{width:100%;height:auto;margin:0 auto 20px;float:inherit}
.lyAboutHistory_main ul li p{width:64%;margin:0;padding:8px 20px 8px 30px;line-height:24px;font-size:14px;text-align:justify;word-break:break-all;position:inherit;left:inherit;top:inherit;right:inherit;bottom:inherit;float:left}
.lyAboutHistory_main ul li img{margin:0 0 0 -20px;position:absolute;left:36%;top:0;right:inherit;bottom:inherit}
.lyAboutHistory_main ul li .abhis_time{width:36%;line-height:40px;margin:0;font-size:28px;position:inherit;left:inherit;top:inherit;right:inherit;bottom:inherit;float:left}
.lyAboutHistory_main ul li:nth-child(2n+2) p{bottom:inherit;top:inherit;margin:0}
.lyAboutHistory_main ul li:nth-child(2n+2) .abhis_time{bottom:inherit;top:inherit;margin:0}
.lyAboutHistory_main ul li .abhis_time span{font-size:22px}
}@media (max-width:375px){.lyAboutHistory_main i{left:32%}
.lyAboutHistory_main ul li p{width:68%}
.lyAboutHistory_main ul li img{left:32%}
.lyAboutHistory_main ul li .abhis_time{width:32%;font-size:28px}
.lyAboutHistory_main ul li .abhis_time span{display:none}
}@media (max-width:320px){.lyAboutHistory_main ul li p{padding:8px 20px}
.lyAboutHistory_main ul li .abhis_time{font-size:26px}
.lyAboutHistory_main ul li .abhis_time span{display:none}
}.web_banner{width:100%;overflow:hidden;margin:0 auto;padding:0;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.web_banner img{display:block;width:100%;height:100%;object-fit:cover;margin:auto;padding:0;position:absolute;left:0;top:0;right:0;bottom:0}
.web_banner .webBa_text{width:100%;max-width:1600px;height:auto;margin:0 auto;padding:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);z-index:1;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webBa_text p{width:100%;overflow:hidden;line-height:52px;color:#fff;font-size:48px;font-weight:bold;margin:0 auto;padding:0}
.webBa_text p font{color:rgba(255,255,255,0.5);font-size:36px;font-weight:bold;margin:0 0 0 20px;text-transform:uppercase}
.webBa_text em{display:block;width:60px;height:5px;overflow:hidden;margin:24px 0;padding:0;background-color:#3f8692}
.webBa_text span{display:block;width:100%;max-height:64px;overflow:hidden;line-height:32px;color:#fff;font-size:18px;margin:0 auto;padding:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}
@media screen and (max-width:2560px){.web_banner{height:800px}
}@media screen and (max-width:1920px){.web_banner{height:600px}
}@media screen and (max-width:1600px){.web_banner{height:560px}
.web_banner .webBa_text{max-width:inherit;padding:0 40px}
}@media screen and (min-width:1440px) and (max-width:1599px){.web_banner{height:500px}
.web_banner .webBa_text{max-width:inherit;padding:0 40px}
}@media screen and (min-width:1360px) and (max-width:1439px){.web_banner{height:500px}
.web_banner .webBa_text{max-width:inherit;padding:0 40px}
}@media screen and (min-width:1280px) and (max-width:1359px){.web_banner{height:440px}
.web_banner .webBa_text{max-width:inherit;padding:0 40px}
.webBa_text p{line-height:48px;font-size:40px}
.webBa_text p font{font-size:32px}
.webBa_text span{max-height:60px;line-height:30px;font-size:16px}
.webBa_text em{width:56px;height:4px}
}@media screen and (min-width:1080px) and (max-width:1279px){.web_banner{height:440px}
.web_banner .webBa_text{max-width:inherit;padding:0 40px}
.webBa_text p{line-height:48px;font-size:40px}
.webBa_text p font{font-size:32px}
.webBa_text span{max-height:60px;line-height:30px;font-size:16px}
.webBa_text em{width:56px;height:4px}
}@media screen and (min-width:1024px) and (max-width:1079px){.web_banner{height:400px}
.web_banner .webBa_text{max-width:inherit;padding:0 40px}
.webBa_text p{line-height:48px;font-size:40px}
.webBa_text p font{font-size:32px}
.webBa_text span{max-height:60px;line-height:30px;font-size:16px}
.webBa_text em{width:56px;height:4px}
}@media screen and (max-width:1023px) and (min-width:768px){.web_banner{height:360px}
.web_banner .webBa_text{max-width:inherit;padding:0 40px}
.webBa_text p{line-height:40px;font-size:36px}
.webBa_text p font{font-size:28px}
.webBa_text span{max-height:60px;line-height:30px;font-size:15px}
.webBa_text em{width:48px;height:3px;margin:20px 0}
}@media (max-width:767px){.web_banner{height:250px}
.web_banner .webBa_text{max-width:inherit;padding:0 20px}
.webBa_text p{line-height:30px;font-size:28px}
.webBa_text p font{font-size:20px;margin:0 0 0 10px}
.webBa_text span{max-height:48px;line-height:24px;font-size:14px}
.webBa_text em{width:40px;height:2px;margin:12px 0}
}@media (max-width:375px){.web_banner{height:240px}
.web_banner .webBa_text{max-width:inherit;padding:0 20px}
.webBa_text p{line-height:30px;font-size:24px}
.webBa_text p font{font-size:18px;margin:0 0 0 10px}
.webBa_text span{max-height:48px;line-height:24px;font-size:14px}
.webBa_text em{width:40px;height:2px;margin:10px 0}
}@media (max-width:320px){.webBa_text p{line-height:24px;font-size:18px}
.webBa_text p font{font-size:14px}
}.web_mbx{width:100%;overflow:hidden;margin:0 auto;padding:20px 0;background-color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.web_mbx .webMbx_main{width:100%;max-width:1600px;height:auto;min-height:40px;margin:0 auto;padding:0 0 0 24px;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webMbx_main img{display:block;width:20px;height:20px;margin:0;padding:0;position:absolute;left:0;top:10px}
.webMbx_main p{width:100%;overflow:hidden;line-height:30px;color:#999;font-size:14px;margin:0 auto;padding:5px 0}
.webMbx_main p a{color:#666}
.webMbx_main p a span{color:#666}
.webMbx_main p a:hover{color:#3f8692}
.webMbx_main p a:hover span{color:#3f8692}
.webMbx_main p span{color:#999}
@media screen and (width:1600px){.web_mbx{padding:20px 40px}
.web_mbx .webMbx_main{max-width:inherit}
}@media screen and (min-width:1024px) and (max-width:1599px){.web_mbx{padding:20px 40px}
.web_mbx .webMbx_main{max-width:inherit}
}@media screen and (min-width:768px) and (max-width:1023px){.web_mbx{padding:10px 40px}
.web_mbx .webMbx_main{max-width:inherit}
}@media (max-width:767px){.web_mbx{padding:10px 20px}
.web_mbx .webMbx_main{max-width:inherit}
}
.web_menu{width:100%;overflow:hidden;margin:40px auto;padding:0}
.web_menu .webMenu_list{width:100%;max-width:1600px;margin:0 auto;padding:0;text-align:center;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webMenu_list a{display:inline-block;height:48px;overflow:hidden;line-height:48px;color:#333;font-size:16px;margin:0 10px;padding:0 30px;background-color:#fff;border-radius:24px}
.webMenu_list a:hover,.webMenu_list a.webMenu_on{color:#fff;background-color:#3f8692}
@media screen and (max-width:1023px) and (min-width:768px){.web_menu{margin:20px auto 20px}
}@media (max-width:767px){.web_menu{margin:20px auto 14px}
.webMenu_list a{height:40px;line-height:40px;font-size:15px;margin:0 5px 10px;padding:0 15px}
}@media (max-width:375px){.webMenu_list a{font-size:14px;padding:0 12px}
}
.web_main{width:100%;max-width:1600px;margin:0 auto;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webNew_tj{width:100%;height:auto;margin:0 auto 40px;padding:0}
.webNew_tj ul li{float:left;margin-right:3%;width:31.333333%;position:relative;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s}
.webNew_tj ul li:nth-child(3n){margin-right:0}
.webNew_tj ul li .pic{display:block;height:319px;overflow:hidden;text-align:center;background:#fff}
.webNew_tj ul li .pic img{width:100%;max-width:100%;max-height:100%;vertical-align:middle;transition:all .5s}
.webNew_tj ul li .pic .iblock{display:inline-block;height:100%;width:0;vertical-align:middle}
.webNew_tj ul li .wz{padding:16px 5% 24px;position:relative;background:#fff}
.webNew_tj ul li .wz .tlt{font-size:18px;color:#191919;margin-bottom:5px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.webNew_tj ul li .wz .desc{font-size:14px;color:#666;line-height:24px;width:100%;height:50px;overflow:hidden;margin-bottom:10px}
.webNew_tj ul li .wz a.more{display:block;height:26px;border:1px solid #8e8e8e;color:#8e8e8e;border-radius:30px;text-align:center;padding:0 10px;width:60px;line-height:26px}
.webNew_tj ul li .date{background:rgba(227,6,19,.5);text-align:center;padding:10px 10px;position:absolute;top:15px;right:20px}
.webNew_tj ul li .date p{font-size:22px;font-weight:bold;color:#fff;line-height:28px}
.webNew_tj ul li .date span{display:block;font-size:15px;color:#fff;line-height:20px}
.webNew_tj ul li:hover .wz .tlt{color:#3f8692}
.webNew_tj ul li:hover .wz a.more{border:1px solid #3f8692;color:#3f8692}
.webNew_tj ul li:hover .pic img{transform:scale(1.1)}
.webNew_tj ul li:hover{box-shadow:0 10px 20px rgba(6,32,79,0.1);position:relative}
.webNew_tj ul li:hover .wz{padding:16px 5% 24px}
@media screen and (width:1600px){.web_main{max-width:inherit;padding:0 40px}
}@media screen and (min-width:1440px) and (max-width:1599px){.web_main{max-width:inherit;padding:0 40px}
.webNew_tj ul li .pic{height:268px}
}@media screen and (min-width:1366px) and (max-width:1439px){.web_main{max-width:inherit;padding:0 40px}
.webNew_tj ul li .pic{height:253px}
}@media screen and (min-width:1360px) and (max-width:1365px){.web_main{max-width:inherit;padding:0 40px}
.webNew_tj ul li .pic{height:240px}
}@media screen and (min-width:1280px) and (max-width:1359px){.web_main{max-width:inherit;padding:0 40px}
.webNew_tj ul li .pic{height:240px}
}@media screen and (min-width:1200px) and (max-width:1279px){.web_main{max-width:inherit;padding:0 40px}
.webNew_tj ul li .pic{height:195px}
}@media screen and (min-width:1080px) and (max-width:1199px){.web_main{max-width:inherit;padding:0 40px}
.webNew_tj ul li .pic{height:195px}
}@media screen and (min-width:1024px) and (max-width:1079px){.web_main{max-width:inherit;padding:0 40px}
.webNew_tj ul li .pic{height:195px}
}@media screen and (max-width:1023px) and (min-width:768px){.web_main{max-width:inherit;padding:0 40px}
.webNew_tj ul li .pic{height:144px}
}@media (max-width:767px){.web_main{max-width:inherit;padding:0 20px}
.webNew_tj ul li{margin-right:0;width:100%;margin-bottom:25px}
.webNew_tj ul li .pic{height:212px}
.webNew_tj ul li .wz .tlt{font-size:16px}
}
.webNew_list{width:100%;height:auto;margin:0 auto;padding:0}
.webNew_list ul li{width:100%;height:auto;min-height:200px;margin:0 auto 40px;padding:20px 40px 20px 340px;background-color:#fff;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webNew_list ul li:last-child{margin:0 auto}
.webNew_list ul li:hover{box-shadow:0 10px 20px rgba(20,34,49,0.1)}
.webNew_list ul li .webNewList_img{width:320px;height:160px;overflow:hidden;margin:0;padding:0;position:absolute;left:20px;top:20px}
.webNew_list ul li .webNewList_img a{display:block;width:100%;height:100%;overflow:hidden;margin:0 auto;padding:0;position:relative}
.webNew_list ul li .webNewList_img a img{display:block;max-width:100%;max-height:100%;margin:auto;padding:0;position:absolute;left:0;top:0;right:0;bottom:0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s}
.webNew_list ul li:hover .webNewList_img a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.webNew_list ul li .webNewList_text{width:100%;overflow:hidden;margin:0;padding:5px 0 5px 40px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webNew_list ul li .webNewList_text .webNewList_name{width:100%;height:40px;overflow:hidden;margin:0 auto 20px;padding:0 180px 0 0;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webNew_list ul li .webNewList_text .webNewList_name a{display:block;width:100%;height:40px;overflow:hidden;line-height:40px;color:#333;font-size:22px;white-space:nowrap;text-overflow:ellipsis;margin:0;padding:0}
.webNew_list ul li:hover .webNewList_text .webNewList_name a{color:#3f8692}
.webNew_list ul li .webNewList_text .webNewList_name span{display:block;width:140px;height:40px;overflow:hidden;line-height:40px;color:#999;font-size:22px;text-align:center;margin:0;padding:0;position:absolute;top:0;right:0}
.webNew_list ul li .webNewList_text .webNewList_con{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0 180px 0 0;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webNew_list ul li .webNewList_text .webNewList_con p{width:100%;height:90px;overflow:hidden;line-height:30px;color:#666;font-size:15px;text-align:justify;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;margin:0;padding:0}
.webNew_list ul li .webNewList_text .webNewList_con a{display:block;width:140px;height:40px;overflow:hidden;line-height:38px;color:#666;font-size:14px;text-align:center;border-radius:20px;background-color:#fff;border:1px solid #dfdfdf;position:absolute;top:25px;right:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s}
.webNew_list ul li .webNewList_text .webNewList_con a:hover{color:#fff;background-color:#3f8692;border:1px solid #3f8692}
.webNew_list ul li .webNewList_text .webNewList_con a i{display:inline-block;width:20px;height:20px;margin:-4px 0 0 8px;padding:0;vertical-align:middle;background:url(../images/jt6.png) center center no-repeat;transition:all 0.2s;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s}
.webNew_list ul li .webNewList_text .webNewList_con a:hover i{background:url(../images/jt2.png) center center no-repeat;margin:-4px 0 0 16px}
.web_page{width:100%;height:40px;text-align:center;margin:40px auto;padding:0}
.web_page a{display:inline-block;min-width:40px;width:auto;padding:0 12px;height:40px;overflow:hidden;line-height:38px;color:#666;font-size:16px;text-align:center;background-color:#fff;border:1px solid #eaeaea;margin:0 4px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.web_page a:hover,.web_page a.pnnum1{color:#fff;background-color:#3f8692;border:1px solid #3f8692}
.web_page a.webPg_prev,.web_page a.webPg_next{width:60px}
.web_page a.webPg_prev{background:#fff url(../images/prev1.png) center center no-repeat}
.web_page a.webPg_next{background:#fff url(../images/next1.png) center center no-repeat}
.web_page a.webPg_prev:hover{background:#3f8692 url(../images/prev2.png) center center no-repeat}
.web_page a.webPg_next:hover{background:#3f8692 url(../images/next2.png) center center no-repeat}
.webNew_detail{width:100%;overflow:hidden;margin:40px auto;padding:40px;background-color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webNew_detail h1{width:100%;overflow:hidden;line-height:40px;color:#333;font-size:32px;text-align:center;margin:0 auto;padding:0}
.webNew_detail .webNewDetail_time{width:100%;height:40px;overflow:hidden;line-height:40px;color:#999;font-size:14px;text-align:center;margin:20px auto;padding:0}
.webNewDetail_time img{display:inline-block;width:20px;height:20px;overflow:hidden;vertical-align:middle;margin:-2px 4px 0 0;padding:0}
.webNew_detail .webNewDetail_ms{width:100%;overflow:hidden;margin:0 auto 30px;padding:20px;background-color:#f2f3f6;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webNewDetail_ms p{width:100%;height:60px;overflow:hidden;line-height:30px;color:#999;font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}
.webNewDetail_ms p em.Mszy{display:inline-block;width:72px;height:30px;overflow:hidden;line-height:30px;color:#fff;font-size:15px;text-align:center;border-radius:15px;margin:-3px 10px 0 0;padding:0;background-color:#3f8692;vertical-align:middle}
.webNew_detail .webNewDetail_con{width:100%;overflow:hidden;margin:0 auto;padding:0}
.webNewDetail_con p,.webNewDetail_con div{width:100%;overflow:hidden;line-height:30px;color:#666;font-size:15px;text-align:justify;margin:0 auto;padding:0}
.webNewDetail_con p span,.webNewDetail_con span,.webNewDetail_con p em,.webNewDetail_con em{color:#666!important;font-size:15px}
.webNewDetail_con table tr td p{text-indent:0!important}
.webNewDetail_con p img{display:inline-block;width:auto!important;height:auto!important;max-width:100%;margin:10px auto;padding:0;text-indent:0!important}
.web_prev_next{width:100%;overflow:hidden;margin:40px auto;padding:0}
.web_prev_next ul li{width:49%;overflow:hidden;margin:0 2% 0 0;padding:0;float:left;height:60px;line-height:60px;background-color:#fff;padding:0 20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;color:#333;font-size:16px}
.web_prev_next ul li:nth-child(2n+2){margin:0}
.web_prev_next ul li a{display:block;width:100%;height:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;font-size:16px;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.web_prev_next ul li:nth-child(2n+2) a{text-align:right}
.web_prev_next ul li:hover{color:#fff;background-color:#3f8692}
.web_prev_next ul li:hover a{color:#fff}
@media screen and (min-width:1360px) and (max-width:1439px){.webNew_detail h1{font-size:30px}
}@media screen and (min-width:1280px) and (max-width:1359px){.webNew_list ul li{min-height:160px;margin:0 auto 20px;padding:20px 20px 20px 260px}
.webNew_list ul li .webNewList_img{width:240px;height:120px}
.webNew_list ul li .webNewList_text{padding:5px 0 5px 20px}
.webNew_list ul li .webNewList_text .webNewList_name{margin:0 auto 10px;padding:0 160px 0 0}
.webNew_list ul li .webNewList_text .webNewList_name a{font-size:18px}
.webNew_list ul li .webNewList_text .webNewList_name span{font-size:18px}
.webNew_list ul li .webNewList_text .webNewList_con{padding:0 160px 0 0}
.webNew_list ul li .webNewList_text .webNewList_con p{height:56px;line-height:28px;color:#666;font-size:14px;-webkit-line-clamp:2}
.webNew_list ul li .webNewList_text .webNewList_con a{top:8px}
.webNew_detail h1{line-height:36px;font-size:28px}
}@media screen and (min-width:1200px) and (max-width:1279px){.webNew_list ul li{min-height:160px;margin:0 auto 20px;padding:20px 20px 20px 260px}
.webNew_list ul li .webNewList_img{width:240px;height:120px}
.webNew_list ul li .webNewList_text{padding:5px 0 5px 20px}
.webNew_list ul li .webNewList_text .webNewList_name{margin:0 auto 10px;padding:0 160px 0 0}
.webNew_list ul li .webNewList_text .webNewList_name a{font-size:18px}
.webNew_list ul li .webNewList_text .webNewList_name span{font-size:16px}
.webNew_list ul li .webNewList_text .webNewList_con{padding:0 160px 0 0}
.webNew_list ul li .webNewList_text .webNewList_con p{height:56px;line-height:28px;color:#666;font-size:14px;-webkit-line-clamp:2}
.webNew_list ul li .webNewList_text .webNewList_con a{top:8px}
.webNew_detail h1{line-height:36px;font-size:28px}
}@media screen and (min-width:1080px) and (max-width:1199px){.webNew_list ul li{min-height:160px;margin:0 auto 20px;padding:20px 20px 20px 260px}
.webNew_list ul li .webNewList_img{width:240px;height:120px}
.webNew_list ul li .webNewList_text{padding:5px 0 5px 20px}
.webNew_list ul li .webNewList_text .webNewList_name{margin:0 auto 10px;padding:0 140px 0 0}
.webNew_list ul li .webNewList_text .webNewList_name a{font-size:18px}
.webNew_list ul li .webNewList_text .webNewList_name span{width:120px;font-size:16px}
.webNew_list ul li .webNewList_text .webNewList_con{padding:0 140px 0 0}
.webNew_list ul li .webNewList_text .webNewList_con p{height:56px;line-height:28px;color:#666;font-size:14px;-webkit-line-clamp:2}
.webNew_list ul li .webNewList_text .webNewList_con a{width:120px;top:8px}
.webNew_detail h1{line-height:36px;font-size:28px}
.web_prev_next ul li{width:100%;margin:0 auto 20px}
.web_prev_next ul li:nth-child(2n+2){margin:0 auto}
.web_prev_next ul li:nth-child(2n+2) a{text-align:left}
}@media screen and (min-width:1024px) and (max-width:1079px){.webNew_list ul li{min-height:160px;margin:0 auto 20px;padding:20px 20px 20px 260px}
.webNew_list ul li .webNewList_img{width:240px;height:120px}
.webNew_list ul li .webNewList_text{padding:5px 0 5px 20px}
.webNew_list ul li .webNewList_text .webNewList_name{margin:0 auto 10px;padding:0 140px 0 0}
.webNew_list ul li .webNewList_text .webNewList_name a{font-size:18px}
.webNew_list ul li .webNewList_text .webNewList_name span{width:120px;font-size:16px}
.webNew_list ul li .webNewList_text .webNewList_con{padding:0 140px 0 0}
.webNew_list ul li .webNewList_text .webNewList_con p{height:56px;line-height:28px;color:#666;font-size:14px;-webkit-line-clamp:2}
.webNew_list ul li .webNewList_text .webNewList_con a{width:120px;top:8px}
.webNew_detail{padding:20px}
.webNew_detail h1{line-height:32px;font-size:24px}
.webNew_detail .webNewDetail_time{margin:10px auto}
.webNew_detail .webNewDetail_ms{margin:0 auto 20px}
.web_prev_next ul li{width:100%;margin:0 auto 20px}
.web_prev_next ul li:nth-child(2n+2){margin:0 auto}
.web_prev_next ul li:nth-child(2n+2) a{text-align:left}
}@media screen and (max-width:1023px) and (min-width:768px){.webNew_list ul li{min-height:160px;margin:0 auto 20px;padding:20px 20px 20px 260px}
.webNew_list ul li .webNewList_img{width:240px;height:120px}
.webNew_list ul li .webNewList_text{padding:0 0 0 20px}
.webNew_list ul li .webNewList_text .webNewList_name{height:auto;margin:0 auto 10px;padding:0}
.webNew_list ul li .webNewList_text .webNewList_name a{height:32px;line-height:32px;font-size:16px}
.webNew_list ul li .webNewList_text .webNewList_name span{width:100%;height:20px;line-height:20px;font-size:14px;text-align:left;margin:10px 0 0;position:inherit;top:inherit;right:inherit}
.webNew_list ul li .webNewList_text .webNewList_con{padding:0}
.webNew_list ul li .webNewList_text .webNewList_con p{height:48px;line-height:24px;color:#666;font-size:14px;-webkit-line-clamp:2}
.webNew_list ul li .webNewList_text .webNewList_con a{width:120px;top:8px;display:none}
.webNew_detail{padding:20px}
.webNew_detail h1{line-height:30px;font-size:22px}
.webNew_detail .webNewDetail_time{margin:10px auto}
.webNew_detail .webNewDetail_ms{margin:0 auto 20px}
.web_prev_next ul li{width:100%;margin:0 auto 10px;font-size:15px;padding:4px 20px}
.web_prev_next ul li a{height:48px;font-size:15px}
.web_prev_next ul li:nth-child(2n+2){margin:0 auto}
.web_prev_next ul li:nth-child(2n+2) a{text-align:left}
}@media (max-width:767px){.webNew_list ul li{min-height:160px;margin:0 auto 20px;padding:12px}
.webNew_list ul li .webNewList_img{width:100%;height:175px;position:inherit;left:inherit;top:inherit;margin:0 0 10px}
.webNew_list ul li .webNewList_text{padding:0}
.webNew_list ul li .webNewList_text .webNewList_name{height:auto;margin:0 auto 10px;padding:0}
.webNew_list ul li .webNewList_text .webNewList_name a{height:40px;line-height:40px;font-size:16px}
.webNew_list ul li .webNewList_text .webNewList_name span{width:100%;height:20px;line-height:20px;font-size:14px;text-align:left;margin:0;position:inherit;top:inherit;right:inherit}
.webNew_list ul li .webNewList_text .webNewList_con{padding:0}
.webNew_list ul li .webNewList_text .webNewList_con p{height:48px;line-height:24px;color:#666;font-size:14px;-webkit-line-clamp:2}
.webNew_list ul li .webNewList_text .webNewList_con a{width:120px;top:8px;display:none}
.web_page{height:48px;margin:20px auto}
.web_page a{display:none}
.web_page a.webPg_prev,.web_page a.webPg_next{display:inline-block;width:80px;height:44px;line-height:42px}
.webNew_detail{margin:20px auto;padding:20px}
.webNew_detail h1{line-height:28px;font-size:18px}
.webNew_detail .webNewDetail_time{line-height:24px;margin:10px auto}
.webNew_detail .webNewDetail_ms{margin:0 auto 20px;padding:12px}
.webNewDetail_ms p{height:auto;max-height:84px;line-height:28px;font-size:14px;-webkit-line-clamp:3}
.webNewDetail_ms p em.Mszy{width:68px;height:28px;line-height:28px;font-size:14px}
.webNewDetail_con p,.webNewDetail_con div{line-height:26px;font-size:14px}
.webNewDetail_con p span,.webNewDetail_con span,.webNewDetail_con p em,.webNewDetail_con em{font-size:14px}
.web_prev_next{margin:20px auto}
.web_prev_next ul li{width:100%;margin:0 auto 10px;font-size:14px;padding:4px 20px}
.web_prev_next ul li a{height:48px;font-size:14px}
.web_prev_next ul li:nth-child(2n+2){margin:0 auto}
.web_prev_next ul li:nth-child(2n+2) a{text-align:left}
}@media (max-width:375px){.webNew_list ul li .webNewList_img{height:156px}
}@media (max-width:320px){.webNew_list ul li .webNewList_img{height:128px}
}.arc_webProducts{width:100%;min-height:480px;overflow:hidden;margin:0 auto;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.arc_webProducts .lywebPro_main{width:100%;max-width:1600px;height:auto;margin:40px auto 0;padding:0}
.lywebPro_main .lywebPro_left{width:23%;overflow:hidden;margin:0;padding:0;float:left}
.lywebPro_main .lywebPro_right{width:74.5%;height:auto;margin:0 0 40px;padding:0;float:right}
.lywebPro_right .lywebPro_list{width:100%;height:auto;margin:0 auto -20px;padding:0;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.lywebPro_list ul{width:100%;max-width:1600px;height:auto;margin:0 auto;padding:0;position:relative}
.lywebPro_list ul li{width:32%;height:auto;margin:0 2% 20px 0;padding:20px;background-color:#fff;box-shadow:0 10px 20px rgba(20,49,49,0.1);float:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.dl_list ul li{width:100%}
.lywebPro_list ul li:nth-child(3n+3){margin:0 0 20px}
.lywebPro_list ul li .pic{display:block;height:319px;overflow:hidden;text-align:center;background:#fff;margin-bottom:14px;border:1px solid #efefef}
.dl_list ul li .pic{width:35%;float:left}
.lywebPro_list ul li .pic img{max-width:100%;max-height:100%;vertical-align:middle;transition:all .5s}
.lywebPro_list ul li .pic .iblock{display:inline-block;height:100%;width:0;vertical-align:middle}
.dl_list ul li .wz{width:60%;float:right}
.lywebPro_list ul li .wz .tlt{display:block;width:100%;height:40px;overflow:hidden;line-height:40px;color:#333;font-size:24px;white-space:nowrap;text-overflow:ellipsis;margin:0 auto;padding:0;position:relative}
.lywebPro_list ul li .wz em{display:block;width:40px;height:2px;background:#3f8692;margin:10px 0;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.lywebPro_list ul li .wz .desc{width:100%;height:44px;overflow:hidden;line-height:22px;color:#999;font-size:14px;margin:10px auto;padding:0;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}
.dl_list ul li .wz .desc{width:100%;height:auto;min-height:200px;overflow:hidden;line-height:24px;color:#999;font-size:14px;margin:10px auto;padding:0;-webkit-line-clamp:8;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}
.lywebPro_list ul li .wz .btn{overflow:hidden}
.dl_list ul li .wz .btn{width:60%}
.lywebPro_list ul li .wz .btn a{display:block;float:left;width:45%;height:40px;line-height:40px;text-align:center;font-size:15px;border:1px solid #dedede;color:#666}
.lywebPro_list ul li .wz .btn a.bu2{float:right}
.lywebPro_list ul li:hover .pic img{transform:scale(1.1)}
.lywebPro_list ul li:hover .tlt{color:#3f8692}
.lywebPro_list ul li:hover .wz em{width:100%}
.lywebPro_list ul li:hover .wz .btn a{border:1px solid #3f8692;color:#3f8692}
.lywebPro_list ul li .wz .btn a:hover{background:#3f8692;color:#fff;border:1px solid #3f8692}
@media screen and (width:1600px){.arc_webProducts{padding:0 40px}
.arc_webProducts .lywebPro_main{max-width:inherit}
.lywebPro_list ul{max-width:inherit}
.dl_list ul li{width:100%}
}@media screen and (min-width:1440px) and (max-width:1599px){.arc_webProducts{padding:0 40px}
.arc_webProducts .lywebPro_main{max-width:inherit}
.lywebPro_list ul{max-width:inherit}
.lywebPro_list ul li .webPro_con .webPro_name a{font-size:15px}
.dl_list ul li{width:100%}
}@media screen and (min-width:1360px) and (max-width:1439px){.arc_webProducts{padding:0 40px}
.arc_webProducts .lywebPro_main{max-width:inherit}
.lywebPro_list ul{max-width:inherit}
.lywebPro_list ul li .webPro_con .webPro_name a{font-size:15px}
.lywebPro_list ul li .webPro_con .webPro_img{height:180px}
.lywebPro_list ul li:hover .webPro_con .webPro_name{padding:50px 10px 10px}
.dl_list ul li{width:100%}
}@media screen and (min-width:1280px) and (max-width:1359px){.arc_webProducts{padding:0 40px}
.arc_webProducts .lywebPro_main{max-width:inherit}
.lywebPro_list ul{max-width:inherit}
.lywebPro_list ul li .webPro_con .webPro_name a{font-size:15px}
.lywebPro_list ul li .webPro_con .webPro_img{height:170px}
.lywebPro_list ul li:hover .webPro_con .webPro_name{padding:60px 10px 10px}
.lywebPro_list ul li:hover .webPro_con .webPro_name a i{margin:0 auto 20px}
.dl_list ul li{width:100%}
}@media screen and (min-width:1080px) and (max-width:1279px){.arc_webProducts{padding:0 40px}
.arc_webProducts .lywebPro_main{max-width:inherit}
.lywebPro_main .lywebPro_left{width:30%}
.lywebPro_main .lywebPro_right{width:66%}
.lywebPro_list ul{max-width:inherit}
.lywebPro_list ul li{width:48.5%;margin:0 3% 20px 0}
.lywebPro_list ul li:nth-child(3n+3){margin:0 3% 20px 0}
.lywebPro_list ul li:nth-child(2n+2){margin:0 0 20px}
.lywebPro_list ul li .webPro_con .webPro_name a{font-size:15px}
.lywebPro_list ul li .webPro_con .webPro_img{height:192px}
.lywebPro_list ul li:hover .webPro_con .webPro_name{padding:60px 10px 10px}
.lywebPro_list ul li:hover .webPro_con .webPro_name a i{margin:0 auto 20px}
.dl_list ul li{width:100%}
}@media screen and (min-width:1024px) and (max-width:1079px){.arc_webProducts{padding:0 40px}
.arc_webProducts .lywebPro_main{max-width:inherit}
.lywebPro_main .lywebPro_left{width:100%}
.lywebPro_main .lywebPro_right{width:100%}
.lywebPro_right .lywebPro_list{margin:0 auto -30px}
.lywebPro_list ul{max-width:inherit}
.lywebPro_list ul li{width:48.5%;margin:0 3% 30px 0}
.lywebPro_list ul li:nth-child(3n+3){margin:0 3% 30px 0}
.lywebPro_list ul li:nth-child(2n+2){margin:0 0 30px}
.lywebPro_list ul li .webPro_con .webPro_img{height:220px}
.lywebPro_list ul li:hover .webPro_con .webPro_name{padding:60px 10px 10px}
.lywebPro_list ul li:hover .webPro_con .webPro_name a i{margin:0 auto 20px}
.dl_list ul li{width:100%}
}@media screen and (max-width:1023px) and (min-width:768px){.arc_webProducts{padding:0 40px}
.arc_webProducts .lywebPro_main{max-width:inherit}
.lywebPro_main .lywebPro_left{width:100%}
.lywebPro_main .lywebPro_right{width:100%}
.lywebPro_right .lywebPro_list{margin:0 auto -30px}
.lywebPro_list ul{max-width:inherit}
.lywebPro_list ul li{width:48.5%;margin:0 3% 30px 0}
.lywebPro_list ul li:nth-child(3n+3){margin:0 3% 30px 0}
.lywebPro_list ul li:nth-child(2n+2){margin:0 0 30px}
.lywebPro_list ul li .webPro_con .webPro_img{height:200px}
.lywebPro_list ul li:hover .webPro_con .webPro_name{padding:60px 10px 10px}
.lywebPro_list ul li:hover .webPro_con .webPro_name a i{margin:0 auto 20px}
.dl_list ul li{width:100%}
.dl_list ul li .pic{width:100%;height:250px}
.dl_list ul li .wz{width:100%;float:none}
.dl_list ul li .wz .desc{min-height:auto}
.dl_list ul li .wz .btn{width:100%}
}@media (max-width:767px){.arc_webProducts{padding:0 20px}
.arc_webProducts .lywebPro_main{max-width:inherit;margin:20px auto 0}
.lywebPro_main .lywebPro_left{width:100%}
.lywebPro_main .lywebPro_right{width:100%}
.lywebPro_right .lywebPro_list{margin:0 auto -20px}
.lywebPro_list ul{max-width:inherit}
.lywebPro_list ul li{width:100%;margin:0 auto 20px}
.lywebPro_list ul li:nth-child(3n+3){margin:0 auto 20px}
.lywebPro_list ul li:nth-child(2n+2){margin:0 auto 20px}
.lywebPro_list ul li .webPro_con .webPro_img{height:220px}
.lywebPro_list ul li:hover .webPro_con .webPro_name{padding:80px 10px 10px}
.lywebPro_list ul li:hover .webPro_con .webPro_name a i{margin:0 auto 20px}
.dl_list ul li .wz .btn{width:100%}
.dl_list ul li{width:100%}
.dl_list ul li .pic{width:100%;height:200px}
.dl_list ul li .wz{width:100%;float:none}
.dl_list ul li .wz .desc{min-height:auto}
}@media (max-width:375px){.lywebPro_list ul li .webPro_con .webPro_img{height:200px}
}@media (max-width:320px){.lywebPro_list ul li .webPro_con .webPro_img{height:165px}
.lywebPro_list ul li:hover .webPro_con .webPro_name{padding:60px 10px 10px}
.lywebPro_list ul li .webPro_con .webPro_name a{font-size:14px}
}.lyNewPro_Menu{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0 60px;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);position:fixed;left:0;top:90px;z-index:1;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.lyNewPro_Menu ul{display:flex}
.lyNewPro_Menu ul li{flex:1}
.lyNewPro_Menu ul li a{display:block;width:100%;height:auto;overflow:hidden;margin:0 auto;padding:16px 0;position:relative}
.lyNewPro_Menu ul li a p{width:32px;height:32px;overflow:hidden;margin:0 auto 6px;padding:0}
.lyNewPro_Menu ul li a p img{display:block;width:32px;height:64px;overflow:hidden;margin:0 auto;padding:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.lyNewPro_Menu ul li a span{display:block;width:100%;height:20px;overflow:hidden;line-height:20px;color:#333;font-size:16px;text-align:center;margin:0 auto;padding:0}
.lyNewPro_Menu ul li a i{display:block;width:1px;height:58px;overflow:hidden;margin:-29px 0 0;padding:0;background-color:#dedede;position:absolute;top:50%;left:0}
.lyNewPro_Menu ul li:first-child a i{display:none}
.lyNewPro_Menu ul li a em{display:block;width:0;height:2px;overflow:hidden;margin:0;padding:0;background-color:#3f8692;position:absolute;left:50%;bottom:0;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.lyNewPro_Menu ul li:hover a p img{margin:-32px auto 0}
.lyNewPro_Menu ul li:hover a span{color:#3f8692}
.lyNewPro_Menu ul li:hover a em{width:100%;margin:0 0 0 -50%}
.arc_NewProducts{width:100%;min-height:480px;overflow:hidden;margin:180px auto 0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.arc_NewProducts .lyNewPro_ba{width:100%;height:600px;overflow:hidden;margin:0 auto;padding:0;position:relative}
.lyNewPro_ba img{display:block;width:1920px;height:600px;overflow:hidden;margin:0;padding:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}
.lyNewPro_ba .lyNewProBa_text{width:100%;max-width:1600px;height:auto;margin:0;padding:0 50% 0 0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.lyNewProBa_text p{width:100%;height:auto;overflow:hidden;line-height:50px;color:#fff;font-size:48px;font-weight:bold;margin:0 auto;padding:0}
.lyNewProBa_text h2{width:100%;height:auto;overflow:hidden;line-height:50px;color:#fff;font-size:48px;font-weight:bold;margin:0 auto;padding:0}
.lyNewProBa_text em{display:block;width:60px;height:5px;overflow:hidden;margin:20px 0;padding:0;background-color:#3f8692}
.lyNewProBa_text span{display:block;width:100%;height:auto;overflow:hidden;line-height:25px;color:#fff;font-size:22px;margin:0 auto;padding:0}
.arc_NewProducts .lyNewPro_main{width:100%;max-width:1600px;height:auto;margin:80px auto;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.lyNewPro_main .lyNewPro_left{width:20%;overflow:hidden;margin:0;padding:0 60px 0 0;float:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.lyNewPro_left .ProFl_tit{width:100%;height:40px;overflow:hidden;line-height:40px;color:#333;font-size:36px;white-space:nowrap;text-overflow:ellipsis;margin:0 auto;padding:0}
.lyNewPro_left .ProFl_list{display:block;width:100%;height:auto;min-height:240px;overflow:hidden;margin:0;padding:20px 0}
.ProFl_list dl dd{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0}
.ProFl_list dl dd a{display:block;width:100%;height:40px;overflow:hidden;line-height:40px;color:#666;font-size:14px;white-space:nowrap;text-overflow:ellipsis;margin:0 auto;padding:0 0 0 20px;background:url(../images/jt7.png) left center no-repeat;background-size:8px 10px;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.ProFl_list dl dd a:hover,.ProFl_list dl dd a.cur{color:#3f8692;background:url(../images/jt8.png) left center no-repeat;background-size:8px 10px}
.lyNewPro_left .ProFl_pdf{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0}
.ProFl_pdf a{display:block;width:100%;height:auto;overflow:hidden;text-align:center;margin:0 auto;padding:18px 20px;background-color:#3f8692;border-radius:8px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.ProFl_pdf a:hover{background-color:#d2000c}
.ProFl_pdf a img{display:block;width:60px;height:48px;overflow:hidden;margin:0 auto;padding:0}
.ProFl_pdf a span{display:block;width:100%;height:20px;overflow:hidden;line-height:20px;color:#fff;font-size:14px;text-align:center;margin:4px auto;padding:0}
.ProFl_pdf a em{display:inline-block;width:auto;height:20px;overflow:hidden;line-height:20px;color:#3f8692;font-size:14px;text-align:center;margin:0 auto;padding:0 12px;background-color:#fff;border-radius:10px}
.lyNewPro_main .lyNewPro_right{width:80%;height:auto;margin:0;padding:0;float:right}
.lyNewPro_right .lyNewPro_list{width:100%;height:auto;margin:0 auto -20px;padding:0;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.lyNewPro_list .swiper-container{padding:0 0 20px}
.lyNewPro_list .swiper-slide .NewPro_con{width:100%;height:auto;margin:0 auto;padding:20px;background-color:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.lyNewPro_list .swiper-slide .NewPro_con .pic{display:block;width:100%;height:250px;overflow:hidden;background-color:#fff;margin:0 auto 20px;padding:0;text-align:center}
.lyNewPro_list .swiper-slide .NewPro_con .pic img{max-width:100%;max-height:100%;vertical-align:middle;transition:all .5s}
.lyNewPro_list .swiper-slide .NewPro_con .pic .iblock{display:inline-block;height:100%;width:0;vertical-align:middle}
.lyNewPro_list .swiper-slide .NewPro_con .wz .tlt{display:block;width:100%;height:30px;overflow:hidden;line-height:30px;color:#333;font-size:18px;white-space:nowrap;text-overflow:ellipsis;margin:0 auto;padding:0;position:relative}
.lyNewPro_list .swiper-slide .NewPro_con .wz em{display:block;width:40px;height:2px;background:#3f8692;margin:10px 0;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.lyNewPro_list .swiper-slide .NewPro_con .wz .desc{width:100%;height:44px;overflow:hidden;line-height:22px;color:#999;font-size:14px;margin:10px auto;padding:0;-webkit-line-clamp:2;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical}
.lyNewPro_list .swiper-slide .NewPro_con .wz .btn{overflow:hidden}
.lyNewPro_list .swiper-slide .NewPro_con .wz .btn a{display:block;width:46%;height:36px;overflow:hidden;line-height:34px;color:#666;font-size:14px;text-align:center;border:1px solid #dedede;float:left;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.lyNewPro_list .swiper-slide .NewPro_con .wz .btn a.bu2{float:right}
.lyNewPro_list .swiper-slide:hover .NewPro_con{box-shadow:0 5px 10px rgba(0,0,0,0.06)}
.lyNewPro_list .swiper-slide:hover .NewPro_con .pic img{transform:scale(1.1)}
.lyNewPro_list .swiper-slide:hover .NewPro_con .tlt{color:#3f8692}
.lyNewPro_list .swiper-slide:hover .NewPro_con .wz em{width:100%}
.lyNewPro_list .swiper-slide:hover .NewPro_con .wz .btn a{border:1px solid #3f8692;color:#3f8692}
.lyNewPro_list .swiper-slide .NewPro_con .wz .btn a:hover{background:#3f8692;color:#fff;border:1px solid #3f8692}
.lyNewPro_list .swiper-container .swiper-button-next,.lyNewPro_list .swiper-container .swiper-button-prev{width:40px;height:80px;overflow:hidden;margin:-40px 0 0;padding:0;position:absolute;top:50%;z-index:9;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.lyNewPro_list .swiper-container .swiper-button-next{right:0;background:rgba(0,0,0,0.5) url(../images/next3.png) center center no-repeat;background-size:32px 32px}
.lyNewPro_list .swiper-container .swiper-button-prev{left:0;background:rgba(0,0,0,0.5) url(../images/prev3.png) center center no-repeat;background-size:32px 32px}
.lyNewPro_list .swiper-container .swiper-button-next:hover{background:#3f8692 url(../images/next3.png) center center no-repeat;background-size:32px 32px}
.lyNewPro_list .swiper-container .swiper-button-prev:hover{background:#3f8692 url(../images/prev3.png) center center no-repeat;background-size:32px 32px}
@media screen and (max-width:1680px){.arc_NewProducts .lyNewPro_ba{height:540px}
.lyNewPro_ba img{width:1728px;height:540px}
}@media screen and (max-width:1600px){.lyNewPro_Menu{padding:0 40px}
.arc_NewProducts .lyNewPro_ba{height:520px}
.lyNewPro_ba img{width:1664px;height:520px}
.lyNewPro_ba .lyNewProBa_text{padding:0 50% 0 40px}
.lyNewProBa_text p{font-size:44px}
.lyNewProBa_text h2{font-size:44px}
.lyNewProBa_text em{height:5px}
.lyNewProBa_text span{line-height:24px;font-size:20px}
.arc_NewProducts .lyNewPro_main{padding:0 40px}
.lyNewPro_main .lyNewPro_left{width:18%}
.lyNewPro_left .ProFl_tit{font-size:32px}
.lyNewPro_left .ProFl_list{padding:15px 0}
.lyNewPro_main .lyNewPro_right{width:82%}
.lyNewPro_list .swiper-slide .NewPro_con .pic{height:240px}
}@media screen and (max-width:1560px){.arc_NewProducts .lyNewPro_ba{height:500px}
.lyNewPro_ba img{width:1600px;height:500px}
}@media screen and (max-width:1440px){.arc_NewProducts .lyNewPro_ba{height:460px}
.lyNewPro_ba img{width:1472px;height:460px}
.lyNewProBa_text p{font-size:40px}
.lyNewProBa_text h2{font-size:40px}
.lyNewProBa_text em{height:4px}
.lyNewProBa_text span{line-height:24px;font-size:18px}
.arc_NewProducts .lyNewPro_main{margin:60px auto}
.lyNewPro_main .lyNewPro_left{padding:0 40px 0 0}
.lyNewPro_left .ProFl_list{padding:13px 0}
.ProFl_pdf a{padding:10px 20px}
.lyNewPro_list .swiper-slide .NewPro_con .pic{height:220px}
}@media screen and (max-width:1366px){.arc_NewProducts .lyNewPro_ba{height:430px}
.lyNewPro_ba img{width:1376px;height:430px}
.lyNewPro_left .ProFl_tit{font-size:30px}
.lyNewPro_left .ProFl_list{min-height:216px;padding:15px 0}
.ProFl_list dl dd a{height:36px;line-height:36px}
.lyNewPro_list .swiper-slide .NewPro_con .pic{height:200px}
.lyNewPro_list .swiper-slide .NewPro_con .wz .tlt{font-size:16px}
}@media screen and (max-width:1280px){.arc_NewProducts .lyNewPro_ba{height:410px}
.lyNewPro_ba img{width:1312px;height:410px}
}@media screen and (max-width:1200px){.arc_NewProducts .lyNewPro_ba{height:380px}
.lyNewPro_ba img{width:1216px;height:380px}
.lyNewPro_main .lyNewPro_left{width:22%}
.lyNewPro_main .lyNewPro_right{width:78%}
.lyNewPro_left .ProFl_list{padding:20px 0}
.ProFl_pdf a{padding:15px 20px}
.lyNewPro_list .swiper-slide .NewPro_con .pic{height:220px}
}@media screen and (max-width:1080px){.arc_NewProducts .lyNewPro_ba{height:350px}
.lyNewPro_ba img{width:1120px;height:350px}
.lyNewProBa_text p{font-size:36px}
.lyNewProBa_text h2{font-size:36px}
.lyNewProBa_text em{width:48px;height:4px;margin:10px 0 12px}
.lyNewProBa_text span{line-height:20px;font-size:16px}
.lyNewPro_left .ProFl_tit{font-size:28px}
.lyNewPro_left .ProFl_list{padding:16px 0}
.ProFl_pdf a{padding:12px 20px}
.lyNewPro_list .swiper-slide .NewPro_con .pic{height:206px}
}@media screen and (max-width:1024px){.lyNewPro_Menu{padding:0 20px;top:70px}
.lyNewPro_Menu ul li a{padding:11px 0}
.lyNewPro_Menu ul li a span{font-size:14px}
.arc_NewProducts{margin:150px auto 0}
.arc_NewProducts .lyNewPro_ba{height:350px}
.lyNewPro_ba img{width:1120px;height:350px}
.lyNewPro_left .ProFl_list{padding:10px 0}
.ProFl_pdf a{padding:10px 20px}
.lyNewPro_list .swiper-slide .NewPro_con .pic{height:190px}
}@media screen and (max-width:920px){.arc_NewProducts .lyNewPro_ba{height:320px}
.lyNewPro_ba img{width:1024px;height:320px}
.lyNewPro_main .lyNewPro_left{width:28%}
.lyNewPro_main .lyNewPro_right{width:72%}
.lyNewPro_left .ProFl_list{padding:20px 0;min-height:240px}
.ProFl_list dl dd a{height:40px;line-height:40px}
.ProFl_pdf a{padding:18px 20px}
.lyNewPro_list .swiper-slide .NewPro_con .pic{height:250px}
.lyNewPro_list .swiper-slide .NewPro_con .wz .tlt{font-size:18px}
}@media screen and (max-width:820px){.arc_NewProducts .lyNewPro_ba{height:300px}
.lyNewPro_ba img{width:960px;height:300px}
.lyNewPro_main .lyNewPro_left{padding:0 20px 0 0}
.lyNewPro_left .ProFl_list{padding:20px 0;min-height:216px}
.ProFl_list dl dd a{height:36px;line-height:36px}
.ProFl_pdf a{padding:13px 20px}
.lyNewPro_list .swiper-slide .NewPro_con .pic{height:216px}
.lyNewPro_list .swiper-slide .NewPro_con .wz .tlt{font-size:16px}
}@media screen and (max-width:767px){.lyNewPro_Menu{padding:0;top:60px}
.arc_NewProducts{margin:140px auto 0}
.arc_NewProducts .lyNewPro_ba{height:160px}
.lyNewPro_ba img{width:512px;height:160px}
.lyNewPro_ba .lyNewProBa_text{padding:0 40% 0 20px}
.lyNewProBa_text p{line-height:30px;font-size:24px}
.lyNewProBa_text h2{line-height:30px;font-size:24px}
.lyNewProBa_text em{width:40px;height:2px;margin:8px 0}
.lyNewProBa_text span{line-height:20px;font-size:14px}
.arc_NewProducts .lyNewPro_main{margin:20px auto;padding:0 20px}
.lyNewPro_main .lyNewPro_left{width:100%;margin:0 auto 20px;padding:0;float:inherit}
.lyNewPro_left .ProFl_tit{height:30px;line-height:30px;font-size:22px}
.lyNewPro_left .ProFl_list{min-height:inherit;margin:10px auto;padding:0}
.ProFl_list dl dd{width:50%;margin:0;float:left}
.lyNewPro_main .lyNewPro_right{width:100%;float:inherit}
.lyNewPro_list .swiper-slide .NewPro_con .pic{height:300px}
.lyNewPro_list .swiper-slide .NewPro_con .wz .tlt{font-size:18px}
}@media screen and (max-width:375px){.arc_NewProducts .lyNewPro_ba{height:140px}
.lyNewPro_ba img{width:448px;height:140px}
.lyNewPro_list .swiper-slide .NewPro_con .pic{height:280px}
}@media screen and (max-width:320px){.lyNewPro_Menu ul li a span{font-size:12px}
.arc_NewProducts .lyNewPro_ba{height:120px}
.lyNewPro_ba img{width:384px;height:120px}
.lyNewPro_ba .lyNewProBa_text{padding:0 40% 0 20px}
.lyNewProBa_text p{line-height:30px;font-size:20px}
.lyNewProBa_text h2{line-height:30px;font-size:20px}
.lyNewProBa_text em{width:40px;height:2px;margin:4px 0}
.lyNewProBa_text span{line-height:20px;font-size:14px}
.lyNewPro_left .ProFl_tit{height:30px;line-height:30px;font-size:20px}
.lyNewPro_list .swiper-slide .NewPro_con .pic{height:240px}
}@media screen and (max-width:280px){.lyNewPro_list .swiper-slide .NewPro_con .pic{height:200px}
}.lywebPro_left .h_left{width:100%;overflow:hidden;background-color:#fff;margin:0 auto 20px}
.lywebPro_left .cp_type .hd{text-align:center;background:#3f8692;background-size:100% 100%;padding:20px}
.lywebPro_left .cp_type .hd p{height:40px;line-height:40px;font-size:28px;font-weight:bold;color:#fff}
.lywebPro_left .cp_type .hd p:before{content:'';display:inline-block;width:28px;height:28px;background:url(../images/mulu_tlt.png) center center no-repeat;margin-right:5px;vertical-align:middle;margin-top:-3px}
.lywebPro_left .cp_type .hd span{display:block;height:20px;line-height:20px;font-size:14px;color:#fff;text-transform:uppercase}
.lywebPro_left .cp_type .bd{border-top:0;padding:20px 10px 10px}
.lywebPro_left .cp_type .bd ul li{margin:0 auto 10px}
.lywebPro_left .cp_type .bd ul li.on{border:0}
.lywebPro_left .cp_type .bd ul li p{height:60px;line-height:60px;padding:0 60px 0 0;background-color:#f2f3f6;position:relative}
.lywebPro_left .cp_type .bd ul li p a{display:block;width:100%;padding:0 0 0 20px;overflow:hidden;line-height:60px;color:#333;font-size:16px;white-space:nowrap;text-overflow:ellipsis;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.lywebPro_left .cp_type .bd ul li p span{display:block;width:60px;height:60px;cursor:pointer;position:absolute;top:0;right:0;background:url(../images/mulu1.png) center center no-repeat;background-size:20px 20px}
.lywebPro_left .cp_type .bd ul li:hover p span{background:url(../images/mulu3.png) center center no-repeat;background-size:20px 20px}
.lywebPro_left .cp_type .bd ul li div{display:none}
.lywebPro_left .cp_type .bd ul li.on div{display:block}
.lywebPro_left .cp_type .bd ul li div a{display:block;height:48px;line-height:48px;color:#454545;font-size:14px;margin:0 auto 1px;padding:0 20px 0 36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lywebPro_left .cp_type .bd ul li div a:first-child{border-top:0}
.lywebPro_left .cp_type .bd ul li p:hover,.lywebPro_left .cp_type .bd ul li.on p{background-color:#3f8692}
.lywebPro_left .cp_type .bd ul li p:hover a,.lywebPro_left .cp_type .bd ul li.on p a{color:#fff}
.lywebPro_left .cp_type .bd ul li.on p span{background:url(../images/mulu2.png) center center no-repeat;background-size:20px 20px}
.lywebPro_left .cp_type .bd ul li div a:hover,.lywebPro_left .cp_type .bd ul li div a.active,.lywebPro_left .cp_type .bd ul li div a.on{color:#3f8692;background:url(../images/icon5.png) 20px center no-repeat}
.lywebPro_left .cp_type .bd ul a.ckqb{display:block;height:34px;line-height:34px;font-size:16px;color:#333;background:#f1f1f1;width:94%;margin:10px auto;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}
.lywebPro_left .cp_type .bd ul a.ckqb:hover{background:#e30614;color:#fff}
@media screen and (max-width:1199px) and (min-width:1080px){.lywebPro_left .cp_type .bd ul li div a{padding:0 20px 0 40px}
}@media screen and (max-width:1079px) and (min-width:1024px){.lywebPro_left .h_left{margin:0 auto 20px}
.lywebPro_left .cp_type{margin:0}
.lywebPro_left .cp_type .hd p:before{display:none}
.lywebPro_left .cp_type .hd{background:#3f8692 url(../images/down1.png) 96% center no-repeat;padding:20px;text-align:left;overflow:hidden}
.lywebPro_left .cp_type .hd.on{background:#3f8692 url(../images/up1.png) 96% center no-repeat}
.lywebPro_left .cp_type .hd span{display:block;font-style:italic;float:left;height:40px;line-height:40px;font-size:16px}
.lywebPro_left .cp_type .hd p{padding:0;display:block;font-size:28px;float:left;min-width:88px;margin:0 10px 0 0}
.lywebPro_left .cp_type .bd{display:none}
.lywebPro_left .cp_type .bd ul li:last-child{border:0}
.lywebPro_left .cp_type .bd ul li p{height:60px;line-height:60px}
.lywebPro_left .cp_type .bd ul li p a{width:90%;font-size:16px;line-height:60px}
.lywebPro_left .cp_type .bd ul li p span{width:10%;background-size:20px}
.lywebPro_left .cp_type .bd ul li.on p span{background-size:16px}
.lywebPro_left .cp_type .bd ul li p:hover span{background-size:16px}
.lywebPro_left .cp_type .hd p:before{display:none}
}@media screen and (max-width:1023px) and (min-width:768px){.lywebPro_left .h_left{margin:0 auto 20px}
.lywebPro_left .cp_type{margin:0}
.lywebPro_left .cp_type .hd p:before{display:none}
.lywebPro_left .cp_type .hd{background:#3f8692 url(../images/down1.png) 96% center no-repeat;padding:15px 20px;text-align:left;overflow:hidden}
.lywebPro_left .cp_type .hd.on{background:#3f8692 url(../images/up1.png) 96% center no-repeat}
.lywebPro_left .cp_type .hd span{display:block;font-style:italic;float:left;height:40px;line-height:40px;font-size:16px}
.lywebPro_left .cp_type .hd p{padding:0;display:block;font-size:28px;float:left;min-width:88px;margin:0 10px 0 0}
.lywebPro_left .cp_type .bd{display:none}
.lywebPro_left .cp_type .bd ul li:last-child{border:0}
.lywebPro_left .cp_type .bd ul li p{height:60px;line-height:60px}
.lywebPro_left .cp_type .bd ul li p a{width:90%;font-size:16px;line-height:60px}
.lywebPro_left .cp_type .bd ul li p span{width:10%;background-size:20px}
.lywebPro_left .cp_type .bd ul li.on p span{background-size:16px}
.lywebPro_left .cp_type .bd ul li p:hover span{background-size:16px}
.lywebPro_left .cp_type .hd p:before{display:none}
}@media screen and (max-width:767px){.lywebPro_left .h_left{margin:0 auto 20px}
.lywebPro_left .cp_type{margin:0}
.lywebPro_left .cp_type .hd p:before{display:none}
.lywebPro_left .cp_type .hd{background:#3f8692 url(../images/down1.png) 95% center no-repeat;background-size:32px 32px;padding:10px 20px;text-align:left;overflow:hidden}
.lywebPro_left .cp_type .hd.on{background:#3f8692 url(../images/up1.png) 95% center no-repeat;background-size:32px 32px}
.lywebPro_left .cp_type .hd span{display:block;font-style:italic;float:left;height:40px;line-height:40px;display:none}
.lywebPro_left .cp_type .hd p{padding:0;display:block;font-size:24px;float:left;min-width:88px;margin:0 10px 0 0}
.lywebPro_left .cp_type .bd{display:none}
.lywebPro_left .cp_type .bd ul li:last-child{border:0}
.lywebPro_left .cp_type .bd ul li p a{line-height:48px;font-size:16px}
.lywebPro_left .cp_type .bd ul li div a{font-size:14px}
.lywebPro_left .cp_type .bd ul li p{height:48px;line-height:48px}
.lywebPro_left .cp_type .bd ul li div a{height:44px;line-height:44px}
.lywebPro_left .cp_type .bd ul li p span{width:48px;height:48px;right:10px}
.lywebPro_left .cp_type .bd ul li.on p span{background-size:20px}
.lywebPro_left .cp_type .bd ul li p:hover span{background-size:20px}
}@media screen and (max-width:320px){.lywebPro_left .cp_type .hd{padding:4px 4%}
.lywebPro_left .cp_type .hd p{font-size:20px}
.lywebPro_left .cp_type .hd span{display:none}
}.arc_webProDetail{width:100%;max-width:1600px;height:auto;margin:40px auto;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box}
.arc_webProDetail .lywebProDetail_con{width:100%;overflow:hidden;margin:0 auto;padding:20px 40px 40px;background-color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box}
.lywebProDetail_con .lywebProDetail_ConTit{margin:0 auto 30px;padding:0;border-bottom:1px solid #ceddee}
.lywebProDetail_ConTit p{width:100px;height:60px;overflow:hidden;line-height:60px;color:#3f8692;font-size:24px;text-align:center;margin:0 0 -1px;padding:0;border-bottom:2px solid #3f8692}
.lywebProDetail_ConText{width:100%;overflow:hidden;line-height:28px;color:#555;font-size:14px;margin:0 auto;padding:0}
.lywebProDetail_ConText p{margin:0 auto 20px}
.lywebProDetail_ConText img,.lywebProDetail_ConText table,.lywebProDetail_ConText tr,.lywebProDetail_ConText td,.lywebProDetail_ConText p,.lywebProDetail_ConText span,.lywebProDetail_ConText div,.lywebProDetail_ConText video,.lywebProDetail_ConText embed{width:auto !important;height:auto !important;max-width:100% !important;max-height:100%;line-height:30px;color:#333;font-size:15px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;white-space:normal;word-break:break-all}
.webNewsdetail_con p span,.webNewsdetail_con span,.webNewsdetail_con p em,.webNewsdetail_con em{color:#333!important;font-size:15px!important}
.lywebProDetail_ConText table tr td p{text-indent:0!important}
.lywebProDetail_ConText p b{font-weight:bold}
.lywebProDetail_ConText img{display:inline-block;width:auto!important;height:auto!important;max-width:100%;margin:0 auto;padding:0;text-indent:0!important}
@media screen and (max-width:1079px) and (min-width:1024px){.lywebProDetail_con .lywebProDetail_left,.lywebProDetail_con .lywebProDetail_right{width:100%;margin:0 auto 20px}
.lywebProDetail_right .lywebProDetail_ConTit{margin:0 auto 25px;padding:0}
}@media screen and (max-width:1023px) and (min-width:768px){.lywebProDetail_con .lywebProDetail_left,.lywebProDetail_con .lywebProDetail_right{width:100%;margin:0 auto 20px}
.lywebProDetail_right .lywebProDetail_ConTit{margin:0 auto 20px;padding:0}
}@media (max-width:767px){.lywebProDetail_con .lywebProDetail_left,.lywebProDetail_con .lywebProDetail_right{width:100%}
.lywebProDetail_right .lywebProDetail_ConTit{margin:0 auto 20px;padding:0}
.lywebProDetail_right .lywebProDetail_ConText{max-height:99999999999999999999999px}
.lywebProDetail_ConText div{max-height:99999999999999999999999px}
}.pro_detail_main{width:100%;height:auto;margin:0 auto 40px;padding:40px;background-color:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.1);position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box}
.pro_detail_main .pro_detail_img{width:480px;height:480px;overflow:hidden;margin:0;padding:10px;border:1px solid #eee;float:left;box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box}
.pro_detail_img .pro_detail_img_main{width:100%;height:100%;margin:0 auto;padding:0;position:relative}
.pro_detail_img_main img{display:block;max-width:100%;max-height:100%;margin:auto;padding:0;position:absolute;left:0;top:0;right:0;bottom:0}
.pro_detail_main .pro_detail_text{width:47.4%;min-height:500px;overflow:hidden;margin:0;padding:0 0 80px;float:right;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box}
.pro_detail_text h1{width:100%;overflow:hidden;line-height:40px;color:#333;font-size:32px;text-align:justify;margin:0 auto;padding:0}
.pro_detail_text .jyms{width:100%;height:160px;overflow:hidden;margin:20px auto 40px;padding:20px;background-color:#f2f3f6;box-sizing:border-box}
.pro_detail_text .jyms p{width:100%;height:120px;overflow:hidden;line-height:30px;color:#888;font-size:16px;text-align:justify;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;text-overflow:ellipsis;margin:0 auto;padding:0}
.pro_detail_text .jyms p span{display:inline-block;height:30px;line-height:30px;color:#fff;font-size:14px;background-color:#3f8692;border-radius:15px;padding:0 8px;margin:0 8px 0 0}
.pro_detail_text ul{width:100%;margin:0 auto;padding:0}
.pro_detail_text ul li{width:50%;height:40px;overflow:hidden;line-height:40px;color:#333;font-size:16px;text-align:justify;white-space:nowrap;text-overflow:ellipsis;margin:10px 0;padding:0;float:left}
.pro_detail_text ul li img.dot{display:block;width:16px;height:16px;overflow:hidden;margin:12px 10px 12px 0;padding:0;float:left}
.pro_detail_text ul li img.star{display:inline-block;vertical-align:middle;margin:-4px 0 0 0}
.pro_detail_text ul li span{color:#333}
.pro_detail_text .pro_detail_btn{width:100%;height:60px;overflow:hidden;margin:0 auto;padding:0;position:absolute;left:0;bottom:0}
.pro_detail_btn a{display:block;width:30.666666%;height:60px;overflow:hidden;line-height:60px;color:#fff;font-size:22px;text-align:center;margin:0;padding:0;float:left}
.pro_detail_btn a.prodtl_btn1{float:left;margin:0 4% 0 0;background-color:#3f8692}
.pro_detail_btn a.prodtl_btn2{float:left;margin:0 4% 0 0;background-color:#828689}
.pro_detail_btn a.prodtl_btn3{float:left;background-color:#686b6e}
.pro_detail_btn a.prodtl_btn1:hover{background-color:#d2000c}
.pro_detail_btn a.prodtl_btn2:hover{background-color:#444648}
.pro_detail_btn a.prodtl_btn3:hover{background-color:#474a4d}
.prodetail_img{width:50%;height:500px;margin:0;padding:0;float:left;box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box}
#preview{width:100%;margin:0;text-align:center;position:relative}
.list-h li{float:left}
#spec-n5{width:19.8%;height:auto;padding-top:0;overflow:hidden;float:left}
#spec-left{width:16px;height:70px;float:left;cursor:pointer;margin-top:3px}
#spec-right{width:16px;height:70px;float:left;cursor:pointer;margin-top:3px}
#spec-list{width:440px;float:left;overflow:hidden;margin-left:2px;display:inline}
#spec-list ul li{float:left;display:inline;padding:0;width:100%;height:118px;margin:0 auto 9px}
#spec-list ul li:last-child{margin:0}
#spec-list ul li p{width:100%;height:100%;overflow:hidden;margin:0;padding:0;border:1px solid #dfdfdf;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box}
#spec-list ul li:hover p{border:1px solid #1f71c2}
#spec-list ul li img{display:block;max-width:94%;max-height:94%;margin:auto;padding:0;position:absolute;left:0;top:0;right:0;bottom:0}
.jqzoom{position:relative;width:79%;height:500px;overflow:hidden;padding:0;border:1px solid #dfdfdf;box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;float:right}
.jqzoom img{display:block;max-width:100%;max-height:100%;margin:auto;padding:0;position:absolute;left:0;top:0;right:0;bottom:0}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;border:1px solid #eaeaea;display:none;text-align:center;overflow:hidden;left:104%!important;top:0!important}
.jqZoomPup{width:200px!important;height:200px!important;z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move}
#spec-list{position:relative;width:100%;margin:0}
#ceshi{display:block;margin:auto!important;left:0;top:0;bottom:0;right:0}
.prodetail_img a.videoIco{left:20px!important;bottom:20px!important;z-index:99!important}
.Warning{width:100%!important;height:100%!important}
@media screen and (max-width:1199px) and (min-width:1080px){.pro_detail_main{width:100%}
.prodetail_img{width:45%;position:inherit;float:left}
.pro_detail_main .pro_detail_text{width:52%}
.pro_detail_text .pro_detail_btn{width:100%}
.zoomdiv{left:104%!important}
}@media screen and (width:1600px){.arc_webProDetail{max-width:inherit;padding:0 40px}
}@media screen and (min-width:1440px) and (max-width:1599px){.arc_webProDetail{max-width:inherit;padding:0 40px}
}@media screen and (min-width:1360px) and (max-width:1439px){.arc_webProDetail{max-width:inherit;padding:0 40px}
.prodetail_img{height:480px}
.jqzoom{height:480px}
#spec-list ul li{height:113.25px}
.pro_detail_main .pro_detail_text{min-height:480px}
.pro_detail_text .jyms{margin:20px auto 30px}
}@media screen and (min-width:1280px) and (max-width:1359px){.arc_webProDetail{max-width:inherit;padding:0 40px}
.prodetail_img{height:440px}
.jqzoom{height:440px}
#spec-list ul li{height:103.25px}
.pro_detail_main .pro_detail_text{min-height:440px}
.pro_detail_text .jyms{margin:20px auto}
.pro_detail_text .jyms p{font-size:15px}
.pro_detail_text ul li{margin:5px 0}
.pro_detail_text .pro_detail_btn{height:50px}
.pro_detail_btn a{height:50px;line-height:50px;font-size:18px}
}@media screen and (min-width:1200px) and (max-width:1279px){.arc_webProDetail{max-width:inherit;padding:0 40px}
.prodetail_img{height:410px}
.jqzoom{height:410px}
#spec-list ul li{height:95.75px}
.pro_detail_main .pro_detail_text{min-height:410px;padding:0 0 70px}
.pro_detail_text h1{font-size:30px}
.pro_detail_text .jyms{height:auto;margin:20px auto}
.pro_detail_text .jyms p{height:90px;font-size:15px;-webkit-line-clamp:3}
.pro_detail_text ul li{margin:5px 0}
.pro_detail_text .pro_detail_btn{height:50px}
.pro_detail_btn a{height:50px;line-height:50px;font-size:18px}
}@media screen and (min-width:1080px) and (max-width:1199px){.arc_webProDetail{max-width:inherit;padding:0 40px}
.prodetail_img{width:100%;height:480px;float:inherit}
.jqzoom{height:480px}
#spec-list ul li{height:113.25px}
.pro_detail_main .pro_detail_text{width:100%;min-height:inherit;float:inherit;margin:30px auto 0;padding:0 0 70px}
.pro_detail_text h1{font-size:30px}
.pro_detail_text .jyms{height:auto;margin:20px auto}
.pro_detail_text .jyms p{height:90px;font-size:15px;-webkit-line-clamp:3}
.pro_detail_text ul li{margin:5px 0}
.pro_detail_text .pro_detail_btn{height:50px}
.pro_detail_btn a{height:50px;line-height:50px;font-size:18px}
.zoomdiv,.jqZoomPup{display:none !important}
}@media screen and (min-width:1024px) and (max-width:1079px){.arc_webProDetail{max-width:inherit;padding:0 40px}
.prodetail_img{width:100%;height:480px;float:inherit}
.jqzoom{height:480px}
#spec-list ul li{height:113.25px}
.pro_detail_main .pro_detail_text{width:100%;min-height:inherit;float:inherit;margin:30px auto 0;padding:0 0 70px}
.pro_detail_text h1{font-size:30px}
.pro_detail_text .jyms{height:auto;margin:20px auto}
.pro_detail_text .jyms p{height:90px;font-size:15px;-webkit-line-clamp:3}
.pro_detail_text ul li{margin:5px 0}
.pro_detail_text .pro_detail_btn{height:50px}
.pro_detail_btn a{height:50px;line-height:50px;font-size:18px}
.zoomdiv,.jqZoomPup{display:none !important}
}@media screen and (max-width:1023px) and (min-width:768px){.arc_webProDetail{max-width:inherit;padding:0 40px}
.pro_detail_main{padding:20px}
.prodetail_img{width:100%;height:440px;float:inherit}
.jqzoom{height:440px}
#spec-list ul li{height:103.25px}
.pro_detail_main .pro_detail_text{width:100%;min-height:inherit;float:inherit;margin:20px auto 0;padding:0 0 70px}
.pro_detail_text h1{line-height:36px;font-size:28px}
.pro_detail_text .jyms{height:auto;margin:20px auto}
.pro_detail_text .jyms p{height:90px;font-size:15px;-webkit-line-clamp:3}
.pro_detail_text ul li{margin:0}
.pro_detail_text .pro_detail_btn{height:50px}
.pro_detail_btn a{height:50px;line-height:50px;font-size:18px}
.zoomdiv,.jqZoomPup{display:none !important}
.arc_webProDetail .lywebProDetail_con{padding:0 20px 20px}
.lywebProDetail_ConTit p{width:90px;font-size:22px}
.lywebProDetail_con .lywebProDetail_ConTit{margin:0 auto 20px}
.lywebProDetail_ConText p{margin:0 auto 10px}
}@media (max-width:767px){.arc_webProDetail{max-width:inherit;margin:20px auto;padding:0 20px}
.pro_detail_main{margin:0 auto 20px;padding:20px}
.prodetail_img{width:100%;height:auto;float:inherit}
.jqzoom{width:100%;height:300px;float:inherit}
#spec-n5{width:100%;float:inherit;margin:6px 0 0}
#spec-list ul li{width:23.5%;height:70px;margin:0 2% 0 0}
#spec-list ul li:nth-child(4){margin:0}
.pro_detail_main .pro_detail_text{width:100%;min-height:inherit;float:inherit;margin:20px auto 0;padding:0 0 70px}
.pro_detail_text h1{line-height:32px;font-size:24px}
.pro_detail_text .jyms{height:auto;margin:20px auto;padding:10px 10px 15px}
.pro_detail_text .jyms p{height:72px;line-height:24px;font-size:14px;-webkit-line-clamp:3}
.pro_detail_text ul li{width:100%;margin:0;font-size:15px}
.pro_detail_text .pro_detail_btn{height:50px}
.pro_detail_btn a{height:40px;line-height:40px;font-size:14px}
.zoomdiv,.jqZoomPup{display:none !important}
.arc_webProDetail .lywebProDetail_con{padding:0 20px 20px}
.lywebProDetail_ConTit p{width:90px;font-size:22px}
.lywebProDetail_con .lywebProDetail_ConTit{margin:0 auto 20px}
.lywebProDetail_ConText img,.lywebProDetail_ConText table,.lywebProDetail_ConText tr,.lywebProDetail_ConText td,.lywebProDetail_ConText p,.lywebProDetail_ConText span,.lywebProDetail_ConText div,.lywebProDetail_ConText video,.lywebProDetail_ConText embed{font-size:14px;line-height:28px}
.lywebProDetail_ConText p{margin:0 auto 10px}
}@media (max-width:375px){.jqzoom{height:240px}
#spec-list ul li{height:60px}
.pro_detail_text h1{line-height:30px;font-size:22px}
}@media (max-width:320px){.jqzoom{height:200px}
}.webPro_tj{width:100%;overflow:hidden;margin:0 auto;padding:0}
.webPro_tj1{margin:0 auto 40px}
.webProTj_title{width:100%;overflow:hidden;margin:0 auto 40px;padding:0}
.webProTj_title p{width:100%;overflow:hidden;line-height:40px;color:#333;font-size:32px;font-weight:bold;text-align:center;margin:0 auto 10px;padding:0}
.webProTj_title h2{width:100%;overflow:hidden;line-height:40px;color:#333;font-size:32px;font-weight:bold;text-align:center;margin:0 auto 10px;padding:0}
.webProTj_title i{display:block;width:30px;height:2px;overflow:hidden;margin:9px auto;padding:0;background-color:#3f8692}
.webProTj_title span{display:block;width:100%;overflow:hidden;line-height:20px;color:#999;font-size:15px;text-align:center;margin:0 auto;padding:0;text-transform:uppercase}
.webProTj_list{width:100%;height:auto;margin:0 auto;padding-bottom:30px;position:relative}
.webProTj_list ul.content-slider{padding-bottom:20px!important}
.webProTj_list ul.content-slider li{padding:20px;background-color:#fff;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webProTj_list ul.content-slider li:hover{box-shadow:0 10px 20px rgba(20,34,49,0.1)}
.webProTj_list ul.content-slider li .webProTj_con{width:100%;height:440px;overflow:hidden;margin:0 auto;padding:9px;border:1px solid rgba(13,81,152,0.2);position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webProTj_list ul.content-slider li .webProTj_con .webProTj_img{width:100%;height:277px;overflow:hidden;margin:0 auto;padding:0}
.webProTj_list ul.content-slider li .webProTj_con .webProTj_img a{display:block;width:100%;height:100%;overflow:hidden;margin:0 auto;padding:0;position:relative}
.webProTj_list ul.content-slider li .webProTj_con .webProTj_img a img{display:block;max-width:100%;max-height:100%;margin:auto;padding:0;position:absolute;left:0;top:0;right:0;bottom:0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s}
.webProTj_list ul.content-slider li:hover .webProTj_con .webProTj_img a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.webProTj_list ul.content-slider li .webProTj_con .webProTj_name{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webProTj_list ul.content-slider li .webProTj_con .webProTj_name a.webProTj_bt{display:block;width:100%;height:30px;overflow:hidden;line-height:30px;color:#333;font-size:16px;text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:0 auto;padding:15px 0 0 0}
.webProTj_list ul.content-slider li .webProTj_con .webProTj_name a.webProTj_bt i{display:none}
.webProTj_list ul.content-slider li .webProTj_con .webProTj_name em{display:block;width:30px;height:2px;overflow:hidden;background-color:#3f8692;margin:20px auto;padding:0}
.webProTj_list ul.content-slider li .webProTj_con .webProTj_name span{display:block;width:100%;height:20px;overflow:hidden;line-height:20px;color:#999;font-size:14px;text-align:center;text-transform:uppercase;margin:0 auto;padding:0;white-space:nowrap;text-overflow:ellipsis}
.webProTj_list ul.content-slider li:hover .webProTj_con .webProTj_name span{color:rgba(255,255,255,0.5)}
.webProTj_list ul.content-slider li:hover .webProTj_con{padding:10px;border:1px solid rgba(210,0,12,0.9)}
.webProTj_list ul.content-slider li:hover .webProTj_con .webProTj_name{height:100%;padding:80px 10px 10px;position:absolute;left:0;top:0;background-color:rgba(210,0,12,0.9)}
.webProTj_list ul.content-slider li:hover .webProTj_con .webProTj_name a.webProTj_bt{height:auto;color:#fff}
.webProTj_list ul.content-slider li:hover .webProTj_con .webProTj_name a.webProTj_bt i{display:block;width:100px;height:100px;border:1px solid #fff;border-radius:50%;overflow:hidden;margin:0 auto 100px;padding:0;background:url(../images/more1.png) center center no-repeat;background-size:50px 50px}
.webProTj_list ul.content-slider li:hover .webProTj_con .webProTj_name em{background-color:#fff}
.webProTj_list ul.content-slider li .webProTj_con .webProTj_name a.webProTj_more{display:block;width:140px;height:40px;overflow:hidden;line-height:38px;color:#666;font-size:14px;text-align:center;border:1px solid #dfdfdf;border-radius:20px;margin:0 auto;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.webProTj_list ul.content-slider li:hover .webProTj_con .webProTj_name a.webProTj_more{color:#3f8692;background-color:#fff;border:1px solid #fff}
.webProTj_list ul.content-slider li .webProTj_con .webProTj_name a.webProTj_more i{display:inline-block;width:20px;height:20px;vertical-align:middle;margin:-4px 0 0 8px;background:url(../images/jt6.png) 0 0 no-repeat}
.webProTj_list ul.content-slider li:hover .webProTj_con .webProTj_name a.webProTj_more i{background:url(../images/jt3.png) 0 0 no-repeat}
.webProTj_list .lSSlideOuter .lSPager.lSpg{width:100%;position:absolute;bottom:0}
.webProTj_list .lSSlideOuter .lSPager.lSpg > li a{width:10px;height:10px;background-color:#3f8692!important;opacity:0.2}
.webProTj_list .lSSlideOuter .lSPager.lSpg > li:hover a,.webProTj_list .lSSlideOuter .lSPager.lSpg > li.active a{opacity:1}
@media screen and (min-width:1440px) and (max-width:1599px){.webProTj_list ul.content-slider li .webProTj_con{height:400px}
.webProTj_list ul.content-slider li .webProTj_con .webProTj_img{height:237px}
.webProTj_list ul.content-slider li:hover .webProTj_con .webProTj_name a.webProTj_bt i{margin:0 auto 60px}
}@media screen and (min-width:1360px) and (max-width:1439px){.webProTj_list ul.content-slider li .webProTj_con{height:380px}
.webProTj_list ul.content-slider li .webProTj_con .webProTj_img{height:217px}
.webProTj_list ul.content-slider li:hover .webProTj_con .webProTj_name a.webProTj_bt i{width:80px;height:80px;margin:0 auto 60px}
}@media screen and (min-width:1280px) and (max-width:1359px){.webProTj_list ul.content-slider li{padding:10px}
.webProTj_list ul.content-slider li .webProTj_con{height:380px}
.webProTj_list ul.content-slider li .webProTj_con .webProTj_img{height:217px}
.webProTj_list ul.content-slider li:hover .webProTj_con .webProTj_name a.webProTj_bt i{width:80px;height:80px;margin:0 auto 60px}
}@media screen and (min-width:1200px) and (max-width:1279px){.webProTj_list ul.content-slider li{padding:10px}
.webProTj_list ul.content-slider li .webProTj_con{height:370px}
.webProTj_list ul.content-slider li .webProTj_con .webProTj_img{height:207px}
.webProTj_list ul.content-slider li:hover .webProTj_con .webProTj_name a.webProTj_bt i{width:80px;height:80px;margin:0 auto 60px}
}@media screen and (min-width:1080px) and (max-width:1199px){.webPro_tj1{margin:0 auto 20px}
.webProTj_title{margin:0 auto 20px}
.webProTj_title span{font-size:14px}
.webProTj_list ul.content-slider li{padding:10px}
.webProTj_list ul.content-slider li .webProTj_con{height:330px}
.webProTj_list ul.content-slider li .webProTj_con .webProTj_img{height:167px}
.webProTj_list ul.content-slider li:hover .webProTj_con .webProTj_name a.webProTj_bt i{width:80px;height:80px;margin:0 auto 37px}
.webProTj_list ul.content-slider li:hover .webProTj_con .webProTj_name{padding:50px 10px 10px}
}@media screen and (min-width:1024px) and (max-width:1079px){.webProTj_title{margin:0 auto 20px}
.webProTj_title p{line-height:36px;font-size:30px}
.webProTj_title h2{line-height:36px;font-size:30px}
.webProTj_title span{font-size:14px}
.webProTj_list ul.content-slider li{padding:10px}
.webProTj_list ul.content-slider li .webProTj_con{height:320px}
.webProTj_list ul.content-slider li .webProTj_con .webProTj_img{height:157px}
.webProTj_list ul.content-slider li:hover .webProTj_con .webProTj_name a.webProTj_bt i{width:80px;height:80px;margin:0 auto 37px}
.webProTj_list ul.content-slider li:hover .webProTj_con .webProTj_name{padding:50px 10px 10px}
}@media screen and (max-width:1023px) and (min-width:768px){.webProTj_title{margin:0 auto 20px}
.webProTj_title p{line-height:36px;font-size:30px}
.webProTj_title h2{line-height:36px;font-size:30px}
.webProTj_title span{font-size:14px}
.webProTj_list{width:60%}
.webProTj_list ul.content-slider li{padding:20px}
.webProTj_list ul.content-slider li .webProTj_con{height:390px}
.webProTj_list ul.content-slider li .webProTj_con .webProTj_img{height:227px}
.webProTj_list ul.content-slider li:hover .webProTj_con .webProTj_name a.webProTj_bt i{width:80px;height:80px;margin:0 auto 82px}
.webProTj_list ul.content-slider li:hover .webProTj_con .webProTj_name{padding:75px 10px 10px}
.webProTj_list .lSSlideOuter,.webProTj_list .lSSlideOuter .lSSlideWrapper{overflow:inherit}
}@media (max-width:767px){.webPro_tj1{margin:0 auto 20px}
.webProTj_title{margin:0 auto 20px}
.webProTj_title p{line-height:36px;font-size:30px;margin:0 auto 4px}
.webProTj_title h2{line-height:36px;font-size:30px;margin:0 auto 4px}
.webProTj_title span{font-size:14px}
.webProTj_list{padding-bottom:10px}
.webProTj_list ul.content-slider li{padding:20px}
.webProTj_list ul.content-slider li .webProTj_con{height:390px}
.webProTj_list ul.content-slider li .webProTj_con .webProTj_img{height:227px}
.webProTj_list ul.content-slider li:hover .webProTj_con .webProTj_name a.webProTj_bt i{width:80px;height:80px;margin:0 auto 80px}
.webProTj_list ul.content-slider li:hover .webProTj_con .webProTj_name{padding:70px 10px 10px}
}
@media (max-width:320px){.webProTj_list ul.content-slider li{padding:10px}
.webProTj_list ul.content-slider li .webProTj_con{height:370px}
.webProTj_list ul.content-slider li .webProTj_con .webProTj_img{height:207px}
.webProTj_list ul.content-slider li:hover .webProTj_con .webProTj_name a.webProTj_bt i{margin:0 auto 65px}
}.web_solution{padding-top:40px}
.web_solution ul li{float:left;margin-right:3%;width:31.333333%;margin-bottom:30px}
.web_solution ul li:nth-child(3n){margin-right:0}
.web_solution ul li .pic{display:block;height:319px;overflow:hidden;text-align:center;background:#fff}
.web_solution ul li .pic img{width:100%;max-width:100%;max-height:100%;vertical-align:middle;transition:all .5s}
.web_solution ul li .pic .iblock{display:inline-block;height:100%;width:0;vertical-align:middle}
.web_solution ul li .wz{background:#fff;padding:16px 4%;position:relative;transition:all .5s}
.web_solution ul li .wz .tlt{font-size:20px;color:#191919;font-weight:bold;margin-bottom:10px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .5s}
.web_solution ul li .wz .desc{overflow:hidden}
.web_solution ul li .wz .desc p{font-size:14px;color:#666;line-height:24px;float:left;width:85%;height:50px;overflow:hidden;transition:all .5s}
.web_solution ul li .wz .desc a.more{display:block;font-style:normal;font-family:"宋体";font-weight:bold;width:30px;height:30px;border:1px solid #ddd;color:#ddd;border-radius:100%;float:right;text-align:center;line-height:30px;transition:all .5s}
.web_solution ul li .wz:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;transition:all .5s;background:#3f8692;z-index:-1}
.web_solution ul li:hover .wz .tlt{color:#fff}
.web_solution ul li:hover .wz .desc p{color:#fff}
.web_solution ul li:hover .wz .desc a.more{border:1px solid #fff;color:#fff}
.web_solution ul li:hover .wz:after{height:100%}
.web_solution ul li:hover .pic img{transform:scale(1.1)}
.web_solution ul li:hover .wz{background:#3f8692}
@media screen and (min-width:1440px) and (max-width:1599px){.web_solution ul li .pic{height:268px}
}@media screen and (min-width:1360px) and (max-width:1439px){.web_solution ul li .pic{height:253px}
}@media screen and (min-width:1280px) and (max-width:1359px){.web_solution ul li .pic{height:240px}
}@media screen and (min-width:1080px) and (max-width:1279px){.web_solution ul li .pic{height:195px}
}@media screen and (min-width:1024px) and (max-width:1079px){.h_solution ul li .pic{height:195px}
.h_tlt1 p{font-size:34px}
}@media screen and (max-width:1023px) and (min-width:768px){.web_solution ul li .pic{height:144px}
.web_solution ul li .wz .desc a.more{display:none}
.web_solution ul li .wz .desc p{width:100%}
}@media (max-width:767px){.web_solution ul li{width:100%;margin-right:0;margin-bottom:24px}
.web_solution ul li .pic{height:226px}
}
.web_case{padding-top:40px}
.web_case ul li{width:32.4%;height:auto;margin:0 1.4% 30px 0;padding:20px 20px 0;background-color:#fff;float:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s}
.web_case ul li:hover{box-shadow:0 10px 20px rgba(20,34,49,0.1)}
.web_case ul li:nth-child(3n+3){margin:0 0 30px 0}
.web_case ul li .webNewTj_img{width:100%;height:240px;overflow:hidden;margin:0 auto 20px;padding:0;background-color:#f2f2f2;position:relative;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.web_case ul li .webNewTj_img img{display:block;max-width:100%;max-height:100%;margin:auto;padding:0;position:absolute;left:0;top:0;right:0;bottom:0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s}
.web_case ul li:hover .webNewTj_img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)}
.web_case ul li .webNewTj_img .webNewTj_mask{display:none;width:100%;height:100%;overflow:hidden;margin:0;padding:0;background-color:rgba(20,34,49,0.8);position:absolute;left:0;top:0;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s}
.web_case ul li:hover .webNewTj_img .webNewTj_mask{display:block}
.web_case ul li .webNewTj_img .webNewTj_mask a{display:block;width:100%;height:50px;overflow:hidden;margin:-25px 0 0 0;padding:0 20px;position:absolute;left:0;top:50%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.web_case ul li .webNewTj_img .webNewTj_mask a i{display:block;width:24px;height:1px;overflow:hidden;margin:0 auto;padding:0;background-color:#fff;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s}
.web_case ul li .webNewTj_img .webNewTj_mask a:hover i{width:120px}
.web_case ul li .webNewTj_img .webNewTj_mask a span{display:block;width:100%;height:30px;overflow:hidden;line-height:30px;color:#fff;font-size:16px;text-align:center;white-space:nowrap;text-overflow:ellipsis;margin:9px auto;padding:0}
.web_case ul li .webNewTj_text{width:100%;height:auto;overflow:hidden;margin:0 auto;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.web_case ul li .webNewTj_text a.webNewTj_name{display:block;width:100%;height:30px;overflow:hidden;line-height:30px;color:#333;font-size:18px;white-space:nowrap;text-overflow:ellipsis;margin:0 auto;padding:0}
.web_case ul li .webNewTj_text span{display:block;width:100%;height:20px;overflow:hidden;line-height:20px;color:#999;font-size:14px;margin:10px auto;padding:0}
.web_case ul li .webNewTj_text span img{display:block;width:20px;height:20px;overflow:hidden;margin:0 4px 0 0;padding:0;float:left}
.web_case ul li .webNewTj_text p{width:100%;height:48px;overflow:hidden;line-height:24px;color:#666;font-size:14px;margin:0 auto;padding:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}
.web_case ul li .webNewTj_text a.webNewTj_btn{display:block;width:100%;height:60px;overflow:hidden;line-height:60px;color:#666;font-size:14px;white-space:nowrap;text-overflow:ellipsis;margin:12px auto 0;padding:0;background:url(../images/jt4.png) right center no-repeat;border-top:1px solid #f2f2f2;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s}
.web_case ul li:hover .webNewTj_text a.webNewTj_name{color:#3f8692}
.web_case ul li:hover .webNewTj_text a.webNewTj_btn{color:#3f8692;background:url(../images/jt5.png) right center no-repeat;border-top:1px solid #3f8692}
@media screen and (width:1600px){.web_case ul li .webNewTj_img{height:227px}
}@media screen and (min-width:1440px) and (max-width:1599px){.web_case ul li .webNewTj_img{height:200px}
.web_case ul li .webNewTj_img .webNewTj_mask a:hover i{width:100px}
}@media screen and (min-width:1366px) and (max-width:1439px){.web_case ul li .webNewTj_img{height:189px}
.web_case ul li .webNewTj_img .webNewTj_mask a:hover i{width:80px}
}@media screen and (min-width:1360px) and (max-width:1365px){.web_case ul li .webNewTj_img{height:188px}
.web_case ul li .webNewTj_img .webNewTj_mask a:hover i{width:80px}
}@media screen and (min-width:1280px) and (max-width:1359px){.web_case ul li{width:32%;margin:0 1.82% 0 0}
.web_case ul li:nth-child(3n+3){margin:0}
.web_case ul li .webNewTj_img{height:172px}
.web_case ul li .webNewTj_img .webNewTj_mask a:hover i{width:80px}
.web_case ul li .webNewTj_text a.webNewTj_name{font-size:16px}
.web_case ul li .webNewTj_text a.webNewTj_btn{height:48px;line-height:48px}
}@media screen and (min-width:1200px) and (max-width:1279px){.web_case ul li{width:32%;margin:0 1.82% 0 0}
.web_case ul li:nth-child(3n+3){margin:0}
.web_case ul li .webNewTj_img{height:160px}
.web_case ul li .webNewTj_img .webNewTj_mask a:hover i{width:80px}
.web_case ul li .webNewTj_text a.webNewTj_name{font-size:16px}
.web_case ul li .webNewTj_text a.webNewTj_btn{height:48px;line-height:48px}
}@media screen and (min-width:1080px) and (max-width:1199px){.web_case ul li{width:32%;margin:0 1.82% 0 0;padding:16px 16px 0}
.web_case ul li:nth-child(3n+3){margin:0}
.web_case ul li .webNewTj_img{height:144px;margin:0 auto 16px}
.web_case ul li .webNewTj_img .webNewTj_mask a:hover i{width:80px}
.web_case ul li .webNewTj_text a.webNewTj_name{font-size:16px}
.web_case ul li .webNewTj_text a.webNewTj_btn{height:48px;line-height:48px}
}@media screen and (min-width:1024px) and (max-width:1079px){.web_case ul li{width:32%;margin:0 1.82% 0 0;padding:16px 16px 0}
.web_case ul li:nth-child(3n+3){margin:0}
.web_case ul li .webNewTj_img{height:136px;margin:0 auto 16px}
.web_case ul li .webNewTj_img .webNewTj_mask a:hover i{width:60px}
.web_case ul li .webNewTj_text a.webNewTj_name{font-size:16px}
.web_case ul li .webNewTj_text a.webNewTj_btn{height:48px;line-height:48px}
}@media screen and (max-width:1023px) and (min-width:768px){.web_case ul li{width:100%;margin:0 auto 20px;float:inherit}
.web_case ul li:nth-child(3n+3){margin:0 auto}
.web_case ul li .webNewTj_img{height:324px;margin:0 auto 16px}
.web_case ul li .webNewTj_img .webNewTj_mask a span{font-size:15px}
.web_case ul li .webNewTj_img .webNewTj_mask a:hover i{width:60px}
.web_case ul li .webNewTj_text a.webNewTj_name{font-size:16px}
}@media (max-width:767px){.web_case ul li{width:100%;margin:0 auto 20px;float:inherit;padding:12px 12px 0}
.web_case ul li:nth-child(3n+3){margin:0 auto}
.web_case ul li .webNewTj_img{height:177px;margin:0 auto 10px}
.web_case ul li .webNewTj_img .webNewTj_mask a span{font-size:15px}
.web_case ul li .webNewTj_img .webNewTj_mask a:hover i{width:60px}
.web_case ul li .webNewTj_text a.webNewTj_name{font-size:16px}
.web_case ul li .webNewTj_text a.webNewTj_btn{height:48px;line-height:48px}
}@media (max-width:375px){.web_case ul li .webNewTj_img{height:156px}
}@media (max-width:320px){.web_case ul li .webNewTj_img{height:128px}
}.pc_contact{width:100%;overflow:hidden;margin:0 auto;padding:0;padding-top:40px}
.pc_contact .contact_p1{width:1600px;margin:0 auto;overflow:hidden;margin:0 auto;padding:80px 0 30px;background-color:#fff;border-top:5px solid #3f8692}
.contact_p1 ul li{width:47%;overflow:hidden;margin:0 0 0 2.5%;padding:0;float:left}
.contact_p1 ul li .contact_icon1,.contact_p1 ul li .contact_icon2,.contact_p1 ul li .contact_icon3,.contact_p1 ul li .contact_icon4{width:120px;height:120px;overflow:hidden;margin:0 auto;padding:0;border-radius:50%}
.contact_p1 ul li .contact_icon1{background:#fff3f4 url(../images/contact_icon01.png) center center no-repeat}
.contact_p1 ul li .contact_icon2{background:#fff3f4 url(../images/contact_icon02.png) center center no-repeat}
.contact_p1 ul li .contact_icon3{background:#fff3f4 url(../images/contact_icon03.png) center center no-repeat}
.contact_p1 ul li .contact_icon4{background:#fff3f4 url(../images/contact_icon04.png) center center no-repeat}
.contact_p1 ul li:hover .contact_icon1{background:#3f8692 url(../images/contact_icon1.png) center center no-repeat}
.contact_p1 ul li:hover .contact_icon2{background:#3f8692 url(../images/contact_icon2.png) center center no-repeat}
.contact_p1 ul li:hover .contact_icon3{background:#3f8692 url(../images/contact_icon3.png) center center no-repeat}
.contact_p1 ul li:hover .contact_icon4{background:#3f8692 url(../images/contact_icon4.png) center center no-repeat}
.contact_p1 ul li .tlt{width:100%;overflow:hidden;margin:40px auto 20px;padding:0;color:#3f8692;font-size:16px;text-align:center}
.contact_p1 ul li p{width:100%;overflow:hidden;line-height:24px;margin:0 auto;padding:0;color:#777;font-size:14px;text-align:center}
.contact_p1 ul li p font{font-family:"Arial"}
.contact_p2{width:70%;height:480px;overflow:hidden;margin:20px auto;padding:0 15%;background:url(../images/contact_p2_bg.jpg) center center no-repeat;background-size:cover}
.contact_p2 .tlt{width:100%;overflow:hidden;margin:120px auto 30px;padding:0;color:#fff;font-size:16px;text-align:center}
.contact_p2 img{display:block;width:200px;height:200px;overflow:hidden;margin:0 auto;padding:0}
.contact_p4{width:1600px;margin:0 auto;overflow:hidden;margin:0 auto 20px;padding:40px 0;background-color:#fff;border-top:5px solid #3f8692}
.contact_p4 .tlt{width:93%;overflow:hidden;margin:0 auto;padding:0 3.5%;color:#333;font-size:16px}
.contact_p4 .tlt span{display:block;width:40px;height:2px;overflow:hidden;margin:20px 0 0;padding:0;background-color:#3f8692}
.contact_p4 ul{width:100%;overflow:hidden;margin:20px auto;padding:0}
.contact_p4 ul li{width:44.75%;overflow:hidden;line-height:50px;margin:10px 0 10px 3.5%;padding:0;color:#666;font-size:14px;float:left;position:relative}
.contact_p4 ul li label{padding:0 20px}
.contact_p4 ul li label input{vertical-align:middle;margin:0 6px 4px 0}
.contact_p4 ul li .tlt2{width:100%;overflow:hidden;margin:0 0 10px;padding:0;color:#333;font-size:14px}
.contact_p4 ul li .tlt2 em{font-size:12px;color:#f00}
.contact_p4 ul li .tlt2 span{display:inline-block;color:#999;font-size:12px;float:right}
.contact_p4 ul li .cp4_ipt{display:block;width:100%;height:50px;overflow:hidden;line-height:48px;color:#777;font-size:14px;outline:none;margin:0;padding:0 19px;border:1px solid #eaeaea;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.contact_p4 ul li .cp4_area{display:block;width:100%;height:144px;overflow:hidden;line-height:24px;color:#777;font-size:14px;outline:none;margin:0;padding:12px 19px;border:1px solid #eaeaea;resize:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.contact_p4 ul li .cp4_btn1{display:block;width:100%;height:50px;overflow:hidden;line-height:50px;color:#fff;font-size:16px;text-align:center;border-radius:2px;background-color:#3f8692;border:none;margin:20px 0;outline:none;cursor:pointer}
.contact_p4 ul li a{display:block;width:70px;height:22px;overflow:hidden;padding:5px;position:absolute;right:10px;bottom:10px}
.ct_map{width:1560px;margin:0 auto;overflow:hidden;height:500px;padding:20px 20px;background:#fff}
@media screen and (max-width:1600px) and (min-width:1200px){.pc_contact .contact_p1{width:95%}
.contact_p4{width:95%}
.ct_map{width:90%;padding:20px 2.5%}
}@media screen and (max-width:1199px) and (min-width:1080px){.pc_contact .contact_p1{width:95%}
.contact_p4{width:95%}
.ct_map{width:90%;padding:20px 2.5%}
}@media screen and (max-width:1079px) and (min-width:768px){.pc_contact .contact_p1{width:95%}
.contact_p4{width:95%;padding:40px 0 10px}
.ct_map{width:90%;padding:20px 2.5%;height:340px}
}@media screen and (max-width:767px){.pc_contact{padding-top:30px}
.pc_contact .contact_p1{width:95%;padding:30px 0 0}
.contact_p1 ul li{width:100%;margin-bottom:20px}
.contact_p1 ul li .contact_icon1,.contact_p1 ul li .contact_icon2,.contact_p1 ul li .contact_icon3,.contact_p1 ul li .contact_icon4{width:80px;height:80px;background-size:60%}
.contact_p1 ul li .tlt{margin:14px auto 12px}
.contact_p4{width:95%;padding:30px 0 10px}
.ct_map{width:90%;padding:20px 2.5%;height:240px}
.contact_p2{height:280px}
.contact_p2 .tlt{margin:42px auto 30px}
.contact_p2 img{width:140px;height:140px}
.contact_p4 ul li{width:95%;margin:0 auto 10px;float:none}
.contact_p4 ul li .cp4_btn1{margin:10px 0}
}.webdown_list{padding-top:40px}
.webdown_list ul li{width:48.5%;float:left;margin:0 3% 20px 0}
.webdown_list ul li:nth-child(2n+2){margin:0 0 20px 0}
.webdown_list ul li .wrap{display:block;width:100%;float:left;border:solid 1px #eaeaea;padding:0 0 0;position:relative;background:#fff}
.webdown_list ul li .wrap .type{display:block;width:50px;height:42px;float:left;text-align:center;background:url(../images/down3.jpg) no-repeat right top;padding:18px 10px 10px 10px}
.webdown_list ul li .wrap .type img{vertical-align:top;width:13px}
.webdown_list ul li .wrap .type span{display:block;width:100%;text-transform:uppercase;font-size:12px;letter-spacing:1px;line-height:24px;color:white;font-family:'OPENSANS-BOLD';overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.webdown_list ul li .wrap .time{height:70px;line-height:70px;width:170px;position:relative;text-align:center;font-size:14px;color:#333;letter-spacing:1px;float:left}
.webdown_list ul li .wrap .time span{display:inline-block;vertical-align:middle;margin:-3px 7px 0 0;background:url(../images/time.png) no-repeat center center;width:20px;height:20px}
.webdown_list ul li .wrap .time:before{content:'';width:1px;height:48px;position:absolute;right:0;top:50%;margin-top:-24px;background:#d9d9d9}
.webdown_list ul li .wrap .title{width:486px;padding:0 20px;float:left;line-height:68px;font-size:16px;color:black;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.webdown_list ul li .wrap:hover .type{background:#3f8692}
.webdown_list ul li .wrap:hover .title{color:#3f8692}
.web_down_btn{display:block;width:170px;height:50px;line-height:50px;text-align:center;background:#3f8692;color:#fff;border-radius:30px;margin:0 auto;margin-top:40px;transition:all ease 0.3s;font-size:15px}
.web_down_btn:hover{width:240px}
@media screen and (max-width:1600px) and (min-width:1200px){.webdown_list ul li .wrap{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.webdown_list ul li .wrap .type{width:50px;padding:18px 10px 10px 10px}
.webdown_list ul li .wrap .time{width:25%}
.webdown_list ul li .wrap .title{padding:0 3%;width:54%}
}@media screen and (max-width:1199px) and (min-width:1080px){.webdown_list ul li .wrap{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.webdown_list ul li .wrap .type{width:50px;padding:18px 10px 10px 10px}
.webdown_list ul li .wrap .time{width:25%}
.webdown_list ul li .wrap .title{padding:0 3%;width:54%}
}@media screen and (max-width:1079px) and (min-width:768px){.webdown_list ul li{width:100%;margin:0 0 20px 0}
.webdown_list ul li .wrap{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.webdown_list ul li .wrap .type{width:50px;padding:18px 10px 10px 10px}
.webdown_list ul li .wrap .time{width:28%}
.webdown_list ul li .wrap .title{padding:0 3%;width:50%}
}@media screen and (max-width:767px){.webdown_list ul li{width:100%;margin:0 0 20px 0}
.webdown_list ul li .wrap{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.webdown_list ul li .wrap .type{width:30px;padding:18px 10px 10px 10px}
.webdown_list ul li .wrap .time{width:30%;display:none}
.webdown_list ul li .wrap .title{padding:0 3%;width:77%;font-size:15px}
.web_down_btn{width:150px;height:45px;line-height:45px}
.web_down_btn:hover{width:180px}
}

/* === H标签重置（GEO语义优化同步） === */
.h_tlt1 h2{color:#191919;font-size:42px;line-height:42px;text-align:center;margin:0 0 16px;padding:0 0 16px;position:relative;font-weight:normal}
.h_tlt1 h2 em{color:#3f8692}
.h_tlt1 h2:before{content:'';display:block;background:;width:264px;height:1px;position:absolute;bottom:0;left:50%;margin-left:-132px}
.h_tlt1 h2:after{content:'';display:block;background:#3f8692;width:73px;height:2px;position:absolute;bottom:0;left:50%;margin-left:-36.5px}
.webBa_text h1{width:100%;overflow:hidden;line-height:52px;color:#fff;font-size:48px;font-weight:bold;margin:0;padding:0}
.webBa_text h1 font{color:rgba(255,255,255,0.5);font-size:36px;font-weight:bold;margin:0 0 0 20px;text-transform:uppercase}
.h_solution ul li .wz .tlt h3,.h_equipment ul li .tlt h3,.h_news .bd ul li .wz .tlt h3,.webNew_tj ul li .wz .tlt h3{font-size:inherit;font-weight:inherit;margin:0;padding:0;line-height:inherit;display:inline}
.webNew_list ul li .webNewList_text .webNewList_name a h3{font-size:inherit;font-weight:inherit;margin:0;padding:0;line-height:inherit;display:inline}
.webdown_list ul li .wrap .title h3{font-size:inherit;font-weight:inherit;margin:0;padding:0;line-height:inherit;display:inline}
.webProTj_bt h3{font-size:inherit;font-weight:inherit;margin:0;padding:0;line-height:inherit;display:inline}
.lists_article_case .tlt h3{font-size:inherit;font-weight:inherit;margin:0;padding:0;line-height:inherit;display:inline}
.lists_product .tlt h3{font-size:inherit;font-weight:inherit;margin:0;padding:0;line-height:inherit;display:inline}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media screen and (min-width:1080px) and (max-width:1359px){.h_tlt1 h2{font-size:34px}}
@media screen and (min-width:960px) and (max-width:1079px){.h_tlt1 h2{font-size:34px}}
@media screen and (min-width:768px) and (max-width:959px){.h_tlt1 h2{font-size:34px}}
@media screen and (min-width:480px) and (max-width:767px){.h_tlt1 h2{font-size:28px}.h_tlt1 h2 span{font-size:16px}}
@media screen and (max-width:479px){.h_tlt1 h2{font-size:28px}.h_tlt1 h2 span{font-size:16px}}
@media screen and (max-width:767px){.webBa_text h1{line-height:48px;font-size:40px}.webBa_text h1 font{font-size:32px}}

/* === AI智能摘要卡片样式 === */
.ai-summary-container {
    width: 100%;
    overflow: hidden;
    margin: 0 auto 30px;
    padding: 24px 30px;
    background: linear-gradient(135deg, #f6f5ff 0%, #faf5ff 50%, #f9f5ff 100%);
    border: 1px solid rgba(116, 81, 235, 0.1);
    border-radius: 12px;
    box-sizing: border-box;
    box-shadow: 0 4px 20px rgba(116, 81, 235, 0.04);
}
.ai-summary-title {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    color: #7451eb;
    margin-bottom: 12px;
}
.ai-summary-title::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 8px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237451eb' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpolyline points='3.27 6.96 12 12.01 20.73 6.96'/%3E%3Cline x1='12' y1='22.08' x2='12' y2='12'/%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
}
.ai-summary-content {
    font-size: 15px;
    line-height: 28px;
    color: #444;
    text-align: justify;
    margin-bottom: 12px;
}
.ai-summary-footer {
    font-size: 12px;
    color: #999;
}

/* === 产品图集垂直滚动切换样式 === */
#spec-n5 {
    position: relative;
    height: 500px;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    float: left;
    width: 19.8%;
}
.my-spec-swiper {
    width: 100% !important;
    height: 440px !important;
    overflow: hidden;
    position: relative;
}
.my-spec-swiper .swiper-wrapper {
    display: flex;
    flex-direction: column;
}
.my-spec-swiper .swiper-slide {
    height: 102px !important;
    margin-bottom: 10px !important;
    box-sizing: border-box;
    list-style: none;
}
.my-spec-swiper .swiper-slide p {
    width: 100%;
    height: 100%;
    margin: 0;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    cursor: pointer;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.my-spec-swiper .swiper-slide:hover p {
    border: 1px solid #3f8692 !important;
}
.spec-btn-prev, .spec-btn-next {
    width: 100%;
    height: 24px;
    background-color: #f5f5f5;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
    border: 1px solid #dfdfdf;
    box-sizing: border-box;
    border-radius: 4px;
    z-index: 10;
}
.spec-btn-prev:hover, .spec-btn-next:hover {
    background-color: #3f8692;
    border-color: #3f8692;
}
.spec-btn-prev::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-left: 2px solid #666;
    border-top: 2px solid #666;
    transform: rotate(45deg);
    margin-top: 4px;
    transition: border-color 0.3s;
}
.spec-btn-next::before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    transform: rotate(45deg);
    margin-bottom: 4px;
    transition: border-color 0.3s;
}
.spec-btn-prev:hover::before, .spec-btn-next:hover::before {
    border-color: #fff;
}
@media screen and (max-width:767px) { 
    #spec-n5 { 
        width: 100%; 
        height: auto; 
        float: inherit; 
        margin: 6px 0 0; 
        flex-direction: row; 
    } 
    .my-spec-swiper { 
        height: auto !important; 
    } 
    .my-spec-swiper .swiper-wrapper { 
        flex-direction: row; 
    } 
    .my-spec-swiper .swiper-slide { 
        width: 23.5% !important; 
        height: 70px !important; 
        margin-right: 2% !important; 
        margin-bottom: 0 !important; 
    } 
    .spec-btn-prev, .spec-btn-next { 
        display: none !important; 
    } 
}

/* === 产品参数表格样式 === */
.pro_attributes_box {
    width: 100%;
    margin: 0 auto 30px;
    background-color: #fff;
    box-sizing: border-box;
}
.pro_attr_table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #e4e4e4;
    font-size: 14px;
    line-height: 1.6;
}
.pro_attr_table td {
    border: 1px solid #e4e4e4;
    padding: 12px 20px;
    text-align: left;
    vertical-align: middle;
}
.pro_attr_table .attr_name {
    width: 25%;
    background-color: #f9f9f9;
    color: #333;
    font-weight: bold;
}
.pro_attr_table .attr_value {
    color: #666;
    background-color: #fff;
}
@media screen and (max-width: 767px) {
    .pro_attr_table .attr_name {
        width: 35%;
        padding: 10px 12px;
    }
    .pro_attr_table .attr_value {
        padding: 10px 12px;
    }
}

/* === FAQ 板块样式 === */
.h_faq {
    width: 100%;
    padding: 40px 0;
    background-color: #F3F9F9;
}


.faq_list {
    width: 100%;
    margin-top: 40px;
}
.faq_item {
    background-color: #fff;
    border-radius: 8px;
    margin-bottom: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
    overflow: hidden;
    transition: all 0.3s ease;
}
.faq_item:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.06);
}
.faq_question {
    display: flex;
    align-items: center;
    padding: 20px;
    cursor: pointer;
    user-select: none;
}
.faq_icon {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    margin-right: 15px;
    flex-shrink: 0;
}
.faq_icon.q {
    background-color: #3f8692;
}
.faq_icon.a {
    background-color: #E30613;
}
.faq_question h3 {
    flex: 1;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin: 0;
    line-height: 1.4;
    transition: color 0.3s ease;
}
.faq_item:hover .faq_question h3 {
    color: #3f8692;
}
.faq_arrow {
    position: relative;
    width: 14px;
    height: 14px;
    margin-left: 15px;
    flex-shrink: 0;
}
.faq_arrow::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 14px;
    height: 2px;
    background-color: #b2b2b2;
    transition: all 0.3s;
}
.faq_arrow::after {
    content: '';
    position: absolute;
    left: 6px;
    top: 0;
    width: 2px;
    height: 14px;
    background-color: #b2b2b2;
    transition: all 0.3s;
}
.faq_item.active .faq_arrow::before {
    background-color: #3f8692;
}
.faq_item.active .faq_arrow::after {
    transform: rotate(90deg);
    opacity: 0;
}
.faq_answer {
    display: none;
    border-top: 1px solid #f2f2f2;
    background-color: #fafafa;
}
.faq_answer_inner {
    display: flex;
    align-items: flex-start;
    padding: 20px;
}
.faq_ans_text {
    flex: 1;
    font-size: 14px;
    color: #555;
    line-height: 1.8;
    text-align: justify;
}
@media screen and (max-width: 767px) {
    .h_faq {
        padding: 40px 0;
    }
    .faq_question {
        padding: 15px;
    }
    .faq_question h3 {
        font-size: 14px;
    }
    .faq_icon {
        width: 28px;
        height: 28px;
        font-size: 14px;
        margin-right: 10px;
    }
    .faq_answer_inner {
        padding: 15px;
    }
    .faq_ans_text {
        font-size: 13px;
        line-height: 1.6;
    }
}

.web_faq_container {
    width: 100%;
    padding: 60px 0 100px;
    box-sizing: border-box;
}



/* ========== 应用场景 【完全保留原始尺寸布局 仅新增特效】 ========== */
/* 外层容器 - 完全保留您的原始设置 */
.scene-grid-wrap {
  width:100%;
  margin: 40px auto;
  padding: 0 20px;
}

/* 核心网格布局 - 完全保留您的原始设置 */
.scene-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 18px;
}

/* 单个场景卡片 - 完全保留原始尺寸 仅新增默认柔化阴影 */
.scene-item {
  position: relative;
  display: block;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 16 / 9; /* 完全保留您的原始比例 */
  text-decoration: none;
  cursor: pointer;
  /* 入场动画初始状态 完全保留 */
  opacity: 0;
  transform: translateY(24px);
  transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  /* 【新增】默认阴影 不影响卡片尺寸 */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* 【新增】科技扫光层 用伪元素实现 不用改HTML代码 */
.scene-item::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%);
  transform: skewX(-25deg);
  z-index: 3;
  opacity: 0;
  pointer-events: none;
}

/* 图片自适应填充 - 完全保留您的原始设置 仅优化过渡丝滑度 */
.scene-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

/* 暗色遮罩 - 完全保留您的原始设置 */
.scene-item .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.15);
  transition: background 0.3s ease;
}

/* 居中标题文字 - 完全保留您的原始设置 */
.scene-item .title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  width: 100%;
  padding: 0 10px;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 2;
}

/* ========== 【新增】Hover动态效果 完全不改变原始尺寸 ========== */
.scene-item:hover {
  transform: translateY(-6px); /* 悬浮上浮 卡片本身尺寸不变 */
  box-shadow: 0 12px 24px rgba(63, 134, 146, 0.15), 0 2px 6px rgba(0, 0, 0, 0.08);
}

.scene-item:hover img {
  transform: scale(1.08); /* 图片内部放大 外层overflow隐藏 不撑大卡片 */
}

.scene-item:hover .overlay {
  background: rgba(0, 0, 0, 0.38); /* 遮罩加深 保留您的原始数值 */
}

.scene-item:hover .title {
  transform: translate(-50%, -50%) scale(1.05); /* 标题轻微放大 不影响布局 */
  letter-spacing: 1px; /* 字间距微调 提升质感 */
}

/* 【新增】触发扫光动画 */
.scene-item:hover::after {
  animation: sceneScan 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}

/* 【新增】扫光关键帧 */
@keyframes sceneScan {
  0% {
    left: -100%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  100% {
    left: 150%;
    opacity: 0;
  }
}

/* 入场动画激活类 - 完全保留您的原始设置 */
.scene-item.fade-in {
  opacity: 1;
  transform: translateY(0);
}

/* ========== 响应式自适应 完全保留您的原始设置 ========== */
/* 大屏平板：5列 */
@media (max-width: 1200px) {
  .scene-grid {
    grid-template-columns: repeat(5, 1fr);
  }
  .scene-item .title {
    font-size: 18px;
  }
}

/* 普通平板：4列 */
@media (max-width: 992px) {
  .scene-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
  }
}

/* 小平板/大手机：3列 */
@media (max-width: 768px) {
  .scene-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
  }
  .scene-item .title {
    font-size: 16px;
  }
  .scene-grid-wrap {
    margin: 24px auto;
    padding: 0 15px;
  }
}

/* 手机端：2列 */
@media (max-width: 576px) {
  .scene-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .scene-item .title {
    font-size: 15px;
  }
  .scene-grid-wrap {
    padding: 0 12px;
    margin: 20px auto;
  }
}
/* ========== 选项卡容器 ========== */
.solution-tab-wrap {
  display: flex;
  gap: 24px;
  margin-top: 40px;
}

/* ========== 左侧导航栏 ========== */
.solution-nav {
	width:240px;
  flex-shrink: 0;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(63, 134, 146, 0.12);
  padding: 12px 0;
  overflow: hidden;
}

.solution-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.solution-nav li {
  position: relative;
  padding: 12px 15px;
  font-size: 16px;
  color: #333;
  cursor: pointer;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  border-left: 3px solid transparent;
  margin-bottom: 2px;
  list-style: none;
}
/* 导航hover效果 */
.solution-nav li:hover {
  background: rgba(63, 134, 146, 0.08);
  color: #3f8692;
  padding-left: 28px;
}
/* 导航激活状态 */
.solution-nav li.active {
  background: linear-gradient(90deg, rgba(63, 134, 146, 0.12) 0%, rgba(63, 134, 146, 0.02) 100%);
  color: #3f8692;
  font-weight: 600;
  border-left-color: #3f8692;
  padding-left: 28px;
}
/* 激活项脉冲光点 */
.solution-nav li.active::before {
  content: "";
  position: absolute;
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #3f8692;
  box-shadow: 0 0 8px rgba(63, 134, 146, 0.6);
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
    box-shadow: 0 0 8px rgba(63, 134, 146, 0.6);
  }
  50% {
    opacity: 0.6;
    box-shadow: 0 0 16px rgba(63, 134, 146, 0.8);
  }
}

/* ========== 右侧内容区 ========== */
.solution-content {
  flex: 1;
  position: relative;
  min-height: 480px;
}
.tab-pane {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateX(30px);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  background: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 24px rgba(63, 134, 146, 0.15);
}
.tab-pane.active {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  position: relative;
}

/* 内容图片区 */
.pane-image {
  width: 100%;
  height: 400px;
  overflow: hidden;
}
.pane-image1 {
  width: 100%;
  height: 800px;
  overflow: hidden;
}
.pane-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 6s ease;
}
.pane-image1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 6s ease;
}
/* 激活时图片缓慢放大 */
.tab-pane.active .pane-image img {
  transform: scale(1.08);
}
.tab-pane.active .pane-image1 img {
  transform: scale(1.08);
}
/* 内容文字区 */
.pane-body {
  padding: 28px 32px 15px;
}
.pane-body h3 {
  margin: 0 0 16px;
  font-size: 22px;
  color: #222;
  font-weight: 600;
  position: relative;
  padding-bottom: 12px;
  line-height: 1.4;
}
/* 标题下划线动画 */
.pane-body h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, #3f8692, #6bb0bc);
  border-radius: 2px;
  transition: width 0.4s ease;
}
.tab-pane.active .pane-body h3::after {
  width: 100px;
}
.pane-body .desc p {
  margin: 0 0 24px;
  font-size: 15px;
  line-height: 1.8;
  color: #666;
}

/* ========== 查看详情按钮 ========== */
.detail-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 28px;
  background: linear-gradient(135deg, #3f8692 0%, #539aa6 100%);
  color: #fff;
  text-decoration: none;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 500;
  transition: all 0.35s ease;
  box-shadow: 0 4px 12px rgba(63, 134, 146, 0.3);
  position: relative;
  overflow: hidden;
}
/* 按钮光扫效果 */
.detail-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
  transition: left 0.6s ease;
}
.detail-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(63, 134, 146, 0.4);
  background: linear-gradient(135deg, #367580 0%, #3f8692 100%);
  color: #fff;
  text-decoration: none;
}
.detail-btn:hover::before {
  left: 100%;
}
/* 按钮箭头动效 */
.detail-btn::after {
  content: "→";
  font-size: 16px;
  transition: transform 0.3s ease;
}
.detail-btn:hover::after {
  transform: translateX(4px);
}

/* ========== 响应式适配 ========== */
@media (max-width: 900px) {
  .solution-tab-wrap {
    flex-direction: column;
    gap: 20px;
  }
  .solution-nav {
    width: 100%;
  }
  .solution-nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px;
  }
  .solution-nav li {
    border-left: none;
    border-bottom: 2px solid transparent;
    padding: 10px 16px;
    font-size: 14px;
    border-radius: 6px;
    margin-bottom: 0;
  }
  .solution-nav li.active {
    border-left: none;
    border-bottom-color: #3f8692;
    padding-left: 16px;
  }
  .solution-nav li.active::before {
    display: none;
  }
  .pane-image {
    height: 220px;
  }
  .pane-body {
    padding: 24px 20px 28px;
  }
}


.param-item:empty {
    display: none;
}

/* 下载中心Tab导航 */
.download-tab-nav {
  display: flex;
  justify-content: center;
  gap: 40px;
 
   margin-top:40px;
}
.tab-btn {
  display: inline-block;
  padding: 14px 60px;
  font-size: 20px;
  color: #333;
  background: #fff;
  border-radius: 999px; /* 胶囊圆角 */
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  font-weight: 500;
}
/* 选中状态 */
.tab-btn.active {
  background: #3f8692;
  color: #fff;
}
/* hover动效 */
.tab-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(63, 134, 146, 0.2);
}

/* 移动端响应式适配 */
@media (max-width: 768px) {
  .download-tab-nav {
    gap: 15px;
    flex-wrap: wrap;
    margin-bottom: 25px;
  }
  .tab-btn {
    padding: 10px 30px;
    font-size: 16px;
  }
}


:root {
    --main-color: #3f8692;
    --main-light: rgba(63, 134, 146, 0.1);
    --text-gray: #666;
    --text-dark: #222;
    --radius: 12px;
}


:root {
    --main-color: #3f8692;
    --main-light: rgba(63, 134, 146, 0.1);
    --text-gray: #666;
    --text-dark: #222;
    --radius: 12px;
}



.page-head{text-align:center;margin-bottom:40px;}
.page-head h2{font-size:36px;margin-bottom:12px;color:var(--text-dark);}
.page-head p{font-size:17px;color:var(--text-gray);}
.tab-nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:24px;}
.tab-nav button{padding:14px 22px;border:none;background:transparent;border-radius:50px;font-size:16px;color:var(--text-gray);cursor:pointer;transition:.3s;white-space:nowrap;}
.tab-nav button.active{background:var(--main-color);color:#fff;box-shadow:0 4px 12px rgba(63,134,146,.3);}
.tab-nav button:hover{background:var(--main-light);color:var(--main-color);}
.tab-box{background:#fff;border-radius:var(--radius);box-shadow:0 4px 20px rgba(0,0,0,.06);overflow:hidden;}
.tab-panel{display:none;padding:40px;gap:40px;align-items:center;grid-template-columns:1fr 1fr;animation:fade .4s}
.tab-panel.active{display:grid;}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.left h3{font-size:24px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #eee;}
.left .tip{color:var(--text-gray);margin-bottom:24px;line-height:1.6;}
.item{margin-bottom:20px;padding:16px;background:#f9fbfc;border-radius:10px;border-left:4px solid var(--main-color);}
.item h4{margin-bottom:8px;font-size:18px;color:var(--text-dark);}
.item p{color:var(--text-gray);line-height:1.7;font-size:15px;}
.btn-group{display:flex;gap:16px;margin-top:36px;}
.btn-blue{padding:14px 32px;background:var(--main-color);color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:.3s}
.btn-blue:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 10px rgba(63,134,146,.25)}
.btn-line{padding:14px 32px;background:transparent;color:var(--main-color);border:1px solid var(--main-color);border-radius:8px;font-size:16px;cursor:pointer;transition:.3s}
.btn-line:hover{background:var(--main-light)}
.right{text-align:center;}
.right img{max-width:100%;border-radius:var(--radius);box-shadow:0 6px 24px rgba(0,0,0,.08);}
@media(max-width:992px){
    .tab-panel{grid-template-columns:1fr;}
    .tab-nav{overflow-x:auto;justify-content:flex-start;padding-bottom:8px;}
    .tab-nav button{flex-shrink:0;}
}

/* 第三套：右导航布局容器 */
.solution-tab-wrap-right {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

/* 响应式：平板/手机端自动变成上下布局 */
@media screen and (max-width: 992px) {
    .solution-tab-wrap-right {
        flex-direction: column;
    }
}




/* ========== 第三套：右导航Tab 终极修复版 (高度100%对齐) ========== */
/* 外层容器 */
.solution-tab-wrap-right {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

/* 导航容器：核心！设置min-height，和第二套导航视觉高度对齐 */
.solution-tab-wrap-right .solution-nav {
    width: 220px;
    flex-shrink: 0;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.06);
    overflow: hidden;
    min-height: 530px; /* 关键！请根据您第二套导航的实际高度调整这个数值 */
}

/* 重置ul默认边距 */
.solution-tab-wrap-right .solution-nav ul {
    margin: 0;
    padding: 15px 0;
    list-style: none;
}

/* 选项卡样式 */
.solution-tab-wrap-right .solution-nav li {
    position: relative;
    padding: 14px 25px;
    margin-bottom: 8px;
    line-height: 1.5;
    font-size: 15px;
    color: #333;
    cursor: pointer;
    transition: all 0.3s ease;
    border-right: 3px solid transparent;
    border-left: none !important;
    list-style: none;
}
.solution-tab-wrap-right .solution-nav li:last-child {
    margin-bottom: 0;
}

/* 隐藏原左侧圆点，右侧新增圆点 */
.solution-tab-wrap-right .solution-nav li::before {
    display: none !important;
}
.solution-tab-wrap-right .solution-nav li::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3f8692;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* 选中/hover效果 */
.solution-tab-wrap-right .solution-nav li.active,
.solution-tab-wrap-right .solution-nav li:hover {
    background: #f0f7ff;
    color: #3f8692;
    border-right-color: #3f8692;
    font-weight: 500;
}
.solution-tab-wrap-right .solution-nav li.active::after,
.solution-tab-wrap-right .solution-nav li:hover::after {
    opacity: 1;
}

/* 内容区 */
.solution-tab-wrap-right .solution-content {
    flex: 1;
    min-width: 0;
}

/* 响应式 */
@media screen and (max-width: 992px) {
    .solution-tab-wrap-right {
        flex-direction: column-reverse;
    }
    .solution-tab-wrap-right .solution-nav {
        width: 100%;
        min-height: auto; /* 小屏下取消固定高度 */
    }
    .solution-tab-wrap-right .solution-nav ul {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        padding: 10px;
    }
    .solution-tab-wrap-right .solution-nav li {
        flex: 1;
        min-width: 100px;
        text-align: center;
        border-right: none;
        border-bottom: 3px solid transparent;
        padding: 10px 15px;
        margin-bottom: 0;
    }
    .solution-tab-wrap-right .solution-nav li::after {
        display: none;
    }
    .solution-tab-wrap-right .solution-nav li.active,
    .solution-tab-wrap-right .solution-nav li:hover {
        border-right: none;
        border-bottom-color: #3f8692;
    }
}



/* ========== 行业痛点3D翻转卡片 - 最终修复版（含移动端点击翻转） ========== */
.pain-card-wrap {
    display: flex;
    gap: 24px;
    margin-top: 50px;
    justify-content: space-between;
}

/* 翻转卡片容器 */
.flip-card {
    flex: 1;
    height: 460px;
    perspective: 1500px;
    cursor: pointer;
    transition: transform 0.4s ease;
}

/* 中间高亮卡片默认上浮 */
.highlight-card {
    transform: translateY(-12px);
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
    border-radius: 16px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

/* 桌面端hover翻转 + 移动端点击翻转共用样式 */
.flip-card:hover .flip-card-inner,
.flip-card.flip-active .flip-card-inner {
    transform: rotateY(180deg);
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
}

/* 正反面通用样式 */
.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    border-radius: 16px;
    padding: 50px 35px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

/* 背面默认翻转180度隐藏 */
.flip-card-back {
    transform: rotateY(180deg);
    background: #fff;
}

/* 普通卡片正面样式 - 同色系浅青色 */
.pain-front,
.profit-front {
    background: linear-gradient(135deg, #e6f4f7 0%, #f0f7ff 100%);
}

/* 图标容器 */
.card-icon {
    width: 90px;
    height: 90px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    transition: all 0.4s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    flex-shrink: 0;
}
.flip-card:hover .card-icon,
.flip-card.flip-active .card-icon {
    transform: scale(1.15);
    background: #fff;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}
.card-icon svg {
    width: 45px;
    height: 45px;
}

/* 正面标题 */
.flip-card-front h3 {
    font-size: 24px;
    color: #222;
    margin-bottom: 15px;
    font-weight: 600;
}

/* 正面描述 */
.flip-card-front p {
    font-size: 15px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 30px;
    max-width: 85%;
}

/* 翻转提示 - 动态呼吸按钮 */
.flip-tip {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    color: #3f8692;
    font-size: 20px;
    font-weight: bold;
    opacity: 0.7;
    transition: all 0.4s ease;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% { transform: scale(1); opacity: 0.7; }
    50% { transform: scale(1.1); opacity: 0.9; }
    100% { transform: scale(1); opacity: 0.7; }
}

.flip-card:hover .flip-tip,
.flip-card.flip-active .flip-tip {
    opacity: 1;
    transform: scale(1.1);
    background: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12);
}

/* 高亮中间卡片 正面渐变 */
.solution-front {
    background: linear-gradient(135deg, #3f8692 0%, #56a5b0 100%);
    color: #fff;
}
.solution-front .card-icon {
    background: rgba(255, 255, 255, 0.25);
}
.solution-front h3 {
    color: #fff;
}
.solution-front p {
    color: rgba(255, 255, 255, 0.9);
}
.solution-front .flip-tip {
    color: #fff;
    background: rgba(255, 255, 255, 0.3);
}
.flip-card:hover .solution-front .flip-tip,
.flip-card.flip-active .solution-front .flip-tip {
    background: rgba(255, 255, 255, 0.4);
}

/* 背面标题 */
.flip-card-back h4 {
    font-size: 22px;
    color: #222;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid #3f8692;
    display: inline-block;
    font-weight: 600;
    flex-shrink: 0;
}

/* 通用列表样式 */
.pain-list,
.solution-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
.pain-list li,
.solution-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 18px;
    font-size: 15px;
    color: #555;
    line-height: 1.7;
    text-align: left;
}
.pain-list li:last-child,
.solution-list li:last-child {
    margin-bottom: 0;
}

/* 痛点列表红色叉号 */
.pain-list li::before {
    content: "×";
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #DD5858;
    font-weight: bold;
    font-size: 18px;
}

/* 方案列表青色对勾 */
.solution-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #3f8692;
    font-weight: bold;
    font-size: 16px;
    border-radius: 50%;
    background: #f0f7ff;
}

/* 收益数据网格 */
.profit-data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 15px;
    width: 100%;
}
.data-item {
    text-align: center;
    padding: 22px 12px;
    background: #f0f7ff;
    border-radius: 12px;
    transition: all 0.4s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.flip-card:hover .data-item,
.flip-card.flip-active .data-item {
    background: #e6f4f7;
    transform: translateY(-5px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.data-item .num {
    display: block;
    font-size: 30px;
    font-weight: 700;
    color: #3f8692;
    margin-bottom: 10px;
}
.data-item .label {
    font-size: 14px;
    color: #666;
}

/* 高亮卡片背面浅渐变 */
.solution-back {
    background: linear-gradient(135deg, #f0f7ff 0%, #fff 100%);
}

/* ========== 响应式适配 ========== */
/* 平板端 */
@media screen and (max-width: 992px) {
    .pain-card-wrap {
        flex-direction: column;
        gap: 30px;
    }
    .flip-card,
    .highlight-card {
        width: 100%;
        height: 420px;
        transform: none;
    }
    .card-icon {
        width: 80px;
        height: 80px;
    }
    .card-icon svg {
        width: 40px;
        height: 40px;
    }
}

/* 手机端 */
@media screen and (max-width: 576px) {
    .pain-card-wrap {
        margin-top: 30px;
        gap: 20px;
    }
    .flip-card {
        height: auto;
        min-height: 380px;
    }
    .flip-card-inner {
        height: 380px;
    }
    .flip-card-front,
    .flip-card-back {
        padding: 35px 25px;
    }
    .card-icon {
        width: 70px;
        height: 70px;
        margin-bottom: 20px;
    }
    .card-icon svg {
        width: 35px;
        height: 35px;
    }
    .flip-card-front h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .flip-card-front p {
        font-size: 14px;
        margin-bottom: 20px;
        max-width: 100%;
    }
    .flip-tip {
        width: 44px;
        height: 44px;
        font-size: 18px;
    }
    .flip-card-back h4 {
        font-size: 19px;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
    .pain-list li,
    .solution-list li {
        font-size: 14px;
        margin-bottom: 14px;
        padding-left: 26px;
    }
    .profit-data {
        gap: 15px;
    }
    .data-item {
        padding: 18px 10px;
    }
    .data-item .num {
        font-size: 26px;
        margin-bottom: 8px;
    }
    .data-item .label {
        font-size: 13px;
    }
}




/* ========== 全局通用规范 ========== */
:root {
    --primary: #3f8692;
    --primary-light: #5aa6b3;
    --text-title: #1a1a1a;
    --text-body: #666;
    --text-muted: #999;
    --bg-light: #f8fafc;
    --bg-section: #f0f4f8;
    --border-light: #e8ecef;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 12px 36px rgba(63, 134, 146, 0.12);
    --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 通用标题样式 */
.section-title {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}
.section-title .title-tag {
    display: inline-block;
    padding: 6px 16px;
    background: rgba(63, 134, 146, 0.08);
    color: #D18550;
    font-size: 14px;
    border-radius: 20px;
    margin-bottom: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.section-title h2 {
    font-size: 36px;
    font-weight: 700;
    color: var(--text-title);
    margin-bottom: 16px;
    line-height: 1.3;
    position: relative;
    display: inline-block;
}
.section-title h2 em {
    color: var(--primary);
    font-style: normal;
    font-weight: 700;
}
.section-title h2::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, var(--primary), transparent);
    margin: 18px auto 0;
    border-radius: 2px;
}
.section-title p {
    font-size: 16px;
    color: #888888;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6;
}
.section-title.light h2 { color: #fff; }
.section-title.light p { color: rgba(255,255,255,0.7); }
.section-title.light .title-tag {
    background: rgba(255,255,255,0.1);
    color: #64ffda;
}
.section-title.light h2::after {
    background: linear-gradient(90deg, #64ffda, transparent);
}

/* 板块通用内边距 */
.channel-section,
.hardware-section,
.finance-section,
.data-section,
.security-section,
.scene-section,
.saas-section {
    padding: 90px 0;
    position: relative;
    overflow: hidden;
}

/* ========== 模块2：全渠道分销 & 私域运营 ========== */
.channel-section {
    background: #F3F9F9;
}
.channel-section::before {
    content: '';
    position: absolute;
    top: 10%;
    right: -100px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(63, 134, 146, 0.05) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.channel-content {
    display: flex;
    gap: 60px;
    align-items: center;
    position: relative;
    z-index: 2;
}

/* 左侧渠道地图 */
.channel-map {
    flex: 1;
    position: relative;
    min-height: 500px;
}
.map-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 10;
}
.map-center .center-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary), var(--primary-light));
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 12px;
    box-shadow: 0 8px 24px rgba(63, 134, 146, 0.3);
    position: relative;
}
.map-center .center-icon::before {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 50%;
    border: 1px solid rgba(63, 134, 146, 0.2);
    animation: pulse-ring 2s infinite ease-out;
}
@keyframes pulse-ring {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(1.3); opacity: 0; }
}
.map-center .center-icon svg {
    width: 48px;
    height: 48px;
    fill: none;
    stroke: #fff;
    stroke-width: 1.5;
}
.map-center p {
    font-size: 16px;
    font-weight: 600;
    color: var(--primary);
    margin: 0;
}

.channel-node {
    position: absolute;
    background: #fff;
    padding: 18px 22px;
    border-radius: 12px;
    box-shadow: var(--shadow-md);
    min-width: 180px;
    transition: var(--transition);
    border: 1px solid var(--border-light);
}
.channel-node:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
    border-color: var(--primary);
}
.channel-node h5 {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-title);
    margin-bottom: 10px;
}
.node-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.node-tags span {
    padding: 4px 10px;
    background: var(--bg-light);
    color: var(--text-body);
    font-size: 12px;
    border-radius: 4px;
    transition: var(--transition);
}
.node-tags.highlight span {
    background: rgba(63, 134, 146, 0.08);
    color: var(--primary);
    font-weight: 500;
}

.node-ota { top: 20px; left: 0; }
.node-video { top: 20px; right: 0; }
.node-private { bottom: 40px; left: 20px; }
.node-offline { bottom: 40px; right: 20px; }

/* 连接线装饰 */
.channel-map::before,
.channel-map::after {
    content: '';
    position: absolute;
    border: 1px dashed rgba(63, 134, 146, 0.2);
    pointer-events: none;
}
.channel-map::before {
    top: 60px;
    left: 180px;
    right: 180px;
    height: 1px;
}
.channel-map::after {
    top: 60px;
    bottom: 120px;
    left: 50%;
    width: 1px;
    transform: translateX(-50%);
}

/* 右侧优势列表 */
.channel-advantage {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.adv-item {
    display: flex;
    gap: 20px;
    padding: 24px;
    background: #fff;
    border-radius: 12px;
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    border: 1px solid transparent;
}
.adv-item:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-lg);
    border-color: rgba(63, 134, 146, 0.2);
}
.adv-num {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--primary), var(--primary-light));
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'DIN', sans-serif;
}
.adv-text h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-title);
    margin-bottom: 8px;
}
.adv-text p {
    font-size: 14px;
    color: var(--text-body);
    line-height: 1.6;
    margin: 0;
}

/* ========== 模块3：智能硬件体系 ========== */
.hardware-section {
    background: #fff;
}
.hardware-section::before {
    content: '';
    position: absolute;
    bottom: 10%;
    left: -150px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(63, 134, 146, 0.04) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.hardware-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 24px;
    position: relative;
    z-index: 2;
}
.hardware-grid4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    position: relative;
    z-index: 2;
}

.hw-card {
    transition: var(--transition);
}
.hw-card:hover {
    transform: translateY(-8px);
}
.hw-card-inner {
    height: 100%;
    background: #fff;
    border-radius: 16px;
    padding: 30px 24px;
    border: 1px solid var(--border-light);
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    position: relative;
    overflow: hidden;
}
.hw-card-inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--primary), var(--primary-light));
    transform: scaleX(0);
    transition: var(--transition);
    transform-origin: left;
}
.hw-card:hover .hw-card-inner {
    box-shadow: var(--shadow-lg);
    border-color: rgba(63, 134, 146, 0.3);
}
.hw-card:hover .hw-card-inner::before {
    transform: scaleX(1);
}

/* 高亮卡片 */
.hw-card.hw-highlight .hw-card-inner {
    background: linear-gradient(135deg, var(--primary), var(--primary-light));
    border-color: transparent;
}
.hw-card.hw-highlight .hw-icon-box {
    background: rgba(255,255,255,0.2);
    color: #fff;
}
.hw-card.hw-highlight h4 { color: #fff; }
.hw-card.hw-highlight ul li { color: rgba(255,255,255,0.9); }
.hw-card.hw-highlight ul li::before { background: rgba(255,255,255,0.8); }

.hw-icon-box {
    width: 72px;
    height: 72px;
    margin: 0 auto 24px;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(63, 134, 146, 0.08) 0%, rgba(90, 166, 179, 0.1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    transition: var(--transition);
    position: relative;
}
.hw-card:hover .hw-icon-box {
    transform: scale(1.05) rotate(-2deg);
    box-shadow: 0 8px 20px rgba(63, 134, 146, 0.15);
}
.hw-icon-box svg {
    width: 40px;
    height: 40px;
}

.hw-content { text-align: center; }
.hw-content h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-title);
    margin-bottom: 16px;
    line-height: 1.4;
}
.hw-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.hw-content ul li {
    position: relative;
    padding-left: 18px;
    font-size: 13px;
    color: var(--text-body);
    line-height: 1.6;
}
.hw-content ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--primary);
}

/* ========== 模块4：业财税一体化中台 ========== */
.finance-section {
    background:  #F3F9F9;
}
.finance-content {
    display: flex;
    gap: 60px;
    align-items: center;
}
.finance-preview { flex: 1; }
.preview-img {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,0.12);
    border: 1px solid var(--border-light);
    transition: var(--transition);
}
.preview-img:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 60px rgba(63, 134, 146, 0.18);
}
.preview-img img {
    width: 100%;
    display: block;
    height: auto;
}
.img-placeholder-tip {
    position: absolute;
    bottom: 16px;
    right: 16px;
    padding: 6px 12px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-size: 12px;
    border-radius: 6px;
    backdrop-filter: blur(10px);
}

.finance-features {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.feature-item {
    display: flex;
    gap: 20px;
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
    border: 1px solid transparent;
}
.feature-item:hover {
    transform: translateX(6px);
    box-shadow: var(--shadow-lg);
    border-color: rgba(63, 134, 146, 0.2);
}
.feature-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(63, 134, 146, 0.08) 0%, rgba(90, 166, 179, 0.1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    transition: var(--transition);
}
.feature-item:hover .feature-icon { transform: scale(1.05); }
.feature-icon svg {
    width: 24px;
    height: 24px;
}
.feature-text h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-title);
    margin-bottom: 8px;
}
.feature-text p {
    font-size: 14px;
    color: var(--text-body);
    line-height: 1.6;
    margin: 0;
}

/* ========== 模块5：AI数据驾驶舱 ========== */
.data-section {
    background: linear-gradient(180deg, #0a192f 0%, #112240 100%);
}
.data-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        linear-gradient(rgba(63, 134, 146, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(63, 134, 146, 0.05) 1px, transparent 1px);
    background-size: 40px 40px;
    pointer-events: none;
}

.data-screen {
    margin-bottom: 60px;
    position: relative;
    z-index: 2;
}
.screen-img-wrap {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(63, 134, 146, 0.3);
    box-shadow: 0 20px 60px rgba(0,0,0,0.4);
    transition: var(--transition);
}
.screen-img-wrap:hover {
    transform: translateY(-4px);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.5);
    border-color: rgba(100, 255, 218, 0.4);
}
/* 模拟浏览器顶部栏 */
.screen-img-wrap::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40px;
    background: rgba(15, 23, 42, 0.8);
    backdrop-filter: blur(10px);
    z-index: 2;
}
/* 模拟窗口按钮 */
.screen-img-wrap::after {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ef4444;
    position: absolute;
    top: 14px;
    left: 16px;
    z-index: 3;
    box-shadow: 20px 0 0 #f59e0b, 40px 0 0 #22c55e;
}
.screen-img-wrap img {
    width: 100%;
    display: block;
    height: auto;
    padding-top: 40px;
}
.screen-badge {
    position: absolute;
    top: 60px;
    left: 20px;
    padding: 8px 16px;
    background: rgba(10, 25, 47, 0.7);
    backdrop-filter: blur(10px);
    color: #64ffda;
    font-size: 14px;
    font-weight: 500;
    border-radius: 8px;
    border: 1px solid rgba(100, 255, 218, 0.3);
    z-index: 2;
}

.data-abilities {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    position: relative;
    z-index: 2;
}
.ability-card {
    padding: 24px 20px;
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 12px;
    transition: var(--transition);
    backdrop-filter: blur(10px);
}
.ability-card:hover {
    background: rgba(255,255,255,0.06);
    border-color: rgba(100, 255, 218, 0.3);
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.2);
}
.ability-head {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}
.ability-icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    background: rgba(100, 255, 218, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64ffda;
    transition: var(--transition);
}
.ability-card:hover .ability-icon { transform: scale(1.05); }
.ability-icon svg {
    width: 22px;
    height: 22px;
}
.ability-card h4 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    line-height: 1.4;
}
.ability-card p {
    font-size: 13px;
    color: rgba(255,255,255,0.6);
    line-height: 1.6;
    margin: 0;
}

/* ========== 模块6：安全稳定保障 ========== */
.security-section {
    background: #fff;
}
.security-section::before {
    content: '';
    position: absolute;
    top: -100px;
    right: -100px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(63, 134, 146, 0.04) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.security-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    position: relative;
    z-index: 2;
}
.sec-item {
    display: flex;
    gap: 24px;
    padding: 30px;
    background: var(--bg-light);
    border-radius: 16px;
    transition: var(--transition);
    align-items: flex-start;
    border: 1px solid transparent;
}
.sec-item:hover {
    background: #fff;
    box-shadow: var(--shadow-lg);
    transform: translateY(-3px);
    border-color: rgba(63, 134, 146, 0.2);
}
.sec-icon {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(63, 134, 146, 0.08) 0%, rgba(90, 166, 179, 0.1) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    transition: var(--transition);
}
.sec-item:hover .sec-icon { transform: scale(1.05); }
.sec-icon svg {
    width: 28px;
    height: 28px;
}
.sec-text h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-title);
    margin-bottom: 10px;
}
.sec-text p {
    font-size: 14px;
    color: var(--text-body);
    line-height: 1.6;
    margin: 0;
}

/* ========== 模块7：多场景适配 ========== */
.scene-section {
    background: linear-gradient(180deg, #f8fafc 0%, #f0f4f8 100%);
}
.scene-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    position: relative;
    z-index: 2;
}
.scene-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    transition: var(--transition);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-light);
}
.scene-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-lg);
    border-color: rgba(63, 134, 146, 0.3);
}
.scene-thumb {
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
    position: relative;
    overflow: hidden;
}
.scene-card:hover .scene-thumb { transform: scale(1.05); }
.scene-thumb svg {
    width: 64px;
    height: 64px;
    transition: var(--transition);
}
.scene-card:hover .scene-thumb svg {
    transform: rotate(-5deg) scale(1.1);
}
.scene-content { padding: 24px; }
.scene-content h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-title);
    margin-bottom: 16px;
}
.scene-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.scene-content ul li {
    position: relative;
    padding-left: 18px;
    font-size: 14px;
    color: var(--text-body);
    line-height: 1.5;
}
.scene-content ul li::before {
    content: '✓';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--primary);
    font-weight: 700;
    font-size: 14px;
}

/* ========== 模块8：SaaS轻量化部署对比 ========== */
.saas-section {
    background: #fff;
}
.saas-section::before {
    content: '';
    position: absolute;
    bottom: -150px;
    left: -150px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(63, 134, 146, 0.04) 0%, transparent 70%);
    border-radius: 50%;
    pointer-events: none;
}

.compare-wrap {
    display: flex;
    align-items: stretch;
    gap: 0;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.compare-col {
    flex: 1;
    border-radius: 16px;
    overflow: hidden;
    background: var(--bg-light);
    transition: var(--transition);
}
.compare-col:hover { transform: translateY(-4px); }
.compare-col.traditional {
    border-radius: 16px;
    border: 1px solid var(--border-light);
}
.compare-col.saas {
    border-radius:16px;
    border: 2px solid var(--primary);
    box-shadow: 0 12px 40px rgba(63, 134, 146, 0.15);
    position: relative;
    z-index: 2;
}
.compare-col.saas:hover {
    box-shadow: 0 20px 60px rgba(63, 134, 146, 0.25);
}

.compare-head {
    padding: 30px;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid var(--border-light);
}
.compare-head.highlight {
    background: linear-gradient(135deg, var(--primary), var(--primary-light));
    border-bottom: none;
}
.compare-head h3 {
    font-size: 22px;
    font-weight: 700;
    color: var(--text-title);
    margin-bottom: 8px;
}
.compare-head.highlight h3 { color: #fff; }
.compare-head p {
    font-size: 14px;
    color: var(--text-muted);
    margin: 0;
}
.compare-head.highlight p { color: rgba(255,255,255,0.8); }

.compare-list {
    list-style: none;
    padding: 20px 30px 30px;
    margin: 0;
}
.compare-list li {
    display: flex;
    gap: 14px;
    padding: 14px 0;
    border-bottom: 1px solid var(--border-light);
    align-items: flex-start;
}
.compare-list li:last-child { border-bottom: none; }

.icon-x {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fee2e2;
    position: relative;
    margin-top: 2px;
}
.icon-x::before,
.icon-x::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    background: #ef4444;
    border-radius: 1px;
    transform-origin: center;
}
.icon-x::before { transform: translate(-50%, -50%) rotate(45deg); }
.icon-x::after { transform: translate(-50%, -50%) rotate(-45deg); }

.icon-check {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #dcfce7;
    position: relative;
    margin-top: 2px;
}
.icon-check::before {
    content: '';
    position: absolute;
    top: 45%;
    left: 50%;
    width: 5px;
    height: 9px;
    border: solid #22c55e;
    border-width: 0 2px 2px 0;
    transform: translate(-50%, -50%) rotate(45deg);
}

.compare-list li strong {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: var(--text-title);
    margin-bottom: 4px;
}
.compare-list li p {
    font-size: 13px;
    color: var(--text-body);
    margin: 0;
    line-height: 1.5;
}

.compare-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    flex-shrink: 0;
    position: relative;
    z-index: 3;
}
.compare-divider span {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--primary), var(--primary-light));
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(63, 134, 146, 0.4);
    animation: float 3s infinite ease-in-out;
}
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
}

/* ========== 响应式适配 ========== */
@media screen and (max-width: 1200px) {
    .w1200 { padding: 0 20px; }
    .hardware-grid { grid-template-columns: repeat(3, 1fr); }
    .data-abilities { grid-template-columns: repeat(3, 1fr); }
    .scene-cards { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 960px) {
    .channel-content,
    .finance-content {
        flex-direction: column;
        gap: 40px;
    }
    .channel-map { min-height: auto; }
    .channel-node {
        position: relative;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        margin-bottom: 16px;
    }
    .channel-map::before,
    .channel-map::after { display: none; }
    .map-center {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        order: -1;
        margin-bottom: 30px;
    }
    
    .security-grid { grid-template-columns: 1fr; }
    .compare-wrap {
        flex-direction: column;
        gap: 30px;
    }
    .compare-col.traditional,
    .compare-col.saas {
        border-radius: 16px;
        border: 1px solid var(--border-light);
    }
    .compare-col.saas { border-color: var(--primary); }
    .compare-divider {
        width: 100%;
        height: 40px;
    }
}

@media screen and (max-width: 768px) {
    .channel-section,
    .hardware-section,
    .finance-section,
    .data-section,
    .security-section,
    .scene-section,
    .saas-section {
        padding: 50px 0;
    }
    .section-title { margin-bottom: 40px; }
    .section-title h2 { font-size: 24px; }
    
    .hardware-grid,
    .data-abilities,
    .scene-cards { grid-template-columns: 1fr; }
    
    .sec-item {
        flex-direction: column;
        gap: 16px;
        padding: 24px;
    }

    .screen-badge {
        font-size: 12px;
        padding: 6px 10px;
        top: 52px;
    }
}


/* 巨无霸导航基础容器 */
.nav_item.mega-nav-item {
  position: static;
}

/* 全屏下拉主容器 */
.mega-menu {
  position: fixed;
   /* 自行改成你header真实高度 */
  left: 0;
  background: #ffffff;
  /* 顶部科技感渐变描边 */
  border-top: 2px solid transparent;
  background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #3f8692 0%, #5aa7b3 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  box-shadow: 0 8px 32px rgba(15, 23, 42, 0.08), 0 2px 8px rgba(63, 134, 146, 0.06);
  /* 入场动画 */
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 999;
  overflow: hidden;
}

/* 顶级栏目悬浮显示 */
.nav_item.mega-nav-item:hover .mega-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* 内容容器（和页面主体同宽居中） */
.mega-menu-inner {
  max-width: 1200px; /* 网站主体宽度自行调整 */
  margin: 0 auto;
  display: flex;
  min-height: 400px;
}

/* ========== 左侧二级菜单（无背景靠左） ========== */
.mega-menu-left {
  width: 240px;
  flex-shrink: 0;
  background: transparent; /* 去除背景色 */
  border-right: none; /* 去除右侧边框 */
  padding: 24px 24px 24px 0;
}

.mega-tab-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.mega-tab-item {
  position: relative;
  transition: all 0.2s ease;
}

.mega-tab-item a {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  color: #475569;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  border-radius: 8px;
  transition: all 0.2s ease;
  border-left: 3px solid transparent;
}

/* 悬浮/激活状态 主题色 */
.mega-tab-item:hover a,
.mega-tab-item.active a {
  color: #3f8692;
  background: #f0f7f8;
  border-left-color: #3f8692;
  font-weight: 500;
}

/* 菜单图标 */
.tab-icon {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  color: #64748b;
  transition: all 0.2s ease;
}

.mega-tab-item:hover .tab-icon,
.mega-tab-item.active .tab-icon {
  border-color: #3f8692;
  color: #3f8692;
  background: #ffffff;
}

.tab-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}

.tab-icon svg {
  width: 18px;
  height: 18px;
}

.tab-text {
  flex: 1;
  line-height: 1.4;
}

/* ========== 右侧三级栏目 单列固定240px，自动换行 ========== */
.mega-menu-right {
  flex: 1;
  padding: 24px 0;
     padding-right: 24px;
  background: #ffffff;
  position: relative;
  border-left: 1px solid #f0f0f0;
  padding-left: 24px;
}

.mega-panel {
  display: none;
  animation: slideFadeIn 0.25s ease forwards;
}

.mega-panel:first-child {
  display: block;
}

/* 切换淡入动画 */
@keyframes slideFadeIn {
  from {
    opacity: 0;
    transform: translateX(10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* 【核心设置】单栏固定240px，自动填充换行，一行最多3个 */
.mega-sub-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
   grid-template-columns: repeat(3, 240px); /* 固定3列，单列宽240px */
  gap: 16px;
}

/* 单个卡片项 */
.mega-sub-item {
  transition: all 0.25s ease;
}

.mega-sub-item a {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px;
  border-radius: 12px;
  text-decoration: none;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  transition: all 0.25s ease;
}

/* 卡片悬浮科技感效果 */
.mega-sub-item a:hover {
  border-color: #3f8692;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(63, 134, 146, 0.12), 0 2px 6px rgba(15, 23, 42, 0.04);
  background: linear-gradient(135deg, #fbfdfe 0%, #f0f7f8 100%);
}

/* 缩略图 */
.sub-thumb {
  width: 45px;
  height: 45px;
  flex-shrink: 0;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f1f5f9;
  color: #3f8692;
  border: 1px solid #e2e8f0;
}

.sub-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 6px;
}

.sub-thumb svg {
  width: 18px;
  height: 18px;
}

/* 文字信息 整体缩小字号 */
.sub-info {
  flex: 1;
  min-width: 0;
}

.sub-title {
  margin: 0 0 3px 0;
  font-size: 13px; /* 标题缩小字号 */
  font-weight: 500;
  color: #1e293b;
  line-height: 1.35;
  transition: color 0.2s ease;
}

.mega-sub-item a:hover .sub-title {
  color: #3f8692;
}

.sub-desc {
  margin: 0;
  font-size: 11px; /* 描述更小字号 */
  color: #64748b;
  line-height: 1.45;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* 空状态 */
.mega-sub-empty {
  grid-column: 1 / -1;
  text-align: center;
  padding: 80px 0;
  color: #94a3b8;
  font-size: 12px;
}

/* 移动端适配 */
@media screen and (max-width: 992px) {
  .mega-menu {
   display:none;
  }
  .nav_item.mega-nav-item {
    position: relative;
  }
}




/* 独立命名，全局样式完全隔离不冲突 */
.scene-ad-wrap {
  width: 100%;
  background-color: #2F3839;
  padding: 38px 0;
  overflow: hidden;
}
.scene-ad-title {
  text-align: center;
  font-size: 32px;
  color: #ffffff;
  margin: 0 0 30px;
  font-weight: 500;
  letter-spacing: 1px;
}
.scene-ad-title span {
  padding: 0 18px;
  opacity: 0.85;
}

/* 滚动外层容器 */
.scene-ad-scroll-box {
  width: 100%;
  overflow: hidden;
  position: relative;
}
/* 滚动容器：两组完全相同内容并排摆放 */
.scene-ad-scroll-wrap {
  display: flex;
  animation: sceneAdRoll 24s linear infinite;
}
/* 鼠标悬停暂停滚动 */
.scene-ad-scroll-box:hover .scene-ad-scroll-wrap {
  animation-play-state: paused;
}
/* 两组内容容器 */
.scene-ad-group {
  display: flex;
  gap: 18px;
  white-space: nowrap;
}

/* 卡片紧凑尺寸，整体高度减半 */
.scene-ad-item {
  flex: 0 0 260px;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 4px 14px rgba(0,0,0,0.14);
  transition: transform 0.25s ease;
}
.scene-ad-item img {
  width: 100%;
  height: 120px;
  object-fit: cover;
  display: block;
}
/* 文字居中叠加在图片上 */
.scene-ad-text-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
}
.scene-ad-text-overlay span {
  font-size: 22px;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px;
  text-align: center;
}
.scene-ad-item:hover {
  transform: translateY(-4px);
}

/* 原生无缝滚动关键动画：无跳跃循环 */
@keyframes sceneAdRoll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* 移动端自适应 */
@media (max-width: 768px) {
  .scene-ad-wrap {
    padding: 22px 0;
  }
  .scene-ad-title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .scene-ad-item {
    flex: 0 0 180px;
  }
  .scene-ad-item img {
    height: 90px;
  }
  .scene-ad-text-overlay span {
    font-size: 17px;
  }
}

/* 外层满宽背景容器 */
.ey-lead-bar {
    width: 100%;
    background-color: #2F3839;
    padding: 24px 20px;
    box-sizing: border-box;
}
/* 内层内容居中容器 */
.ey-lead-container {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
}

/* ========== 左侧标签组 ========== */
.lead-tags-group {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.lead-tag-item {
    height: 52px;
    padding: 0 22px;
    border-radius: 999px;
    position: relative;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(64, 158, 255, 0.3);
    color: #e8edf2;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    white-space: nowrap;
    backdrop-filter: blur(4px);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: default;
}
/* 外层虚线双层边框 */
.lead-tag-item::after {
    content: "";
    position: absolute;
    left: -3px;
    right: -3px;
    top: -3px;
    bottom: -3px;
    border: 1px dashed rgba(64, 158, 255, 0.4);
    border-radius: 999px;
    pointer-events: none;
}
.lead-tag-item:hover {
    background: rgba(64, 158, 255, 0.15);
    border-color: #409eff;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(64, 158, 255, 0.25);
}
/* 菱形科技图标 */
.tag-icon {
    width: 22px;
    height: 22px;
    border-radius: 5px;
    background: linear-gradient(135deg, #409eff, #00c6ff);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transform: rotate(45deg);
}
.tag-icon::after {
    content: '';
    width: 8px;
    height: 8px;
    background: #ffffff;
    border-radius: 2px;
    transform: rotate(-45deg);
}

/* ========== 右侧表单 一体式圆角外框 ========== */
.lead-form-group {
    display: flex;
    align-items: center;
    height: 52px;
    border-radius: 999px;
    overflow: hidden;
    position: relative;
    border: 1px solid rgba(64, 158, 255, 0.3);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: box-shadow 0.3s ease;
}
/* 表单双层外圈描边 和标签统一风格 */
.lead-form-group::after {
    content: "";
    position: absolute;
    left: -3px;
    right: -3px;
    top: -3px;
    bottom: -3px;
    border: 1px dashed rgba(64, 158, 255, 0.4);
    border-radius: 999px;
    pointer-events: none;
}
.lead-form-group:hover {
    box-shadow: 0 6px 20px rgba(64, 158, 255, 0.2);
}

/* 联系方式输入框 手动写入 保证一定显示 */
#attr_31 {
    height: 100%;
    padding: 0 24px;
    border: none;
    outline: none;
    background: #f5f7fa;
    color: #333;
    font-size: 15px;
    width: 320px;
    flex-shrink: 0; /* 防止flex布局下被挤压消失 */
    transition: all 0.3s ease;
    box-sizing: border-box;
}
#attr_31::placeholder {
    color: #909399;
}
#attr_31:focus {
    background: #ffffff;
    box-shadow: inset 0 0 0 2px #409eff;
}

/* 提交按钮样式 */
.lead-submit-btn {
    height: 100%;
    padding: 0 34px;
    border: none;
    background: linear-gradient(135deg, #409eff, #2563eb);
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    flex-shrink: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.lead-submit-btn:hover {
    background: linear-gradient(135deg, #66b1ff, #1d4ed8);
    box-shadow: 0 4px 14px rgba(37, 99, 235, 0.45);
}
.lead-submit-btn:active {
    transform: scale(0.98);
}

/* ========== 移动端适配 ========== */
@media (max-width: 1200px) {
    .ey-lead-container {
        justify-content: center;
    }
    .lead-tags-group {
        justify-content: center;
    }
}
@media (max-width: 768px) {
    #attr_31 {
        width: 200px;
        padding: 0 16px;
    }
    .lead-submit-btn {
        padding: 0 22px;
        font-size: 14px;
    }
    .lead-tag-item {
        padding: 0 16px;
        font-size: 13px;
        height: 44px;
    }
    .lead-form-group {
        height: 44px;
    }
}

/* ========== 行业痛点滚动模块 ========== */
.h_faq .pain-scroll-wrap {
    position: relative;
    width: 100%;
    margin-top: 60px;
    overflow: hidden;
    /* 中心淡主题色径向光 烘托科技氛围 */
    background: radial-gradient(circle at center, rgba(63, 134, 146, 0.05) 0%, transparent 60%);
    padding: 40px 0;
}

/* 滚动行公共样式 */
.h_faq .scroll-row {
    width: 100%;
    overflow: hidden;
    margin-bottom: 28px;
    /* 左右渐隐过渡 消除硬边 更自然 */
    -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
    mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);
}
.h_faq .scroll-row:last-child {
    margin-bottom: 0;
}

/* 滚动轨道 无缝循环核心 */
.h_faq .scroll-track {
    display: flex;
    gap: 20px;
    width: max-content;
    animation: scrollLeft 35s linear infinite;
}

/* 三行速度/方向差异化 实现无规则流动感 */
.h_faq .scroll-row-1 .scroll-track {
    animation-duration: 32s;
}
.h_faq .scroll-row-2 .scroll-track {
    animation-direction: reverse;
    animation-duration: 40s;
}
.h_faq .scroll-row-3 .scroll-track {
    animation-duration: 36s;
}

/* 鼠标悬停暂停滚动 提升交互体验 */
.h_faq .scroll-row:hover .scroll-track {
    animation-play-state: paused;
}

/* 痛点标签 轻薄精致风格 */
.h_faq .pain-tag {
    flex-shrink: 0;
    padding: 10px 22px;
    background: #ffffff;
    border: 1px solid rgba(63, 134, 146, 0.1);
    border-radius: 8px;
    font-size: 14px;
    color: #4a5a6e;
    line-height: 1.6;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(63, 134, 146, 0.04);
    transition: all 0.3s ease;
    font-weight: 400;
}
.h_faq .pain-tag:hover {
    border-color: rgba(63, 134, 146, 0.25);
    box-shadow: 0 4px 12px rgba(63, 134, 146, 0.08);
    transform: translateY(-2px);
    color: #3f8692;
}

/* ========== 中心金钟罩核心 (已换回主题色) ========== */
.h_faq .saas-core-shield {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    /* 核心改为主题色渐变 */
    background: linear-gradient(135deg, #3f8692 0%, #5aa3b0 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    /* 多层主题色光晕 */
    box-shadow: 
        0 0 20px rgba(63, 134, 146, 0.25),
        0 0 40px rgba(63, 134, 146, 0.18),
        0 0 60px rgba(63, 134, 146, 0.1);
    animation: shieldPulse 3.5s ease-in-out infinite;
}

/* 中心文字排版 主次分明 */
.h_faq .shield-text h3 {
    font-size: 28px;
    font-weight: 600;
    margin: 0;
    letter-spacing: 1px;
}
.h_faq .shield-text p {
    font-size: 15px;
    font-weight: 400;
    margin: 6px 0 0 0;
    opacity: 0.9;
    letter-spacing: 0.5px;
}

/* 抽象对勾 (已移至中心) */
.h_faq .shield-check {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
}
.h_faq .shield-check svg {
    width: 20px;
    height: 20px;
}

/* 双层扩散光环 (已改为红色) */
.h_faq .shield-ring {
    position: absolute;
    border-radius: 50%;
    border: 1px solid #DD5858;
    animation: ringSpread 3.5s ease-in-out infinite;
}
.h_faq .ring-1 {
    width: 210px;
    height: 210px;
    animation-delay: 0.2s;
}
.h_faq .ring-2 {
    width: 240px;
    height: 240px;
    animation-delay: 0.5s;
}

/* ========== 动画定义 ========== */
/* 向左无缝滚动 */
@keyframes scrollLeft {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* 金钟罩呼吸发光 */
@keyframes shieldPulse {
    0%, 100% {
        box-shadow: 
            0 0 20px rgba(63, 134, 146, 0.25),
            0 0 40px rgba(63, 134, 146, 0.18),
            0 0 60px rgba(63, 134, 146, 0.1);
    }
    50% {
        box-shadow: 
            0 0 30px rgba(63, 134, 146, 0.35),
            0 0 50px rgba(63, 134, 146, 0.25),
            0 0 80px rgba(63, 134, 146, 0.15);
    }
}

/* 光环扩散呼吸效果 */
@keyframes ringSpread {
    0%, 100% {
        transform: scale(1);
        opacity: 0.5;
    }
    50% {
        transform: scale(1.06);
        opacity: 0.8;
    }
}

/* ========== 移动端响应式适配 ========== */
@media screen and (max-width: 768px) {
    .h_faq .pain-scroll-wrap {
        margin-top: 40px;
        padding: 30px 0;
    }
    .h_faq .scroll-row {
        margin-bottom: 20px;
        -webkit-mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
        mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
    }
    .h_faq .scroll-track {
        gap: 14px;
        animation-duration: 42s !important;
    }
    .h_faq .pain-tag {
        padding: 8px 16px;
        font-size: 13px;
    }

    /* 移动端中心圆等比缩小 */
    .h_faq .saas-core-shield {
        width: 150px;
        height: 150px;
    }
    .h_faq .shield-text h3 {
        font-size: 22px;
    }
    .h_faq .shield-text p {
        font-size: 13px;
    }
    .h_faq .shield-check {
        width: 32px;
        height: 32px;
    }
    .h_faq .shield-check svg {
        width: 16px;
        height: 16px;
    }
    .h_faq .ring-1 {
        width: 175px;
        height: 175px;
    }
    .h_faq .ring-2 {
        width: 200px;
        height: 200px;
    }
}


/* ========== 模块2：核心优势标签栏 ========== */
.h_advantage {
    width: 100%;
    padding: 80px 0;
    background-color: #ffffff;
}
.h_advantage .advantage-tags {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
}
.h_advantage .advantage-tag-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 32px;
    border: 1px solid #dce6e8;
    border-radius: 999px;
    background: #ffffff;
    transition: all 0.3s ease;
    cursor: default;
    min-width: 260px;
}
.h_advantage .advantage-tag-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 2px 12px rgba(63, 134, 146, 0.08);
    border-color: #3f8692;
}
.h_advantage .tag-icon-box {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(63, 134, 146, 0.1);
    color: #3f8692;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 18px;
}
.h_advantage .tag-text h4 {
    font-size: 16px;
    font-weight: 600;
    color: #1f2933;
    margin-bottom: 2px;
}
.h_advantage .tag-text p {
    font-size: 13px;
    color: #606a73;
    white-space: nowrap;
    margin: 0;
}

/* ========== 模块3：行业痛点&解决方案 ========== */
.h_faq {
    width: 100%;
    padding: 80px 0;
    background-color: #F3F9F9;
}
.h_faq .pain-solution-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: start;
}
.h_faq .pain-title, 
.h_faq .solution-title {
    font-size: 22px;
    font-weight: 600;
    color: #1f2933;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding-left: 4px;
}
.h_faq .pain-title::before {
    content: '';
    width: 3px;
    height: 22px;
    background: #ff6b6b;
    border-radius: 2px;
}
.h_faq .solution-title::before {
    content: '';
    width: 3px;
    height: 22px;
    background: #3f8692;
    border-radius: 2px;
}
.h_faq .pain-list, 
.h_faq .solution-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.h_faq .list-card {
    display: flex;
    gap: 16px;
    padding: 24px 28px;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #dce6e8;
    transition: all 0.3s ease;
}
.h_faq .list-card:hover {
    box-shadow: 0 2px 12px rgba(63, 134, 146, 0.06);
    transform: translateX(4px);
}
.h_faq .solution-list .list-card:hover {
    transform: translateX(-4px);
}
.h_faq .card-icon {
    width: 44px;
    height: 44px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 20px;
    font-weight: bold;
}
.h_faq .pain-list .card-icon {
    background: rgba(255, 107, 107, 0.1);
    color: #ff6b6b;
}
.h_faq .solution-list .card-icon {
    background: rgba(63, 134, 146, 0.1);
    color: #3f8692;
}
.h_faq .card-content h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #1f2933;
}
.h_faq .card-content p {
    font-size: 14px;
    color: #606a73;
    line-height: 1.8;
    margin: 0;
}

/* ========== 响应式适配 ========== */
@media screen and (max-width: 992px) {
    .h_advantage, .h_faq {
        padding: 60px 0;
    }
    .h_faq .pain-solution-wrap {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}
@media screen and (max-width: 768px) {
    .h_advantage .advantage-tag-item {
        width: 100%;
        max-width: 100%;
    }
}



/* 功能展示模块 - 样式完全隔离 不会冲突现有页面 */
.ticket-scene-section {
    width: 100%;
    padding: 80px 0;
    background-color: #ffffff;
    box-sizing: border-box;
}
.ticket-scene-section.ticket-bg-gray {
    background-color: #f8fafb;
}
.ticket-w1200 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* 左右布局容器 - Flex实现 兼容性拉满 */
.ticket-scene-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 80px;
    width: 100%;
    box-sizing: border-box;
}
.ticket-scene-col {
    flex: 1;
    min-width: 0;
    box-sizing: border-box;
}
/* 反序布局：左图右文 */
.ticket-scene-row.ticket-reverse .ticket-scene-content {
    order: 2;
}
.ticket-scene-row.ticket-reverse .ticket-scene-img {
    order: 1;
}

/* 图片区域 - 科技感阴影+微动效 */
.ticket-scene-img {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(63, 134, 146, 0.12);
    line-height: 0;
}
.ticket-scene-img img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}
.ticket-scene-row:hover .ticket-scene-img img {
    transform: scale(1.03);
}

/* 文字内容区域 */
.ticket-scene-content h3 {
    font-size: 32px;
    font-weight: 700;
    color: #1f2933;
    margin: 0 0 24px 0;
    line-height: 1.3;
}
.ticket-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 40px 0;
    display: flex;
    flex-direction: column;
    gap: 18px;
}
.ticket-feature-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 16px;
    color: #606a73;
    line-height: 1.8;
    margin: 0;
    padding: 0;
}
/* 对勾图标 - 和之前模块风格统一 */
.ticket-feature-list li::before {
    content: '✓';
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #3f8692;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3px;
}

/* 按钮组 */
.ticket-btn-group {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
.ticket-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 32px;
    background: linear-gradient(135deg, #3f8692, #2d6b75);
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    border-radius: 8px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}
.ticket-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(63, 134, 146, 0.25);
}
.ticket-btn-outline {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 32px;
    background-color: transparent;
    color: #3f8692;
    font-size: 16px;
    font-weight: 500;
    border-radius: 8px;
    border: 1px solid #3f8692;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}
.ticket-btn-outline:hover {
    background-color: #e8f4f6;
}

/* 响应式适配 - 手机平板自动适配 */
@media screen and (max-width: 992px) {
    .ticket-scene-section {
        padding: 60px 0;
    }
    .ticket-scene-row {
        gap: 40px;
        flex-direction: column;
    }
    /* 移动端统一上图下文，阅读更流畅 */
    .ticket-scene-row.ticket-reverse .ticket-scene-content {
        order: 2;
    }
    .ticket-scene-row.ticket-reverse .ticket-scene-img {
        order: 1;
    }
    .ticket-scene-content h3 {
        font-size: 26px;
    }
}
@media screen and (max-width: 576px) {
    .ticket-btn-group {
        width: 100%;
    }
    .ticket-btn-primary, .ticket-btn-outline {
        flex: 1;
        padding: 12px 16px;
        font-size: 15px;
    }
}
/* 左右图文功能模块 - 仅新增内容样式 不影响原有标题样式 */
.h-scene-build, .h-scene-member {
    width: 100%;
    padding: 80px 0;
    box-sizing: border-box;
}
.h-scene-build {
    background-color: #ffffff;
}
.h-scene-member {
    background-color: #F3F9F9;
}


/* 左右布局容器 */
.scene-content-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 80px;
    width: 100%;
    box-sizing: border-box;
}
.scene-col {
    flex: 1;
    min-width: 0;
    box-sizing: border-box;
}
/* 反序布局：左图右文 */
.scene-reverse .scene-text {
    order: 2;
}
.scene-reverse .scene-pic {
    order: 1;
}

/* 图片区域 - 科技感阴影+微动效 */
.scene-pic {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(63, 134, 146, 0.12);
    line-height: 0;
}
.scene-pic img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.5s ease;
}
.scene-content-box:hover .scene-pic img {
    transform: scale(1.03);
}

/* 文字内容区域 */
.scene-text h3 {
    font-size: 28px;
    font-weight: 600;
    color: #1f2933;
    margin: 0 0 20px 0;
    line-height: 1.4;
}
.scene-feature {
    list-style: none;
    padding: 0;
    margin: 0 0 36px 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.scene-feature li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 16px;
    color: #606a73;
    line-height: 1.8;
    margin: 0;
    padding: 0;
}
.scene-feature li::before {
    content: '✓';
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #3f8692;
    color: #ffffff;
    font-size: 13px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3px;
}

/* 按钮组 */
.scene-btn-group {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
.btn-primary-solid {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 32px;
    background: linear-gradient(135deg, #3f8692, #2d6b75);
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    border-radius: 8px;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}
.btn-primary-solid:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(63, 134, 146, 0.25);
}
.btn-primary-line {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 32px;
    background-color: transparent;
    color: #3f8692;
    font-size: 16px;
    font-weight: 500;
    border-radius: 8px;
    border: 1px solid #3f8692;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}
.btn-primary-line:hover {
    background-color: #e8f4f6;
}

/* 响应式适配 */
@media screen and (max-width: 992px) {
    .h-scene-build, .h-scene-member {
        padding: 60px 0;
    }
    .scene-content-box {
        gap: 40px;
        flex-direction: column;
    }
    /* 移动端统一上图下文，阅读更流畅 */
    .scene-reverse .scene-text {
        order: 2;
    }
    .scene-reverse .scene-pic {
        order: 1;
    }
    .scene-text h3 {
        font-size: 24px;
    }
}
@media screen and (max-width: 576px) {
    .scene-btn-group {
        width: 100%;
    }
    .btn-primary-solid, .btn-primary-line {
        flex: 1;
        padding: 12px 16px;
        font-size: 15px;
    }
}









/* ========== 多业态模块专属样式 不影响全局原有样式 ========== */
.h-scene-member .solution-item {
    display: flex;
    align-items: center;
    gap: 60px;
    padding: 50px 40px;
    border-radius: 16px;
    margin-bottom: 30px;
    transition: all 0.4s ease;
}
.h-scene-member .solution-item:last-child {
    margin-bottom: 0;
}

/* 第一段/第三段：白色背景 */
.h-scene-member .solution-item-light {
    background-color: #ffffff;
    box-shadow: 0 4px 20px rgba(63, 134, 146, 0.06);
    border: 1px solid rgba(63, 134, 146, 0.08);
}

/* 第二段：浅绿背景 + 镜像布局（左图右文） */
.h-scene-member .solution-item-dark {
    background-color: #F3F9F9;
}
.h-scene-member .solution-reverse {
    flex-direction: row-reverse;
}

/* 文字内容区 */
.h-scene-member .solution-content {
    flex: 1;
}
.h-scene-member .content-header {
    margin-bottom: 24px;
}
.h-scene-member .item-badge {
    display: inline-block;
    padding: 4px 14px;
    background: rgba(63, 134, 146, 0.1);
    color: #3f8692;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}
.h-scene-member .content-header h3 {
    font-size: 26px;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 8px 0;
    line-height: 1.4;
}
.h-scene-member .content-header p {
    font-size: 14px;
    color: #64748b;
    margin: 0;
    line-height: 1.6;
}

/* 功能列表 */
.h-scene-member .feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 32px 0;
}
.h-scene-member .feature-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 1.7;
    color: #475569;
}
.h-scene-member .feature-list li:last-child {
    margin-bottom: 0;
}
.h-scene-member .check-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #3f8692;
    position: relative;
    margin-top: 2px;
}
.h-scene-member .check-icon::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 6px;
    width: 5px;
    height: 9px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* 主按钮 */
.h-scene-member .primary-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    background: linear-gradient(135deg, #3f8692 0%, #5aa3b0 100%);
    color: #ffffff;
    border-radius: 8px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(63, 134, 146, 0.2);
}
.h-scene-member .primary-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(63, 134, 146, 0.3);
}
.h-scene-member .primary-btn .arrow {
    transition: transform 0.3s ease;
}
.h-scene-member .primary-btn:hover .arrow {
    transform: translateX(4px);
}

/* 图片展示区 */
.h-scene-member .solution-img-wrap {
    flex: 1;
    position: relative;
}
.h-scene-member .img-box {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 8px 32px rgba(63, 134, 146, 0.12);
    border: 1px solid rgba(63, 134, 146, 0.08);
    aspect-ratio: 4 / 3;
    z-index: 2;
}
/* 图片占位样式，上线替换为真实img标签即可 */
.h-scene-member .img-mock {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 14px;
}

/* 浮动玻璃态标签（科技感元素） */
.h-scene-member .float-tag {
    position: absolute;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    font-size: 13px;
    color: #3f8692;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.9);
    z-index: 3;
    animation: floatUpDown 3s ease-in-out infinite;
}
.h-scene-member .tag-1 { top: 20%; left: -20px; animation-delay: 0s; }
.h-scene-member .tag-2 { bottom: 25%; right: -15px; animation-delay: 0.8s; }
.h-scene-member .tag-3 { top: 15%; right: -20px; animation-delay: 0.3s; }
.h-scene-member .tag-4 { bottom: 20%; left: -15px; animation-delay: 1s; }
.h-scene-member .tag-5 { top: 22%; left: -18px; animation-delay: 0.5s; }
.h-scene-member .tag-6 { bottom: 22%; right: -18px; animation-delay: 1.2s; }

/* 背景光晕效果 */
.h-scene-member .glow-effect {
    position: absolute;
    width: 80%;
    height: 80%;
    background: radial-gradient(circle, rgba(63, 134, 146, 0.15) 0%, transparent 70%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    filter: blur(20px);
    animation: pulseGlow 4s ease-in-out infinite;
}

/* 动画定义 */
@keyframes floatUpDown {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}
@keyframes pulseGlow {
    0%, 100% { opacity: 0.6; transform: translate(-50%, -50%) scale(1); }
    50% { opacity: 1; transform: translate(-50%, -50%) scale(1.05); }
}

/* 移动端响应式适配 */
@media screen and (max-width: 992px) {
    .h-scene-member .solution-item,
    .h-scene-member .solution-reverse {
        flex-direction: column;
        gap: 36px;
        padding: 36px 24px;
    }
    .h-scene-member .solution-img-wrap {
        width: 100%;
    }
    .h-scene-member .content-header h3 {
        font-size: 22px;
    }
    .h-scene-member .float-tag {
        font-size: 12px;
        padding: 6px 12px;
    }
}


/* ========== 多业态模块专属样式 不影响全局原有样式 ========== */
.h-scene-member .solution-item {
    display: flex;
    align-items: center;
    gap: 60px;
    padding: 50px 40px;
    border-radius: 16px;
    margin-bottom: 30px;
    transition: all 0.4s ease;
}
.h-scene-member .solution-item:last-child {
    margin-bottom: 0;
}

/* 第一段/第三段：白色背景 */
.h-scene-member .solution-item-light {
    background-color: #ffffff;
    box-shadow: 0 4px 20px rgba(63, 134, 146, 0.06);
    border: 1px solid rgba(63, 134, 146, 0.08);
}

/* 第二段：浅绿背景 + 镜像布局（左图右文） */
.h-scene-member .solution-item-dark {
    background-color: #FFF;
}
.h-scene-member .solution-reverse {
    flex-direction: row-reverse;
}

/* 文字内容区 */
.h-scene-member .solution-content {
    flex: 1;
}
.h-scene-member .content-header {
    margin-bottom: 24px;
}
.h-scene-member .item-badge {
    display: inline-block;
    padding: 4px 14px;
    background: rgba(63, 134, 146, 0.1);
    color: #3f8692;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}
.h-scene-member .content-header h3 {
    font-size: 26px;
    font-weight: 600;
    color: #1e293b;
    margin: 0 0 8px 0;
    line-height: 1.4;
}
.h-scene-member .content-header p {
    font-size: 14px;
    color: #64748b;
    margin: 0;
    line-height: 1.6;
}

/* 功能列表 */
.h-scene-member .feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 32px 0;
}
.h-scene-member .feature-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
    font-size: 14px;
    line-height: 1.7;
    color: #475569;
}
.h-scene-member .feature-list li:last-child {
    margin-bottom: 0;
}
.h-scene-member .check-icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #3f8692;
    position: relative;
    margin-top: 2px;
}
.h-scene-member .check-icon::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 6px;
    width: 5px;
    height: 9px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* 主按钮 */
.h-scene-member .primary-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 28px;
    background: linear-gradient(135deg, #3f8692 0%, #5aa3b0 100%);
    color: #ffffff;
    border-radius: 8px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(63, 134, 146, 0.2);
}
.h-scene-member .primary-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(63, 134, 146, 0.3);
}
.h-scene-member .primary-btn .arrow {
    transition: transform 0.3s ease;
}
.h-scene-member .primary-btn:hover .arrow {
    transform: translateX(4px);
}

/* 图片展示区 */
.h-scene-member .solution-img-wrap {
    flex: 1;
    position: relative;
     max-width: 1000px;
}
.h-scene-member .solution-img-wrap img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain; /* 完整显示图片，不变形；不想留白改成 cover 铺满裁剪 */
}
.h-scene-member .img-box {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background-color: #ffffff;
    box-shadow: 0 8px 32px rgba(63, 134, 146, 0.12);
    border: 1px solid rgba(63, 134, 146, 0.08);
    aspect-ratio: 4 / 3;
    z-index: 2;
}
/* 图片占位样式，上线替换为真实img标签即可 */
.h-scene-member .img-mock {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 14px;
}

/* 浮动玻璃态标签（科技感元素） */
.h-scene-member .float-tag {
    position: absolute;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    font-size: 13px;
    color: #3f8692;
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.9);
    z-index: 3;
    animation: floatUpDown 3s ease-in-out infinite;
}
.h-scene-member .tag-1 { top: 20%; left: -20px; animation-delay: 0s; }
.h-scene-member .tag-2 { bottom: 25%; right: -15px; animation-delay: 0.8s; }
.h-scene-member .tag-3 { top: 15%; right: -20px; animation-delay: 0.3s; }
.h-scene-member .tag-4 { bottom: 20%; left: -15px; animation-delay: 1s; }
.h-scene-member .tag-5 { top: 22%; left: -18px; animation-delay: 0.5s; }
.h-scene-member .tag-6 { bottom: 22%; right: -18px; animation-delay: 1.2s; }

/* 背景光晕效果 */
.h-scene-member .glow-effect {
    position: absolute;
    width: 80%;
    height: 80%;
    background: radial-gradient(circle, rgba(63, 134, 146, 0.15) 0%, transparent 70%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    filter: blur(20px);
    animation: pulseGlow 4s ease-in-out infinite;
}

/* 动画定义 */
@keyframes floatUpDown {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}
@keyframes pulseGlow {
    0%, 100% { opacity: 0.6; transform: translate(-50%, -50%) scale(1); }
    50% { opacity: 1; transform: translate(-50%, -50%) scale(1.05); }
}

/* 移动端响应式适配 */
@media screen and (max-width: 992px) {
    .h-scene-member .solution-item,
    .h-scene-member .solution-reverse {
        flex-direction: column;
        gap: 36px;
        padding: 36px 24px;
    }
    .h-scene-member .solution-img-wrap {
        width: 100%;
    }
    .h-scene-member .content-header h3 {
        font-size: 22px;
    }
    .h-scene-member .float-tag {
        font-size: 12px;
        padding: 6px 12px;
    }
}


.sol_left_wrap {
    display: flex;
    gap: 32px;
    margin-top: 48px;
    align-items: stretch;
}
.sol_left_nav_box {
    width: 40%;
    flex-shrink: 0;
}
.sol_left_nav_box ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
}
.sol_left_nav_item {
    padding: 22px 26px;
    background: #ffffff;
    border: 1px solid #e6ecf0;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}
.sol_left_nav_item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: linear-gradient(180deg, #3f8692 0%, #5aa8b6 100%);
    transition: all 0.3s ease;
    opacity: 0;
}
.sol_left_title {
    font-size: 18px;
    font-weight: 600;
    color: #243033;
    margin: 0 0 8px 0;
    line-height: 1.4;
    transition: all 0.3s ease;
}
.sol_left_subdesc {
    font-size: 14px;
    color: #8a9aa0;
    line-height: 1.65;
    margin: 0;
    transition: all 0.3s ease;
}
.sol_left_nav_item:hover {
    border-color: #3f8692;
    transform: translateX(6px);
    box-shadow: 0 8px 24px rgba(63, 134, 146, 0.12);
}
.sol_left_nav_item:hover .sol_left_title {
    color: #3f8692;
}
.sol_left_nav_item.active {
    background: linear-gradient(135deg, #3f8692 0%, #2f6a74 100%);
    border-color: transparent;
    box-shadow: 0 12px 32px rgba(63, 134, 146, 0.25);
    transform: translateX(6px);
}
.sol_left_nav_item.active::before {
    opacity: 1;
}
.sol_left_nav_item.active .sol_left_title {
    color: #ffffff;
}
.sol_left_nav_item.active .sol_left_subdesc {
    color: rgba(255, 255, 255, 0.75);
}
.sol_left_content_box {
    flex: 1;
    min-width: 0;
    position: relative;
}
.sol_left_pane {
    display: none;
    width: 100%;
    height: 100%;
    animation: sol_fadeUp 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.sol_left_pane.active {
    display: block;
}
@keyframes sol_fadeUp {
    from {opacity: 0; transform: translateY(20px);}
    to {opacity: 1; transform: translateY(0);}
}
.sol_left_img_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 420px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 16px 48px rgba(31, 52, 58, 0.15);
    background: #f0f5f7;
}
.sol_left_img_wrap img {
    width: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.sol_left_pane.active .sol_left_img_wrap img {
    transform: scale(1);
}
.sol_left_glow_effect {
    position: absolute;
    top: -40%;
    right: -40%;
    width: 70%;
    height: 70%;
    background: radial-gradient(circle, rgba(63, 134, 146, 0.25) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
    animation: sol_floatGlow 6s ease-in-out infinite alternate;
}
@keyframes sol_floatGlow {
    from {transform: translate(0, 0); opacity: 0.6;}
    to {transform: translate(-20%, 20%); opacity: 0.3;}
}
@media (max-width: 992px) {
    .sol_left_wrap {
        flex-direction: column;
        gap: 24px;
    }
    .sol_left_nav_box {
        width: 100%;
        overflow-x: auto;
        padding-bottom: 8px;
    }
    .sol_left_nav_box ul {
        flex-direction: row;
        gap: 12px;
        white-space: normal;
    }
    .sol_left_nav_item {
        flex-shrink: 0;
        min-width: 260px;
        padding: 18px 20px;
        transform: none !important;
    }
    .sol_left_img_wrap {
        min-height: 320px;
    }
}

/* ====================== 2、方案Tab2：左侧大图+右侧文字导航 前缀sol_right_ ====================== */
.sol_right_wrap {
    display: flex;
    gap: 32px;
    margin-top: 48px;
    align-items: stretch;
}
.sol_right_content_box {
    flex: 1;
    min-width: 0;
    position: relative;
    order: 1;
}
.sol_right_pane {
    display: none;
    width: 100%;
    height: 100%;
    animation: sol_fadeUp 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.sol_right_pane.active {
    display: block;
}
.sol_right_img_wrap {
    position: relative;
    width: 100%;
    min-height: 420px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 16px 48px rgba(31, 52, 58, 0.15);
    background: #f0f5f7;
}
.sol_right_img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}
.sol_right_pane.active .sol_right_img_wrap img {
    transform: scale(1);
}
.sol_right_glow_effect {
    position: absolute;
    top: -40%;
    left: -40%;
    width: 70%;
    height: 70%;
    background: radial-gradient(circle, rgba(63, 134, 146, 0.25) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
    animation: sol_floatGlow 6s ease-in-out infinite alternate;
}
.sol_right_nav_box {
    width: 40%;
    flex-shrink: 0;
    order: 2;
}
.sol_right_nav_box ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
}
.sol_right_nav_item {
    padding: 22px 26px;
    background: #ffffff;
    border: 1px solid #e6ecf0;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}
.sol_right_nav_item::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 4px;
    background: linear-gradient(180deg, #3f8692 0%, #5aa8b6 100%);
    transition: all 0.3s ease;
    opacity: 0;
}
.sol_right_title {
    font-size: 18px;
    font-weight: 600;
    color: #243033;
    margin: 0 0 8px 0;
    line-height: 1.4;
    transition: all 0.3s ease;
}
.sol_right_subdesc {
    font-size: 14px;
    color: #8a9aa0;
    line-height: 1.65;
    margin: 0;
    transition: all 0.3s ease;
}
.sol_right_nav_item:hover {
    border-color: #3f8692;
    transform: translateX(-6px);
    box-shadow: 0 8px 24px rgba(63, 134, 146, 0.12);
}
.sol_right_nav_item:hover .sol_right_title {
    color: #3f8692;
}
.sol_right_nav_item.active {
    background: linear-gradient(135deg, #3f8692 0%, #2f6a74 100%);
    border-color: transparent;
    box-shadow: 0 12px 32px rgba(63, 134, 146, 0.25);
    transform: translateX(-6px);
}
.sol_right_nav_item.active::before {
    opacity: 1;
}
.sol_right_nav_item.active .sol_right_title {
    color: #ffffff;
}
.sol_right_nav_item.active .sol_right_subdesc {
    color: rgba(255, 255, 255, 0.75);
}
@media (max-width: 992px) {
    .sol_right_wrap {
        flex-direction: column;
        gap: 24px;
    }
    .sol_right_content_box,.sol_right_nav_box {
        width: 100%;
        order: initial;
    }
    .sol_right_nav_box {
        overflow-x: auto;
        padding-bottom: 8px;
    }
    .sol_right_nav_box ul {
        flex-direction: row;
        gap: 12px;
        white-space: normal;
    }
    .sol_right_nav_item {
        flex-shrink: 0;
        min-width: 260px;
        padding: 18px 20px;
        transform: none !important;
    }
    .sol_right_img_wrap {
        min-height: 320px;
    }
}

/* ========== Banner悬浮文字模块 独立样式 主题色#3f8692 ========== */
.web_banner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.web_banner img {
  width: 100%;
  display: block;
}
/* 悬浮文字容器 左对齐红框位置 */
.banner_overlay_text {
  position: absolute;
  left: 8%;
  top: 50%;
  transform: translateY(-50%);
  max-width: 480px;
  z-index: 2;
}
/* 顶部标签 - 已修改为图1的砖红色样式 */
.banner_top_tag {
  display: inline-block;
  padding: 7px 20px;
  background: #FFF; /* 砖红色背景 */
  color: #D18550;
  font-size: 15px;
  border-radius: 99px;
  margin-bottom: 24px;
  backdrop-filter: blur(4px);
}
/* 主标题 */
.banner_big_title {
  font-size: 56px;
  font-weight: 700;
  color: #ffffff;
  line-height: 1.2;
  margin: 0 0 20px 0;
  text-shadow: 0 2px 12px rgba(0,0,0,0.15);
}
/* 副标题SEO标题 */
.banner_sub_title {
  font-size: 20px;
  color: rgba(255,255,255,0.85);
  margin: 0 0 22px 0;
  line-height: 1.4;
}
/* 描述文案SEO描述 */
.banner_desc {
  font-size: 17px;
  color: rgba(255,255,255,0.78);
  line-height: 1.75;
  margin-bottom: 38px;
}
/* 按钮组 */
.banner_btn_group {
  display: flex;
  gap: 22px;
  align-items: center;
}
/* 免费试用 呼吸动画按钮 - 已修改为砖红色呼吸光 */
.banner_btn_breath {
  padding: 17px 38px;
  background: #D18550;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 17px;
  cursor: pointer;
  animation: breath_effect 2.8s ease-in-out infinite;
  box-shadow: #fff /* 初始阴影改为白色 */
}
/* 呼吸动画 - 全部改为白色光晕 */
@keyframes breath_effect {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); /* 白色半透明 */
    transform: scale(1);
  }
  70% {
    box-shadow: 0 0 0 14px rgba(255, 255, 255, 0); /* 扩散白色光晕透明淡出 */
    transform: scale(1.02);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    transform: scale(1);
  }
}
/* 立即咨询 描边按钮 */
.banner_btn_outline {
  padding: 17px 38px;
  background: transparent;
  color: #ffffff;
  border: 2px solid #3f8692;
  border-radius: 10px;
  font-size: 17px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.banner_btn_outline:hover {
  background: rgba(63, 134, 146, 0.25);
}
/* 底部原有居中文字兼容 */
.webBa_text {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
/* 移动端适配 */
@media (max-width: 992px) {
  .banner_overlay_text {
    left: 5%;
    right: 5%;
    max-width: unset;
  }
  .banner_big_title {
    font-size: 36px;
  }
  .banner_btn_group {
    flex-wrap: wrap;
  }
  .banner_btn_breath,
  .banner_btn_outline {
    flex: 1;
    text-align: center;
  }
}

/* ========== 系统卡片无限滚动 主题色#3f8692 ========== */
.system-scroll-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 50px;
    /* 左右渐变淡出遮罩，提升科技氛围感 */
    -webkit-mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
    mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
}

/* 滚动轨道 无缝循环核心 */
.system-scroll-track {
    display: flex;
    gap: 24px;
    width: max-content;
    animation: systemAutoScroll 35s linear infinite;
}

/* 鼠标悬浮暂停滚动，方便查看详情 */
.system-scroll-container:hover .system-scroll-track {
    animation-play-state: paused;
}

/* 滚动动画关键帧 */
@keyframes systemAutoScroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* 卡片基础样式 */
.system-card {
    flex-shrink: 0;
    width: 280px;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    border: 1px solid #e8ecf0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    position: relative;
}

/* 卡片悬浮动效：上浮+主题色边框发光 */
.system-card:hover {
    transform: translateY(-8px);
    border-color: #3f8692;
    box-shadow: 0 12px 30px rgba(63, 134, 146, 0.2);
}

/* 图片容器 */
.system-card-img {
    width: 100%;
    height: 180px;
    overflow: hidden;
    position: relative;
}

/* 图片自适应填充，不变形 */
.system-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 悬浮图片缓慢放大 */
.system-card:hover .system-card-img img {
    transform: scale(1.08);
}

/* ========== 新增：主题色渐变悬浮遮罩 ========== */
.system-card-mask {
    position: absolute;
    inset: 0;
    /* 主题色渐变，科技感半透明效果 */
    background: linear-gradient(135deg, rgba(63, 134, 146, 0.85), rgba(63, 134, 146, 0.6));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 2;
}
/* 悬浮显示遮罩 */
.system-card:hover .system-card-mask {
    opacity: 1;
}

/* 眼睛图标（纯CSS绘制，无需外部图标） */
.system-mask-eye {
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transform: scale(0.8);
    transition: transform 0.4s ease;
}
.system-mask-eye::before {
    content: '';
    width: 16px;
    height: 16px;
    border: 2px solid #fff;
    border-radius: 50%;
}
/* 悬浮图标放大 */
.system-card:hover .system-mask-eye {
    transform: scale(1);
}

/* 遮罩文字 */
.system-card-mask span {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    transform: translateY(10px);
    transition: transform 0.4s ease;
}
/* 悬浮文字上移 */
.system-card:hover .system-card-mask span {
    transform: translateY(0);
}

/* 卡片文字区域 */
.system-card-body {
    padding: 20px 22px;
    text-align: center;
}
.system-card-body h3 {
    font-size: 17px;
    font-weight: 600;
    color: #243033;
    margin: 0;
    transition: color 0.3s ease;
    line-height: 1.4;
}

/* 悬浮文字变为主题色 */
.system-card:hover .system-card-body h3 {
    color: #3f8692;
}

/* ========== 响应式全端适配 ========== */
/* 平板端 */
@media (max-width: 992px) {
    .system-card {
        width: 240px;
    }
    .system-card-img {
        height: 160px;
    }
    .system-scroll-track {
        gap: 20px;
        animation-duration: 30s;
    }
    .system-scroll-container {
        margin-top: 40px;
    }
}

/* 移动端 */
@media (max-width: 768px) {
    .system-card {
        width: 200px;
    }
    .system-card-img {
        height: 140px;
    }
    .system-card-body {
        padding: 16px 18px;
    }
    .system-card-body h3 {
        font-size: 15px;
    }
    .system-scroll-track {
        gap: 16px;
        animation-duration: 25s;
    }
    .system-scroll-container {
        margin-top: 30px;
        -webkit-mask-image: linear-gradient(to right, transparent, #000 3%, #000 97%, transparent);
        mask-image: linear-gradient(to right, transparent, #000 3%, #000 97%, transparent);
    }
}

/* 小屏手机 */
@media (max-width: 480px) {
    .system-card {
        width: 170px;
    }
    .system-card-img {
        height: 120px;
    }
    .system-card-body {
        padding: 14px 16px;
    }
    .system-card-body h3 {
        font-size: 14px;
    }
}
/* 热线容器，弹性垂直居中，适配hd-r弹性布局 */
.hotline-box {
    float: right;
    text-align: center;
    margin-right: 14px;
    padding: 4px 10px;
    border-radius: 8px;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    /* 半透白色边框+底色，凸显白色文字 */
    background-color: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.45);
}
/* 顶部小字：纯白色 */
.hotline-top {
    font-size: 11px;
    color: #ffffff;
    line-height: 1.1;
}
/* 电话号码：加粗纯白，辨识度最高 */
.hotline-num {
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    line-height: 1.2;
    letter-spacing: 0.4px;
}

/* 常态心跳呼吸动画：白色光晕，视觉跳动抓人眼球 */
@keyframes breathLight {
    0% {
        box-shadow: 0 0 4px #ffffff,
                    0 0 8px rgba(255, 255, 255, 0.25);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 8px #ffffff,
                    0 0 16px rgba(255, 255, 255, 0.5);
        transform: scale(1.02);
    }
    100% {
        box-shadow: 0 0 4px #ffffff,
                    0 0 8px rgba(255, 255, 255, 0.25);
        transform: scale(1);
    }
}
/* 下拉hdDown 深灰色头部专属动画配色 */
@keyframes breathGray {
    0% {
        box-shadow: 0 0 3px #3f8692,
                    0 0 7px rgba(63, 134, 146, 0.18);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 0 7px #3f8692,
                    0 0 14px rgba(63, 134, 146, 0.35);
        transform: scale(1.02);
    }
    100% {
        box-shadow: 0 0 3px #3f8692,
                    0 0 7px rgba(63, 134, 146, 0.18);
        transform: scale(1);
    }
}
.hotline-box::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 8px;
    animation: breathLight 2.8s infinite ease-in-out;
    opacity: 0.7;
}
/* hover强化动效：上浮+放大+提亮底色 */
.hotline-box:hover {
    transform: scale(1.04) translateY(-2px);
    background-color: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.7);
}

/* 小屏幕自动隐藏 */
@media (max-width: 1260px) {
    .hotline-box {
        display: none;
    }
}

/* hd-r弹性布局，整体全部垂直居中 */
.hd-r {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap;
}
.hd-r > nav.nav {
    margin-right: auto;
}
.hd-r::after {
    content: "";
    display: table;
    clear: both;
}

/* ========== 页面滚动下拉 .hdDown 白底头部适配（滚动后变回主题色）========== */
.hdDown .hotline-box {
    background-color: rgba(63, 134, 146, 0.12);
    border: 1px solid rgba(63, 134, 146, 0.35);
}
.hdDown .hotline-box::before {
    animation: breathGray 2.8s infinite ease-in-out;
    opacity: 0.8;
}
.hdDown .hotline-num {
    color: #3f8692;
}
.hdDown .hotline-top {
    color: #3f8692;
    opacity: 0.85;
}
.hdDown .hotline-box:hover {
    background-color: rgba(63, 134, 146, 0.22);
    border-color: rgba(63, 134, 146, 0.6);
}



/* ========== 帮助中心专属样式 完全隔离 不影响全站 ========== */
.help-center-wrap * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.help-center-wrap {
    --primary: #3f8692;
    --primary-light: rgba(63, 134, 146, 0.1);
    --primary-border: rgba(63, 134, 146, 0.25);
    --primary-gradient: linear-gradient(135deg, #3f8692 0%, #5aa6b3 100%);
    --text-title: #1a2634;
    --text-main: #374151;
    --text-sub: #6b7280;
    --text-light: #9ca3af;
    --bg-page: #f2f3f6;
    --bg-card: #ffffff;
    --border-line: #eef2f5;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.06);
    --shadow-hover: 0 10px 30px rgba(63, 134, 146, 0.15);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: var(--text-main);
    font-size: 14px;
    line-height: 1.6;
    background: var(--bg-page);
}

/* ========== 顶部Banner背景区 ========== */
.help-banner {
    position: relative;
    width: 100%;
    height: 420px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
/* 渐变遮罩 保证文字清晰 底部和页面背景衔接 */
.help-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, 
        rgba(63, 134, 146, 0.18) 0%, 
        rgba(242, 243, 246, 0.85) 85%,
        #f2f3f6 100%);
    z-index: 1;
}
.help-banner-content {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 720px;
    padding: 0 20px;
    text-align: center;
}
.help-banner-title {
     margin-top: 100px;
    font-size: 38px;
    font-weight: 600;
    color: var(--text-title);
    margin-bottom: 12px;
    letter-spacing: 0.5px;
}
.help-banner-desc {
    font-size: 15px;
    color: var(--text-sub);
    margin-bottom: 32px;
}

/* 搜索表单 关键：设置相对定位，作为按钮定位基准 */
.help-search-form {
    position: relative;
    z-index: 1;
    max-width: 100%;
    margin: 0 auto;
}
.help-search-input {
    width: 100%;
    height: 52px;
    padding: 0 70px 0 24px;
    border: 1px solid rgba(255,255,255,0.8);
    border-radius: 26px;
    font-size: 14px;
    background: rgba(255,255,255,0.95);
    outline: none;
    transition: var(--transition);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.help-search-input:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 4px rgba(63, 134, 146, 0.15), 0 6px 24px rgba(0, 0, 0, 0.1);
    background: #fff;
}

/* 搜索按钮 修复定位错乱 永久垂直居中 */
@keyframes heartbeat {
    0%, 100% { transform: translateY(-50%) scale(1); box-shadow: 0 2px 8px rgba(63, 134, 146, 0.3); }
    14% { transform: translateY(-50%) scale(1.08); box-shadow: 0 4px 12px rgba(63, 134, 146, 0.4); }
    28% { transform: translateY(-50%) scale(1); box-shadow: 0 2px 8px rgba(63, 134, 146, 0.3); }
    42% { transform: translateY(-50%) scale(1.08); box-shadow: 0 4px 12px rgba(63, 134, 146, 0.4); }
    70% { transform: translateY(-50%) scale(1); box-shadow: 0 2px 8px rgba(63, 134, 146, 0.3); }
}
/* 搜索按钮 心跳动效 永久垂直居中 */

.help-search-btn {
    position: absolute;
    right: 6px;
    top: 21%;
    transform: translateY(-50%);
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    background: var(--primary-gradient);
    color: #fff;
    cursor: pointer;
    transition: var(--transition);
    display: flex;
    align-items: center;
    justify-content: center;
    animation: heartbeat 2s ease-in-out infinite;
    /* 增加层级，防止压住下拉联想框 */
    z-index: 2;
}
.help-search-btn:hover {
    filter: brightness(1.05);
    animation-play-state: paused;
    transform: translateY(-50%) scale(1.1);
}

/* 搜索联想下拉 */
.help-search-suggest {
    position: absolute;
    top: 62px;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md);
    border: 1px solid var(--border-line);
    overflow: hidden;
    z-index: 99;
    display: none;
    text-align: left;
}
.suggest-item {
    padding: 12px 20px;
    cursor: pointer;
    transition: var(--transition);
    border-bottom: 1px solid var(--border-line);
    font-size: 14px;
    color: var(--text-main);
}
.suggest-item:last-child {
    border-bottom: none;
}
.suggest-item:hover {
    background: var(--primary-light);
    color: var(--primary);
    padding-left: 26px;
}
.suggest-empty {
    padding: 20px;
    text-align: center;
    color: var(--text-light);
    font-size: 13px;
}

/* 历史搜索区域 始终占位，不会上下跳动 */
.help-search-history {
    margin-top: 18px;
    text-align: left;
    padding: 0 4px;
    position: relative;
    z-index: 1;
    min-height: 36px; /* 固定最小高度，布局位置固定不动 */
}
.history-title {
    font-size: 13px;
    color: var(--text-sub);
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.history-clear {
    cursor: pointer;
    color: var(--text-light);
    transition: var(--transition);
    font-size: 12px;
}
.history-clear:hover {
    color: var(--primary);
}
.history-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.history-tag {
    padding: 5px 14px;
    background: rgba(255,255,255,0.9);
    border: 1px solid rgba(255,255,255,0.8);
    border-radius: 14px;
    font-size: 12px;
    color: var(--text-main);
    cursor: pointer;
    transition: var(--transition);
    backdrop-filter: blur(4px);
}
.history-tag:hover {
    border-color: var(--primary);
    color: var(--primary);
    background: var(--primary-light);
    transform: translateY(-1px);
}

/* ========== 面包屑 适配原有样式 ========== */
.help-center-wrap .web_mbx {
    background: #fff;
    border-bottom: 1px solid var(--border-line);
}
.help-center-wrap .webMbx-main {
    max-width: 1280px;
    margin: 0 auto;
    padding: 18px 20px;
}

/* ========== 主内容容器 ========== */
.help-main-box {
    max-width: 1280px;
    margin: 0 auto;
    padding: 40px 20px 60px;
}

/* ========== 左右布局 ========== */
.help-content-layout {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 30px;
    align-items: start;
}

/* 左侧导航 */
.help-side-nav {
    position: sticky;
    top: 100px;
    background: var(--bg-card);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    padding: 20px 0;
    border: 1px solid var(--border-line);
    transition: var(--transition);
}
.help-side-nav:hover {
    box-shadow: var(--shadow-md);
}
.side-nav-head {
    padding: 0 24px 16px;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-title);
    border-bottom: 1px solid var(--border-line);
    margin-bottom: 8px;
}
.side-nav-list {
    list-style: none;
}
.side-nav-item a {
    display: block;
    padding: 12px 24px;
    font-size: 14px;
    color: var(--text-main);
    text-decoration: none;
    border-left: 3px solid transparent;
    transition: var(--transition);
    position: relative;
}
.side-nav-item a:hover {
    color: var(--primary);
    background: var(--primary-light);
    padding-left: 30px;
}
.side-nav-item.active a {
    color: var(--primary);
    background: var(--primary-light);
    border-left-color: var(--primary);
    font-weight: 500;
}

/* 右侧内容区 */
.help-right-area {
    min-height: 400px;
}
.help-category-card {
    background: var(--bg-card);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--border-line);
    padding: 28px 32px;
    margin-bottom: 24px;
    transition: var(--transition);
    scroll-margin-top: 90px;
}
.help-category-card:hover {
    box-shadow: var(--shadow-hover);
    transform: translateY(-3px);
    border-color: var(--primary-border);
}
.category-card-title {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-title);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--border-line);
}
.category-card-title::before {
    content: "";
    width: 5px;
    height: 20px;
    background: var(--primary-gradient);
    border-radius: 3px;
}

/* 文章列表 三列布局 */
.article-grid-list {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 24px;
}
.article-grid-item a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 4px;
    font-size: 14px;
    color: var(--text-main);
    text-decoration: none;
    transition: var(--transition);
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px dashed transparent;
}
.article-grid-item a::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--primary);
    opacity: 0.5;
    flex-shrink: 0;
    transition: var(--transition);
}
.article-grid-item a:hover {
    color: var(--primary);
    padding-left: 8px;
    border-bottom-color: var(--primary-border);
}
.article-grid-item a:hover::before {
    opacity: 1;
    transform: scale(1.4);
    box-shadow: 0 0 8px rgba(63, 134, 146, 0.5);
}

/* ========== 响应式适配 ========== */
@media (max-width: 992px) {
    .help-banner {
        height: 360px;
    }
    .help-banner-title {
        font-size: 30px;
    }
    .help-content-layout {
        grid-template-columns: 1fr;
    }
    .help-side-nav {
        position: static;
        padding: 16px 0;
    }
    .side-nav-list {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        padding: 0 16px;
        scrollbar-width: none;
    }
    .side-nav-list::-webkit-scrollbar {
        display: none;
    }
    .side-nav-item a {
        border-left: none;
        border-bottom: 2px solid transparent;
        white-space: nowrap;
        padding: 10px 16px;
    }
    .side-nav-item a:hover,
    .side-nav-item.active a {
        border-left: none;
        border-bottom-color: var(--primary);
        background: transparent;
        padding-left: 16px;
    }
    .article-grid-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .help-banner {
        height: 320px;
    }
    .help-banner-title {
        font-size: 24px;
    }
    .help-main-box {
        padding: 24px 16px 40px;
    }
    .help-category-card {
        padding: 20px 22px;
    }
    .article-grid-list {
        grid-template-columns: 1fr;
    }
}


/* ========== 全局基础与背景质感 ========== */
.tech-footer {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  color: #94a3b8;
  font-size: 14px;
  line-height: 1.7;
  background: linear-gradient(180deg, #0f1720 0%, #0b1219 100%);
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

/* 顶部渐变发光分割线 */
.tech-footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(63, 134, 146, 0.7) 50%, transparent 100%);
  box-shadow: 0 0 12px rgba(63, 134, 146, 0.4);
}

/* 背景径向微光，提升层次感 */
.tech-footer::after {
  content: "";
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 300px;
  background: radial-gradient(ellipse at center top, rgba(63, 134, 146, 0.08) 0%, transparent 70%);
  pointer-events: none;
}

.tech-footer * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
}

.tech-footer__container {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 24px;
}

/* ========== 主体网格布局 ========== */
.tech-footer__main {
  padding: 64px 0 56px;
  position: relative;
  z-index: 1;
}
.tech-footer__main .tech-footer__container {
  display: grid;
  grid-template-columns: 1.3fr 1.3fr 0.9fr 0.9fr 1.2fr;
  gap: 48px;
  align-items: start;
}

/* ========== 列标题 ========== */
.tech-footer__title {
  font-size: 17px;
  font-weight: 500;
  color: #e2e8f0;
  margin-bottom: 24px;
  padding-bottom: 12px;
  position: relative;
  letter-spacing: 0.5px;
}
.tech-footer__title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 36px;
  height: 2px;
  background: linear-gradient(90deg, #3f8692 0%, rgba(63, 134, 146, 0.2) 100%);
  border-radius: 2px;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 0 8px rgba(63, 134, 146, 0.4);
}
.tech-footer__col:hover .tech-footer__title::after {
  width: 64px;
  box-shadow: 0 0 12px rgba(63, 134, 146, 0.6);
}

/* ========== 二级列表 ========== */
.tech-footer__list {
  display: block;
}
.tech-footer__item {
  margin-bottom: 28px;
  position: relative;
}
/* 二级标题样式 */
.tech-footer__link {
  display: inline-block;
  color: #cbd5e1;
  font-size: 15px;
  font-weight: 500;
  position: relative;
  padding-left: 18px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
/* 二级标题左侧节点圆点 */
.tech-footer__link::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3f8692;
  box-shadow: 0 0 8px rgba(63, 134, 146, 0.6);
  transition: all 0.3s ease;
}
.tech-footer__link:hover {
  color: #5ac2d0;
  text-shadow: 0 0 8px rgba(90, 194, 208, 0.25);
}
.tech-footer__link:hover::before {
  transform: translateY(-50%) scale(1.3);
  box-shadow: 0 0 12px rgba(90, 194, 208, 0.8);
}

/* ========== 三级列表：左右交叉虚线时间轴 ========== */
.tech-footer__sub-list {
  position: relative;
  margin-top: 14px;
  padding: 6px 0;
}
/* 中间虚线主线 */
.tech-footer__sub-list::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 1px;
  border-left: 1px dashed rgba(63, 134, 146, 0.3);
  transform: translateX(-50%);
}

/* 三级项基础样式 */
.tech-footer__sub-item {
  position: relative;
  width: 50%;
  margin-bottom: 10px;
  box-sizing: border-box;
}
/* 奇数项：居左，文字右对齐 */
.tech-footer__sub-item:nth-child(odd) {
  left: 0;
  padding-right: 18px;
  text-align: right;
}
/* 偶数项：居右，文字左对齐 */
.tech-footer__sub-item:nth-child(even) {
  left: 50%;
  padding-left: 18px;
  text-align: left;
}

/* 三级项圆点节点：默认隐藏 */
.tech-footer__sub-item::before {
  content: "";
  position: absolute;
  top: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #5ac2d0;
  transition: all 0.3s ease;
  opacity: 0;
  transform: scale(0.8);
}
/* 左项圆点：在右侧（贴中间线） */
.tech-footer__sub-item:nth-child(odd)::before {
  right: -3px;
}
/* 右项圆点：在左侧（贴中间线） */
.tech-footer__sub-item:nth-child(even)::before {
  left: -3px;
}
/* hover时圆点显现发光 */
.tech-footer__sub-item:hover::before {
  opacity: 1;
  transform: scale(1.2);
  box-shadow: 0 0 10px rgba(90, 194, 208, 0.8);
}

/* 三级链接样式 */
.tech-footer__sub-link {
  color: #788896;
  font-size: 13px;
  transition: all 0.3s ease;
  line-height: 1.5;
  display: inline-block;
}
.tech-footer__sub-link:hover {
  color: #5ac2d0;
  text-shadow: 0 0 6px rgba(90, 194, 208, 0.3);
}

/* ========== 联系我们栏 ========== */
.tech-footer__col--contact {
  padding-left: 24px;
  border-left: 1px solid rgba(255, 255, 255, 0.06);
}
.tech-footer__qrcode {
  text-align: center;
  margin-bottom: 28px;
}
.qrcode-box {
  width: 140px;
  height: 140px;
  margin: 0 auto 12px;
  padding: 6px;
  background: #fff;
  border-radius: 10px;
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.qrcode-box img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 6px;
}
.qrcode-text {
  font-size: 13px;
  color: #94a3b8;
}
.tech-footer__qrcode:hover .qrcode-box {
  transform: scale(1.05);
  box-shadow: 0 0 0 3px rgba(63, 134, 146, 0.3), 0 8px 30px rgba(63, 134, 146, 0.2);
}

.tech-footer__contact-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.contact-item {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.contact-label {
  font-size: 12px;
  color: #64748b;
  letter-spacing: 0.3px;
}
.contact-val {
  color: #cbd5e1;
  font-size: 15px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.contact-val:hover {
  color: #5ac2d0;
  text-shadow: 0 0 8px rgba(90, 194, 208, 0.25);
}

/* ========== 友情链接区 ========== */
.tech-footer__links {
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  padding: 24px 0;
  position: relative;
  z-index: 1;
}
.tech-footer__links .tech-footer__container {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.links-head {
  display: flex;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
  flex-shrink: 0;
}
.links-icon {
  width: 16px;
  height: 16px;
  border-left: 2px solid #3f8692;
  border-top: 2px solid #3f8692;
  box-shadow: -2px -2px 6px rgba(63, 134, 146, 0.3);
}
.links-text {
  color: #cbd5e1;
  font-size: 14px;
  font-weight: 500;
}
.links-body {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 28px;
  flex: 1;
}
.links-item {
  color: #788896;
  font-size: 13px;
  transition: all 0.3s ease;
}
.links-item:hover {
  color: #5ac2d0;
  text-shadow: 0 0 6px rgba(90, 194, 208, 0.2);
}

/* ========== 版权信息栏 ========== */
.tech-footer__copyright {
  background: rgba(0, 0, 0, 0.2);
  padding: 20px 0;
  position: relative;
  z-index: 1;
}
.copyright-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 13px;
  color: #64748b;
}
.copyright-right a {
  color: #64748b;
  font-size: 13px;
  margin-left: 24px;
  transition: all 0.3s ease;
}
.copyright-right a:hover {
  color: #5ac2d0;
}

/* ========== 响应式适配 ========== */
@media screen and (max-width: 1200px) {
  .tech-footer__main .tech-footer__container {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 32px;
  }
  .tech-footer__col--contact {
    grid-column: span 3;
    padding-left: 0;
    border-left: none;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding-top: 32px;
  }
  .tech-footer__contact-list {
    flex-direction: row;
    gap: 48px;
  }
}

@media screen and (max-width: 900px) {
  .tech-footer__main .tech-footer__container {
    grid-template-columns: repeat(2, 1fr);
  }
  .tech-footer__col--contact {
    grid-column: span 2;
  }
  .tech-footer__links .tech-footer__container {
    flex-direction: column;
    gap: 14px;
  }
}

@media screen and (max-width: 600px) {
  .tech-footer__main {
    padding: 48px 0 40px;
  }
  .tech-footer__main .tech-footer__container {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .tech-footer__col--contact {
    grid-column: span 1;
  }
  .tech-footer__contact-list {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }
  .qrcode-box {
    width: 120px;
    height: 120px;
  }
  .copyright-row {
    flex-direction: column;
    gap: 12px;
    text-align: center;
    line-height: 1.6;
  }
  .copyright-right a {
    margin: 0 12px;
  }
  /* 手机端三级改单列左对齐 */
  .tech-footer__sub-list::before {
    left: 0;
    transform: none;
  }
  .tech-footer__sub-item {
    width: 100%;
    left: 0 !important;
    padding-left: 18px !important;
    padding-right: 0 !important;
    text-align: left !important;
  }
  .tech-footer__sub-item::before {
    left: -3px !important;
    right: auto !important;
  }
}

/* 二维码心跳呼吸动画 */
@keyframes qrcodeHeartbeat {
  0% {
    transform: scale(1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  }
  50% {
    transform: scale(1.08);
    box-shadow: 0 0 0 3px rgba(63, 134, 146, 0.3), 0 8px 30px rgba(63, 134, 146, 0.25);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  }
}

.qrcode-box {
  /* 动画名称 | 时长 | 缓动曲线 | 无限循环 */
  animation: qrcodeHeartbeat 5s ease-in-out infinite;
}

/* 缩小三级菜单上下行间距，压缩整体高度 */
.tech-footer__sub-item {
  margin-bottom: 3px; /* 原默认10px，数值越小上下越紧凑 */
}
/* 可选：微调整个三级列表的上下内边距 */
.tech-footer__sub-list {
  padding-top: 4px;
  padding-bottom: 4px;
}








/* ========== 右侧悬浮导航栏 核心样式 ========== */
.float-sidebar {
    position: fixed;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* 悬浮按钮 */
.float-item {
    position: relative;
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(63, 134, 146, 0.15);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    color: #3f8692;
}

.float-item svg {
    width: 22px;
    height: 22px;
    transition: all 0.3s ease;
}

/* 悬浮提示文字 */
.float-tip {
    position: absolute;
    right: calc(100% + 12px);
    top: 50%;
    transform: translateY(-50%) translateX(10px);
    white-space: nowrap;
    padding: 8px 14px;
    background: #1d2b36;
    color: #fff;
    font-size: 13px;
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    pointer-events: none;
}

.float-tip::after {
    content: '';
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
    border: 5px solid transparent;
    border-left-color: #1d2b36;
}

/* 悬浮效果 */
.float-item:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 10px 30px rgba(63, 134, 146, 0.25);
    border-color: rgba(63, 134, 146, 0.4);
    background: linear-gradient(135deg, #3f8692, #4fa3b0);
    color: #fff;
}

.float-item:hover .float-tip {
    opacity: 1;
    visibility: visible;
    transform: translateY(-50%) translateX(0);
}

/* 返回顶部默认隐藏 */
.back-top {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
}
.back-top.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* ========== 弹窗通用样式 ========== */
.float-modal-mask {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 10000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.float-modal-mask.active {
    opacity: 1;
    visibility: visible;
}

.float-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.9);
    width: 90%;
    max-width: 420px;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18);
    padding: 36px 32px;
    z-index: 10001;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);
    border: 1px solid rgba(63, 134, 146, 0.08);
}
.float-modal.active {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}

/* 关闭按钮 */
.modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: #f5f7fa;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.25s ease;
    color: #667684;
}
.modal-close svg {
    width: 16px;
    height: 16px;
}
.modal-close:hover {
    background: #3f8692;
    color: #fff;
}

/* 弹窗标题 */
.modal-title {
    font-size: 22px;
    font-weight: 600;
    color: #1d2b36;
    text-align: center;
    margin-bottom: 8px;
}
.modal-subtitle {
    text-align: center;
    color: #667684;
    font-size: 14px;
    margin-bottom: 24px;
}

/* 电话弹窗 */
.tel-number {
    display: block;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    color: #3f8692;
    margin: 16px 0;
    text-decoration: none;
    letter-spacing: 1px;
}
.tel-desc {
    text-align: center;
    color: #667684;
    font-size: 14px;
    line-height: 1.6;
    margin-bottom: 24px;
}

/* 通用按钮 */
.modal-btn {
    display: block;
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: linear-gradient(90deg, #3f8692, #4fa3b0);
    color: #fff;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s ease;
}
.modal-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(63, 134, 146, 0.3);
}
.submit-btn {
    margin-top: 8px;
}

/* 表单样式 */
.trial-form input {
    width: 100%;
    height: 46px;
    padding: 0 16px;
    margin-bottom: 14px;
    border: 1px solid #e4e7ed;
    border-radius: 10px;
    font-size: 14px;
    color: #1d2b36;
    box-sizing: border-box;
    transition: all 0.3s ease;
    outline: none;
}
.trial-form input:focus {
    border-color: #3f8692;
    box-shadow: 0 0 0 3px rgba(63, 134, 146, 0.1);
}

/* 微信弹窗 */
.wechat-qrcode {
    width: 200px;
    height: 200px;
    margin: 20px auto;
    padding: 12px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 14px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
}
.wechat-qrcode img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 8px;
}
.wechat-no {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #1d2b36;
    margin-bottom: 8px;
}

/* ========== 响应式适配 ========== */
@media (max-width: 768px) {
    .float-sidebar {
        right: 12px;
        gap: 10px;
    }
    .float-item {
        width: 44px;
        height: 44px;
        border-radius: 12px;
    }
    .float-item svg {
        width: 20px;
        height: 20px;
    }
    .float-tip {
        display: none;
    }
    .float-modal {
        max-width: 92%;
        padding: 28px 22px;
    }
    .modal-title {
        font-size: 19px;
    }
    .tel-number {
        font-size: 24px;
    }
    .wechat-qrcode {
        width: 180px;
        height: 180px;
    }
}

/* 表单全局重置，强制优先级 */
#modal-trial .trial-form {
    margin-top: 10px;
    display: block;
}
#modal-trial.submitted .trial-form {
    display: none !important;
}

#modal-trial .form-success-tip {
    display: none;
    text-align: center;
    padding: 25px 10px 10px;
}
#modal-trial.submitted .form-success-tip {
    display: block !important;
}

#modal-trial .form-item {
    margin-bottom: 18px;
}
#modal-trial .form-label {
    display: block;
    font-size: 14px;
    color: #2d3748;
    margin-bottom: 6px;
    font-weight: 500;
}
#modal-trial .form-input {
    width: 100%;
    height: 48px;
    padding: 0 18px;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    font-size: 15px;
    color: #1d2b36;
    box-sizing: border-box;
    background: #fbfdfe;
    transition: all 0.3s ease;
    outline: none !important;
}
#modal-trial .form-input:focus-visible {
    outline: none !important;
}
#modal-trial .form-input:focus {
    border-color: #3f8692;
    box-shadow: 0 0 0 3px rgba(63, 134, 146, 0.12);
    background: #ffffff;
}
#modal-trial .form-input.error {
    border-color: #e53e3e !important;
}
#modal-trial .form-input.error:focus {
    box-shadow: 0 0 0 3px rgba(229, 62, 62, 0.12);
}
#modal-trial .tip-text {
    display: block;
    font-size: 13px;
    margin-top: 4px;
    height: 18px;
    line-height: 18px;
}
#modal-trial .tip-text.error {
    color: #e53e3e;
}
#modal-trial .tip-text.success {
    color: #38a169;
}
#modal-trial .form-success-tip h4 {
    font-size: 22px;
    color: #1d2b36;
    margin:12px 0 8px;
}
#modal-trial .form-success-tip p {
    color: #667684;
    font-size:15px;
    margin:0;
}
/* 关闭按钮布局改造，容纳倒计时 */
.modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: #f5f7fa;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.25s ease;
    color: #667684;
    gap: 2px;
}
.modal-close:hover {
    background: #3f8692;
    color: #fff;
}
.close-text {
    font-size: 18px;
    line-height: 1;
}
.countdown-num {
    font-size: 11px;
    line-height: 1;
    color: #e53e3e;
    font-weight: bold;
    display: none;
}
/* 提交成功后显示倒计时 */
#modal-trial.submitted .countdown-num {
    display: block;
}




/* ========== 场景卡片专属样式（可放入你全局CSS文件） ========== */
.scene-card-wrap {
    display: flex;
    gap: 30px;
    margin-top: 50px;
}
.scene-card-item {
    flex: 1;
    padding: 35px 28px;
    background: #ffffff;
    border-radius: 16px;
    border: 1px solid #eee;
    box-shadow: 0 2px 12px rgba(63, 134, 146, 0.07);
    transition: all 0.3s ease;
}
.scene-card-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 30px rgba(63, 134, 146, 0.15);
    border-color: #3f8692;
}
.card-icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(63, 134, 146, 0.08);
    border-radius: 12px;
    margin-bottom: 22px;
}
.card-title {
    font-size: 20px;
    font-weight: 600;
    color: #222;
    margin: 0 0 16px;
    line-height: 1.3;
}
.card-desc {
    font-size: 15px;
    color: #666;
    line-height: 1.7;
}

/* 移动端自适应 */
@media screen and (max-width: 768px) {
    .scene-card-wrap {
        flex-direction: column;
        gap: 20px;
        margin-top: 30px;
    }
    .scene-card-item {
        padding: 25px 20px;
    }
}


.mega-tab-item {
  cursor: pointer;
}
.mega-tab-item .tab-link {
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: inherit;
}