@charset "UTF-8";
html{
  font-size: 6.76vw;
}
@media screen and  (min-width:1480px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}
@font-face {
    font-family: 'HarmonyOSBold';
    src:url('../fonts/HarmonyOSBold/HarmonyOS_Sans_Bold.ttf') ;
    
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html::-webkit-scrollbar {
  width:8px;
}
html::-webkit-scrollbar-thumb {
  background-color: #f0610b;border-radius:8px;
}
html::-moz-scrollbar {
  width:8px; 
}
html::-moz-scrollbar-thumb {
  background-color: #f0610b;border-radius:8px;
}	


.w_width{max-width:1380px; margin-right: auto; margin-left: auto;}
.w1920{max-width:1920px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:0.8rem;padding-right:0.8rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left: 15px;padding-right: 15px;}
}
/*PC head*/
.wyb_s{position:fixed; left:0; top:0; z-index: 20; width:100%; background: #fff;}
.wyb_s.act{ box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.t_navs{ width: 100%; height:0.84rem;}
.t_navs .top{ width: 100%; float: left;}
.t_navs .top .logo{ line-height: 0; float: left; display: flex; align-items: center; }
.t_navs .top .logo a{ float: left; padding:10px 0px}
.t_navs .top .logo img{ width: auto; height:80px; float:left; margin-right:10px}
.t_navs .top .logo .text{ float:right; padding-top:11px}
.t_navs .top .logo .text h1{ color:#1d2088; font-weight:bold; font-size:23px; line-height:32px; letter-spacing:5px;word-break: keep-all !important;  }
.t_navs .top .logo .text h2{ color:#555;  font-size:14px; line-height:32px;letter-spacing:-1px;word-break: keep-all !important;   }

.t_navs .top .right{ float: right;}
.t_navs .phssbox{ cursor: pointer; float: left; position: relative;width:44px; height:0.84rem; display: flex; align-items: center; justify-content: flex-end;}
.t_navs .phssbox img{width:20px;display: block;}
.t_navs .input_b{width: 100%;position:absolute;left: 0;top:100%;background:#fff; z-index:10; display:none; border-top:1px solid #d1d1d1; box-shadow:0  5px 6px 0 rgba(0,0,0,0.19);}
.t_navs .inputbox{width: 60%; margin:50px 20%; position: relative; display: flex;}
.t_navs .inputbox .text{width: 100%;height:56px; line-height:36px; font-size: 16px;color:#333;padding:10px 15px; background: none;border-bottom: 1px solid #d1d1d1; padding: 0 0 0 50px; }
.t_navs .inputbox .text:focus{border-bottom: 1px solid #f0610b;}
.t_navs .inputbox .ico{width:50px; height: 56px; display: block; position: absolute; left: 0; top:0; background:url(../images/_search.svg) center no-repeat; background-size:20px 20px;}
.t_navs .inputbox ::-webkit-input-placeholder{color:#333;}
.t_navs .inputbox ::-moz-placeholder{color:#333;}
.t_navs .inputbox ::-moz-placeholder{color:#333;}
.t_navs .inputbox :-ms-input-placeholder{color:#333;}
.t_navs .menu{float: left;}
.t_navs .menu ul{float: left;}
.t_navs .menu #nli{ float: left;margin: 0 0.1rem; position: relative;}
.t_navs .menu #nli span a{ display: block;color: #333; position: relative;line-height:100px; font-size: 16px;}
.t_navs .menu #nli span a::after{ display: block; content: ''; position: absolute; left:50%; bottom:0; width:0; height:3px; border-radius:3px; background: #f0610b; transform: translate(-50%,0); -ms-transform: translate(-50%,0);}
.t_navs .menu #nli.on span a,
.t_navs .menu #nli:hover span a{ color: #f0610b;}
.t_navs .menu #nli.on span a::after,
.t_navs .menu #nli:hover span a::after{  width:100%;}
.t_navs .menu_sub{ display: none; position: absolute; width:180px; top:100%; margin-top: -2px; left:50%; transform: translate(-50%,0); -ms-transform: translate(-50%,0); background: #fff; z-index:8;border-top:3px solid #f0610b;}
.t_navs .menu_sub[data-m="3"]{ width:210px;}
.t_navs .menu_sub .a2box{ display: flex;}
.t_navs .menu_sub .u2{ width:100%; padding:27px 0 37px 0;}
.t_navs .menu_sub .l2{ width: 100%;}
.t_navs .menu_sub .l2 .a2box a{ text-align: center; display: block; width: 100%; padding:5px 10px; color: #666666; font-size:16px; line-height:30px;}
.t_navs .menu_sub .l2.on .a2box a{ color: #f0610b;}
.t_navs .menu_sub .a3box{ width:100%; position: relative; z-index: 6;}
.t_navs .menu_sub .u3{ display:none; width:100%; height:100%; background: #f5f5f5; position:absolute; z-index:1; left:100%; top:0; padding:32px 30px ;}
.t_navs .menu_sub .l2:hover .u3{ display:block;}
.t_navs .menu_sub .l3{ display: flex; width:100%;}
.t_navs .menu_sub .l3 a{ position: relative; display: flex; width:100%; color: #666666; font-size:14px; line-height:28px; padding-left: 14px;}
.t_navs .menu_sub .l3 a::after{ display: block; content: ''; position: absolute; left: 0; top:50%; width:4px; height: 4px; background: #747474; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg);}
.t_navs .menu_sub .l3 a:hover{ color: #f0610b;}
.t_navs .menu_sub .l3 a:hover::after{ background: #f0610b;}

@media screen and (max-width:1600px) {
.t_navs .menu #nli{margin: 0 0.1rem;}
}
@media screen and (max-width:1440px) {
.t_navs .menu #nli{margin: 0 0.05rem;}
.t_navs .menu_sub .u2{ padding:17px 0 27px 0;}
.t_navs .menu_sub .l2 .a2box a{ padding:3px 10px;}
.t_navs .menu_sub .u3{ padding:22px 30px ;}
.t_navs .phssbox{ display:none; }

}
@media screen and (max-width:1260px) {
.t_navs .menu #nli{margin: 0;}
.t_navs .menu #nli span a{ font-size:15px;}
.t_navs .menu_sub .l2 .a2box a{ font-size:15px;}
}
@media screen and (max-width:1024px) {
/*WAP head*/
.t_navs{ height: 52px;}
.t_navs .menu{ display: none;}
.t_navs .top .logo{ height:52px;}
.t_navs .top .logo img{ height:34px;}
.t_navs .top .right{ margin-right: -8px;}
.t_navs .phssbox{ width:34px; height: 52px; justify-content: center; margin: 0;}
.t_navs .inputbox{ width:96%; margin:10px 2% 30px 2%;}
.t_navs .inputbox .text{ font-size:14px; padding: 0 0 0 41px;}
.t_navs .inputbox .ico{ width: 41px; background-size:17px 17px;}
}


.t_navs .menuph{float: right; width: 40px; height: 40px; cursor: pointer; text-align: center; margin:5px 0; display: none;}
.t_navs .menuph .menu-toggle {width: 40px;height: 40px;position: absolute;overflow: hidden;z-index: 111;}
.t_navs .menuph .cd-nav-trigger {display: block;width: 40px;height: 40px;}
.t_navs .menuph .menu-toggle span.hamburger {content:"";display:block;width:18px;height:2px;background:#f0610b;position:absolute;top:50%;margin-top:-1px;left: 8px;margin-left:0;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.t_navs .menuph .menu-toggle span.hamburger:after,
.t_navs .menuph .menu-toggle span.hamburger:before{content:"";display:block;width:24px;height:2px;background:#f0610b;position:absolute;top:50%;margin-top:-1px;left:0;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.t_navs .menuph .menu-toggle span.hamburger:after {margin-top:-8px;top:0;transition-delay:0.27s;}
.t_navs .menuph .menu-toggle span.hamburger:before {margin-top:8px;top:0;transition-delay:0.2s;}
.t_navs .menuph .menu-toggle span.hamburger span{width: 2px;height: 2px;display: block;background: #f0610b;position: absolute;right: 20px;top:50%;margin-top:-1px;}
.t_navs .menuph .menu-toggle span.hamburger .span1{margin-top: -9px;}
.t_navs .menuph .menu-toggle span.hamburger .span3{margin-top: 7px;}
.t_navs .menuph .menu-toggle span.cross:before,
.t_navs .menuph .menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#f0610b;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.t_navs .menuph .menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.t_navs .menuph .menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.t_navs .cross::before,
.t_navs .cross::after {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.t_navs .menuph.active .menu-toggle span.hamburger,
.t_navs .menuph.active .menu-toggle span.hamburger:after,
.t_navs .menuph.active .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.t_navs .menuph.active .menu-toggle span.hamburger:after {transition-delay:0s;}
.t_navs .menuph.active .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.t_navs .menuph.active .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.t_navs .menuph.active .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}

.t_navs .xialaph{ position: fixed; left:0; top:52px; float: left; width: 100%; height:100%; z-index: 40; display:none; background:#fff; padding:0 15px; border-top:1px solid #f0610b;}
.t_navs .xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,0.2);}
.t_navs .xialaph .a1box{width: 100%;position: relative;padding:10px 0;}
.t_navs .xialaph .a2box{width: 100%;position: relative;}
.t_navs .xialaph .a1{font-size:16px;color: #333;line-height:30px;position: relative;padding-right:30px;display: block;width: 100%;}
.t_navs .xialaph .on .a1{ color: #f0610b;}
.t_navs .xialaph .icobox{width:8px;height:8px;position: absolute;right:2px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #333;  border-right:1px solid #333;}
.t_navs .xialaph .on .icobox{border-top:1px solid #f0610b;  border-right:1px solid #f0610b; transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;}
.t_navs .xialaph .u2{width: 100%;padding:0 15px 20px 15px;display: none;}
.t_navs .xialaph .u2 .l2{ width: 100%;display: block;display: inline-flex; flex-wrap: wrap;}
.t_navs .xialaph .u2 .a2{ width: 100%;font-size:15px;color: #666;line-height:32px;}
.t_navs .xialaph .on .a2{ color: #f0610b;}
.t_navs .xialaph .u3{width: 100%;padding:10px 15px; margin:8px 0; display: none; background: #f5f5f5;}
.t_navs .xialaph .u3 .l3{ width: 100%;}
.t_navs .xialaph .u3 .a3{ width: 100%; font-size:14px;color: #666;line-height:26px;}
.t_navs .xialaph .u3 .a3:hover{ color: #f0610b;}



@media screen and (max-width:1024px) {
.t_navs .menuph{ display: block;}
}



.b_navs .pf_down{ display: none; width: 100%; float: left; position: fixed; left: 0; bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); height:55px; background: #fff; z-index: 16; box-shadow:0 0 9px rgba(0,0,0,0.07);}
.b_navs .pf_down li{ width:25%; float: left; text-align: center; padding:8px 0;}
.b_navs .pf_down li a{ width:100%; float: left; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.b_navs .pf_down li .ico7{ width: 100%; float: left; height: 23px; line-height:0; display: flex; justify-content: center; align-items: center; position:relative;}
.b_navs .pf_down li .ico7 img{ width:23px; height: 23px;}
.b_navs .pf_down li .ico7 .show{ display: block;}
.b_navs .pf_down li .ico7 .hide{ display: none;}
.b_navs .pf_down li .d_name{ width: 100%; float: left; margin-top:2px; font-size: 14px; color: #000; line-height: 14px;}
.b_navs .pf_down li .dian{ display: none; position: relative; float: left;  width:12px; height: 4px; border-radius:4px; background: #fff; margin:6px 0;}
.b_navs .pf_down li .dian::after,
.b_navs .pf_down li .dian::before{ content: ''; float: left;  width:6px; height: 4px; border-radius:4px; background: #fff; opacity:0.5; position: absolute; top:0; margin:0 2px;}
.b_navs .pf_down li .dian::after{ left:100%;}
.b_navs .pf_down li .dian::before{ right:100%;}
.b_navs .pf_down li:hover{ background: #f0610b;} 
.b_navs .pf_down li:hover .ico7 .show{ display: none;}
.b_navs .pf_down li:hover .ico7 .hide{ display: block;}
.b_navs .pf_down li:hover .d_name{ display: none;}
.b_navs .pf_down li:hover .dian{ display: block;}


@media screen and (max-width:767px) {
.b_navs .pf_down{ display: block;}

}



.left_pf{position: fixed;right:0.1rem;top: 68%;transform: translate(0,-50%); z-index:15;display: none;}
.left_pf li{height:0.6rem;width:0.6rem;margin-bottom: 1px;position: relative;cursor: pointer; box-shadow:0 0 7px rgba(0,0,0,0.07);}
.left_pf li .icon{display: flex;align-items: center;flex-direction: column;justify-content: center;height: 100%; position:relative; z-index: 6;background: #fff;transition: all .5s ease;}
.left_pf li .icon img{ width:0.31rem; height:0.31rem;}
.left_pf li .icon .show{ display: block;}
.left_pf li .icon .hide{ display: none;}
.left_pf li:hover .icon{background:#f0610b;}
.left_pf li:hover .icon .show{ display: none;}
.left_pf li:hover .icon .hide{ display: block;}
.left_pf li .pf_content{position: absolute;right:0;transition: all .5s ease;top:50%;width: auto; opacity: 0; transform:translateY(-50%) scale(0); -ms-transform:translateY(-50%) scale(0); box-shadow:0 0 9px rgba(0,0,0,0.07);}
.left_pf li .pf_content::after{ display: block; content: ''; position: absolute; left: 100%; top:50%; margin-top: -5px; border-top:5px solid transparent; border-bottom:5px solid transparent;border-left:6px solid #fff; }
.left_pf li .pf_content1{ top:65%;}
.left_pf li .pf_content1::after{ top:63px;}
.left_pf li .con_text{line-height:32px;padding:14px 20px;white-space: nowrap;border-radius:3px;font-size:18px; color: #f0610b;background: #fff; box-shadow:0 0 7px rgba(0,0,0,0.07);}
.left_pf li .con_pic{width:122px;background:#fff; padding:12px; border-radius: 3px; box-shadow:0 0 9px rgba(0,0,0,0.07); color: #f0610b; font-size: 14px; text-align: center;}
.left_pf li .con_pic span{ display: block; margin-top:7px; line-height:1;}
.left_pf li .con_pic img{ width: 100%;}
.left_pf li:hover .pf_content{right:0.75rem; opacity:1; transform:translateY(-50%) scale(1); -ms-transform:translateY(-50%) scale(1);}

@media (max-width: 1024px){
.left_pf{display: none !important;}
}


.footer{ background: #262626;position: relative;z-index: 10;}
.footer .top{ padding:34px 0 32px 0; align-items: center;}
.footer .midll{ border-top: 1px solid rgba(164,164,164,0.24);  border-bottom: 1px solid rgba(164,164,164,0.24); align-items: center; padding:30px 0 20px 0; }
.footer .down{ padding:36px 0 39px 0;}
.footer .logo{ float: left; line-height: 0;}
.footer .logo a img{ height:62px;}
.footer .nav{ display: flex; flex-wrap: wrap;}
.footer .nav li{ display: flex; margin-left: 0.44rem;}
.footer .nav li a{ display: flex; color: #fff; color: rgba(255,255,255,0.55);}
.footer .nav li a:hover{ color: #fff;}
.footer .nav li:last-child a{ margin-left: 0 !important;}
.footer .links{ cursor: pointer; position: relative;}
.footer .links .tit{ display: flex; align-items: center; color:#6d6d6d;}
.footer .links .tit img{ opacity:0.64; width:18px; height:18px; margin:2px -4px 0 10px;}
.footer .links .tit.on img{ transform: rotate(180deg); -ms-transform: rotate(180deg); margin:2px -4px 0 10px;}
.footer .links .ul{ display:none; position: absolute; right:0; bottom:100%; z-index: 6; background: #fff; width:100%; padding:10px 0;}
.footer .links .ul a{ width:100%; display: block; color:#333; font-size:14px; line-height:24px; padding:1px 15px;}
.footer .links .ul a:hover{ color:#f0610b;}
.footer .Copyright{color:#6d6d6d; margin-right:12px;}
.footer .Copyright a{color: #6d6d6d;}
.footer .Copyright a:hover{ color:#fff;}
.footer .mmap{ display: flex; flex-wrap: wrap;color:#6d6d6d;}
.footer .mmap a{ display:flex; position: relative; margin:0 9px;color:#6d6d6d;}
.footer .mmap a:first-child::after{ display:block; content:''; position:absolute; right:-9px; top:50%; width:1px; height:12px; margin-top:-6px; background: #fff; opacity:0.14;}
.footer .mmap a:hover{ color:#fff;}

.footer .addr{ width:83.37%; justify-content: space-between;}
.footer .addr .li{ display: flex; padding-right:30px; }
.footer .addr .li .ico{ margin:14px 14px 0 0;}
.footer .addr .li .ico i{ font-size:38px; object-fit: contain; color:#f0610b}
.footer .addr .li .info{ flex-direction: column;}
.footer .addr .li .fs14{ opacity: 0.78;}
.footer .addr .li .fs18{ font-weight: bold; margin-top:4px;}
.footer .more .cc{ display:flex; border-radius:36px; border:2px solid #f0610b; line-height:28px; padding:2px 18px;}
.footer .more .cc:hover{ background: #f0610b; color: #fff;}

@media (max-width: 1440px){
.footer .nav li{ margin-left: 0.32rem;}
.footer .addr .li .fs18{ font-size:16px; line-height: 26px;}
}
@media (max-width: 1024px){
.footer{ padding-bottom:55px;}	
.footer .top{ padding:20px 0 20px 0;}
.footer .down{ padding:20px 0 20px 0; justify-content:center;}
.footer .midll{ padding:20px 0 20px 0; justify-content:center;}
.footer .logo a img{ height:34px;}	
.footer .nav li{ margin-left: 0.24rem;}
.footer .nav li a{ font-size:14px;}
.footer .addr{ width:100%;}
.footer .addr .li{ display: flex; padding-right:0; margin:5px 0; }
.footer .addr .li .ico{ margin:4px 8px 0 0;}
.footer .addr .li .ico img{ height:30px;}
.footer .addr .li .fs18{ font-size:14px; line-height: 24px; margin-top:0;}
.footer .more{ position: absolute; right:15px; top:20px;}
.footer .more .cc{ padding:0 18px 1px 18px;}
.footer .nav{ display:none;}
}
@media (max-width: 767px){
.footer .top{ /* justify-content: center; */}	
.footer .down .fl{ width:100%; justify-content:center;}
.footer .Copyright{ width:100%; margin: 0; text-align:center;}
.footer .addr{ flex-wrap: wrap;}
}


.main1{ position: relative; overflow: hidden; padding-top:75px; padding-bottom:52px; background:#000;}
.main1::after,
.main1::before{ display: block; content: ''; position: absolute;z-index:2; background:url(../images/main1.1.png) center no-repeat; background-size:100% 100%; width:3.83rem; height:100%; border-radius:1.1rem 0 0 1.1rem;}
.main1::after{ right:0; top:0;}
.main1::before{ left:-2.1rem; top:42.12%; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.main1 .bg{ display: block; position: absolute; left: 0; top:0; z-index:1; background: #000; opacity:0.37; width:100%; height:100%;}
.main1 .text{ display:flex; position: relative; padding:0 44px; margin-top: 26px;}
.main1 .text::after,
.main1 .text::before{ display: block; content: '“'; position: absolute;z-index:2;color:#f0610b; line-height:1; font-weight: bold; font-size:70px; font-family:'黑体'; width: 27px; height:27px; text-align: left;}
.main1 .text::after{ left: -39px; top:-27px;}
.main1 .text::before{ right: -39px; bottom:-27px; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.main1 ._btn{ margin-top: 26px;}
.main1 ._btn .a{ display: flex; align-items: center; justify-content: center; border-radius:36px; border:2px solid #f0610b; padding:2px 16px; line-height:28px;}
.main1 ._btn .a i{ margin-left:}
.main1 ._btn .a span{ margin-bottom:2px; margin-right:10px}
.main1 ._btn .a:hover{ color: #fff; background:#f0610b;}
.main1 ._btn .a:hover i{background:url(../images/ico4.1.png) center no-repeat; }

@media (max-width: 1024px){
.main1{ display:none; padding-top:40px; padding-bottom:40px;}
.main1 .text{ padding:0 30px;}
.main1 .text::after,
.main1 .text::before{ font-size:50px; width:18px; height:18px;}
.main1 .text::after{ left: -27px; top:-17px;}
.main1 .text::before{ right: -27px; bottom:-17px;}
.main1 ._btn .a{ padding:0 16px;}
}
@media (max-width: 767px){
.main1::after,
.main1::before{border-radius:50% 0 0 50%;}
}



.index-banner{ display:flex; width: 100%; overflow: hidden; position: relative;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; height: 100%;}
.index-banner .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform;}
.index-banner .swiper-pagination{ display:flex; flex-wrap: wrap; justify-content: center; width: 100% !important; position: absolute; left: 0; bottom:24px; z-index: 10;}
.index-banner .swiper-pagination .swiper-pagination-bullet{ cursor: pointer; display: flex; width:7px; height: 7px; background: #fff; margin:0 11px; border-radius:7px;}
.index-banner .swiper-pagination .swiper-pagination-bullet-active{ width:24px; background: #f0610b;}
.index-banner .swiper-pagination-lock{ opacity: 0;}
.index-banner .swiper-slide { width:100%; line-height: 0;}
.index-banner .swiper-slide img {width: 100%;}
.banText{ z-index:6; width:100%; position: absolute; left: 0; top:48%; transform:translateY(-50%); -ms-transform:translateY(-50%);}
.banText-2{ top:43%;}
.banText-3{ top:45.5%;}
.banText-4{ top:40.5%;}
.banText .line i{ display: flex; width: 76px; height:8px; border-radius:8px; background: #f0610b;}
.banText .btn a{ display:inline-flex; background: #f0610b; border:2px solid #f0610b; padding:1px 20px 3px 20px; border-radius:36px;}
.banText .btn a:hover{ background:none; color: #f0610b;}
.banText-r{ width:39%; padding-right: 0.46rem; margin-left:61%;}
.banText-r1{ width:42.56%; padding-right: 1rem; margin-left:57.44%;}
.banText-l1{ padding-left:1.2rem;}

.pc_banner{ display: block;}
.ph_banner{ display: none;}

@media screen and (max-width:1440px) {
.banText .fs24{font-size:calc(14px + 0.08rem);line-height:calc(24px + 0.08rem);}
.banText .fs25{font-size:calc(14px + 0.09rem);line-height:calc(24px + 0.09rem);}
.banText .fs30{font-size:calc(14px + 0.14rem);line-height:calc(24px + 0.14rem);}
.banText .fs48{font-size:calc(14px + 0.32rem);line-height:calc(24px + 0.32rem);}
.banText .fs55{font-size:calc(14px + 0.39rem);line-height:calc(24px + 0.39rem);}
}
@media screen and (max-width:1024px) {
.index-banner .swiper-pagination{ bottom:12px;}
.index-banner .swiper-pagination .swiper-pagination-bullet{ margin: 0 6px;}
.banText{ top:40px; transform:translateY(0%); -ms-transform:translateY(0%);}
.banText-2{ top:40px;}
.banText-3{ top:35px;}
.banText-4{ top:35px;}
.banText .line i{ width:40px; height:4px; border-radius:4px;}
.banText-3 .line{ margin-top:15px;}
.banText-4 .line{ margin-top:15px;}
.banText .btn a{ padding:0 16px 1px 16px;}
.pc_banner{ display: none;}
.ph_banner{ display: block;}
}



.in-banner{ position: relative; line-height:0; overflow: hidden;}
.in-banner::after{ display: block; content: ''; position: absolute; left: 0; top:0; z-index: 1; background: #000; opacity:0.16; width:100%; height: 100%;}
.in-banner img{ width:100%;}
.banTitle{ z-index:6; width:100%; position: absolute; left: 0; top:45.2%; transform:translateY(-50%); -ms-transform:translateY(-50%);}
.banTitle .zh{ letter-spacing: 0.02rem;  position: relative; z-index: 6;}
.banTitle .en{text-transform: uppercase; opacity: 0.07; margin-top:calc(-24px - 0.59rem);}
.banTitle .line{ margin-top: 0.13rem;}
.banTitle .line i{ display: flex; width:23px; height:6px; border-radius:6px; background: #ffffff;}
.banTitle1{ padding:62px 0 244px 0;}
.banTitle1 .line{ margin-top:15px;}
.banTitle1 .line i{ display: flex; width:30px; height:4px; border-radius:4px; background: #f0610b;}

@media screen and (max-width:1024px) {
.banTitle .line i{ width:18px; height:3px; border-radius:3px; }
.banTitle1{ padding:40px 0 100px 0;}
.banTitle1 .line{ margin-top:10px;}
}


/* 分页 */

.wack1 .pz_fy{ display:flex; justify-content: center; text-align:center;}
.wack1 .pz_fy a { float:left; width:60px; height:40px; line-height:38px; border-radius:10%; background:#fff; color:#9c9c9c; font-size:16px; margin:0 5px;}
.wack1 .pz_fy .active a{color:#fff; background:#f0610b;}
.wack1 .fy_pc{ display:none; justify-content: center; text-align:center; font-size:14px; color:#272727;}
.wack1 .fy_pc a{ padding:4px 25px; color:#fff; background:#f0610b; border-radius:16px; overflow:hidden;}
.wack1 .fy_pc span{ padding:4px 20px; color:#9c9c9c;}

@media  screen and (max-width:1024px){	
.wack1 .pz_fy{ display: none;}
.wack1 .fy_pc{ display: flex;}
}


.mbs{ display: flex; align-items: center; overflow: hidden;white-space: nowrap; text-overflow:ellipsis; line-height:24px; padding:0.22rem 0;}
.mbs a{ display: inline-block; color: #666;}
.mbs i{ display: inline-block; margin:0 6px;}
.mbs .ico{ line-height: 0; margin-right:10px;}
.mbs .ico img{ min-width:16px; width:16px; height:16px;}
.mbs a:first-child{ margin-left:0 !important;}
.mbs a:hover{ color: #f0610b !important;}
.naxA{ display: flex; justify-content: space-between;}
.nax2{ justify-content:flex-end;}
.nax2 .mbs{ padding:0.2rem 0;}
.nax3{ position: relative; z-index:6; margin-top:-208px;}
.nax3 .mbs a{ color: #fff;}


@media screen and (max-width:1024px) {
.mbs{ display:none; padding:10px 0;}
.nax1 .mbs{ display:block;}
.nax3{ margin-top:-80px;}
}


.slideL{ display: flex; flex-wrap: wrap; position: relative; z-index:12;}
.slideL .ul{ display:inline-flex; flex-wrap: wrap;}
.slideL .li{display:inline-flex; margin-right:0.9rem;}
.slideL .li:last-child{ margin-right:0 !important;}
.slideL .li a{ position: relative; display: flex; align-items: center; flex-wrap: wrap; color:#333; font-size:16px; line-height:24px; padding:0.22rem 0;}
.slideL .li a::after{ display: block; content:''; position: absolute; left:50%; bottom:0; background: #f0610b; width:0; height:2px; transform: translate(-50%,0); -ms-transform: translate(-50%,0);}
.slideL .li.on a,
.slideL .li:hover a{ color: #f0610b;}
.slideL .li.on a::after,
.slideL .li:hover a::after{ width:100%;}


@media  screen and (max-width:1024px){
.slideL .li a{ font-size:14px; padding:10px 0;}
}



._newsl .li{ padding-bottom:20px;}
._newsl .a{ display: flex; background:#fff; border-radius:10px; padding:10px 10px; flex-direction:row-reverse; align-items: center;}
._newsl .a .img{ min-width:calc(258px + 2.58rem); width:calc(258px + 2.58rem); height:calc(156px + 1.55rem); line-height: 0;overflow: hidden;  margin-left:0.38rem; position: relative; border-radius:8px; }
._newsl .a .img img{ position: absolute; left: 0; top:0; display: block; object-fit: cover; width: 100%; height: 100%;}
._newsl .a .cont{ padding:0 0.53rem; text-align: justify;}
._newsl .a .fs12{display: flex; align-items: center; }
._newsl .a .fs12 i{ width:15px; height: 15px; margin:1px 6px 0 0;}
._newsl .a .fs22{ margin-top:0.2rem;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
._newsl .a .fs16{ margin-top:0.16rem; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
._newsl .a .line{ position: relative; height:1px; background: #eeeeee; margin-top: 0.3rem;}
._newsl .a .line::after{ display:flex; content: ''; position: absolute; left: 0; bottom:0; background: #f0610b; width:0; height:1px; z-index: 6; content: '';}
._newsl .a .more{ display: flex; position: relative; margin-top: 0.32rem; width:26px; height:26px; border-radius:50%; border:1px solid #b5b5b5; background:#fff; }
._newsl .a .more::after{ display: block; content: ''; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); width:7px; height:7px; border-top:2px solid #b5b5b5; border-right:2px solid #b5b5b5; margin-left:-1px;}

._newsl .a:hover .line::after{ width: 100%;}
._newsl .a:hover .img img{ transform:scale(1.1); -ms-transform:scale(1.1);}
._newsl .a:hover .fs22{ color: #f0610b;}
._newsl .a:hover .more{border:1px solid #f0610b; background:#f0610b;}
._newsl .a:hover .more::after{ border-top:2px solid #fff; border-right:2px solid #fff;}


@media  screen and (max-width:1440px){
._newsl .a .img{ margin-left:10px;}
}
@media  screen and (max-width:1024px){
._newsl .li{ padding-bottom:15px; }	
._newsl .a .cont{ position: relative; padding:0 5px;}
._newsl .a .img{ min-width:282px; width:282px; height:170px;}
._newsl .a .line{ margin-top:12px;}
._newsl .a .more{ width:24px; height:24px; margin-top:15px;}
._newsl .a .fs22{ font-size: 16px; line-height:24px; margin-top:10px;}
._newsl .a .fs16{ font-size: 14px; line-height:22px; margin-top:6px;}
}
@media  screen and (max-width:767px){
._newsl .a{ flex-wrap: wrap;}	
._newsl .a .cont{ position: relative; padding:20px 5px 10px 5px;}
._newsl .a .img{ min-width:100%; width:100%; height:auto;}
._newsl .a .img img{ position: relative;}
}


.neswDet{ align-items: flex-start;}
.neswDet .boxL{padding:63px 0.6rem 38px 0.6rem;}
.boxL{ display: flex; flex-wrap: wrap; width:74.32%;}
.boxL .title{color: #333333; font-weight: bold;}
.boxL .cont{ padding:24px 0 28px 0;  }
.boxL .info{ color: #7a7a7a; padding:26px 0 23px 0; border-bottom: 1px solid #eaeaea;}
.boxL .info .p{ display: flex; align-items: center; margin:0 0.4rem;}
.boxL .info .p:first-child{ margin-left: 0 !important;}
.boxL .info .p:last-child{ margin-right: 0 !important;}
.boxL .info img{ min-width: 22px; width: 22px; height: 22px; margin-right:8px;}
.boxL ._page{ align-items: center; padding:24px 0;}
.boxL ._page .left a{ display:block; overflow: hidden;white-space: nowrap; text-overflow:ellipsis; padding:2px 0;}
.boxL ._page .left a:hover{ color: #f0610b;}
.boxL .btn{ float:left; margin-left: 0.4rem;}
.boxL .btn a{ float:left; white-space: nowrap; padding:4px 20px 6px 20px; border-radius:36px; border:1px solid #d2d2d2; display: flex; align-items: center;background-position:right bottom;}
.boxL .btn a i{ display: block; position: relative; width: 15px; height:11px;border-top:1px solid #666;border-bottom:1px solid #666; margin-left: 11px;}
.boxL .btn a i:after{ display: block; width: 100%; height: 1px; content: ''; position: absolute; left: 0; top:4px; background: #666;}
.boxL .btn a:hover{ color: #fff; border:1px solid #f0610b; background:#f0610b;}
.boxL .btn a:hover i{border-top:1px solid #fff;border-bottom:1px solid #fff;}
.boxL .btn a:hover i:after{background:#fff;}
.boxL .contC{float: left; width: 100%; display: flex; justify-content: center;}
.boxL .contC a{font-size:14px;line-height:35px;color: #666666; display: flex;align-items: center;justify-content: center; background:#f0f0f0; border-radius:calc(42px + 0.28rem); width:120px; padding:0.05rem 0.2rem;}
.boxL .contC a .i2{ width:26px;height:26px;display:flex; background: url(../images/_good-two.svg) center no-repeat; background-size:100% 100% !important; margin-right:6px;}
.boxL .contC a.active{color:#f0610b;}
.boxL .contC a.active .i2{background: url(../images/_good-two1.svg) center no-repeat;}
.boxL .contD{float: left;width: 100%;display: flex;align-items: center;justify-content: center; border-bottom: 1px solid #eaeaea; padding:25px 0 46px 0;}
.boxL .contD .fx{float: left;font-size:14px;line-height:24px;color: #666666; display: flex; align-items: center;}
.boxL .contD .fx img{width: calc(22px + 0.02rem); margin-right: 6px;}
.boxL .contD ul{float: left;}
.boxL .contD li{float: left;margin:0 calc(3px + 0.07rem);}
.boxL .contD li:last-child{ margin-right: 0;}
.boxL .contD a{float: left;width: calc(22px + 0.02rem) !important;height: calc(22px + 0.02rem) !important; background-size: 100% 100% !important;padding: 0 !important;  margin:0 !important;}

@media  screen and (max-width:1024px){	
.neswDet .boxL{ padding:20px 15px 15px 15px;}	
.boxL{ width:100%;}	
.boxL ._page{ flex-wrap: wrap; padding:15px 0; justify-content: center;}
.boxL ._page .left a{ padding:0;}
.boxL .btn{ margin:15px 0 0 0;}
.boxL .btn a{ padding:3px 20px 4px 20px;}
.boxL .cont{ padding:18px 0 20px 0;}
.boxL .contD{ padding:16px 0 20px 0;}
.boxL .info{ padding:10px 0 18px 0;}
}

.boxR{ display: flex; flex-wrap: wrap; width:23.64%; padding:25px 20px 4px 20px;}
.boxR .title{ font-weight: bold;}
._list3{ margin-top:14px;}
._list3 .li{ padding:25px 0; border-top:1px solid rgba(226,228,234,0.46);}
._list3 .li:last-child{border-bottom:0;}
._list3 .a .tit{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
._list3 .a .time{ display: flex; align-items: center; color: #b5b5b5; margin-top:7px;}
._list3 .a .time img{ width: 15px; height: 15px; margin-right: 6px;}
._list3 .a:hover .tit{ color: #f0610b;}
._list3 .a:hover .time{ color: #f0610b;}

@media  screen and (max-width:1024px){
.boxR{ width: 100%; margin-top:15px; padding:20px 15px 10px 15px;}	
._list3 .li{ padding:15px 0;}
._list3 .a .time{ margin-top:5px;}
}


._about{flex-direction:row-reverse; align-items: flex-start; min-height:4.8rem;}
._about .img{ float:right; position: relative; z-index:4; line-height:0; width:40.8%; border-radius:8px; margin-bottom: 0.22rem;}
._about .img::after{ width:79px; height:75px; border-radius:8px; background: #f0610b; content:''; position: absolute; left:-0.2rem; bottom:-0.19rem; z-index: 1;}
._about .img img{ position: relative; z-index:6; width:100%; border-radius:8px;}
._about .text{ position: relative; z-index:6; text-align: justify; display: contents;}
._about .text .line{ height:2px; background: #f0610b; opacity: 0.42; width:calc(59.2% - 0.6rem); margin-right: 0.6rem;}
._about .text .line1{ position: relative; z-index: 6; width:3.29rem; height:2px; background: #f0610b; margin-left:31.75%;}
._about .text .line2{ position: relative; z-index: 6; width:100%;}
._about .text .line2::after{ position: absolute; content:''; left:48.39%; top:calc(-15px - 0.15rem); width:3.29rem; height:2px; background: #f0610b;}

._about1{ flex-direction: row;}
._about0 .img{ margin-left: 0.6rem;}
._about1 .img{ float:left; margin-right:0.6rem;}
._about2 .img{ width:38.5%; margin-left: 0.96rem;}

@media  screen and (max-width:1600px){
._about{ font-size:15px; line-height:calc(24px + 0.07rem);}
._about .pt16{ padding-top:10px;}
._about .pt20{ padding-top:16px;}
._about .pt25{ padding-top:19px;}
._about .pt32{ padding-top:19px;}
}
@media  screen and (max-width:1480px){
._about{ font-size:14px; line-height:calc(24px + 0.05rem);}
._about .fs25{ font-size:calc(14px + 0.09rem); line-height: calc(24px + 0.09rem);}
._about .fs35{ font-size:calc(14px + 0.19rem); line-height: calc(24px + 0.19rem);}
._about0 .img{ margin-left: 0.56rem;}
._about1 .img{ margin-right:0.56rem;}
._about2 .img{ margin-left: 0.92rem;}
}
@media  screen and (max-width:1400px){
._about{ font-size:14px; line-height:calc(24px + 0.01rem);}
._about .fs25{ font-size:calc(14px + 0.07rem); line-height: calc(24px + 0.07rem);}
._about .fs35{ font-size:calc(14px + 0.17rem); line-height: calc(24px + 0.17rem);}
._about .pt16{ padding-top:6px;}
._about .pt25{ padding-top:0;}
._about .text .line{ margin-top:0.12rem;}
._about .text .line1{ margin-top: 0.12rem;}
}
@media  screen and (max-width:767px){
._about{ font-size:14px; line-height:calc(24px + 0.08rem);}	
._about .img{ width:100%;}
._about .text{ display:inline-block; width:100%; margin-top:15px;}
._about .text .line{ margin-top:15px; width:100%; margin-right:0;}
._about .text .line1{ width:100%; margin:15px 0 0 0;}
._about .text .line2{ margin-top:15px;}
._about .text .line2::after{ left:0%; top:0; width:100%;}
._about .cont{ padding-top:20px !important;}

}







._hangye{}
._hangye .ul{ width:calc(100% + 0.3rem); margin:-0.15rem; }
._hangye .li{ display: flex; flex-wrap: wrap; width:50%; padding:0.15rem;}
._hangye .a{ display: flex; flex-wrap: wrap; width:100%; position: relative; overflow: hidden; border-radius:8px;}
._hangye .a .img{ position: relative; z-index: 2; width:100%; display: block; padding-bottom:84.35%; line-height: 0; border-radius:0 0 12px 12px; overflow: hidden;}
._hangye .a .img img{ position: absolute; left:0; top:0; z-index: 2; width:100%; height: 100%; object-fit: cover;}
._hangye .a .info{ position: absolute; left:0; bottom:0; z-index:5; padding:0.25rem 0.32rem 0.25rem 0.34rem; display: flex; align-items: center; justify-content: space-between; background: #fff;}
._hangye .a .info .line{ position: relative; height:1px; background: #eeeeee; margin-top: 0.3rem;}
._hangye .a .info .ico{ display: flex; position: relative; min-width:26px; width:26px; height:26px; border-radius:50%; border:1px solid #b5b5b5; margin-left:0.2rem; }
._hangye .a .info .ico::after{ display: block; content: ''; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); width:7px; height:7px; border-top:2px solid #b5b5b5; border-right:2px solid #b5b5b5; margin-left:-1px;}
._hangye .a .info .c3{ overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
._hangye .a .cont{ position: absolute; left:0; top:40%; height:100%; z-index:1; padding:0.57rem 0.36rem 0.57rem 0.32rem;}
._hangye .a .cont .line{ height:1px; background: #eeeeee; margin-top: 0.25rem;}
._hangye .a .cont .fs20{ overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
._hangye .a .cont .fs16{ margin-top:0.21rem; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:3;}
._hangye .a .cont .more{ display: inline-flex; border-radius:36px; margin-top:0.26rem; padding:1px 19px 3px 19px; background: #f0610b; border:2px solid #f0610b; color:#fff;}
._hangye .a:hover .img{ border-radius:0; background: #000; }
._hangye .a:hover .img img{ opacity:0.59; transform:scale(1.1); -ms-transform:scale(1.1);}
._hangye .a:hover .info{ transform: translateY(100%); -ms-transform: translateY(100%);}
._hangye .a:hover .cont{ z-index:6; top:0;}
._hangye .a .cont .more:hover{ background:none; color: #f0610b;}


@media  screen and (max-width:1440px){
._hangye .a .cont{ padding:0.42rem 0.36rem 0.42rem 0.32rem;}
}
@media  screen and (max-width:1024px){
._hangye .ul{ width:calc(100% + 14px); margin:-6px; }	
._hangye .li{ padding:6px;}
._hangye .a .info{ padding:10px 12px;}
._hangye .a .cont{ padding:12px 12px;}
._hangye .a .cont .fs20{ font-size:15px;}
._hangye .a .cont .fs16{ line-height:22px;-webkit-line-clamp:2;}
._hangye .a .cont .more{ font-size:12px; line-height:22px; padding:0 16px 2px 16px;}
._hangye .a .info .ico{ min-width:22px; width:22px; height:22px;}
._hangye .a .info .fs20{ font-size:15px;}

}
@media  screen and (max-width:767px){
._hangye .li{ width:50%;}
}


.x-23-6 i{ display: flex; width: 23px; height:6px; border-radius:6px; background: #f0610b;}
.hangye-det{ position: relative; overflow: hidden; background: #fff; align-items: flex-start; border-radius:8px;}
.hangye-det .logo{ z-index:1; position: absolute; left:19.32%; top:-0.1rem; width:36.95%;}
.hangye-det .text{ width:100%; padding:0.95rem 0.72rem;}
.hangye-det .text .tit{ position: relative; padding-left: 17px;}
.hangye-det .text .tit::after{ display: block; content:''; position: absolute; left:0; top:50%; width:5px; height:calc(14px + 0.11rem); border-radius:5px; background:#f0610b; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.hangye-det .img{ width:55.68%; line-height:0;}

@media  screen and (max-width:1440px){
.hangye-det .text{ padding:0.8rem 0.6rem;}
}
@media  screen and (max-width:1024px){
.hangye-det .text{ padding:20px 15px;}
.hangye-det .text .cont{ margin-top:10px;}

.hangye-det .text .cont p img {max-width: 100% !important; height: auto !important;}
}
@media  screen and (max-width:767px){
.hangye-det .text{ width:100%; text-align: justify;}
.hangye-det .img{ width:100%;}
.hangye-det .logo{ left:auto; right:10px; top:10px;}
}


._shipin{}
._shipin .ul{ width:calc(100% + 0.3rem); margin:-0.15rem; }
._shipin .li{ display: flex; flex-wrap: wrap; width:33.33%; padding:0.15rem;}
._shipin .a{ display: flex; flex-wrap: wrap; width:100%; position: relative; overflow: hidden; border-radius:8px; cursor: pointer;}
._shipin .a .img{ position: relative; z-index: 2; width:100%; display: block; padding-bottom:66.17%; line-height: 0; border-radius:0 0 12px 12px; overflow: hidden;}
._shipin .a .img img{ position: absolute; left:0; top:0; z-index: 2; width:100%; height: 100%; object-fit: cover;}
._shipin .a .paly{ position: absolute; left:50%; top:50%; width: 48px; height: 48px; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); z-index: 6;}
._shipin .a .fs16{ position: absolute; left:0; bottom:0; z-index: 6; padding:0.22rem 0.35rem;}
._shipin .a:hover .img img{ transform:scale(1.1); -ms-transform:scale(1.1);}

@media  screen and (max-width:1024px){
._shipin .ul{ width:calc(100% + 14px); margin:-7px; }	
._shipin .li{ padding:7px;}
._shipin .li{ width:50%;}
._shipin .a .fs16{ padding:8px 12px;}
._shipin .a .paly{ width:30px; height:30px;}
}
@media  screen and (max-width:767px){
._shipin .li{ width:50%;}
}


.zhichi{ align-items: flex-start;}
.zhichi-L{ width: 268px;}
.zhichi-L .title{ text-transform: uppercase; padding:0.3rem 0.27rem; border-radius:10px 10px 0 0;}
.box-R{ width: calc(100% - 268px - 0.4rem);}
.zhichi-R{ padding:51px 0.6rem 54px 0.6rem; background: #fff; border-radius:10px;}
.zc-list{ width:calc(100% + 0.3rem); margin:5px -0.15rem;}
.zc-list .li{ display: flex; flex-wrap: wrap; width:50%; padding:0.17rem 0.15rem;}
.zc-list .a{ display: flex; flex-wrap: wrap; width:100%; position: relative; overflow: hidden; border-radius:8px; cursor: pointer;}
.zc-list .a .img{ position: relative; z-index: 2; width:100%; display: block; padding-bottom:65.94%; line-height: 0; border-radius:10px; overflow: hidden;}
.zc-list .a .img img{ position: absolute; left:0; top:0; z-index: 2; width:100%; height: 100%; object-fit: cover;}
.zc-list .a .c3{ text-align: center; margin-top:0.16rem;}
.zc-list .a:hover .img img{ transform:scale(1.1); -ms-transform:scale(1.1);}
.zc-list .a:hover .c3{ color: #f0610b;}
.zhichi-L{}
.slideH{ background:#fff;}
.slideH  #li{ display:block; width:100%; padding:10px 0px  }
.zhichi-L .title i{ font-size:30px; float:left; margin-right:20px }
.slideH  #li A{}
.slideH  #li:last-child{ border-bottom:0;}
.slideH  #li .a{ position: relative; width:100%; color: #333;  font-size:18px; line-height:26px; margin:0px auto; width:90%;padding:10px; display:block   }
.slideH  #li.on .a,
.slideH  #li:hover .a{ color: #000; }
.slideH  #li.on .a,
.slideH  #li:hover .a{ background: #e9ecef;; border-radius:10px;}
.slideH .u2{ display: block; width:100%; margin-top: -3px; padding:0 0 13px 0;}
.slideH .u2 .a2{ position: relative; display:block; width:100%; color: #666; font-size:14px; line-height:24px; padding:2px 0 2px 14px;}
.slideH .u2 .a2:after{ display: block; content: ''; position: absolute; left:0; top:50%; width:4px; height: 4px; background: #747474; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.slideH .u2 .a2:hover{ color:#f0610b;}
.slideH .u2 .a2:hover:after{ background:#f0610b;}
.slideH  #li:hover  li a{ color:#3c64ea}
.slideH  #li  li{ padding-left:40px; margin-right:5px}
.slideH  #li  li:hover a{ padding-left:10PX; }
.slideH  #li li a{ font-size:16px; line-height:50px;  display:block;color: #666; }
.slideH  #li.on  li a{ color: #3c64ea; }
.slideH  #li.on li:hover a{ padding-left:10PX}
.slideH  #li li.active a{ font-weight:bold}
.slideH  .m_con{ background:#3c64ea;padding:20px; overflow:hidden; border-radius:0px 0px 10px 10px}
.slideH  .m_con .text{ color:#fff; float:left}
.slideH  .m_con .text h1{ font-size:24px; font-weight:bold;font-family: HarmonyOSBold;}
.slideH  .m_con .text h2{ font-size:18px;}
.slideH  .m_con  i{ font-size:26px; color:#2f49d2; width:46px; height:46px; border-radius:23px; background:#fff; line-height:46px; display:block; text-align:center; float:left; margin-right:10px; margin-top:3px}
@media  screen and (max-width:1024px){
.zhichi-L{ width: 100%;}
.zhichi-L .title{ position: relative; padding:10px 15px;}
.zhichi-L .title:after{ display: block; content: ''; position: absolute; right:15px; top:50%; transform:translate(0,-50%); -ms-transform:translate(0,-50%); border-left: 7px solid transparent; border-right:7px solid transparent;border-top:7px solid #fff; }
.zhichi-L .title.on:after{ transform:translate(0,-50%) rotate(180deg); -ms-transform:translate(0,-50%) rotate(180deg);}
.box-R{ width:100%; margin-top:25px;}
.zhichi-R{ width:100%;padding:20px 15px;}
.zhichi-R .mt32{ margin-top:10px;}
.zc-list{ width:calc(100% + 12px); margin:10px -6px 5px -6px;}
.zc-list .li{ padding:8px 6px;}
.zc-list .a .c3{ margin-top:8px;}
.slideH{ display:none; padding:4px 15px;}
.slideH  #li .a{ font-size:14px; line-height:24px; padding:8px 0;}
.slideH .u2{ display: block; width:100%; margin-top: -3px; padding:0 0 10px 0;}
.slideH .u2 .a2{ padding:1px 0 1px 14px;}
}


.contact .left{ background:url(../images/bg5.jpg) right center no-repeat #fb6751; background-size:100% 100%; width:40.2%; padding:0.46rem 0.74rem 0.58rem 0.64rem;}
.contact .line{ height:1px; background: #e1e1e1; opacity:0.53 ; margin-top: 0.26rem;}
.contact .addr{ margin-top:0.2rem}
.contact .addr .li{ width:100%; display: flex; margin-top:0.1rem; margin-bottom:0.1rem}
.contact .addr .li .ico{ margin:4px 12px 0 0;}
.contact .addr .li .ico i{ max-width:41px; width:41px; object-fit: contain; color:#fff; font-size:30px}
.contact .addr .li .info{ flex-direction: column;}
.contact .addr .li .fs14{ opacity: 0.78;}
.contact .addr .li .fs18{ font-weight: bold; margin-top:4px;}
.contact .left .dy{ text-align:center; margin-top:0.2rem}
.contact .left .dy img{ border-radius:10px;  text-align:center}
.contact .left .dy p{ font-size:14px; color:#fff; text-align:center}
.mapbox{ display: flex; flex-wrap: wrap; position: relative; width:59.8%;}
.mapbox .a{ display: flex; flex-wrap: wrap; position: relative; width:100%;  height:100%; border:1px solid #d2d2d2;}
.mapbox .box{ display:block; position:absolute; z-index:5; line-height: 0;transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
.mapbox .box .jt{ display:block; position: absolute; right:100%; top:28px; border-top:8px solid transparent; border-boottom:8px solid transparent;border-right:8px solid #fff; z-index:6;}
.mapbox .box .ico{ width:0.31rem;}
.mapbox .box .cont{ display: flex; flex-wrap: wrap; position:absolute; left:47px; top:-7px; z-index:5; background: #fff; padding:26px 40px 26px 30px; box-shadow:0 0 7px rgba(255,105,82,0.1); width:290px; border-radius:0.15rem; }
.mapbox .box .cont:after{ content:''; display:block; position: absolute; right:100%; top:28px; border-top:8px solid transparent; border-bottom:8px solid transparent;border-right:8px solid #fff; z-index:6;}
.mapbox .box .tit{ width:100%; display: block;}
.mapbox .box .cc{ margin-top:14px; display: flex; align-items: flex-end;}
.mapbox .box .cc img{min-width:20px;width:20px; margin-right:5px;}
.mapbox .box .cc span{ display: flex; line-height:1; padding-bottom: 5px; border-bottom:1px solid #ff8e7d;}

@media screen and (max-width:1600px) {
.contact .left{ padding:0.46rem 0.55rem 0.58rem 0.55rem;}
}
@media screen and (max-width:1024px) {
.mapbox{ width:100%; height:360px;}
.mapbox .a{height:360px;}
.mapbox .box .ico{ width:22px;}
.mapbox .box .cont{ left:-55px; top:100%; margin-top:10px; width:240px; padding:16px 15px;}
.mapbox .box .cont:after{ right:170px; top:-11px; transform: rotate(90deg); -ms-transform: rotate(90deg);}

.contact .left{ width:100%; padding:20px 15px;}
.contact .line{ margin-top: 15px;}
.contact .addr{ padding:5px 0;}
.contact .addr .li{ display: flex; padding-right:0; margin-top:10px; }
.contact .addr .li .ico{ margin:4px 8px 0 0;}
.contact .addr .li .ico img{ max-width:26px; width:26px;}
.contact .addr .li .fs18{ font-size:14px; line-height: 24px; margin-top:0;}
}


.liuyan{ max-width:4.3rem; margin-top: 28px;}
.liuyan .line{ display: inline-flex; width:57px; height:6px; border-radius:6px; background: #f0610b; margin-top:28px;}
.liuyan .c6{ margin-top:31px;}
.liuyan .ico{ display: inline-flex; margin-top:79px; line-height: 0; width:66px;}
.liuyan .ico i{ color:#f0610b; font-size:50px}
._form2{ display: flex; flex-wrap: wrap; justify-content: space-between; width:59.8%;}
._form2 .w47{ width:47.68%; margin-top:25px; position:relative}
._form2 .c0{ margin-bottom: 4px;}
._form2 .yzm{ display: flex; margin-top: 30px; position: relative;}
._form2 .text{float: left;width: 100%;background:#fff;border:1px solid #e6e6e6; border-radius:0; color:#333;font-size:14px;line-height:32px; height:54px; padding:10px 15px;}
._form2 .text:focus{border:1px solid #f0610b;}
._form2 .textarea{float: left;width: 100%;background:#fff;border:1px solid #e6e6e6; border-radius:0; color:#333;font-size:14px;line-height:26px; height:128px; padding:10px 15px;}
._form2 .textarea:focus{border:1px solid #f0610b;}
._form2 .yanzhengma{ float:left; position:absolute; right:0.17rem; top:50%;height:33px;  max-width:76px; width:76px; margin-top:-16px;}
._form2 .submit{float: left;width:100%;background: #f0610b;font-size:18px;line-height:50px; height:54px; color: #fff;border:0;text-align: center;border-radius:0; margin-top:20px; }
._form2 .submit:hover{ box-shadow:2px 2px 4px rgba(0,0,0,0.2);}

._form2 ::-webkit-input-placeholder{color:#c7c7c7}
._form2 :-moz-placeholder{color:#c7c7c7}
._form2 ::-moz-placeholder{color:#c7c7c7}
._form2 :-ms-input-placeholder{color:#c7c7c7}


@media screen and (max-width:1024px) {
.liuyan{ width:100%; max-width:100%; margin:0;}	
.liuyan .line{width:46px; height:4px; margin-top: 10px;}
.liuyan .c6{ margin-top: 10px;}
.liuyan .ico{ margin-top:20px; width: 36px;}
._form2{ width:100%;}
._form2 .w47{ width:48.5%; margin-top:10px;}
._form2 .text{line-height:32px; height:44px; padding:5px 12px;}
._form2 .textarea{ line-height: 26px; height:102px; padding:5px 12px;}
._form2 .submit{line-height:40px; height:44px; font-size: 16px; margin-top:14px; }
._form2 .ph100{ width:100%;}
._form2 .yzm{ margin-top:4px;}
._form2 .yanzhengma{ right:6px;}
}



.ztjj .li{ display: flex; padding-bottom:30px;}
.ztjj .li:last-child{ padding-bottom: 0 !important;}
.ztjj .a{ display: flex; background:#fff; border-radius:8px; padding:20px 20px; align-items: center;}
.ztjj .a .img{ min-width:5.32rem; width:5.32rem; height:3.3rem; line-height: 0;overflow: hidden;  margin-right:0.2rem; position: relative; border-radius:10px; }
.ztjj .a .img img{ position: absolute; left: 0; top:0; display: block; object-fit: cover; width: 100%; height: 100%;}
.ztjj .a .cont{ padding:0 0.2rem;}
.ztjj .a .fs22{ margin-top:0.12rem; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.ztjj .a .fs16{ margin-top:0.23rem; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
.ztjj .a .line{ position: relative; height:1px; background: #eeeeee; margin-top: 0.39rem;}
.ztjj .a .line::after{ display:flex; content: ''; position: absolute; left: 0; bottom:0; background: #f0610b; width:0; height:1px; z-index: 6; content: '';}
.ztjj .a .end{ margin-top: 0.54rem;}
.ztjj .a .ico{ display: flex; position: relative; width:26px; height:26px; border-radius:50%; border:1px solid #b5b5b5; background:#fff; }
.ztjj .a .ico::after{ display: block; content: ''; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); width:7px; height:7px; border-top:2px solid #b5b5b5; border-right:2px solid #b5b5b5; margin-left:-1px;}
.ztjj .a .ino{ display: flex; line-height: 0; width:108px;}

.ztjj .a:hover .line::after{ width: 100%;}
.ztjj .a:hover .img img{ transform:scale(1.1); -ms-transform:scale(1.1);}
.ztjj .a:hover .fs22{ color: #f0610b;}
.ztjj .a:hover .ico{border:1px solid #f0610b; background:#f0610b;}
.ztjj .a:hover .ico::after{ border-top:2px solid #fff; border-right:2px solid #fff;}

@media  screen and (max-width:1480px){
.ztjj .a .img{ min-width:4.32rem; width:4.32rem; height:2.68rem;}
.ztjj .a .fs22{ margin-top:0.06rem;}
.ztjj .a .fs16{ margin-top:0.13rem;}
.ztjj .a .line{ margin-top:0.29rem;}
.ztjj .a .end{ margin-top:0.44rem;}
}
@media  screen and (max-width:1024px){
.ztjj .li{ padding-bottom:15px; }	
.ztjj .a{ padding:10px 10px;}
.ztjj .a .cont{ position: relative; padding:0 5px;}
.ztjj .a .img{ min-width:282px; width:282px; height:170px;}
.ztjj .a .line{ margin-top:15px;}
.ztjj .a .ico{ width:24px; height:24px;}
.ztjj .a .fs22{ font-size: 16px; line-height:24px; margin-top:6px;}
.ztjj .a .fs16{ font-size: 14px; line-height:22px; margin-top:6px;}
.ztjj .a .end{ margin-top:12px; align-items: center;}
}
@media  screen and (max-width:767px){
.ztjj .a{ flex-wrap: wrap;}	
.ztjj .a .cont{ position: relative; padding:10px 5px 5px 5px;}
.ztjj .a .img{ min-width:100%; width:100%; height:auto;}
.ztjj .a .img img{ position: relative;}
.ztjj .a .ino{ width:88px;}

}


.jgcl{ display: flex; flex-wrap: wrap; width:calc(100% + 0.3rem); margin:-0.15rem -0.15rem;}
.jgcl .li{ display: flex; flex-wrap: wrap; width:33.33%; padding:0.15rem 0.15rem; position:relative}
.jgcl .a{ display: flex; flex-wrap: wrap; background:#fff; border-radius:10px; padding:20px 20px 20px 20px; align-items:flex-start;}
.jgcl .a .img{ width:100%; line-height: 0;overflow: hidden; position: relative; padding-bottom:100%; border-radius:8px; }
.jgcl .a .img img{ position: absolute; left: 0; top:0; display: block; object-fit: cover; width: 100%; height: 100%;}
.jgcl .a .fs20{ margin-top:20px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: inherit; font-size:18px; font-weight:500}
.jgcl .a .fs16{ margin-top:5px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:inherit;}
.jgcl .a .line{ position: relative; height:1px; background: #eeeeee; margin-top: 0.22rem;}
.jgcl .a .line::after{ display:flex; content: ''; position: absolute; left: 0; bottom:0; background: #f0610b; width:0; height:1px; z-index: 6; content: '';}
.jgcl .a .ico{ display: flex; position: absolute; margin-top: 0.23rem; width:26px; height:26px; border-radius:50%; border:1px solid #b5b5b5; background:#fff; right:40px }
.jgcl .a .ico::after{ display: block; content: ''; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); width:7px; height:7px; border-top:2px solid #b5b5b5; border-right:2px solid #b5b5b5; margin-left:-1px;}
.jgcl .tit{display: flex; flex-wrap: wrap; }
.jgcl .a:hover .line::after{ width: 100%;}
.jgcl .a:hover .img img{ transform:scale(1.1); -ms-transform:scale(1.1);}
.jgcl .a:hover .fs20{ color: #f0610b;}
.jgcl .a:hover .ico{border:1px solid #f0610b; background:#f0610b;}
.jgcl .a:hover .ico::after{ border-top:2px solid #fff; border-right:2px solid #fff;}


@media  screen and (max-width:1024px){
.jgcl{ width:calc(100% + 12px); margin:-6px -6px;}
.jgcl .li{ padding:6px 6px;}	
.jgcl .a { padding:12px 12px 15px 12px;}
.jgcl .a .line{ margin-top:12px;}
.jgcl .a .ico{ width:24px; height:24px; margin-top:15px;}
.jgcl .a .fs20{ font-size:16px; line-height:26px;}
.jgcl .a .fs16{ margin-top: 0;}
}
@media  screen and (max-width:767px){
.jgcl .li{ width:50%;}	
}




.h-zh{ letter-spacing: 0.02rem;  position: relative; z-index: 6;}
.h-en{text-transform: uppercase; opacity: 0.09; margin-top:calc(-24px - 0.59rem);}
.h-line{ margin-top: 0.1rem;}
.h-line i{ display: flex; width:23px; height:6px; border-radius:6px; background: #f0610b;}

@media screen and (max-width:1024px) {
.h-line i{ width:18px; height:3px; border-radius:3px; }
}



.h-more .fs14{ display:inline-flex; background: #f0610b; border:2px solid #f0610b; border-radius:36px; padding:1px 20px 3px 20px;}
.h-more .fs14:hover{ background:none; color:#f0610b ;}
.h-more .fs14 i{ margin-left:20px}
.h-news{ margin-top:20px;}
.h-news .ul{ width:calc(100% + 0.3rem); display:flex; flex-wrap: wrap; margin:0 -0.15rem;}
.h-news .li{ display: flex; flex-wrap: wrap; width:25%; padding:20px 0.15rem;}
.h-news .a{ display: flex; flex-wrap: wrap; background:#fff; border-radius:8px; align-items: flex-start;overflow: hidden; }
.h-news .a .img{ width:100%; line-height: 0;overflow: hidden; position: relative; padding-bottom:60.34%;}
.h-news .a .img img{ position: absolute; left: 0; top:0; display: block; object-fit: cover; width: 100%; height: 100%;}
.h-news .a .cont{ padding:20px 20px 17px 20px;}
.h-news .a .fs12{display: flex; align-items: center; }
.h-news .a .fs12 img{ width:15px; height: 15px; margin:1px 6px 0 0;}
.h-news .a .fs18{ margin-top:14px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
.h-news .a .line{ position: relative; height:1px; background: #eeeeee; margin-top:23px;}
.h-news .a .line::after{ display:flex; content: ''; position: absolute; left: 0; bottom:0; background: #f0610b; width:0; height:1px; z-index: 6; content: '';}
.h-news .a .more{ display: flex; position: relative; margin-top:23px; width:26px; height:26px; border-radius:50%; border:1px solid #b5b5b5; background:#fff; }
.h-news .a .more::after{ display: block; content: ''; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); width:7px; height:7px; border-top:2px solid #b5b5b5; border-right:2px solid #b5b5b5; margin-left:-1px;}

.h-news .a:hover{ transform: translateY(-20px); -ms-transform: translateY(-20px);}
.h-news .a:hover .line::after{ width: 100%;}
.h-news .a:hover .img img{ transform:scale(1.1); -ms-transform:scale(1.1);}
.h-news .a:hover .fs18{ color: #f0610b;}
.h-news .a:hover .more{border:1px solid #f0610b; background:#f0610b;}
.h-news .a:hover .more::after{ border-top:2px solid #fff; border-right:2px solid #fff;}

.h-news .slick-dots{ position: static; display: flex; justify-content:center; margin-top:22px;}
.h-news .slick-dots li{ cursor: pointer; opacity:0.65; width: 7px; height: 7px; background: #bfbfbf; border-radius:7px; margin:0 11px;}
.h-news .slick-dots li.slick-active{ width: 24px; opacity: 1; background: #f0610b; }

@media screen and (max-width:1024px) {
.h-news .ul{ width:calc(100% + 12px); margin:0 -6px;}
.h-news .li{ width:50%; padding:7px 6px;}
.h-news .a .cont{ padding:15px 12px 15px 12px;}
.h-news .a .fs18{ margin-top: 6px; line-height:24px;}
.h-news .a .line{ margin-top: 12px;}
.h-news .a .more{ margin-top: 15px; width: 24px; height: 24px;}
.h-news .a:hover{ transform: translateY(0); -ms-transform: translateY(0);}
.h-news .slick-dots{ margin-top:18px;}
.h-news .slick-dots li{ margin:0 6px;}
.h-more .fs14{  padding:0 16px 1px 16px;}
}


.h-about{ margin-top:46px;}
.h-about .img{ display:block; position: relative; z-index:4; line-height:0; width:47.16%; border-radius:8px; margin-bottom: 0.22rem;}
.h-about .img::after{ width:79px; height:75px; border-radius:8px; background: #f0610b; content:''; position: absolute; left:-0.2rem; top:-0.2rem; z-index: 1;}
.h-about .img img{ position: relative; z-index:6; width:100%; border-radius:8px;}
.h-about .text{ position: relative; z-index: 6; display:block; width:48.64%; margin-top:0.35rem;}
.h-about .text .tit{ max-width:100%; position: relative; display: inline-flex; margin-top: 5px; padding-bottom:0.37rem;}
.h-about .text .tit::after{ position: absolute; content:''; right:0; bottom:0; width:calc(100% + 1.16rem);; height:2px; background: #f0610b;}
.h-about .text .cont{ margin-top: 0.28rem; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:5;}


@media screen and (max-width:1600px) {
.h-about .text{ margin-top:0.25rem;}
.h-about .text .tit{ padding-bottom:0.27rem;}
.h-about .text .cont{ margin-top: 0.18rem; }
.h-about .text .h-more{ margin-top:0.36rem;}
}
@media screen and (max-width:1400px) {
.h-about .text{ margin-top:0.05rem;}
.h-about .text .fs25{ font-size:calc(14px + 0.09rem); line-height:calc(24px + 0.09rem);}
.h-about .text .tit{ padding-bottom:0.27rem;}
.h-about .text .cont{ margin-top: 0.18rem; }
}
@media screen and (max-width:1024px) {
.h-about{ margin-top:20px;}
.h-about .img{ width:100%; }
.h-about .text{ width:100%; margin-top:15px; text-align: justify;}
.h-about .text .tit{ width:100%; margin-top: 3px; padding-bottom:15px;}
.h-about .text .tit::after{ width:100%;}
.h-about .text .cont{ margin-top:15px; }
.h-about .text .h-more{ margin-top:20px;}

}


.h-advant{ margin-top:43px; display: flex; flex-wrap: wrap; align-items: flex-start; background: #fff; border-radius:8px; box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.h-advant .li{ position: relative; width:25%; display:flex; flex-wrap: wrap; padding:0.37rem 0.4rem 0.39rem 0.4rem;}
.h-advant .li::after{ display: block; content:''; position: absolute; right:0; top:0.77rem; width:1px; height:96px; background: #868686; opacity:0.09;}
.h-advant .li:nth-child(4n)::after{ display: none;}
.h-advant .li .ico{ line-height: 0;}
.h-advant .li .ico img{ width:0.54rem; height: 0.54rem;}
.h-advant .li .c3{ margin-top: 16px;}
.h-advant .li .c6{ margin-top: 10px;}
.h-advant .li:hover .c3{ color: #f0610b;}

@media screen and (max-width:1440px) {
.h-advant .li{ padding:0.37rem 0.3rem 0.39rem 0.3rem;}
.h-advant .li .c6{font-size:15px;}
}
@media screen and (max-width:1024px) {
.h-advant{ margin-top:20px; padding:15px 0;}
.h-advant .li{ width:50%; padding:0 12px; margin:15px 0; }
.h-advant .li::after{ top:0; height:100%;}
.h-advant .li .ico img{ width:44px; height:44px;}
.h-advant .li .c3{ margin-top: 8px;}
.h-advant .li .c6{ margin-top: 5px; line-height:24px;}
}


.h-appl .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; height: 100%;}
.h-appl .swiper-slide{ flex-shrink: 0; position: relative; transition-property: transform;}
.h-appl{ position: relative; overflow: hidden;}
.h-appl::after{ display: block; background:#f5f5f5; content:''; position: absolute; left:0; top:0; z-index:1; opacity: 0.38; width: 100%; height:100%;}
.h-appl .h-en{ opacity:0.05;}
.h-appl-tit{ margin-top: 18px;}
.h-appl-tit .ul{ display: flex; justify-content: space-between;}
.h-appl-tit .li{ float: left;
    width: 22%;
     margin-right:4%; background:#fff}
	.h-appl-tit .li:nth-child(5){ margin-right:0}
.h-appl-tit .li a{ display: block; position: relative; color: #fff; font-size:22px; line-height:28px; padding:50px 30px;}
.h-appl-tit .li a i{ font-size:50px; margin-bottom:30px; display:block; color:#f0610b}
.h-appl-tit .li a p{ color:#333; font-weight:bold; font-size:18px}
.h-appl-tit .li a::after{ display: block; content:''; position: absolute; left:50%; bottom:0; z-index:1; width:0; height:2px; background: #f0610b; transform: translate(-50%,0); -ms-transform: translate(-50%,0);}
.h-appl-tit .li.on a{ color: #f0610b;}
.h-appl-tit .li.on a::after{width:100%;}
.h-appl-tit .li.swiper-slide-thumb-active a{ color: #f0610b;}
.h-appl-tit .li.swiper-slide-thumb-active a::after{width:100%;}
.h-appl-box{ margin-top: 38px; overflow: hidden; position: relative;}
.h-appl-box .li{ display: flex; flex-wrap: wrap; position: relative; overflow: hidden; background: #fff; align-items: flex-start; padding:4px;}
.h-appl-box .li .logo{ z-index:1; position: absolute; left:19.46%; top:-0.1rem; width:36.95%;}
.h-appl-box .li .text{ width:43%; padding:0.77rem 0.7rem 0.77rem 0.56rem;}
.h-appl-box .li .text .tit{ display: block; position: relative; padding-left: 17px; font-size:24px}
.h-appl-box .li .text .tit::after{ display: block; content:''; position: absolute; left:0; top:50%; width:5px; height:calc(14px + 0.11rem); border-radius:5px; background:#f0610b; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.h-appl-box .li .text .cont{ margin-top:0.34rem; overflow: hidden;}
.h-appl-box .li .h-more{ margin-top: 0.6rem;}
.h-appl-box .li .img{ width:57%; line-height:0; overflow: hidden;}
.h-appl-box .li .img img{ width:100%;}
.h-appl-box .li:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.h-appl-box .swiper-pagination{ position:absolute; left: 0.56rem; bottom:0.6rem; z-index:7; color: #bdbdbd; margin-left: 4px;}
.h-appl-box .swiper-pagination-current{ color: #f0610b; font-size: 30px; font-weight: bold; line-height:32px;}
.h-appl-box .swiper-pagination-total{ color: #666666; font-size: 17px; line-height:19px;}

@media  screen and (max-width:1440px){
.h-appl-box .li .text{ padding:0.67rem 0.6rem 0.67rem 0.46rem;}
.h-appl-box .swiper-pagination{ left:0.46rem; bottom: 0.5rem;}
}
@media  screen and (max-width:1024px){
.h-appl-tit{ margin-top:10px; overflow: hidden;}	
/* .h-appl-tit .ul{ white-space: nowrap; flex-wrap:nowrap; overflow-x: auto; margin-bottom:-20px; padding-bottom:20px;}	
.h-appl-tit .ul::-webkit-scrollbar{ display: none;} */
.h-appl-tit .li{ margin-right:15px;}
.h-appl-tit .li:last-child{ margin-right:0 !important;}
.h-appl-tit .li a{ font-size: 16px; line-height:26px;}
.h-appl-box{ margin-top:20px;}	
.h-appl-box .li .text{ width:100%;  padding:15px 11px 22px 11px;}
.h-appl-box .li .text .cont{ margin-top:10px;}
.h-appl-box .li .img{ width:100%;}
.h-appl-box .li .logo{ left:auto; right:10px; top:10px;}
.h-appl-box .swiper-pagination{ left:auto; right:15px; bottom:auto; top:15px; margin: 0;}
.h-appl-box .swiper-pagination-current{ font-size:22px; line-height:24px;}
.h-appl-box .swiper-pagination-total{ font-size:16px; line-height:18px;}
}


.h-Prod{ position: relative; overflow: hidden;}

.h-Prod-tit{ margin-top: 18px;}
.h-Prod-tit .ul{ display: flex;
        padding: 0;
        margin: 0;
        list-style: none;
        transition: transform 0.5s ease;}
.h-Prod-tit .li{    }
.h-Prod-tit .li:first-child{ }
.h-Prod-tit .li:last-child{}
.h-Prod-tit .li a{ display: block; position: relative; color: #333; font-size:18px; line-height:28px; padding:8px 0;}

.h-Prod-box{ display: block; position: relative; margin-top: 35px;}
.h-Prod-box .li{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; height:400px}
.h-Prod-box .li .text{ width:36.49%;}
.h-Prod-box .li .text .tit{ display: block; position: relative; padding-left: 17px; color:#1d2088}
.h-Prod-box .li .text .tit::after{ display: block; content:''; position: absolute; left:0; top:50%; width:5px; height:calc(14px + 0.11rem); border-radius:5px; background:#1d2088; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.h-Prod-box .li .text .cont{ margin-top:0.28rem; text-align: justify;}
.h-Prod-box .li .text .gn{ margin-top:15px;}
.h-Prod-box .li .text .line{ margin-top:17px; height:1px; background: #f0f0f0;}
.h-Prod-box .li .ico{ margin-top: 0.38rem; display: flex; position: relative; margin-top: 0.23rem; width:26px; height:26px; border-radius:50%; border:1px solid #f0610b; background:#f0610b; }
.h-Prod-box .li .ico::after{ display: block; content: ''; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); width:7px; height:7px; border-top:2px solid #fff; border-right:2px solid #fff; margin:-1px 0 0 -1px;}
.h-Prod-box .li .ico:hover{/* border:1px solid #f0610b; background:#f0610b; */ border-radius: 3px; box-shadow:0 0 10px rgba(0,0,0,0.3); opacity:0.8;}
/* .h-Prod-box .li .ico:hover::after{ border-top:2px solid #f0610b; border-right:2px solid #f0610b;} */
.h-Prod-box .li .info{ display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; margin-top: 6px;}
.h-Prod-box .li .info .p{ display:block; cursor: pointer; position: relative; width:100%; padding:10px 0px 0px 15px  }
.h-Prod-box .li .info .p:after{ display: block; content: ''; position: absolute; left:0; top:20px; width: 4px; height:4px; background: #f0610b; transform:rotate(45deg); -ms-transform:rotate(45deg);}
.h-Prod-box .li .info .p:hover{ color: #f0610b; text-decoration: underline;}
.h-Prod-box .li .img{ width:58.44%; line-height:0; text-align:right}
.h-Prod-box .li .img img{ max-width:100%;}
.h-Prod-tit .li .con{display: block; margin:0px 20px;background-color: #fafafa;padding:30px;border-radius:25px;overflow: hidden;cursor: pointer;}
.h-Prod-tit .li .numCon{position: relative;width: 50%; float:left }
.h-Prod-tit .li .num{font-size: 60px;color:rgba(0, 0, 0, .03) ;height: 55px;line-height: 55px;font-family: HarmonyOSBold;margin-bottom: 45px;}
.h-Prod-tit .li span{display: block;font-size: 18px;color: #333;position: absolute;left: 0;top:30px;; font-weight:bold}
.h-Prod-tit .li .more{padding:0 23px;height: 30px;line-height: 30px;background:#f0f0f0  url(../images/next-hui.png) no-repeat center center;border-radius: 30px;display: inline-block;}
.h-Prod-tit .li .pic{overflow: hidden; float:right; width:45%}
.h-Prod-tit .li .pic::before{padding-top: 100%;}
.h-Prod-tit .li .pic img{object-fit: contain;}
.h-Prod-tit .li .pic .img1{display: none;}




.h-Prod-tit .li.on .pic .img1{display: block;}
.h-Prod-tit .li.on .pic .img2{display: none;}
.h-Prod-tit .li.on .con{background:url(../images/column1Hbg.jpg) no-repeat center center / cover;}
.h-Prod-tit .li.on .num{color:rgba(255,255,255,.03);}
.h-Prod-tit .li.on span{color:#fff;}
.h-Prod-tit .li.on .more{background-color:#346cfd;background-image:url(../images/next.png);}


.index_field {
  position: relative;
}
.index_field .field_bk  img {
  width: 100%;
 
  display: none;
}
.index_field .field_bk picture.active img {
  display: block;
}
.index_field .field_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.index_field .field_box .contont1 img {
  height: 0.48rem;
}
.index_field .field_box .contont1 p {
 
  color: #fff;
  
}
.index_field .field_box .contont2 {
  font-size: 0.24rem;
  color: #fff;
  padding: 0.3rem 0 0.5rem;
}
.index_field .field_box .contont3 {
  padding-bottom: 0.4rem;
}
.index_field .field_box .contont3 .item {
  cursor: pointer;
  text-align: center;
  margin-right: 0.38rem;
}
.index_field .field_box .contont3 .item .img img {
  width: 0.68rem;
  display: none;
}
.index_field .field_box .contont3 .item .img img.active {
  display: block;
}
.index_field .field_box .contont3 .item .point {
  transition: 0.4s;
  opacity: 0;
  margin-top: 0.18rem;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #29aada;
  border-radius: 50%;
}
.index_field .field_box .contont3 .item:last-child {
  margin-right: 0;
}
.index_field .field_box .contont3 .item.active .img img {
  display: block;
}
.index_field .field_box .contont3 .item.active .img img.active {
  display: none;
}
.index_field .field_box .contont3 .item.active .point {
  opacity: 1;
}
.index_field .field_box .contont4 {
 max-width: 1480px; margin-left:auto; margin-right:auto
}
.index_field .field_box .contont4 .item {
  display: none;
}
.index_field .field_box .contont4 .item .i1 {
  color: #fff;
}
.index_field .field_box .contont4 .item .i1 h5 {
  font-size: 0.34rem;
}
.index_field .field_box .contont4 .item .i1 h6 {
  padding: 0.08rem 0 0.36rem;
}
.index_field .field_box .contont4 .item .i1 .line p {
  flex: 1 1.6rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  margin-right: 0.14rem;
}
.index_field .field_box .contont4 .item .i1 .line span {
  flex: 1 0.5rem;
  height: 1px;
  background: rgba(255, 255, 255, 0.3);
  margin-right: 0.14rem;
}
.index_field .field_box .contont4 .item .i1 .line i {
  width: 4px;
  height: 4px;
  background: #fff;
}
.index_field .field_box .contont4 .item .i2 {
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.8;
  margin: 0.3rem 0 0.6rem; width:6rem
}
.index_field .field_box .contont4 .item.active {
  display: block;
}
.index_field .field_box .contont4 .item .i1 .line{ width:6rem}
.public_link2 a:hover{ background:#f0610b}
.public_link2 a{display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 36px;
    border: 2px solid #f0610b;
    padding: 2px 16px;
    line-height: 28px;
}
.public_link2 a:hover span{ color:#fff;}
.public_link2 a:hover i{ color:#fff;}
.public_link2 a span{ color:#f0610b; padding-right:20px} 
.public_link2 a i{ color:#f0610b} 
.scroll {
  text-align: center;
  color: #fff;
}
.scroll p {

  padding-bottom: 0.16rem;
  letter-spacing: 2px;
}
.scroll i {
  font-size: 22px; color:#fff;
  -webkit-animation: down 1.6s linear infinite;
  animation: down 1.6s linear infinite;
}
.public_about {
  z-index: 4;
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.public_about .scroll {
  color: #999;
}

@media  screen and (max-width:1440px){
.h-Prod-tit .li span{ font-size:14px} 
.h-Prod-box .li .info .p{padding:1px 0 1px 14px;}
.h-Prod-box .li .info .p:after{ top:12px;}
}
@media  screen and (max-width:1024px){
.h-Prod{ padding-bottom:25px;}	
.h-Prod-tit{ margin-top:10px; overflow: hidden;}	
.h-Prod-tit .ul{ white-space: nowrap; flex-wrap:nowrap; overflow-x: auto; margin-bottom:-20px; padding-bottom:20px;}	
.h-Prod-tit .ul::-webkit-scrollbar{ display: none;}
.h-Prod-tit .li{ margin-right:15px;}
.h-Prod-tit .li:last-child{ margin-right:0 !important;}
.h-Prod-tit .li a{ font-size: 16px; line-height:26px;}
.h-Prod-box{ margin-top:15px;}	
.h-Prod-box .li .text{ width:100%;}
.h-Prod-box .li .text .cont{ margin-top:10px;}
.h-Prod-box .li .text .line{ margin-top: 15px;}
.h-Prod-box .li .text .gn{ margin-top: 10px;}
.h-Prod-box .li .ico{ margin-top:15px; width:24px; height:24px;}
.h-Prod-box .li .img{ width:100%;}

}



.pord-tj{ padding: 14px 0 27px 0;}
.pord-tj .li{ padding:30px 0; border-top:1px solid #f2f3f5; position:relative}
.pord-tj .a .img{ width:100%; line-height: 0;overflow: hidden; position: relative;border-radius:8px;}
.pord-tj .a .img img{ width: 100%;}
.pord-tj .a .c3{ margin-top:16px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;}
.pord-tj .a .more{ display: flex; position: absolute; margin-top:0.15rem; width:26px; height:26px; border-radius:50%; border:1px solid #b5b5b5; background:#fff;    right: 30px;
} 
.pord-tj .a .more::after{ display: block; content: ''; position:absolute; left:50%; top:50%; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); width:7px; height:7px; border-top:2px solid #b5b5b5; border-right:2px solid #b5b5b5; margin-left:-1px;}

.pord-tj .a:hover .img img{ transform:scale(1.1); -ms-transform:scale(1.1);}
.pord-tj .a:hover .c3{ color: #f0610b;}
.pord-tj .a:hover .more{border:1px solid #f0610b; background:#f0610b;}
.pord-tj .a:hover .more::after{ border-top:2px solid #fff; border-right:2px solid #fff;}
.pord-det{ align-items: flex-start;}
.pord-det .boxL{ padding:70px 0.5rem 30px 0.5rem;}
.pord-det .line3{ height:1px; background: #eeeeee;}
.pord-det .line3-1{ position: relative; margin-top:0.3rem;}
.pord-det .line3-1:after{ display: block; content: ''; position: absolute; left:0; bottom:-1px; width:76px; height:3px; border-radius:3px; background: #f0610b;}
.pord-det .line3-2{ position: relative; margin-top:12px;}
.pord-det .line3-2:after{ display: block; content: ''; position: absolute; left:0; bottom:-1px; width:96px; height:3px; border-radius:3px; background: #f0610b;}
.pord-det .info1{ margin-top:0.2rem;}
.pord-det .cont1{ margin-top:0.27rem;}
.pord-det .cont2{ margin-top:23px; margin-bottom:45px; text-align: justify;}
.pord-det .cont2 h3{position: relative; border-bottom: #eeeeee 1px solid;padding-bottom: .2rem;color: #000;}
.pord-det .cont2 h3::after{ display: block; content: ''; position: absolute; left:0; bottom:-1px; width:96px; height:3px; border-radius:3px; background: #f0610b;}
.pord-det .cont2 p img{ text-align: center !important;margin: 10px auto;display: block; max-width: 100%; height: auto !important;}
.pord-det .box1{ padding-bottom:59px;}
.pord-det .box1  h3{ font-size:20px; color:#333; border-bottom:2px solid #f0610b; font-weight:bold; display: inline-block; margin-bottom:10px}
.pord-det .box1 table{  width:100%}
.pord-det .box1  table  tbody tr:nth-child(2n+1) td {
    background:#d0d8e8 
}
 

.pord-det .box1 table .firstRow td{ background:#1d2088 !important; color:#fff; word-break: keep-all !important;}
.pord-det .box1 table .firstRow td:first-child{ background:#fff  !important; padding:0 !important; width:300px}
.pord-det .box1 table tr td:first-child{word-break: keep-all !important;}
.pord-det .box1 table{ border: 1px solid #efefef; text-align:center; color:#444; }

.pord-det .box1 table  thead tr th {
    padding: 5px 20px;
    background-color: blue;
    font-weight: 400;
    color: #fff;
}
 
.pord-det .box1 table tbody tr td {
    padding: 5px 10px;
    border:  1px solid #efefef !important;  background-color:#e9edf4; vertical-align:middle; text-align:left; font-size:14px
}
.pord-det .img1{ width:37.4%; line-height: 0; position: relative;}
.pord-det .img1 .slick-dots{ position:absolute; display: flex; justify-content:center; left:0; bottom:15px;}
.pord-det .img1 .slick-dots li{ cursor: pointer; opacity:0.65; width: 7px; height: 7px; background: #bfbfbf; border-radius:7px; margin:0 6px;}
.pord-det .img1 .slick-dots li.slick-active{ width: 24px; opacity: 1; background: #f0610b; }
.pord-det .text1{ }
.pord-det .btn1{ display:inline-flex; margin-top:0.43rem;}
.pord-det .btn1 .fs14{ display:inline-flex; align-items: center; justify-content: flex-end; border-radius:36px; padding:2px 19px 4px 19px; margin-right:23px;}
.pord-det .btn1 .c6{ border:1px solid #979797;}
.pord-det .btn1 .c6 i{ display: flex; width:17px; height:17px; margin-left:10px; background: url(../images/ico8.png) center no-repeat; background-size:100% 100% !important;}
.pord-det .btn1 .cc{ border:1px solid #f0610b;}
.pord-det .btn1 .fs14:hover{ border:1px solid #f0610b; background: #f0610b; color: #fff;} 
.pord-det .btn1 .fs14:hover i{ background: url(../images/ico9.png) center no-repeat;}
.pord-det .table{ margin:30px 0 69px 0; background: #FFF; border:1px solid #f1f1f1; border-top:0;}
.pord-det .box1 h2{ color: #000; font-size: 18px; font-weight: bold }
.pord-det .table .li{ display:flex; line-height:24px;}
.pord-det .table .li:nth-child(2n){ background: #fff;}
.pord-det .table .li .c3{ width:46.5%; padding:16px 0.4rem; border-right:1px solid #f1f1f1;}
.pord-det .table .li .c6{ width:53.5%; padding:16px 0.44rem;}

@media  screen and (max-width:1400px){

}
@media  screen and (max-width:1024px){
.pord-tj{ padding:10px 0 15px 0;}
.pord-tj .ul{ width: calc(100% + 12px); margin:0 -6px;}
.pord-tj .li{ padding:15px 6px;}
.pord-tj .a .c3{ margin-top:10px; line-height:22px;}
.pord-tj .a .more{ margin-top:15px; width:24px; height:24px;}
.pord-tj .slick-dots{ position: static; display: flex; justify-content:center; margin-top:5px;}
.pord-tj .slick-dots li{ cursor: pointer; opacity:0.65; width: 7px; height: 7px; background: #bfbfbf; border-radius:7px; margin:0 6px;}
.pord-tj .slick-dots li.slick-active{ width: 24px; opacity: 1; background: #f0610b; }
.pord-det .boxL{ padding:20px 15px;}
.pord-det .line3-1{ margin-top:15px;}
.pord-det .line3-1:after{ width:56px;}
.pord-det .line3-2:after{ width:70px;}
.pord-det .info1{ margin-top:10px;}
.pord-det .cont1{ margin-top:15px;}
.pord-det .cont2{ margin-top:15px; margin-bottom:20px;}
.pord-det .img1{ width:100%;}
.pord-det .text1{ width:100%;}
.pord-det .box1{ padding-bottom:25px;}
.pord-det .btn1{ margin-top:20px;}
.pord-det .table{ margin:20px 0 30px 0;}
.pord-det .table .li .c3{ min-width:110px; width:110px; padding:10px 8px;}
.pord-det .table .li .c6{ width:100%; padding:10px 8px;}

}









._form1{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-top:1px;}
._form1 .w47{float: left; width:48.7%;}
._form1 .lab{ display: flex; margin-top:20px; background: #fff; padding:0 14px;}
._form1 .c3{ white-space: nowrap; line-height:46px;}
._form1 .text{float: left;width: 100%;background:none;border:0; border-radius:0; color:#333;font-size:14px;line-height:26px; height:46px; padding:10px 0;}
._form1 .textarea{float: left;width: 100%;background:none;border:0; border-radius:0; color:#333;font-size:14px;line-height:26px; height:118px; padding:10px 0;}
._form1 .yzm{ position: relative;}
._form1 .yanzhengma{ float:left; position:absolute; right:0.15rem; top:50%;height:33px; max-width:none; width:auto; transform: translateY(-50%); -ms-transform: translateY(-50%);}
._form1 .submit{float: left;width:100%;background: #f0610b;font-size:18px;line-height:44px; height:46px; color: #fff;border:0;text-align: center;border-radius:0; margin-top:20px; }
._form1 .submit:hover{ box-shadow:2px 2px 4px rgba(0,0,0,0.2);}

._form1 ::-webkit-input-placeholder{color:#787878}
._form1 :-moz-placeholder{color:#787878}
._form1 ::-moz-placeholder{color:#787878}
._form1 :-ms-input-placeholder{color:#787878}

._messageBg{display:none; float: left; width: 100%; height: 100%; background: #000000; opacity: 0.43; z-index: 30; position: fixed; left: 0; top:0;}
._messageR{display:none;float: left; width:770px;z-index: 32; position:fixed; left:50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
._messageR ._box{ position: relative; background: #f5f5f5; padding:37px 40px 0.63rem 40px; border-radius:10px; overflow: hidden;}
._messageR ._colse{ position: absolute; right:8px; top:11px; width:24px; height:24px; transform:rotate(45deg); -ms-transform:rotate(45deg); cursor: pointer;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
._messageR ._colse:hover{ transform:rotate(225deg); -ms-transform:rotate(225deg);}
._messageR ._colse::after,
._messageR ._colse::before{ float: left; width:15px; height:2px; background: #333; position: absolute; left:50%; top:50%; content: ''; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
._messageR ._colse::before{ width: 2px; height:15px;}
._messageR .title{ margin-top:33px; padding-left:11px; border-left:2px solid #f0610b;}
._messageR .top{ display: flex; align-items: flex-start; justify-content: space-between;}
._messageR .img{ min-width:144px; width:144px; line-height: 0; margin-right: 0.22rem;}
._messageR .cont{ width:100%; margin-top:16px;}
._messageR .info{ margin-top:12px;}

@media  screen and (max-width:1024px){
._form1 .lab{ margin-top:12px; padding:0 12px;}	
._form1 .c3{ line-height:40px;}
._form1 .text{ line-height:30px; height:40px; padding:5px 0;}
._form1 .textarea{height:114px; padding:5px 0;}
._form1 .submit{ margin-top:12px; font-size:16px; line-height:38px; height:40px;}
._form1 .yanzhengma{ right: 0;}
._messageR{ width:92%;}
._messageR .title{ padding-left:8px; margin-top:15px;}
._messageR ._box{ padding:25px 15px;}
._messageR ._colse{ right:4px; top:4px;}
._messageR .img{ margin-right:10px;}
._messageR .info{ line-height:22px; margin-top:6px;}
._messageR .cont{ margin-top:0;}
._messageR .fs24{ line-height:calc(24px + 0.02rem) !important;}
}

@keyframes down {
  0% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}
/* ff6952  rgba(202,13,28,.48)  calc(20px + 0.16rem); */




.column2{padding: 90px 0 188px;position: relative;overflow: hidden;}
.column2 .bg{background-position: center center;background-repeat: no-repeat;background-size: cover;position: absolute !important;width: 105%;height: 105%;left: -2.5% !important;top: -2.5% !important;}
.column2 .indexTitle{margin-bottom:65px;}
.column2C {position: relative;}
.column2C .left{width:52.2917%; float:right}
.column2C .left .textC{font-size:18px ;color: #333333;margin-bottom: 75px;}
.column2C .left .textC p{font-size:18px ;color: #333333;line-height:1.8; }
.column2C .video{width: 243px;height: 243px;background-color: rgba(255,255,255,.07);position: absolute;right: -120px;top: -120px;border-radius: 100%;cursor: pointer;overflow: hidden;animation: dsp 1.6s infinite;}
.column2C .video::after{display: block;content:'';width: 160px;height: 160px;background-color: rgba(255,255,255,.3);position: absolute;z-index:2;left: 50%;top: 50%;border-radius: 100%;margin-left: -80px;margin-top: -80px;animation: dsp 1.5s infinite;}
.column2C .video em{display: block;background:url(../images/videoTb.png) no-repeat center center;width: 60px;height: 60px;background-color: #1e39ac;z-index:3;border-radius: 100%;position: absolute;left: 50%;top: 50%;margin-left: -30px;margin-top: -30px;}
.column2C .leftTitle{ display: block;
    font-size: 20px;
    color: #265899;
    height: 65px;
    line-height: 65px;
    margin-bottom: 13px; margin-top:20px}
.column2C .leftTitle p{ font-weight:bold}
.column2Info {margin-right: -115px;}
.column2Info .info{float: left;display: inline;margin-bottom: 85px;}
.column2Info .info .con{margin-right: 115px;}
.column2Info .info .num{color: #1e39ac;height:60px;line-height:60px;position: relative;padding-right: 35px;}
.column2Info .info .num i{display: inline-block; font-size:45px ;  font-family: 'HarmonyOSBold';font-style: normal;margin-right: 10px;}
.column2Info .info .num i.danwei{display: inline-block;font-size: 20px;position: absolute; top: -15px;}
.column2Info .info .num em{position: absolute;right: 25px;top: -12px;font-style: normal;}
.column2Info .info span{display: block;font-size: 15px;color: #1e39ac;height: 35px;line-height: 35px;}
@keyframes dsp {
    0% {
        opacity:0;
        transform: scale(1);
    }
    50% {
        opacity:1;
        transform: scale(1.1);
    }
    100% {
        opacity:0;
        transform: scale(1.2);
    }
}
.layui-layer-setwin .layui-layer-close2{z-index:5;}
.column2 .indexMore a{border-color: #1e39ac;}
.column2 .indexMore a span{color: #fff;}
.column2 .indexMore a em{background-image: url(../images/moretb-lan.png) !important;}

.column2C .h-more{ margin-top:0.46rem;}


#main{position:fixed;top:0;left:0;right:0;bottom:0;}
#main .scrollbar-track-y{background-color:#e5e5e5;position:absolute;right:0;top:0;border-radius:8px;}
#main .scrollbar-track-y .scrollbar-thumb-y{background-color:#1662b7;width:100%;}

#main .liTxt{padding-right:15px;margin-right:-15px;}
#main .liTxt .scrollbar-track-y{width:3px;border-radius:3px;}
#main .liTxt .scrollbar-track-y .scrollbar-thumb-y{border-radius:3px;}

/*font_effect*/
.font_effect>span{display:inline-table;overflow:hidden;}
.font_effect>span>font{display:block;-webkit-animation-duration:.6s !important;animation-duration:.6s !important;}

.lump{display: block;}
.lineLump{display:inline-block;}
.hidden{overflow:hidden;}
#screenSwiper .posi {
    position: relative;
}
.flex {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
#screenSwiper .move_top {
    padding-top: 0.9rem;
}
#screenSwiper{height:100vh;}
#screenSwiper>.swiper-wrapper>.swiper-slide{height:100vh;overflow: hidden;}
#screenSwiper>.swiper-wrapper>.swiper-slide:last-child{height:auto;}
#screenSwiper>.swiper-wrapper>.swiper-slide>.screenSlide{height:100%;}
#screenSwiper>.swiper-wrapper>.swiper-slide>.screenSlide>.screenBg{position:absolute;top:0;left:0;
width:100%;height:100%;z-index:-1;background-color: #1662b7;}
#screenSwiper>.swiper-wrapper>.swiper-slide>.screenSlide>.screenBg:before{content: '';position: absolute;
width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
#screenSwiper>.swiper-wrapper>.swiper-slide>.screenSlide>.screenBg>img{width:100%;height:100%;object-fit:cover;}
#screenSwiper>.swiper-wrapper>.swiper-slide>.screenSlide>.screenInfo{height:100%;align-items:center;}
#screenSwiper>.swiper-wrapper>.swiper-slide:nth-child  .screenSlide>.screenBg:before{
background: linear-gradient(to right,rgba(22,98,183,1),rgba(22,98,183,.2) 70%);}

#screenSwiper>.swiper-wrapper>.swiper-slide .business{margin-left: 0;padding-left: 7.8125vw;}

.business{color: #fff;width: 50%;}
.business ._title{font-size: .48rem;line-height:1;}
.business ._line{text-align: justify;line-height: 2;margin-top: 1.5625vw;margin-bottom: 2vw;}
.business ._list{margin-top: 2.0833333333333335vw;line-height: 1.25;}
.business ._list>div{flex-wrap: wrap;margin: .1rem -.25rem;}
.business ._list ._item{padding: .1rem .25rem;}
.business ._list ._item a{color: #fff;position: relative;padding-left: 15px;display: block;}
.business ._list ._item a:before{content: '';position: absolute;width: 6px;height: 6px;
border-radius: 50%;top: 50%;left: 0;transform: translateY(-50%);background-color: #fff;}
.business ._list ._item a .hoverable_txt{padding: 3px 0;}
.business ._list ._item a .hoverable_txt:after{background-color: #fff;}
.business ._btn{margin-top: 4.6875vw;}
#screenTab{position:absolute;left:2.604166666666667vw;top:50%;transform:translateY(-50%);z-index:50;transition:all 1s ease;}
#screenTab.on{opacity: 0;visibility: hidden;}
#screenTab .item{align-items:center;margin-bottom:.3rem;}
#screenTab .item:last-child{margin-bottom:0;}
#screenTab .item>span{color:#fff;opacity:0;transition:all 1s ease;
margin-left: .15rem;transform: translateX(20px);}
#screenTab .item>a{width:.3rem;height:.3rem;position:relative;transform: rotateY(-180deg);}
#screenTab .item>a:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;
border:1px dashed #fff;border-radius:50%;opacity:0;transition:all 1s ease;animation: rotateZ 10s linear infinite;}
#screenTab .item>a:after{content:'';position:absolute;left:50%;top:50%;width:6px;height:6px;
border-radius:50%;background-color:#fff;transform:translate(-50%,-50%);transition:transform .3s ease;}
#screenTab .item.on>a{pointer-events: none;}
#screenTab .item.on>span{opacity:1;transform:none;}
#screenTab .item.on>a:before{opacity:1;}


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

.about_m_1{ width: 100%; position: relative;}
.about_m_1 .about_m_11.floor_2_12{ display: inline-block; padding-top: 70px; margin-top: 0; position: relative; padding-bottom:70px}
.about_m_1 .about_m_11 .about_m_11z1{ float: left; width: 29%;}
.about_m_1 .about_m_11 .about_m_11z{ display: inline-block; width: 100%; position: relative;}
.about_m_11z1 ul{ display: inline-block; width: 100%;}
.about_m_11z1 ul li{ width: 50%; float: left;transition: all ease 0.36s; padding-bottom: 8%;}
.about_m_11z1 ul li dt{ display: inline-block; width: 100%;}
.about_m_11z1 ul li dt span{ display: block; float: left; font-size: 85px; font-family: 'HarmonyOSBold';
line-height: 80px; color:#1e39ac}
.about_m_11z1 ul li dt i{ display: block; font-size: 24px; color: #333; line-height: 24px; float: left; padding-left: 8px;}
.about_m_11z1 ul li dd{display: block; font-size: 20px; color: #666; line-height: 24px;}
.about_m_11z1 ul li:hover{ transform: translateY(-5px); transition: all ease 0.36s;}
.about_m_11z1 ul li:hover dt span{ color: #20b9df;}

.about_m_1 .about_m_11 .about_m_11z2{ float: right; width: 64.5%;}
.about_m_1 .about_m_11 .about_m_11z2 h3{ font-size: 50px; color: #142841; line-height: 60px; font-weight: bold;}
.about_m_1 .about_m_11 .about_m_11z2 .w{ font-size: 16px; color: #333; line-height: 34px; margin-top: 4%; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
 
  -webkit-box-orient: vertical;}
.about_m_1 .about_m_11 .about_m_11z2 .a1{display: block; width: 194px; height: 40px; border: #21afdf 2px solid; border-radius: 50px;
 text-align: center; margin-top: 6%;}
.about_m_1 .about_m_11 .about_m_11z2 .a1 p{ display: inline-block;}
.about_m_1 .about_m_11 .about_m_11z2 .a1 b{ display: block;animation: myfirst2 15s infinite linear; float: left; margin-top: 6px; width: 29px; height: 29px; background-position: -242px -177px;}
.about_m_1 .about_m_11 .about_m_11z2 .a1 p span{ display: block; float: left; font-size: 16px; color: #05b7e0; 
line-height: 40px; float: left; padding-left: 24px;}
.about_m_1 .about_m_11 .about_m_11z2 .a1 p i{ margin-left: 34px; float: left; margin-top: 14px; display: block; 
width: 7px; height: 13px; background-position: -154px -53px;}
.about_m_1 .about_m_11 .about_m_11z2 .a1:hover{ background-color: #21afdf;}
.about_m_1 .about_m_11 .about_m_11z2 .a1:hover p span{ color: #fff;}
.about_m_1 .about_m_11 .about_m_11z2 .a1:hover p i{ background-position: -154px -75px;}
.about_m_1 .about_m_11 .about_m_11z2 .a1:hover p b{filter: grayscale(100%) brightness(500%)}

.about_m_11 .sq1{display: block; width: 88px; height: 88px; position: absolute; 
background: url(../images/c9_03.png) center center no-repeat; right: 0%; top:40%; 
animation: myfirst2 15s infinite linear; background-size: 100%;}
.about_m_11 .sq2{display: block; width: 198px; height: 198px; position: absolute; 
background: url(../images/c9_03.png) center center no-repeat; right: 14%; top: 48%; 
animation: myfirst2 15s infinite linear; background-size: 100%;}

.about_m_11y{ position: relative; width: 100%; z-index: 3; margin-top: 5%;}
.about_m_11y img{ display: block; width: 100%;border-radius: 10px 30px 10px 30px; overflow: hidden;}
@media (max-width: 1660px) {
.about_m_1 .about_m_11 .about_m_11z2 h3 { font-size: 40px;line-height: 50px;}
.about_m_1 .about_m_11 .about_m_11z2 .w {  font-size: 16px; line-height: 30px; margin-top: 4%;}
}


.about_m_2{ width: 100%;  padding-top: 70px; padding-bottom:70px;
background: #fff;  position: relative;
background: -moz-linear-gradient(top, #ffff 0%, #ebf5fa 100%); 
background: -webkit-linear-gradient(top, #fff 0%,#ebf5fa 100%); 
background: linear-gradient(to bottom, #fff 0%,#ebf5fa 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ebf5fa',GradientType=0 ); }

.about_m_2 .about_m_21{ width: 100%; display: inline-block; position: relative;}
.about_m_2 .about_m_21 .about_m_21z{ width: 39.4%; position: absolute; left: 0; bottom: 0%; text-align: left; z-index: 3;
 background-color: #fff;border-radius: 10px 30px 10px 30px; height: 90%;}
 .about_m_2 .about_m_21 .about_m_21z h1{font-size: 40px;
    line-height: 50px;color: #142841; font-weight:bold; text-align:center; padding:10%}
  .about_m_2 .about_m_21 .about_m_21z ul { overflow:hidden}
 .about_m_2 .about_m_21 .about_m_21z ul li{ width:50%; float:left; text-align:center }
  .about_m_2 .about_m_21 .about_m_21z ul li i{font-size: 26px;
    color: #fff;
    width: 46px;
    height: 46px;
    border-radius: 23px;
    background: #1d2088;
    line-height: 46px;
    display: block;
    text-align: center; margin:10px auto
    
  
  }
  #map01{ height:457px; width:100%} 
   .about_m_2 .about_m_21 .about_m_21z ul li h2{ font-size:20px; font-weight:bold; color:#1d2088}
  .about_m_2 .about_m_21 .about_m_21z ul{ padding:0 10%}
.about_m_2 .about_m_21 .about_m_21z h3{ font-size: 20px; color: #333; line-height:1.8; 
padding-left: 10%;padding-right: 10%; padding-top:10%}
.about_m_2 .about_m_21 .about_m_21z p{ font-size: 16px; color: #333; line-height: 30px; padding-top: 7%;
padding-left: 14%; padding-right: 10%;}
.about_m_2 .about_m_21 .about_m_21z .i{display: block; width: 40px; height: 40px; position: absolute; 
background: url(../images/c9_03.png) center center no-repeat; right: 4%; top:10%; 
animation: myfirst2 15s infinite linear; background-size: 100%;}
.about_m_2 .about_m_21 .about_m_21z b{display: block; width: 70px; height: 70px; position: absolute; 
background: url(../images/c9_03.png) center center no-repeat; right: 15%; top:8%; 
animation: myfirst2 15s infinite linear; background-size: 100%;}
.about_m_2 .about_m_21 .about_m_21z s{display: block; width: 50px; height: 50px; position: absolute; 
background: url(../images/c9_03.png) center center no-repeat; right: 10%; top:26%; 
animation: myfirst2 15s infinite linear; background-size: 100%;}

.about_m_2 .about_m_21 .about_m_21y{ width: 64.3%; display: block;float: right; }
.about_m_2 .about_m_21 .about_m_21y img{ display: block; width: 100%;border-radius: 10px 30px 10px 30px;}
@media (max-width: 1660px) {
.about_m_2 .about_m_21 .about_m_21z h3 { font-size: 20px; line-height: 1.8;}
.about_m_2 .about_m_21 .about_m_21z p { font-size: 16px; line-height: 30px;}
}

.about_m_3{ width: 100%; position: relative; padding-top: 30px; padding-bottom: 6%;}
.about_m_3 .waves{ position: absolute; left: 0; bottom: 0%; z-index: 1; width: 100%; height: 600px;}
.about_m_31{ width: 100%; display: inline-block; position: relative; z-index: 3;}
.about_m_31 .about_m_31z{ width: 43%; float: left;}
.about_m_31 .gallery-top{ width: 100%; margin-top:56px; overflow: hidden; height: 438px;}
.about_m_31 .gallery-top .swiper-slide{ width: 100%; position: relative; }
.about_m_31 .gallery-top .swiper-slide img{ display: block; width: 100%;border-radius: 10px 30px 10px 30px;margin-top: 100px;}
.about_m_31 .gallery-top .swiper-button-next{background-image:none; width: 46px; height: 46px; border: #90a4a8 solid 2px;
 border-radius: 50%; left: auto; top: 0px; right: 0; margin: 0;}
 .about_m_31 .gallery-top .swiper-button-next span{ display: block; width: 16px; height: 9px; 
 background-position: -141px -305px; position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);}
  .about_m_31 .gallery-top .swiper-button-next:hover{ border: #20b9df solid 2px;}
  .about_m_31 .gallery-top .swiper-button-next:hover span{  background-position: -166px -305px;}
.about_m_31 .gallery-top .swiper-button-prev{background-image:none; width: 46px; height: 46px; border: #90a4a8 solid 2px;
  border-radius: 50%;left: auto; top: 0px; right: 70px; margin: 0;}
.about_m_31 .gallery-top .swiper-button-prev span{ display: block; width: 16px; height: 9px;
  background-position: -141px -289px; position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);}
  .about_m_31 .gallery-top .swiper-button-prev:hover{ border: #20b9df solid 2px;}
  .about_m_31 .gallery-top .swiper-button-prev:hover span{  background-position: -166px -289px;}
  
.about_m_31 .about_m_31y{ width:50%; float: right; padding-top: 90px;}
.about_m_31 .about_m_31y .gallery-thumbs{ width: 100%; height: 580px; padding-bottom: 10px;}
.about_m_31 .about_m_31y .gallery-thumbs .swiper-slide{ width: 100%; position: relative;  
border-bottom: #ebf0f1 solid 2px;}
.about_m_31 .about_m_31y .gallery-thumbs .swiper-slide p{ font-size: 80px; color: #666; line-height: 74px; 
font-family: Arial; float: left;}
.about_m_31 .about_m_31y .gallery-thumbs .swiper-slide span{ display: block; font-size: 20px; color: #333; 
line-height: 30px; float: right; width: 66%;}
.about_m_31 .about_m_31y .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p{ color: #20b9df;} 

@media (max-width: 1660px) {
.about_m_31 .about_m_31y .gallery-thumbs {  height: 530px;}
.about_m_31 .about_m_31y .gallery-thumbs .swiper-slide p{ font-size: 66px; line-height: 60px; }
.about_m_31 .about_m_31y .gallery-thumbs .swiper-slide span{ font-size: 18px;line-height: 26px;}
}

.about_m_4{ width: 100%; padding-bottom: 70px;
background: #ebf5fa;  position: relative;
background: -moz-linear-gradient(top, #ebf5fa 0%, #fff 100%); 
background: -webkit-linear-gradient(top, #ebf5fa 0%,#fff 100%); 
background: linear-gradient(to bottom, #ebf5fa 0%,#fff 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf5fa', endColorstr='#fff',GradientType=0 ); }
.about_m_4 .about_m_41{ width: 100%; position: relative;}
.about_m_4 .about_m_41 .parHd{ text-align: center; width: 100%; position: relative;}
.about_m_4 .about_m_41 .parHd ul{ display: inline-block;}
.about_m_4 .about_m_41 .parHd ul li{ float: left; padding: 0 18px;}
.about_m_4 .about_m_41 .parHd ul li a{ display: block; font-size: 50px; color: #5f6771; line-height: 50px;}
.about_m_4 .about_m_41 .parHd ul li.on a{color: #20b9df; font-weight: bold; }
.about_m_4 .about_m_41 .parBd{ width: 100%;}
.about_m_4 .about_m_41 .parBd .slideBox{ width: 100%; text-align: center;}
.about_m_4 .about_m_41 .parBd .slideBox ul{ display: inline-block; width: 100%; overflow:hidden}
.about_m_4 .about_m_41 .parBd .slideBox ul li{  float: left;
 border-radius: 5px; background-color: #fff; margin-bottom: 0; position: relative; 
overflow: hidden; margin-bottom: 60px; text-align: left; width:25%;}
.about_m_4 .about_m_41 .parBd .slideBox ul li a{ display: block; width: 100%; height: 100%;padding:30px; border: #d5e7ec solid 1px;}
.about_m_4 .about_m_41 .parBd .slideBox ul li h3{ font-size: 18px; color: #333; line-height: 1.5;  
   text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical; margin-bottom: 20px;
}
.about_m_4 .about_m_41 .parBd .slideBox ul li i{ display: block; width: 80px; height: 2px; background-color: #e0e6e7;}
.about_m_4 .about_m_41 .parBd .slideBox ul li b{ display: block; width: 61px; height: 60px; 
background-position: -250px -106px; position: absolute; right:14%; bottom: 10%;}
.about_m_4 .about_m_41 .parBd .slideBox ul li s{ display: block; width: 0%; height: 3px;
background: #64dac5; position: absolute; left: 0; bottom: 0;transition: all ease 0.36s;
background: -moz-linear-gradient(left,  #64dac5 0%, #3fafe5 100%);
background: -webkit-linear-gradient(left,  #64dac5 0%,#3fafe5 100%);
background: linear-gradient(to right,  #64dac5 0%,#3fafe5 100%);}
.about_m_4 .about_m_41 .parBd .slideBox ul li:hover{box-shadow: 0px 5px 7px rgba(0,0,0,0.2);}
.about_m_4 .about_m_41 .parBd .slideBox ul li:hover h3{ font-weight: bold;}
.about_m_4 .about_m_41 .parBd .slideBox ul li:hover s{ width: 100%;}
.about_m_4 .about_m_41 .parBd .slideBox ul li:hover b{width: 156px; height: 156px; 
background-position: -339px -74px;}
.about_m_4 .about_m_41 .parBd .slideBox .sPrev{ width: 46px; height: 46px; display: inline-block; 
border: #90a4a8 solid 2px; border-radius: 50%; position: relative; margin: 0 10px;}
.about_m_4 .about_m_41 .parBd .slideBox .sPrev span{display: block; 
 background-position: -143px -326px; position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);}
 .about_m_4 .about_m_41 .parBd .slideBox .sPrev:hover span{ background-position: -143px -345px;}
.about_m_4 .about_m_41 .parBd .slideBox .sNext{ width: 46px; height: 46px; display: inline-block; 
border: #90a4a8 solid 2px; border-radius: 50%; position: relative; margin: 0 10px;}
.about_m_4 .about_m_41 .parBd .slideBox .sNext span{display: block; 
 background-position: -157px -326px; position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%);}
  .about_m_4 .about_m_41 .parBd .slideBox .sNext:hover span{ background-position: -157px -345px;}
 .about_m_4 .about_m_41 .parBd .slideBox .sPrev:hover,.about_m_4 .about_m_41 .parBd .slideBox .sNext:hover{ border: #05b7e0 solid 2px;}

@media (max-width: 1660px) {
	.about_m_4 .about_m_41 .parHd ul li a{ font-size: 40px; line-height: 40px;}
	}

.about_m_5{ width: 100%; padding-bottom: 5%;  position: relative;}
.about_m_5 .img1{ display: block; width: 100%;border-radius: 10px 30px 10px 30px;}
.about_m_5 .w{ position: absolute; left: 6%; top: 38%;} 
.about_m_5 h3{ font-size: 50px; line-height: 50px; color: #142841; font-weight: bold;}
.about_m_5 h4{ font-size: 30px; line-height: 30px; color: #dbe8ec; text-transform: uppercase; padding-top: 14px; font-family: Arial;}
.about_m_5 p{ font-size: 16px; line-height: 30px; color: #333; padding-top: 7%; width: 42%;}
.about_m_5 i{ display: block; width: 176px; height: 146px; background-position: -324px -243px; position: absolute; right: 6%;
 top: 12%;}
 
@keyframes myfirst2
{
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}
.floor_1_00 h3{ float:left;}
.floor_1_00 h3 p{ font-size:30px; color:#dbe8ec; line-height:30px; padding-top:12px; text-transform: capitalize;}
.floor_1_00 h3 span{ display:block;font-size:50px; color:#142841; line-height:50px; font-weight: bold;}
.floor_1_00 .p{width: 64.2%; float: right;}
  .carousel-container {
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        overflow: hidden;
    }
    
    .carousel-track {
        width: 100%;
        overflow-x: auto;
        scroll-behavior: smooth;
        scrollbar-width: none; /* 隐藏滚动条 Firefox */
        -ms-overflow-style: none; /* IE和Edge */
    }
    
    .carousel-track::-webkit-scrollbar {
        display: none; /* 隐藏滚动条 Chrome/Safari/Opera */
    }
    
    .carousel-list {
        display: inline-flex;
        padding: 0;
        margin: 0;
        list-style: none;
        white-space: nowrap;
    }
    
    .carousel-item {
        flex: 0 0 calc(100% / 5); /* 每屏显示5个项目 */
        padding: 0 10px;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
        white-space: normal;
    }
    
    .carousel-btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background: rgba(0,0,0,0.5);
        color: white;
        border: none;
        border-radius: 50%;
        font-size: 18px;
        cursor: pointer;
        z-index: 10;
    }
    
    .carousel-btn:hover {
        background: rgba(0,0,0,0.8);
    }
    
    .prev {
        left: 10px;
    }
    
    .next {
        right: 10px;
    }
	
	.dyewm img{ border-radius:10px; }
		.dyewm p{ color:#8e929c; font-size:14px; text-align:center}