@charset "utf-8";
@import "font/Inter/stylesheet.css"; 

/* CSS Document */
a,big,blockquote,body,caption,cite,code,dd,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,th,thead,tr,tt,ul,var{border:0;font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;margin:0;outline:0;padding:0;}
body{line-height:1}
body,html{-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{background-color:#fff;}



/*清除默认样式 */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,audio,video{display:block;margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:normal}
ul,ol{list-style:none}
a{text-decoration:none;color:inherit}
a:hover{text-decoration:none}
p,span{color:inherit}
table{border-collapse:collapse}
input,textarea{outline:none;border:none}
input{border:none;appearance:none;-moz-appearance:none;outline:none;-webkit-appearance:none}
:-moz-placeholder,::-moz-placeholder,input:-ms-input-placeholder,input::-webkit-input-placeholder{color:inherit;opacity:0.55;font-size:14px}
textarea{resize:none;overflow:auto}
input:-webkit-autofill{box-shadow:0 0 0px 1000px white inset}
button,input,select,textarea{font-size:100%}
img{max-width:100%}
a img{border:0}
*{margin:0;padding:0;box-sizing:border-box}
input,textarea,select{outline:none}
a,a:hover{text-decoration:none;outline:none}
ul li{list-style-type:none}
img{border:none}


.clearfix:before, .clearfix:after{content:"";display:block;height:0;overflow:hidden;}  
.clearfix:after{clear:both;}  
.clearfix{zoom:1;} 


/* 去除自动填充时的背景色和边框样式 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  /* 重置背景色（与页面背景协调） */
  -webkit-background-clip: text;
  background-color: transparent !important;
  /* 核心：覆盖文本填充颜色 */
  -webkit-text-fill-color: #fff !important;
  /* 光标颜色 - 核心属性 */
  caret-color: #fff !important;
  
  /* 重置文本颜色（避免默认的黑色） */
  color: #ffffff !important;
  
  /* 重置边框（按需求自定义） */
/*  border: 1px solid #ddd !important;*/
  
  /* 清除浏览器默认的填充高亮效果 */
  -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  
  /* 延长自动填充样式生效时间（可选，部分场景有用） */
  transition: background-color 5000s ease-in-out 0s !important;
}

/* 确保焦点状态样式与普通状态一致 */
input:focus {
  outline: none; /* 取消默认焦点外框 */
/*  border-color: #ddd !important; *//* 与普通状态边框一致 */
  box-shadow: none !important; /* 取消焦点时的阴影效果 */
}


html {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;box-sizing: border-box;-webkit-text-size-adjust: 100%;}
*,*::before,*::after {box-sizing: inherit;}
html *,html :after,html :before {box-sizing: border-box}

.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
textarea{outline:none;}
table{border-spacing:0;}
b,strong{font-weight:Bold;}
em{font-style:italic}
sup{font-size:small;vertical-align:top}


.fixed{position:fixed}
.flex{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;}
.flex-wrap{flex-flow:wrap}
.flex-between{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.inline-block{display:inline-block}
.block{display:block}
.hide{display:none}
*{text-decoration:none;padding:0;margin:0;-webkit-tap-highlight-color:transparent}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;outline:none;background:none;text-decoration:none}

.w1400{width:70%;max-width:72.91667vw;margin: 0 auto;}
.container{margin:0 auto;}
@media screen and (max-width:1024px){
.w1400{width:90%;max-width:80%;}

}
@media screen and (max-width:768px){
.w1400{width:94%;max-width:80%;}

}

body{font-family:"Inter","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif;font-weight:normal;position:relative;}
html {width: 100%;scroll-behavior: initial;overflow-x: hidden;}

html {font-size: 5.20833vw; }
@media screen and (max-width:1024px){
html {font-size:80px}
}
@media screen and (orientation: portrait) {
html {font-size:50px}
}

@media screen and (orientation: portrait) {
.f-36,.f-34{font-size:16px}
.f-32,.f-24,.f-20,.f-18{font-size:14px}
.f-16,.f-14{font-size:13px}
.f-12{font-size:12px}
}


/*@media screen and (max-width:450px){
html {font-size:60px}
}*/


.plr90{ padding:0 0.9rem;}
@media screen and (max-width:768px){	
.plr90{ padding:0 0.36rem;}
}


.ptb90{ padding-top:0.9rem; padding-bottom:0.9rem;}
.boxplr90{ padding-left:0.9rem; padding-right:0.9rem; margin:0px auto;}
.boxplr170{ padding-left:1.7rem; padding-right:1.7rem; margin:0px auto;}
.ptb125{ padding-top:1.25rem; padding-bottom:1.25rem;}

@media (max-width: 768px) {
.boxplr90{ padding-left:0.36rem; padding-right:0.36rem;}
.boxplr170{ padding-left:0.7rem; padding-right:0.7rem; margin:0px auto;}
}	

@media (max-width: 480px) {
.boxplr170{ padding-left:0.4rem; padding-right:0.4rem; margin:0px auto;}
}	




/*slick初始化*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-moz-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block;margin-left:0;margin-right:0}
.slick-track:before,.slick-track:after{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
.slick-loading .slick-list{background:#fff url(../images/ajax-loader.gif) center center no-repeat}
.slick-prev,.slick-next{position:absolute;display:block;height:1.5625rem;width:1.8125rem;line-height:0;font-size:0;cursor:pointer;background:0 0;color:transparent;top:50%;transform:translate(0,-50%);padding:0;border:none;outline:none;z-index:1}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:none;background:0 0;color:transparent}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}
.slick-prev:before,.slick-next:before{font-family:slick;font-size:28px;line-height:1;color:#000;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev{left:-25px}
[dir=rtl] .slick-prev{left:auto;right:-25px}
.slick-next{right:-25px}
[dir=rtl] .slick-next{left:-25px;right:auto}
.slick-dotted.slick-slider{margin-bottom:30px}
.slick-dots{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}
.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{border:0;background:0 0;display:block;height:20px;width:20px;outline:none;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}
.slick-dots li button:hover,.slick-dots li button:focus{outline:none}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}





/*****************************header*****************************/

.indexHome .header-wrapper .pc-nav-box{background:rgba(8,86,194,0.8); border-radius:0.3rem;} 
.indexHome .header-wrapper.on .pc-nav-box{ background:none !important;} 
.pageHome .header-wrapper .box{ border-bottom:1px solid rgba(255, 255, 255, 0.2);}
.productHome .pc-nav-box li > a{font-size:0.17rem;}


.header-wrapper{position:fixed;left:0;right:0;top:0;z-index:30;transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease}
.header-wrapper.shadow{box-shadow:0 2px 30px rgba(0,0,0,0.1)}
.header-wrapper.on{background-color:#fff}
.header-wrapper.on .logo-box .logo1{display:none!important;}
.header-wrapper.on .logo-box .logo2{display:block!important;}
.header-wrapper.on .pc-nav-box ul li:hover > a{color:#1d2087; opacity:1}
.header-wrapper.on .pc-nav-box ul li a{color:#000000;}
.header-wrapper.on .pc-nav-box ul li a i{background-image:url(../images/icon-v2.png)}
.header-wrapper.on .language .top-lan{background-image:url(../images/lang-3.png); color:#000;}
.header-wrapper.on .language .top-lan span{ color:#000;}
.header-wrapper.on .language .top-lan span::after{background-image:url(../images/v-11.png);}
.header-wrapper.on .language{ background-color:#e9eaf4;} 
.header-wrapper.on .other-box .searchbtnbox a{background-image:url(../images/sbtn-2.png);}



/*logo-box*/
.header-wrapper .box{display:flex; justify-content: space-between; display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;align-items:center;height:1.2rem;}
.header-wrapper .logo-box a{display:block; line-height:0; font-size:0;}
.header-wrapper .logo-box img{height:0.67rem;}
.header-wrapper .logo-box .logo1{display:inline-block;}
.header-wrapper .logo-box .logo2{display:none;}

@media screen and (max-width:1024.1px){
.header-wrapper .logo-box .logo1{display:none;}
.header-wrapper .logo-box .logo2{display:inline-block;}





}


@media screen and (min-width:1024.1px){
.headerWhite .header-wrapper .logo-box .logo1{display:none;}
.headerWhite .header-wrapper .logo-box .logo2{display:inline-block;}
}



.header-wrapper .other-box{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;align-items:center;}
/*language*/
.header-wrapper .language{display:inline-block; position:relative; line-height:0;z-index:3; width:1.1rem; padding:0px 0.16rem; box-sizing:border-box; background-color:rgba(255,255,255,0.3); height:0.4rem; border-radius:0.2rem;}
.header-wrapper .language .top-lan{ width:100%; height:0.4rem; padding-left:0.23rem; background:url(../images/lang-1.png) no-repeat left center; background-size:0.16rem; display:inline-block; vertical-align:middle;position:relative; cursor:pointer; transition:all 0.5s ease; }
.header-wrapper .language .top-lan span{ height:0.4rem; line-height:0.4rem; font-size:0.15rem; color:#fff; display:block; text-align:left; position:relative; }
.header-wrapper .language .top-lan span::after{content: "";position: absolute;top: 0;right:0; width:0.11rem; height: 100%;
  background:url(../images/v-1.png) no-repeat right center; background-size:0.11rem; transition: transform 0.3s ease-in-out; z-index: -1;}
.header-wrapper .language:hover .top-lan span::after{ transform: rotate(180deg);}
.header-wrapper .language .lan_list{width:1.1rem; position:absolute;left:0;right:0; opacity:0;}
.header-wrapper .language:hover .lan_list{opacity:1;pointer-events: auto;transform:translateY(0);}
.header-wrapper .language .lan-bg{width:1.1rem; padding:0.1rem 0.16rem; background:#1d2087; border-radius:0.2rem; box-shadow:0 5px 10px 0 rgba(0,0,0,0.1);transition: opacity .3s ease-in-out,transform .3s ease-in-out;opacity: 0; pointer-events: none;transform:translateY(.1rem);}
.header-wrapper .language:hover .lan-bg{opacity:1;pointer-events: auto;transform:translateY(0);}
.header-wrapper .language .lan_list dd{color:#fff;font-size:0.14rem;line-height:1.5;padding:.05rem 0;box-sizing:border-box;text-align:center; background:url(../images/lang-1.png) no-repeat left center; background-size:0.16rem; padding-left:0.23rem;}
.header-wrapper .language .lan_list dd a{position:relative;color:#ffffff;display:block; text-align:left;}
.header-wrapper .language .lan_list dd:hover {color:#fff;opacity:0.5;}
.header-wrapper .language .lan_list dd.on a{color:#fff;opacity:0.5;}
.mask{background:url(../images/bg50.png); position:fixed; top:0; left:0; width:100%; height:100%; z-index:3; display:none;}
.header-wrapper .other-box .searchbtnbox{ overflow:hidden;}
.header-wrapper .other-box .searchbtnbox a{ display:inline-block; width:0.13rem; height:0.4rem;  background:url(../images/sbt-1.png) no-repeat center center; background-size:0.13rem; padding:0.26rem;}


/*PopupSearch*/
.PopupSearch{position:fixed;top:0;left:0;z-index:99999;display:none;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.PopupSearch .SearchWarp{position:absolute;top:50%;left:50%;width:90%;max-width:800px;transform:translate(-50%,-50%);}
.PopupSearch .SearchWarp .search-box{position:relative;top:0;left:0;display:block;padding:10px 0;border-bottom:2px solid #fff;right: 0;z-index: 100; line-height:0;}
.PopupSearch .SearchWarp .search-box .text{padding-left:0;width:100%;border:0;background:rgba(0,0,0,0);font-size:0.24rem;line-height:50px;height:50px;padding: 0 50px 0 10px;color:#fff;}
.PopupSearch .SearchWarp .search-box .text::placeholder { color:#fff;}
.PopupSearch .SearchWarp .search-box .btn{position:absolute;top:0;right:0;width:46px;color:#fff;text-align:center;font-weight:bold;font-size:16px;font-family:Verdana,Arial,Helvetica,sans-serif;line-height:46px;}
.PopupSearch .SearchWarp .search-box .btn{top:50%;width:50px;height:50px;background:url(../images/top-search.png) no-repeat center center; background-size:20px;transform:translate(0,-50%);}
.PopupSearch .SearchWarp .search-box .btn::before{display:none;}
.PopupSearch .SearchWarp .search-key{margin-top:30px;color:#fff;opacity:0.4;font-size:14px;line-height:34px;}
.PopupSearch .btn-close{position:absolute; left:0;margin:0 auto;right:0;top:65%;width:40px;height:40px;background:url(../images/close.png) no-repeat center center #0856C2; background-size:50%;border-radius:50%;cursor:pointer;}




/*pc-nav-box li a*/
.pc-nav-box{ display:flex;text-align:center;line-height:0;font-size:0;  padding-left:0.38rem; margin-left:auto;}


.pc-nav-box ul{font-size:0; display:block; margin-right:0.3rem;}
.pc-nav-box li{position:relative; padding:0 0.27rem;display:inline-block;zoom:1; vertical-align:top;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pc-nav-box li > a{position:relative;font-size:0.15rem;line-height:0.6rem;color:#fff;font-weight:normal;}
.pc-nav-box a{display:block;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.pc-nav-box li > a:hover{color:#fff;opacity:0.5}


/*pc-nav-box .nav*/
.pc-nav-box .nav{background-color:#1d2087;border-radius:.2rem;left:0; right:0; -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;box-shadow:0 -6px .2rem -2px rgba(0,0,0,.15); position:absolute;top:100%;left:0;transform:translateY(.1rem);opacity:0;pointer-events:none; z-index:100;}

.pc-nav-box li:hover .nav{opacity:0.8;pointer-events: auto;transform:translateY(0)}
.pc-nav-box .nav .navB{ padding:0.2rem 0.2rem;}
.pc-nav-box .nav a{position:relative;z-index:1;font-size:0.14rem;line-height:1.1;padding:0.07rem 0;color:#ffffff;text-align:center;/*white-space: nowrap;*/display:block;}
.pc-nav-box .nav a:hover{ color:#fff;opacity:0.5;}

.header-wrapper.on .pc-nav-box .nav a{color:#fff;opacity:1;}
.header-wrapper.on .pc-nav-box .nav a:hover{ color:#fff;opacity:0.5;}

.phone-nav{display:none}
.Mobilemenu{ display:none;}


@media screen and (min-width:1024px){
.header-wrapper.active{transform:translate(0,-1.3rem)}
.header-wrapper.on .box{height:1.2rem;}
}

@media screen and (max-width:1024px){
.box-container{width:100%;}
.pc-nav-box ul{display:none}

.header-wrapper{background-color:#fff}
.header-wrapper .box{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;height:60px;}
.header-wrapper .logo-box{width:auto}
.header-wrapper .logo-box a{display:block}
.header-wrapper .logo-box img{max-width: none;}
.header-wrapper .other-box{display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;align-items:center}

.header-wrapper .language{order:0;margin-right:10px;margin-left:10px;}
.header-wrapper .language .top-lan{font-size:0;background-image:url(../images/lang-1.png);}
.header-wrapper.on .Mobilemenu span{background-color:#000}
/*Mobilemenu*/
.Mobilemenu{ display:block; font-size:0;order:2;width:26px;height:26px;position:relative; margin-left:0.2rem;}
.Mobilemenu.on span:nth-child(1){transform:rotate(45deg);margin:0;transition:margin 180ms cubic-bezier(0.215,0.61,0.355,1),transform 270ms cubic-bezier(0.215,0.61,0.355,1) 180ms,-webkit-transform 270ms cubic-bezier(0.215,0.61,0.355,1) 180ms}
.Mobilemenu.on span:nth-child(2){opacity:0}
.Mobilemenu.on span:nth-child(3){transform:rotate(-45deg);margin:0;transition:margin 180ms cubic-bezier(0.215,0.61,0.355,1),transform 270ms cubic-bezier(0.215,0.61,0.355,1) 180ms,-webkit-transform 270ms cubic-bezier(0.215,0.61,0.355,1) 180ms}
.Mobilemenu span{display:inline-block;width:100%;height:2px;background:#000;position:absolute;left:0;top:12px;z-index:10;transform-origin:center center;border-radius:5px;transition:margin 140ms cubic-bezier(0.25,0.46,0.45,0.94) 230ms,transform 280ms cubic-bezier(0.215,0.61,0.355,1) 0ms,-webkit-transform 280ms cubic-bezier(0.215,0.61,0.355,1) 0ms}
.Mobilemenu span:nth-child(1){margin-top:-8px}
.Mobilemenu span:nth-child(2){margin-top:0}
.Mobilemenu span:nth-child(3){margin-top:8px}


/*phone-nav*/
.phone-nav{width:100%;height:calc(100% - 60px);position:fixed;right:0;top:60px;background:#fff;z-index:501;overflow:auto;}
.phone-nav ul{width:100%;margin:0 auto;position:relative;height:100%;overflow-y:auto;overflow-x:hidden;transition:max-height 0.8s ease;-webkit-transition:max-height 0.8s ease;-moz-transition:max-height 0.8s ease;-ms-transition:max-height 0.8s ease;-o-transition:max-height 0.8s ease}
.phone-nav ul::-webkit-scrollbar{width:4px}
.phone-nav ul::-webkit-scrollbar-track{background-color:#eaeaea}
.phone-nav ul::-webkit-scrollbar-thumb{background-color:#203570}
.phone-nav ul li{position:relative}
.phone-nav ul li.active .a1{color:#203570;font-weight:700}
/*.phone-nav ul li.active .a1:before{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}*/
.phone-nav ul li .a1{position:relative;display:block;font-size:20px; font-weight:500;color:#000;line-height:60px;padding:0 30px;border-bottom:1px solid #f3f3f3}
.phone-nav ul li .a1:before{content:"";display:inline-block;background:#203570;position:absolute;z-index:10}
.phone-nav ul li .a1:before{width:26px;height:26px;right:13px;top:50%; margin-top:-13px;background:url(../images/icon-v2.png) no-repeat center; background-size:10px;transition:transform 0.3s ease;-webkit-transition:transform 0.3s ease;-moz-transition:transform 0.3s ease;-ms-transition:transform 0.3s ease;-o-transition:transform 0.3s ease}

.phone-nav ul li.on .a1{font-weight:bold;color:#203570}
.phone-nav ul li .navs{background:#f9f9f9;width:100%;display:none}
.phone-nav ul li .navs .navB{ padding:15px;}
.phone-nav ul li .navs a{font-size:18px;display:block;color:#000;padding-left:0;line-height:50px;padding:0 30px;}
.phone-nav ul li .navs a:last-child{margin-bottom:0;border-bottom:none}


.headerWhite .header-wrapper .Mobilemenu span{background-color:#000}

.header-wrapper .other-box .searchbtnbox a{width:0.23rem;  background-size:0.23rem;}
.indexHome .header-wrapper .pc-nav-box{background:none;} 
.header-wrapper .language .top-lan{background-image:url(../images/lang-3.png); color:#000;}
.header-wrapper .language .top-lan span{ color:#000;}
.header-wrapper .language .top-lan span::after{background-image:url(../images/v-11.png);}
.header-wrapper .language{ background-color:#e9eaf4;} 
.header-wrapper .other-box .searchbtnbox a{background-image:url(../images/sbtn-2.png);}
}


/*****************************foot*****************************/


.foottopbg{position:absolute; width:100%; height:0.67rem; background:url(../images/index-foottopbg.png) center bottom no-repeat; background-size:100% 100%; margin-top:-0.67rem;}
.footbox{  background:#1d2087 url(../images/footbg2.png) right top no-repeat; background-size:contain; }
.foot-midbox{ padding:1.1rem 0; display:flex; }
.foot-midbox .mitems{flex:1;}
.foot-logo{ line-height:0; max-width:2rem;}
.foot-logo a{ line-height:0};
.foot-logo img{ max-width:100%; height:auto;}
.foot-email{ margin-top:0.8rem; line-height:0;}
.foot-email span{ font-size:0.16rem; color:#9799a6; padding-right:0.17rem; }
.foot-email a{ font-size:0.18rem; font-weight:bold; color:#fff; cursor:pointer;}
.foot-code{ display:flex;gap:0.15rem; margin-top:0.3rem;max-width:2.8rem;}
.codeitems{ flex:1; max-width:1rem; text-align:center;}
.codeitems img{ max-width:100%; height:auto;}
.codeitems span{ display:block; font-size:0.12rem; color:#fff; opacity:0.5; line-height:1; margin-bottom:0.1rem;}
.m-l{ padding-bottom:0.8rem;}
.m-r{ display:flex; }
.lmitems{ flex:1;}
.lm-name{ font-size:0.17rem; color:#fff; font-weight:bold;}
.lm-list{ display:flex;}
.lm-list ul{flex:1; padding-top:0.25rem;}
.lm-list ul li{ display:block;}
.lm-list ul li a{ display:block; font-size:0.16rem; color:#fff; opacity:0.6; margin-bottom:0.25rem; cursor:pointer;}
.lm-list ul li a:hover{opacity:1;}
.m-nav ul{ width:50%; float:right;}
.m-nav a{ display:block; max-width:1.85rem; font-size:0.17rem; color:#fff; font-weight:bold; margin-bottom:0.25rem;    text-align:left; cursor:pointer;}
.m-nav span{ text-align:left; max-width:1.5rem; padding-right:0.3rem; background:url(../images/footnavicon.png) right center no-repeat; background-size:0.07rem;}
.m-nav a:hover{ opacity:0.8;}
.foot-copyrightbox{ display:flex; justify-content: space-between; align-items: center; width:100%; border-top:1px solid rgba(255,255,255,0.1); padding-top:0.4rem; padding-bottom:0.5rem;}
.foot-copyrightbox a{ cursor:pointer; color:rgba(255,255,255,0.4); display:inline-block;}
.foot-copyrightbox a:hover{color:rgba(255,255,255,1);}
.foot-c-l{ font-size:0.15rem; color:rgba(255,255,255,0.4); line-height:1.5; }
.foot-c-r{ font-size:0.15rem;  color:rgba(255,255,255,0.4); line-height:1.5;  text-align:right;}
.foot-c-r span{ display:inline-block; width:1px; height:0.13rem; background-color:rgb(255,255,255,0.4); margin:0px 0.13rem;}

@media screen and (max-width:768px){
.footbox{  background:#1d2087 url(../images/footbg.png) right top no-repeat; background-size:contain; }	
.foot-midbox{ display:block; }	
}


@media screen and (max-width:400px){
.foot-c-r span{ display:none;}
}



/*右侧浮动*/
.piaofu-celan {width:0.6rem;position:fixed;right:0.9rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:9999;}
.piaofu-celan .hver{display:block;position:relative;width:0.6rem;}
.piaofu-celan .kfa{display: block; width:0.6rem;text-align:center; z-index:2; overflow:hidden;} 
.piaofu-celan .icon {display: block;margin: 0 auto;width:0.6rem; height:0.6rem; border-radius:0.3rem; background-position:center center; background-repeat:no-repeat;background-size:100%;background-color:#fff; } 
.piaofu-celan .show-status {position:relative;}
.piaofu-celan .back-top {border-bottom-left-radius:10px; overflow:hidden;border-bottom:none;}
.piaofu-celan .back-top .icon{background-image: url(../images/top.png); background-size:0.2rem;}
.piaofu-celan .kf-close-btn {display: block;margin: 0 auto;width:25px; height:40px;position:absolute; cursor:pointer;background-size:10px; top:50%; z-index:2; right:75px;border-top-left-radius:10px;border-bottom-left-radius:10px;display:none;}
.piaofu-celan .hide-status {display:none;margin: 0 auto;width:25px; height:40px; position:absolute; cursor:pointer;background-size:10px; top:50%; z-index:2; right:75px;border-top-left-radius:10px;border-bottom-left-radius:10px;}

@media screen and (max-width:1024px){
.piaofu-celan{ display:none;}	
	
}


/*****************************index banner start*****************************/
.pagination-wrapper{margin-top:2.5em}
@media all and (min-width:1200px){
	.pagination-wrapper{margin-top:4.5em}
}
.pagination{display:flex;align-items:center;justify-content:center}
.pagination .page-numbers{font-size:15px;background-color:transparent;color:#aa7568;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;margin:10px}
.pagination .page-numbers:not(.next):not(.prev){width:40px;height:40px;border-radius:50%}
.pagination .page-numbers.current{background-color:#aa7568;color:#fff}


.homepage-section-with-blocks .block{display:flex;flex-direction:column;justify-content:flex-end;position:relative}
.homepage-section-with-blocks .block::before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-color:rgba(0,0,0,0.4);z-index:2}
.homepage-section-with-blocks .block-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;z-index:1;overflow:hidden}
.homepage-section-with-blocks .block-image img{transition:transform 1200ms cubic-bezier(0.445,0.05,0.55,0.95);width:100%;-o-object-fit:cover;object-fit:cover}
.homepage-section-with-blocks .block-content{position:relative;z-index:3;color:#fff;padding:65% 1.25em 2.5em 1.25em}
.homepage-section-with-blocks .block+.block{margin-top:1.25em}
@media all and (min-width:600px){
	.homepage-section-with-blocks .blocks-container{display:grid;grid-template-columns:repeat(2,minmax(-webkit-min-content,1fr));grid-template-columns:repeat(2,minmax(min-content,1fr));gap:1.25em}
    .homepage-section-with-blocks .block+.block{margin:0}
}
@media all and (min-width:1200px){
   .homepage-section-with-blocks .blocks-container{gap:2.5em}
   .homepage-section-with-blocks .block-content{padding:65% 3.5em 3.5em 3.5em}
}



.page-hero{box-sizing:border-box;min-height:99vh;display:flex;align-items: center;position:relative;z-index:1;color:#fff;padding-top:2.5em;padding-bottom:2.5em}
@media all and (min-width:1200px){
	.page-hero{padding-top:2.5em;padding-bottom:2.5em}
}
.page-hero .page-hero__media-wrapper{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}
.page-hero .page-hero__media-wrapper::after{content:'';display:block;position:absolute;z-index:5;top:0;left:0;width:100%;height:100%;pointer-events:none}

.page-hero .page-hero__content-wrapper{flex-grow:1;position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap}
@media (max-width:700px){
 .page-hero{min-height:60vh; }  
	.page-hero .page-hero__content-wrapper .hero-slider__controls-wrapper{margin-top:20px}
}
.page-hero .page-hero-content{/*max-width:45ch*/width:100%;}
.page-hero.with-simple-overlay .page-hero__media-wrapper::after{background-image:radial-gradient(circle at center,rgba(0,0,0,0.15),transparent 65%),radial-gradient(circle farthest-side at 60% 50%,transparent 0,transparent 40%,rgba(0,0,0,0.2) 100%)}







.homepage-section-with-blocks .block:hover .block-image img{transform:scale(1.05)}
.homepage-hero .slides::before,
.homepage-hero .hero-slider__controls-wrapper{opacity:0}
.homepage-hero .page-hero__media-wrapper{opacity:0}
.homepage-hero .page-hero__media-wrapper img{transform:scale(1.065);/*filter:grayscale(0);*/}

.homepage-hero .hero-title,
.homepage-hero .hero-tagline{opacity:0;transform:translateY(30px);}



.homepage-hero .slides::before{opacity:1;transition:opacity 0.8s cubic-bezier(0.34,0.615,0.4,0.985);transition-delay:.5s}
.homepage-hero .page-hero__media-wrapper{opacity:1;transition:opacity 0.8s cubic-bezier(0.34,0.615,0.4,0.985)}
.homepage-hero .page-hero__media-wrapper img{transform:scale(1);transform-origin:25% 25%;/*filter:grayscale(1);*/transition:filter 0.8s cubic-bezier(0.34,0.615,0.4,0.985) 0.5s,transform 0.8s cubic-bezier(0.34,0.615,0.4,0.985)}
.homepage-hero .hero-title,
.homepage-hero .hero-tagline,
.homepage-hero .hero-slider__controls-wrapper{opacity:1;transform:translateY(0);transition:opacity 0.8s cubic-bezier(0.34,0.615,0.4,0.985),transform 0.8s cubic-bezier(0.34,0.615,0.4,0.985);transition-delay:.6s}
.homepage-hero .hero-tagline,
.homepage-hero .hero-slider__controls-wrapper{transition-delay:.75s}


/*swiper-container*/
.homepage-hero .swiper-container{overflow:hidden;position:relative; height:100%;}
.homepage-hero .slide{overflow:hidden;position:relative; height:100%;}
/*.homepage-hero .slide .img{overflow:hidden;position:absolute; width:100%;height:100%;}*/
.homepage-hero .slide .img{ display:block;max-width:none;height:auto;width:100%;height:100%; position:absolute;top:0;left:0; right:0;}

.homepage-hero .slide .img img{ width:100%; height:100%; object-fit:cover; transform:scale(1.03);-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transition:transform 6s ease;-webkit-transition:transform 6s ease;-moz-transition:transform 6s ease;-ms-transition:transform 6s ease;-o-transition:transform 6s ease}
.homepage-hero .slide.swiper-slide-active .img img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}

.homepage-hero .slide .img video{ width:100%; height:100%; object-fit:cover; transform:scale(1.03);-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transition:transform 6s ease;-webkit-transition:transform 6s ease;-moz-transition:transform 6s ease;-ms-transition:transform 6s ease;-o-transition:transform 6s ease}


/*page-hero-wz*/
.homepage-hero .page-hero-wz{ position: absolute; z-index: 1000; left: 0; right: 0; top:0;  padding:0 1.5rem;padding-top:2.6rem; width: 100%; height: 100%; text-align:left; display:flex; flex-direction: column; justify-content: center; }
.homepage-hero .hero-title{ display:block;font-size:0.7rem;line-height:1;margin-bottom:0.2rem;font-weight:500;color:#fff;text-transform:capitalize;}
.homepage-hero .hero-tagline{ display:block; font-size:0.32rem;line-height:1;margin-bottom:0;font-weight:bold;color:#fff;text-transform:uppercase;}
.homepage-hero .page-hero-wz .videobtn{ width:1.2rem; margin-top:1.2rem;}
.homepage-hero .page-hero-wz .videobtn img{ max-width:100%; height:auto;}


/*slider__pagination*/
.hero-slider__controls-wrapper{ position:absolute;bottom:0.3rem;right:3%; z-index:2;}
.slider__pagination:not(.swiper-pagination-lock){display:flex;flex-wrap:wrap}
.slider__pagination:not(.swiper-pagination-lock) .pagination-bullet{display:inline-flex;align-items:center;cursor:pointer}
.slider__pagination:not(.swiper-pagination-lock) .bullet__circle{position:relative;display:inline-block;width:40px;height:40px}
.slider__pagination:not(.swiper-pagination-lock) .bullet__circle::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background-color:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.slider__pagination:not(.swiper-pagination-lock) .bullet__circle .circle{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:rotate(-90deg);transform-origin:center center;stroke-dasharray:251;stroke-dashoffset:251;transition:stroke-dashoffset 200ms cubic-bezier(0.445,0.05,0.55,0.95),opacity 200ms cubic-bezier(0.445,0.05,0.55,0.95)}
.slider__pagination:not(.swiper-pagination-lock) .bullet__line{max-width:0;width:45px;height:1px;background-color:currentColor;margin-left:-12px;transition:max-width 200ms cubic-bezier(0.445,0.05,0.55,0.95)}
.slider__pagination:not(.swiper-pagination-lock) .bullet__index{padding:1em 1.25em;font-size:15px;font-weight:bold;letter-spacing:.05em;opacity:0;transition:opacity 200ms cubic-bezier(0.445,0.05,0.55,0.95)}
.slider__pagination:not(.swiper-pagination-lock) .pagination-bullet:last-child .bullet__index{padding-right:0}
.slider__pagination:not(.swiper-pagination-lock) .pagination-bullet:hover .circle,.slider__pagination:not(.swiper-pagination-lock) .pagination-bullet.active .circle{stroke-dashoffset:0;opacity:1}
.slider__pagination:not(.swiper-pagination-lock) .pagination-bullet.active{pointer-events:none}
.slider__pagination:not(.swiper-pagination-lock) .pagination-bullet.active .bullet__line{max-width:45px}
.slider__pagination:not(.swiper-pagination-lock) .pagination-bullet.active .bullet__index{visibility:visible;opacity:1}
@media (max-width:767px){
	.slider__pagination:not(.swiper-pagination-lock) .bullet__line,.slider__pagination:not(.swiper-pagination-lock) .bullet__index{display:none}
	.homepage-hero .slide img{-o-object-fit:cover;object-fit:cover; }
}
@media (min-width:768px){
	.slider__pagination:not(.swiper-pagination-lock) .bullet__circle{width:50px;height:50px}
	.slider__pagination:not(.swiper-pagination-lock) .bullet__circle::before{width:10px;height:10px}
	.slider__pagination:not(.swiper-pagination-lock) .bullet__line{width:90px;height:2px;margin-left:-25px}
	.slider__pagination:not(.swiper-pagination-lock) .pagination-bullet.active .bullet__line{max-width:90px}
}



/******************************index******************************************/


.mainbox{ width:100%; height:auto;box-sizing:border-box; overflow:hidden; position:relative;}
.mainbox::before{content:"";display:block; width:1px; height:100%; position:absolute; background-color:#e0e0e4; top:0; left:0.9rem;}
.mainbox::after{content:"";display:block; width:1px; height:100%; position:absolute; background-color:#e0e0e4; top:0; right:0.9rem;}
.indexabout{ padding-top:0.9rem;  box-sizing:border-box; width:100%; background:url(../images/index-aboutbg.png) no-repeat center top;background-size:100%;}
.i-about-t{ display:flex;justify-content: space-between; align-items: center;}
.i-about-tleft{ padding-left:0.65rem; max-width:9.5rem; margin:0px auto;}
.i-about-tleft img{ max-width:100%; height:auto; border-radius: 0.2rem;}
.i-about-tleft .cover-image{ position:relative;}
.i-about-tright{ max-width:8.8rem;  margin-left:0.4rem;}
.i-about-tleft{ position:relative;}
.i-about-name{ position:absolute; left:0;  writing-mode: vertical-rl; text-orientation: mixed;  font-size: 0.7rem; font-weight:500; color:#0856c2;display: inline-block;vertical-align: top;line-height: 1;}
.i-about-more{ position:absolute; top:2.06rem; right:0;  width:1.2rem; height:1.2rem; border-radius:0.6rem; background:#0856c2; display:flex;justify-content: center; align-items: center;}
.i-about-more a{ width:100%;  text-align:center; font-size:0.14rem; color:#fff; cursor:pointer;}
.i-about-more span{ display:block; font-size:0.16rem; text-align:center; margin-top:10px;}
.i-about-title{ font-size:0.3rem; color:#0856c2;}
.i-about-txt{ font-size:0.15rem; color:#5a616b; line-height:0.45rem; margin-top:0.3rem;}
.i-about-b{display: flex; flex-wrap: wrap; font-size:0.16rem; color:#8a95a4; margin-top:1rem; }
.i-about-b .itemnum{ flex: 1;display: flex; align-items: center; justify-content: center; }
.i-about-b .itemnum .sz{ font-size:0.66rem;  font-weight:bold; color:#0856c2; margin-right:0.1rem;}
.i-about-b .itemnum .numwz span{ display:block;margin-left:0.1rem;}
.i-about-b .itemnum .numwz .dw{ margin-bottom:3px; color:#0856c2;}
.i-about-b .itemnum .numwz .txt{ margin-top:3px;}
/* .i-about-b .itemnum.item1{justify-content:left; } */

@media (max-width: 1024px) {	
.i-about-t{ display:block;}
.i-about-tright{ max-width:100%;  margin-left:0;margin-top:0.6rem;}
}


@media (max-width: 768px) {	
.i-about-b .itemnum{ flex-basis: calc(50% - 5px); }
.i-about-b .itemnum{ padding:0.3rem;}
.i-about-b .itemnum.item1{justify-content:center; }
.mainbox::before{left:0.36rem;}
.mainbox::after{right:0.36rem;}
}	

@media (max-width: 480px) {	
.i-about-b{ margin-top:0.6rem;} 
.i-about-more{ top:1.8rem;}
.i-about-b .itemnum{ padding:0.2rem;}
}

.protopbg{ margin-top:0.8rem; width:100%; height:0.6rem; background:url(../images/index_protopbg.png) center top no-repeat; background-size:100% 100%; margin-bottom: -1px;}
.indexprobdbox{ background-color:#0856c2; }
.probottombg{width:100%; height:0.6rem; background:url(../images/index_probottombg.png) center top no-repeat; background-size:100% 100%; margin-top: -1px;}

/***index_about_end***/


.indexpro-t{ display: flex; justify-content: space-between; align-items: center; }
.indexpro-t-name{ max-width:50%;}
.indexpro-t-name span{ display:block;}
.namebt{ font-size:0.3rem; line-height:1; color:#ffffff; font-weight:bold; margin-bottom:0.1rem;}
.nametxt{ font-size:0.18rem; color:#f5faff; margin-top:0.1rem; padding-right:0.2rem; line-height:1.5;}
.indexpro-t-more{ display:flex; align-items: center;}
.indexpro-t-more a{ cursor:pointer; display:inline-block; font-size:0.16rem; color:#ffffff; padding:0.2rem 0.25rem; border:1px solid rgba(255,255,255,0.5); border-radius:0.1rem;}
.promore{ margin-left:0.15rem;}
.promore span{ margin-left:0.3rem;}
.indexpro-nav{ position:relative; margin-top:0.65rem;padding:0 30px; overflow:hidden;}
.indexpro-nav a{ font-size:0.16rem; color:#5a616b; padding:0.15rem 0.25rem; line-height:1; background-color:#ffffff; display:inline-block; text-align:center; border-radius:0.25rem; margin-right:0.2rem;}
.indexpro-nav a:hover{ color:#fff; background-color:#3978ce;}
.indexpronav{ position:relative; overflow:hidden; }
.indexpronav .swiper-slide {width: auto !important; line-height:0; }
.indexpro-nav .swiper-button-prev{ position:absolute; top:50%; left:0; background:url(../images/index-left.png) left center no-repeat; background-size:10px; }
.indexpro-nav .swiper-button-next{ position:absolute; top:50%; right:0;  background:url(../images/index-right.png) right center no-repeat; background-size:10px; }
.indexpro-nav .swiper-button-next.swiper-button-disabled, .indexpro-nav .swiper-button-prev.swiper-button-disabled{opacity:1;}

.indexprobox{ overflow:hidden; margin-top:0.7rem;}
.indexproimg{ position:relative; line-height:0; overflow:hidden; border-radius:0.2rem;}
.indexproimg img{ max-width:100%; height:auto;  width:100%; height:100%; object-fit:cover;   transition: all 0.6s cubic-bezier(0.25, 0.45, 0.45, 0.95);aspect-ratio: 1/1;}
.indexproimg:hover img{ transform: scale(1.1);}
.indexpro-title{ width:100%; position:absolute;bottom:0.2rem; font-size:0.14rem; display:flex; justify-content:space-between; align-items:center; padding:0 0.2rem; box-sizing:border-box;}
.indexpro-title span{ display:block;}
.i-pro-title a{ font-size:0.18rem; color:#1d2087;}
.i-pro-sybtn a{ font-size:0.15rem; color:#fff; display:inline-block; padding:0 0.23rem; background-color:#0856c2; line-height:0.5rem; border-radius:0.25rem;}

/***index_product_end***/


.index-solution{ background-color:#e1f0ff; padding-top:1.3rem; overflow:hidden;}
.index-s-t{ display: flex; justify-content: space-between; align-items: center; }
.index-s-t-name span{ display:block;}
.index-s-t-name .namebt{ font-size:0.3rem; line-height:1; color:#000000; font-weight:bold; margin-bottom:0.1rem;}
.index-s-t-name .nametxt{ font-size:0.18rem; color:#5a616b; margin-top:0.1rem;}
.index-s-t-more{ display:flex; align-items: center;}
.index-s-t-more a{ cursor:pointer; display:inline-block; font-size:0.16rem; color:#000000; padding:0.2rem 0.25rem; border:1px solid rgba(43,44,46,0.5); border-radius:0.1rem;
transition:border-color 0.5s ease,background-color 0.5s ease,color 0.5s ease;
}
.index-s-t-more span{ color:#9799a6;}
.index-s-t-more a:hover{ border-color:#0856C2; background-color:#0856C2; color:#fff;}
.index-s-t-more a:hover span{ color:#fff;}
.index-s-box{ position:relative; margin-top:0.5rem; margin-bottom:0.8rem;}
.index-s-list{ max-width:11.78rem; margin:0px auto; padding-left:1.4rem; padding-right:1.4rem; box-sizing:border-box;  }
.indexsoluiton{ overflow:hidden;}
.indexs-title{ font-size:0.4rem; color:#1d2087;}
.indexs-txt{ font-size:0.14rem; color:#1d2087; line-height:0.28rem; margin-top:0.3rem;}
.index-s-list .swiper-button-prev,.index-s-list .swiper-button-next{ width:0.8rem; height:0.8rem; background-color:#fff; border-radius:0.4rem;}
.index-s-list .swiper-button-prev{ background:#fff url(../images/sl.png) center center no-repeat; background-size:10px;}
.index-s-list .swiper-button-next{ background:#fff url(../images/sr.png) center center no-repeat; background-size:10px;}
.index-s-list .swiper-button-next.swiper-button-disabled, .index-s-list .swiper-button-prev.swiper-button-disabled{opacity:1;}
.indexsimg{ position:relative; /*background:url(../images/index_slbg.png) center top no-repeat; background-size:100%;*/ }
.indexsimg a{ display: block;}
.indexs-txtbox{ position:absolute; top:0; display:flex; flex-direction: column; justify-content: center;  width:100%; height:100%; padding-left:1.2rem; max-width:4.3rem; padding-top:0.4rem; box-sizing:border-box;}
.soluitonbottombg{width:100%; height:0.67rem; background:url(../images/index_slbottombg.jpg) center top no-repeat; background-size:100%;}

@media screen and (max-width:768px){
.index-s-list{ padding-left:0; padding-right:0;}	
}


@media screen and (max-width:400px){
.indexpro-t-more a{ padding:0.2rem 0.1rem; }
}

/***index_solution_end***/


.index-news{padding-top:1.3rem;}
.index-n-t{ display: flex; justify-content: space-between; align-items: center; }
.index-n-t-name span{ display:block;}
.index-n-t-name .namebt{ font-size:0.3rem; line-height:1; color:#000000; font-weight:bold; margin-bottom:0.1rem;}
.index-n-t-name .nametxt{ font-size:0.18rem; color:#5a616b; margin-top:0.1rem;}
.index-n-t-more{ display:flex; align-items: center;}
.index-n-t-more a{ cursor:pointer; display:inline-block; font-size:0.16rem; color:#000000; padding:0.2rem 0.25rem; border:1px solid rgba(43,44,46,0.5); border-radius:0.1rem;
transition:border-color 0.5s ease,background-color 0.5s ease,color 0.5s ease;
}
.index-n-t-more span{ color:#9799a6;}
.index-n-t-more a:hover{ border-color:#0856C2; background-color:#0856C2; color:#fff;}
.index-n-t-more a:hover span{ color:#fff;}
.index-n-box{ position:relative; margin-top:0.7rem; margin-bottom:0.8rem;}
.indexsoluiton{ overflow:hidden;}
.indexs-title{ font-size:0.4rem; color:#fff;}
.indexs-txt{ font-size:0.14rem; color:#fff; line-height:0.28rem; margin-top:0.3rem;}
.index-s-list .swiper-button-prev,.index-s-list .swiper-button-next{ width:0.8rem; height:0.8rem; background-color:#fff; border-radius:0.4rem;}
.index-s-list .swiper-button-prev{ background:#fff url(../images/sl.png) center center no-repeat; background-size:10px;}
.index-s-list .swiper-button-next{ background:#fff url(../images/sr.png) center center no-repeat; background-size:10px;}
.index-s-list .swiper-button-next.swiper-button-disabled, .index-s-list .swiper-button-prev.swiper-button-disabled{opacity:1;}
.indexsimg{ position:relative; /*background:url(../images/index_slbg.png) center top no-repeat; background-size:100%; */}
.indexs-txtbox{ position:absolute; top:0; display:flex; flex-direction: column; justify-content: center;  width:100%; height:100%; padding-left:1.2rem; max-width:4.3rem; padding-top:0.4rem; box-sizing:border-box;}
.index-zhname{ position:relative; line-height:0; font-size:0; height:0.36rem; margin-bottom:0.4rem;}
.index-zhname .zhbox{ display:inline-block; padding-right:0.15rem; background-color:#fff; overflow:hidden; position:absolute; z-index:1; }
.index-zhname::after{ position:absolute; content:""; display:block; border-top:1px solid #9799a6; width:100%; top:50%; right:0; z-index:0;}
.index-zhname a{  display:inline-block; border:1px solid #95979d; border-radius:0.17rem; height:0.36rem; line-height:0.36rem; padding:0 0.2rem; font-size:0.15rem; color:#262e46;}
.indexzhbox{ font-size:0.2rem;border-radius:10px; overflow:hidden;}
.indexzhbox .itema{ display:block; width:100%; height:100%; position:relative;}
.indexzh{ position:relative; padding-bottom:0.5rem; overflow:hidden;}
.indexzh .indexzhimg{ border:1px solid #cbccd2; border-bottom:none; text-align:center; border-top-left-radius:10px; border-top-right-radius:10px; overflow:hidden;}
.indexzh .indexzhimg img{ max-width:100%; transition: all 0.6s cubic-bezier(0.25, 0.45, 0.45, 0.95); /*max-height: 220px;*/ width:100%; height:100%; object-fit:cover;}
.indexzhbox .itema:hover img{ transform: scale(1.1);}
.zh_zt{ font-size:0.15rem; color:#fff; width:1.04rem; height:0.45rem; line-height:0.45rem; text-align:center; position:absolute; top:0; right:0;  }

.zh_zt.zt1{background:url(../images/index_zhzt1.png) center bottom no-repeat; background-size:100%; border-bottom-left-radius: 20px;}
.zh_zt.zt2{background:url(../images/index_zhzt2.png) center bottom no-repeat; background-size:100%; border-bottom-left-radius: 20px;}
.zh_zt.zt3{background:url(../images/index_zhzt3.png) center bottom no-repeat; background-size:100%; border-bottom-left-radius: 20px;}
.indexzh-txtbox{ background-color:#f5faff; padding:0.45rem; border:1px solid #f5faff;}
.indexzh-title{ font-size:0.2rem; color:#262e46; text-align:center; font-weight:bold; line-height:1.5; margin-bottom:0.25rem;white-space: nowrap; /* 强制文字在一行显示，不换行 */
  overflow: hidden;    /* 隐藏超出容器的内容 */
  text-overflow: ellipsis; /* 超出部分显示省略号 */}

.indexzh-city{ font-size:0.16rem; color:#5a616b; text-align:center; font-weight:bold; line-height:1; margin-bottom:0.1rem; }
.indexzh-city span{ padding-left:0.2rem;   background:url(../images/icon-gj.png) left center no-repeat;background-size:0.16rem}
.indexzh-add {font-size:0.16rem; color:#5a616b; text-align:center; font-weight:bold; }
.indexzh-add  span{ padding-left:0.2rem;  background:url(../images/icon-add.png) left center no-repeat;background-size:0.16rem}

.indexzh-date{ height:0.65rem; line-height:0.65rem; background-color:#0856c2; color:#fff; font-size:0.16rem; text-align:center;}
.indexzh .swiper-pagination{ line-height:0; bottom:0 !important; padding-bottom:0.05rem;}
.index-n-list2{ width:100%; display:flex;gap:15px; margin-top:0.4rem;}
.index-n-list2 .newsitem{ flex:1;}
.newsitem-t{ position:relative; line-height:0; font-size:0; height:0.36rem; margin-bottom:0.4rem;}
.newsitem-t .newsnamebox{ display:inline-block; padding-right:0.15rem; background-color:#fff; overflow:hidden; position:absolute; z-index:1; }
.newsitem-t::after{ position:absolute; content:""; display:block; border-top:1px solid #9799a6; width:100%; top:50%; right:0; z-index:0;}
.newsitem-t a{  display:inline-block; border:1px solid #95979d; border-radius:0.17rem; height:0.36rem; line-height:0.36rem; padding:0 0.2rem; font-size:0.15rem; color:#262e46;}
.indexnews{ border-radius:10px; position:relative; overflow:hidden;}
.indexshimg{ line-height:0;}
.indexshimg img{ max-width:100%; height:auto; width:100%; height:100%; object-fit:cover;transition: all 0.6s cubic-bezier(0.25, 0.45, 0.45, 0.95); aspect-ratio: 693/390;}
.indexnews .itema:hover img{ transform: scale(1.1);}
.indexsh-title{ position:absolute; bottom:0; width:100%; background:rgba(0,0,0,0.3); height:0.8rem; font-size:0.16rem; color:#ffffff; display:flex; text-align:left; align-items:center; border-bottom-left-radius:10px;border-bottom-right-radius:10px; padding-left:0.4rem; box-sizing:border-box; line-height:1.5;}
.indexnews .swiper-pagination{ display:flex; align-items:center; height:0.8rem;  line-height:0.8rem; bottom:0 !important; text-align:right; padding-right:0.4rem; left:auto !important; right:0; width:auto !important;}
.indexnews .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#0856c2 !important;}
.indexnews .swiper-pagination-bullet{ background-color:#fff !important; opacity:1;}

@media screen and (max-width:768px){
.index-n-list2{ display:block;gap:15px;}	
.index-n-list2 .newsitem{ margin-top:15px;}
}
/***index_news_end***/

.cxfztopbg{width:100%; height:0.67rem; background:url(../images/index_cxfztopbg.jpg) center bottom no-repeat; background-size:100%;}
.indexcxfz{ overflow:hidden; padding-top:1.3rem; background:#edf6ff url(../images/index_cxfzbg.png) right 0.9rem top no-repeat; background-size:auto; padding-bottom:1.2rem;}
.index-cxfz-t{ display: flex; justify-content: space-between; align-items: center; }
.index-cxfz-t-name span{ display:block;}
.index-cxfz-t-name .namebt{ font-size:0.3rem; line-height:1; color:#000000; font-weight:bold; margin-bottom:0.1rem;}
.index-cxfz-t-name .nametxt{ font-size:0.18rem; color:#5a616b; margin-top:0.1rem;}
.index-cxfz-t-more{ display:flex; align-items: center;}
.index-cxfz-t-more a{ cursor:pointer; display:inline-block; font-size:0.16rem; color:#000000; padding:0.2rem 0.25rem; border:1px solid rgba(43,44,46,0.5); border-radius:0.1rem;}
.index-cxfz-t-more span{ color:#9799a6;}
.i-cxfz-box{ margin-top:0.9rem; overflow:hidden;position:relative; padding-bottom:0.5rem;}
.indexcxfzbox{  max-width:11.10rem; }
.indexcxfzbd{margin-right:0.5rem; border-radius:10px; overflow:hidden;}
.indexcxfzbd .itema{display:flex; width:100%; height:auto; justify-content:space-between; align-items:center; background-color:#fff; border-radius:10px;}
.indexcxfzimg{ line-height:0; overflow:hidden;}
.indexcxfzimg img{ transition: all 0.6s cubic-bezier(0.25, 0.45, 0.45, 0.95);width: 100%;height: 100%;object-fit: cover;}
.indexcxfzbd .itema:hover img{ transform: scale(1.1);}
.indexcxfz-txtbox{max-width:4.5rem; height:100%; padding:0 0.6rem;}
.indexcxfz-title{ font-size:0.24rem; color:#0856c2; font-weight:bold; margin-bottom:0.2rem;}
.indexcxfz-txt{ font-size:0.16rem; line-height:0.32rem; color:#3a3e42;}
.i-cxfz-box .swiper-pagination{line-height:0; text-align:center; right:0; margin-bottom:-0.5rem; padding-bottom:0.1rem; width:100%; }
.i-cxfz-box .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#1d2087 !important; width:0.28rem; border-radius:4px!important;}
.i-cxfz-box .swiper-pagination-bullet{ background-color:#0856c2 !important; opacity:1; margin:0px 5px;}

@media screen and (max-width:768px){
.indexcxfzbox{  max-width:100% !important; }
.indexcxfzbd{ margin-right:0;}	
.i-cxfz-box{ margin-top:0.4rem; }
.indexcxfz-txtbox{ padding:0 0.3rem;}
}

/***index_cxfz_end***/



/*pagebanner*/
.pagebanner{position:relative; overflow:hidden;}
.pagebanner .pic{ display:block; overflow:hidden;height:auto;background-position:center top;background-repeat:no-repeat;background-size:cover; background-color:#fff;color:#fff;padding-bottom:36.4584%; position:relative; z-index:2;}
.pagebanner .pagebanner-tt{color:#ffffff;position:absolute;right:0; left:0;top:52%; margin-top:-0.2rem;z-index:3; text-align:center; line-height:0;}
.pagebanner .pagebanner-ttB{ line-height:0;}
.pagebanner .pagebanner-tt h2{font-size:0.5rem;font-weight:bold;line-height:1;text-transform:uppercase;}
.pagebanner .pagebanner-tt .en{ font-size:0.2rem; color:#fff; font-weight:bold; opacity:0.5;text-transform:uppercase;}

@media screen and (max-width:1024px){
.pagebanner{ margin-top:60px;}
.pagebanner .pagebanner-tt{top:42%;}	
	
}

.sub-nav {overflow-x: auto;-webkit-overflow-scrolling: touch;}
.nav-list {list-style: none;padding: 0;margin: 0;display: flex;justify-content: center;min-width: max-content;border-bottom: 1px solid #eee;}
.nav-list li {flex-shrink: 0;}
.nav-list a {height:0.6rem;line-height:0.6rem;display: block;padding: 0 0.25rem;font-size:0.16rem;color: #9799a6; text-decoration: none;position: relative;transition: all 0.3s ease;background-color:#fff !important;}
.nav-list a::after {content: '';position: absolute;left: 0;bottom: -1px; width: 100%; height: 4px;background: #0856c2;transform: scaleX(0);transition: transform 0.3s ease;}
.nav-list a:hover::after,.nav-list a.active::after {transform: scaleX(1);}
.nav-list a:hover{ color:#0856c2;} 
.nav-list a.active{ color:#0856c2;} 

@media (max-width: 768px) {	

}


/**********************about********************************/

.aboutbox{ width:100%; margin-top:0.7rem; margin-bottom:0.4rem;  background:url(../images/about-bg1.png) left top no-repeat,url(../images/about-bg2.png) right bottom no-repeat; background-size:5.53rem; }
.about-name{ padding:0.8rem;}
.about-name .sp1{ display:block; text-align:center; font-size:0.4rem; color:#1d2087;}
.about-name .sp2{ display:block; text-align:center; font-size:0.16rem; color:#0856c2;text-transform:uppercase; margin-top:0.15rem;}
.about-bd{ margin:0px auto;  font-size:0.18rem; color:#262e46; line-height:0.32rem;}
.about-sujubox{display: flex; flex-wrap: wrap; font-size:0.16rem; color:#8a95a4; margin-top:1rem; padding-bottom:2rem; }
.about-sujubox .itemnum{ flex: 1;display: flex; align-items: center; justify-content: center; }
.about-sujubox .itemnum .sz{ font-size:0.66rem;  font-weight:bold; color:#0856c2; margin-right:0.1rem;}
.about-sujubox .itemnum .numwz span{ display:block;margin-left:0.1rem;}
.about-sujubox .itemnum .numwz .dw{ margin-bottom:3px; color:#0856c2;}
.about-sujubox .itemnum .numwz .txt{ margin-top:3px;}
.about-sujubox .itemnum.item1{justify-content:left; }
.aboutfootbg{width:100%; height:0.66rem; background:url(../images/aboutfootbg.jpg) center top no-repeat; background-size:100% 100%;}

@media (max-width: 1024px) {	
.i-about-t{ display:block;}
.i-about-tright{ max-width:100%;  margin-left:0;margin-top:0.6rem;}
}


@media (max-width: 768px) {	
.about-sujubox .itemnum{ flex-basis: calc(50% - 5px); }
.about-sujubox .itemnum{ padding:0.3rem;}
.about-sujubox .itemnum.item1{justify-content:center; }

}	

@media (max-width: 480px) {	
.about-sujubox{ margin-top:0.6rem;} 
.about-sujubox .itemnum{ padding:0.2rem;}
}


.honorbox{  background:#e1eaf2 url(../images/honor-bg.png) center top no-repeat; background-size:100% 100%;}
.honor-name{ padding:0.8rem;}
.honor-name .sp1{ display:block; text-align:center; font-size:0.4rem; color:#1d2087;}
.honor-name .sp2{ display:block; text-align:center; font-size:0.16rem; color:#0856c2;text-transform:uppercase; margin-top:0.15rem;}
.honor-bd{ max-width:1130px; margin:0px auto; text-align:left;  font-size:0.18rem; color:#262e46; line-height:0.32rem;}
.honor-bd img{ max-width:100%; height:auto;}
.honorfootbg{width:100%; height:0.66rem; background:url(../images/honorfootbg.jpg) center top no-repeat; background-size:100% 100%;}


/*culturebox*/
.culturebox{ padding-bottom:1.7rem; background:#0856C2;}
.culture-name{ padding:0.8rem;}
.culture-name .sp1{ display:block; text-align:center; font-size:0.4rem; color:#fff;}
.culture-name .sp2{ display:block; text-align:center; font-size:0.16rem; color:#fff;text-transform:uppercase; margin-top:0.15rem;}
.culturebox .inner-wrap{margin:0 auto}
.culturebox .inner-wrapB{overflow:hidden;}
.culturebox .item{position:relative;float:left;width:calc(21.3% - 0.1rem);height:3.53rem;/*height:33.5vw;*/background-size:cover !important;background-position:center center !important;background-repeat:no-repeat;color:#fff;transition-duration:0.6s;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-radius:0.1rem;margin-bottom:0.2rem;}
.culturebox .item+.item{margin-left:0.1rem}
.culturebox .item.on{width:36%;text-align:left;}
.culturebox .item::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transition-duration:.3s;background:#000;filter:alpha(opacity=15);-moz-opacity:0.15;-khtml-opacity:0.15;opacity: 0.15;}
.culturebox .item::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;transition-duration:.3s;background:#000;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.culturebox .item.on::before{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;}
.culturebox .item.on::after{filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity: 0.4;}
.culturebox .item .inner{display:block;z-index:2;position:absolute;top:0.5rem;left:0.4rem;right:0.4rem;}
.culturebox .item .icon{line-height:0;margin-bottom:0.3rem; display:flex; width:100%;align-items:center; }
.culturebox .item .icon img{height:0.4rem;}
.culturebox .item .icon .iconimg{ display:flex; align-items:center; justify-content:space-between; width:0.9rem; height:0.9rem; border-radius:0.45rem; background:rgba(255,255,255,0.1); text-align:center; line-height:0.9rem;}
.culturebox .item .icon .iconimg img{ display:inline-block; margin:0px auto;max-width:0.4rem; height:auto;}
.culturebox .item .tit{line-height:1;font-size:0.24rem;color:#fff; padding-left:0.25rem; overflow:hidden;font-weight:bold; transition-duration:.1s;transition-delay:.1s;}
.culturebox .item .des{line-height:0.3rem;min-height:2.1rem;font-size:0.2rem;color:#fff;font-weight:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;transition-duration:.3s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0.5;}
.culturebox .item.on .des{transition-delay:.2s;transition:all .2s;transition-duration:.3s;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}

@media screen and (max-width:1024px){
.culturebox{padding-top:0.7rem;padding-bottom:0.7rem;}
.culturebox .inner-wrapB{ margin-left:-0.15rem;}
.culturebox .item+.item{margin-left:0.15rem}
.culturebox .item{width:calc(50% - 0.15rem);display:block; height:auto;display:flex;min-height:3.53rem;justify-content:flex-end;}
.culturebox .item.on{width:calc(50% - 0.15rem);}
.culturebox .item{margin-left:0.15rem}
.culturebox .item .icon img{height:0.4rem;}
.culturebox .item .tit{font-size:0.22rem;}
.culturebox .item .des{font-size:0.14rem;}
.culturebox .item .inner-visible{ padding:0.5rem 0.4rem;}
.culturebox .item .des{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.culturebox .item .des{line-height:1.5;display:block;}
}

@media screen and (max-width:768px){
.culturebox{padding-top:1rem;padding-bottom:1rem;}
.culturebox .inner-wrapB{ margin-left:0;}
.culturebox .item{width:100%;display:flex;min-height:3.53rem;justify-content:flex-end;}
.culturebox .item.on{width:100%;}
.culturebox .item,
.culturebox .item+.item{margin-left:0}
.culturebox .item .inner-visible{ padding:0.5rem 0.4rem;}
.culturebox .item .des{line-height:1.5;min-height:0;}
}
.culturefootbg{width:100%; height:0.63rem; background:url(../images/culturefootbg.jpg) center top no-repeat; background-size:100% 100%;}


/*history*/
.historybox{ padding-bottom:1.7rem;}
.history-name{ padding:0.8rem;}
.history-name .sp1{ display:block; text-align:center; font-size:0.4rem; color:#1d2087;}
.history-name .sp2{ display:block; text-align:center; font-size:0.16rem; color:#0856c2;text-transform:uppercase; margin-top:0.15rem;}
.historylist{ position:relative; height:3.8rem; margin-top:0.6rem;}
.historylist::after{content:""; display:block; width:100%; height:1px; background-color:#cdcdcd; position:absolute; top:50%; left:0; right:0; }
.historylist .swiper-slide{position:relative; }
.historylist .swiper-slide .historybd{ position:absolute; z-index:10; left:0; padding-left:0.4rem; height:50%; padding-right:0.4rem;}
.historybd{width:5.4rem;}
.historylist .swiper-slide:nth-child(odd) .historybd{ top:50%;padding-top:0.5rem;}
.historylist .swiper-slide .historybd::before{content: ""; width: 2px;height: 100%; background-color: #e3e4e5; position: absolute;left: 5px;top: 0;z-index: 1;}
.historylist .swiper-slide .historybd::after{content: "";width: 12px;height: 12px;background-color: #0856c2; box-sizing: border-box;position: absolute;left: 0;top: -6px;z-index: 10;border-radius: 50%;}
.historylist .swiper-slide:nth-child(even) .historybd::after{top: auto;bottom: -0.06rem;}
.historylist .swiper-slide .historybd .line{width: 0.24rem; height: 0.04rem;background-image: url(../images/line.png);background-size: contain;background-repeat: no-repeat;background-position: center center;}
.historylist .swiper-button-prev{ left:2.2rem; width:0.4rem; height:0.4rem; border-radius:0.2rem; background-image: url(../images/history-left.png);background-size: contain;background-repeat: no-repeat;background-position: center center;}
.historylist .swiper-button-next{ right:2.2rem;width:0.4rem; height:0.4rem; border-radius:0.2rem; background-image: url(../images/history-right.png);background-size: contain;background-repeat: no-repeat;background-position: center center;}
.history-txtbox .date{ font-size:0.3rem; color:#0856c2; font-weight:bold; margin-top:0.4rem;}
.history-txt{ font-size:0.17rem; line-height:0.26rem; color:#262e46; margin-top:0.25rem;}

@media screen and (max-width:1024px){
.historylist{  height:auto;  padding:0 0.4rem;}		
.historylist .swiper-wrapper {flex-flow: wrap;}
.historylist .swiper-slide {height: auto;padding-bottom: 0.8rem;} 
.historylist, .historylist .swiper-wrapper{overflow:inherit;}	
.historylist .swiper-slide .historybd{ width:100%; position:static; padding-right:0;}
.historylist .swiper-slide:nth-child(even) .historybd::after{top:-6px;}
.historylist::after{ display:none;}	
.historylist .swiper-button-prev,.historylist .swiper-button-next{ display:none;}	
}


/**********************contact********************************/
.network-box{padding:0.8rem 0}
.network-name{font-size:0.4rem;color:#1d2087;text-align:center}
.network-enname{font-size:0.16rem;font-weight:bold;color:#0856c2;text-transform:uppercase;text-align:center;margin-top:0.05rem}
.network-txt{font-size:0.18rem;color:#262e46;line-height:0.32rem;text-align:center;max-width:8.9rem;margin:0px auto;padding-top:0.5rem}
.network-img{position:relative;margin-top:1rem; text-align: center;}
.network-img img{max-width:100%;height:auto;text-align:center}
.network-imgwzbox{position:absolute;left:0;bottom:0.2rem;border-top:1px solid #e9eaf4;border-bottom:1px solid #e9eaf4;padding-top:0.35rem;font-size:0.18rem;color:#1d2087;display:flex;flex-wrap:wrap;max-width:4.6rem}
.network-imgwzbox .wzbox{flex:0 0 calc(50% - 0.1rem);position:relative;padding-left:0.35rem;padding-bottom:0.25rem}
.network-imgwzbox .wzbox span::after{content:"";display:block;width:0.15rem;height:0.15rem;position:absolute;left:0;border-radius:0.075rem;top:0}
.network-imgwzbox .wzbox .wz1::after{background-color:#0856c2}
.network-imgwzbox .wzbox .wz2::after{background-color:#f39702}
.network-imgwzbox .wzbox .wz3::after{background-color:#23a449}
.network-imgwzbox .wzbox .wz4::after{background-color:#2b4391}
.network-imgwzbox .wzbox .wz5::after{background-color:#5f1985}
.contact-addbox{width:100%;overflow:hidden;padding-bottom:0.6rem}
.addbox{position:relative;padding-top:0.25rem;margin-bottom:0.5rem}
.addbox-list{width:100%;padding:0.5rem;padding-top:0.75rem;box-sizing:border-box;background-color:#e9eaf4;display:flex;flex-wrap:wrap;gap:0.5rem;border-bottom-left-radius:0.5rem;border-bottom-right-radius:0.5rem;justify-content:space-between}
.addbox-top{width:100%;height:0.5rem;line-height:0.5rem;text-align:left;border-radius:0.25rem;background:#102184 url(../images/telbg.png) center center no-repeat;background-size:100%;font-size:0.18rem;font-weight:bold;color:#fff;padding-left:0.5rem;position:absolute;top:0}
.addbox-item{flex:0 0 calc(33.333% - 0.5rem);box-sizing:border-box}
.addbox-title{font-size:0.18rem;color:#1d2087;font-weight:bold;margin-bottom:0.2rem}
.addbox-txt{font-size:0.16rem;color:#262e46;line-height:0.3rem}
.contactfootbg{width:100%;height:0.61rem;background:url(../images/contactfootbg.jpg) center top no-repeat;background-size:100% 100%}
.contact-media{background:#fff url(../images/contact-sjmtbg.png) center top no-repeat;background-size:cover;padding:1.5rem 0}
.contact-media-name{font-size:0.4rem;color:#1d2087;text-align:center;padding-bottom:0.05rem}
.contact-media-ename{font-size:0.16rem;color:#0856c2;text-align:center;text-transform:uppercase}
.media-list{display:flex;justify-content:center;margin-top:0.9rem}
.media-item{margin:0 0.6rem}
.media-item .media-txt{font-size:0.18rem;color:#1d2087;text-align:center}
.media-img{max-width:1.8rem}
.media-img img{max-width:100%;height:auto}
.feedback-form{margin-bottom:1.6rem}
.form-box{background-color:#0856c2;padding:0.5rem;border-radius:0.5rem;display:flex}
.form-img{min-width:8rem;padding-left:0.35rem;padding-right:1rem;box-sizing:border-box}
.form-img img{max-width:100%;height:auto; border-radius:0.3rem;}
.form-r{width:100%;display:flex;flex-direction:column;padding-right:1.2rem;box-sizing:border-box}
.inputbox{width:100%;padding-top:0.25rem;line-height:0}
.inputbox .inputtext{font-size:0.16rem;line-height:1;color:#fff;opacity:1;padding-left:0.1rem;background-color:transparent;border:none;border-bottom:1px solid rgba(213,213,223,0.2);outline:none;padding:0.2rem 0;width:50%}
.inputbox input::placeholder{color:#fff;opacity:1;font-family:"Microsoft YaHei"}
.inputbox .content{width:100%;box-sizing:border-box;font-size:0.16rem;color:#fff;opacity:1;line-height:1.5;min-height:1.5rem;background-color:transparent;border-bottom:1px solid rgba(213,213,223,0.2);font-family:"Microsoft YaHei"}
.inputbox textarea::placeholder{font-size:0.16rem;color:#fff;opacity:1;font-family:"Microsoft YaHei"}
.subbtn{font-size:0.16rem;font-weight:bold;color:#1d2087;text-align:center;width:1.5rem;height:0.5rem;border-radius:0.1rem;background-color:#fff; cursor: pointer;}
.form-btn{line-height:0;margin-top:0.45rem}

@media (max-width:1024px){
.form-box{flex-wrap:wrap}
.form-img{padding:0;margin:0px auto;min-width:auto}
.form-r{padding-right:0;margin-top:0.4rem}
.media-list{flex-wrap:wrap}
.media-item{margin:0.4rem}
.network-imgwzbox{position:static;margin:0px auto}
.addbox-item{flex:0 0 calc(50% - 0.5rem)}
}

@media (max-width:768px){
.contact-media{padding:0.6rem 0}
.media-list{margin-top:0.4rem}
.media-item{margin:0.3rem}
}

        /* 通知系统样式 */
        .notification-container {
            position: fixed;
            top: 200px;
            right: 20px;
            z-index: 9999;
        }
        
        .notification {
            padding: 15px;
            margin-bottom: 10px;
            border-radius: 4px;
            color: white;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            animation: slideIn 0.5s, fadeOut 0.5s 2.5s forwards;
            max-width: 300px;
			font-size: 0.16rem;
        }
        
        .notification.success {
            background-color: #000000;
        }
        
        .notification.error {
            background-color: #dc3545;
        }
        
        @keyframes slideIn {
            from { transform: translateX(100%); }
            to { transform: translateX(0); }
        }
        
        @keyframes fadeOut {
            from { opacity: 1; }
            to { opacity: 0; }
        }
    



/**********************expo********************************/

.expo-list-top{width:100%;display:flex}
.expo-list-top-l{flex:1}
.expo-list-top-r{flex:1;display:flex;justify-content:flex-end}
.expolistbdbox{overflow:hidden;padding-bottom:1rem;background-color:#e9eaf4}
.expotype-top-box{padding-top:0.3rem;padding-bottom:0.3rem;background-color:#fff}
.page-tab{margin:0 auto;padding:0.3rem 0;text-align:center}
.page-tab ul{margin:0 auto;padding:0;list-style:none;text-align:center;font-size:0}
.page-tab ul li{margin:0;padding:0;display:inline-block;zoom:1;vertical-align:top;position:relative}
.page-tab ul li a{display:inline-block;text-align:center;font-size:0.16rem;color:#1d2087;margin:0;width:0.55rem;height:0.55rem;line-height:0.55rem;margin:0 0.05rem;border-radius:0.275rem;background-color:#dbe4eb}
.page-tab ul li a:hover{background-color:#1d2087;color:#fff}
.page-tab ul li a.focus{background-color:#1d2087;color:#fff}
.expotypebg{background-color:#e9eaf4;padding-top:0.9rem}
.expolistbox.expotypelist{display:flex;flex-wrap:wrap;gap:0.3rem}
.expolistbox.expotypelist .expoitembox{flex:0 0 calc(50% - 0.15rem);background-color:#f5faff;border-radius:0.1rem}
.expolistbox.expotypelist .expoitembox a{display:flex;width:100%;height:100%;border-radius:0;border:0;position:relative;cursor:pointer}
.expolistbox.expotypelist .expoitembox .expoimg{border-radius:0.1rem;overflow:hidden;flex:0 0 35.1%;min-width:0;max-width:100%;display:flex;align-items:center;justify-content:center}
.expolistbox.expotypelist .expoitembox .expoimg img{max-width:100%;height:100%;max-height:100%;width:100%;object-fit:cover;transition:all 0.6s cubic-bezier(0.25,0.45,0.45,0.95)}
.expoitembox a:hover .expoimg img{transform:scale(1.1)}
.expolistbox.expotypelist .exponavbox{flex:1;display:flex;flex-direction:column;width:100%;padding:0.3rem 0.2rem 0.3rem 0.6rem;box-sizing:border-box;max-width:5.6rem}
.expolistbox.expotypelist .expo-name{font-size:0.2rem;color:#262e46;font-weight:bold;text-align:left;margin-bottom:0.25rem}
.expolistbox.expotypelist .expo-time{font-size:0.16rem;color:#5a616b;font-weight:bold;text-align:left;padding-left:0.25rem;height:0.2rem;line-height:0.2rem;margin-bottom:0.1rem;background:url(../images/date-icon.png) left center no-repeat;background-size:0.16rem}
.expolistbox.expotypelist .expo-city{font-size:0.16rem;color:#5a616b;text-align:left;height:0.2rem;line-height:0.2rem;padding-left:0.25rem;margin-bottom:0.1rem;background:url(../images/icon-gj.png) left center no-repeat;background-size:0.16rem}
.expolistbox.expotypelist .expo-add{font-size:0.16rem;color:#5a616b;text-align:left;padding-left:0.25rem;height:0.2rem;line-height:0.2rem;margin-bottom:0.1rem;background:url(../images/icon-add.png) left center no-repeat;background-size:0.16rem}
.expolistbox.expotypelist .expo-zt{position:absolute;bottom:0;font-size:0.15rem;color:#fff;width:1.05rem;height:0.45rem;line-height:0.45rem;text-align:center;right:0}
.expolistbox.expotypelist .expo-zt.zt1{background:url(../images/expo_on.png) center bottom no-repeat;background-size:100%}
.expolistbox.expotypelist .expo-zt.zt2{background:url(../images/expo_over.png) center bottom no-repeat;background-size:100%}
.expolistbox.expotypelist .expo-zt.zt3{background:url(../images/expo_ing.png) center bottom no-repeat;background-size:100%}
.expo-date-nav{background-color:#fff;border-bottom:1px solid #dedfe7;padding:0.2rem 0;line-height:0;text-align:center;display:flex;justify-content:center;overflow:hidden;box-sizing:border-box}
.expo-date-nav a{height:0.22rem;line-height:0.22rem;font-size:0.22rem;font-weight:bold;color:rgba(29,32,135,0.5);display:inline-block;padding:0 0.22rem;position:relative}
.expo-date-nav a::after{content:"";width:1px;height:0.15rem;background-color:#1d2087;opacity:0.5;position:absolute;top:0.03rem;right:0}
.expo-date-nav a:last-child::after{display:none}
.expo-date-nav a:hover{color:#1d2087}
.expo-date-nav a.active{color:#1d2087;opacity:1}

@media (max-width:768px){
.expo-list-top{flex-direction:column}
.dropdown-container{grid-template-columns:1fr;max-width:100%}
.dropdown-menu{position:relative;width:100%;box-shadow:none;border-radius:4px;top:0}
.custom-dropdown.active .dropdown-menu{position:relative;margin-top:0;border-top:none}
.searchpro{max-width:100%}
.page-tab ul li.next-page,.page-tab ul li.prev-page{display:inline-block}
.expotypebg{padding-top:0.4rem}
.expolistbox.expotypelist .expoitembox{flex:0 0 100%;margin-bottom:0.15rem}
}


/**********************jobs********************************/

.jobs1box{padding:0.9rem 0 1.5rem 0}
.jobs1-name{padding-bottom:0.8rem}
.jobs1-name .sp1{display:block;text-align:center;font-size:0.4rem;color:#1d2087}
.jobs1-name .sp2{display:block;text-align:center;font-size:0.16rem;color:#0856c2;text-transform:uppercase;margin-top:0.15rem}
.jobs1-bd{padding-bottom:1rem;font-size:0.18rem;color:#262e46;line-height:1.5;text-align:center}
.jobs1img{max-height:5.1rem;margin:0 0.1rem;border-radius:0.2rem;overflow:hidden}
.jobs1img img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover}
.jobs1-swiper .swiper-pagination{position:static;line-height:0;text-align:center;right:0;padding-bottom:0.1rem;width:100%;margin-top:0.3rem}
.jobs1-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#1d2087 !important;width:0.28rem;border-radius:4px!important}
.jobs1-swiper .swiper-pagination-bullet{background-color:#e9eaf4 !important;opacity:1;margin:0px 5px}
.jobsfootbg{width:100%;height:0.7rem;background:url(../images/jobsfootbg.jpg) center top no-repeat;background-size:100% 100%}
.jobs2-box{background-color:#eaeaf4;padding:1.2rem 0}
.jobs2-name{font-size:0.3rem;line-height:0.44rem;color:#1d2087;max-width:3.5rem;margin:0px auto;padding-bottom:0.5rem;text-align:center}
.jobs2-label{text-align:center;max-width:5.2rem;padding-bottom:0.8rem;margin:0px auto;line-height:0}
.jobs2-label span{display:inline-block;height:0.5rem;line-height:0.5rem;padding:0 0.35rem;background-color:#fbfbfd;margin:0px 0.05rem;font-size:0.16rem;color:#5a616b;border-radius:0.25rem;margin-bottom:0.1rem}
.jobs2-txt{font-size:0.18rem;color:#262e46;line-height:0.32rem;max-width:7.4rem;margin:0px auto;padding-top:0.6rem;text-align:center}
.jobs2-swiper .jobs2img{width:100%;padding-right:0.2rem;border-radius:0.2rem;overflow:hidden}
.jobs2-swiper .jobs2img img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:cover}
.jobs2-swiper .swiper-button-next,.jobs2-swiper .swiper-button-prev{width:0.8rem;height:0.8rem;background-color:white;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,0.2);color:#1a73e8;display:flex;align-items:center;justify-content:center;top:50%;opacity:0.8;transform:translateY(-50%)}
.jobs2-swiper .swiper-button-prev{background:#fbfbfd url(../images/xgleft.png) center center no-repeat;background-size:0.2rem;left:0.35rem}
.jobs2-swiper .swiper-button-next{background:#fbfbfd url(../images/xgright.png) center center no-repeat;background-size:0.2rem;right:0.35rem}
.jobs2footbg{width:100%;height:0.64rem;background:url(../images/jobs2footbg.jpg) center top no-repeat;background-size:100% 100%}
.jobs3-box{background-color:#fff;margin:0px auto;overflow:hidden;padding:1.5rem 0 0.9rem 0}
.jobs3-name{font-size:0.3rem;font-weight:bold;text-align:center;color:#1d2087;margin:0px auto;padding-bottom:0.45rem}
.jobs3-txt{font-size:0.18rem;color:#262e46;line-height:0.32rem;text-align:center;margin:0px auto}
.jobs3-txt img{max-width:100%;height:auto}
.jobs3footbg{width:100%;height:0.64rem;background:url(../images/jobs3footbg.jpg) center top no-repeat;background-size:100% 100%}
.jobs4-box{background-color:#eaeaf4;padding:1.5rem 0 1.9rem 0}
.jobs4-name{font-size:0.3rem;font-weight:bold;color:#1d2087;text-align:center;padding-bottom:0.5rem}
.jobs4-txt{font-size:0.18rem;color:#262e46;text-align:center;line-height:0.32rem;padding-bottom:1rem}
.jobs4-list{display:flex;gap:0.3rem;flex-wrap:wrap;/*justify-content:space-between;*/width:100%}
.jobs4-item{flex:0 0 calc(33.333% - 0.2rem);box-sizing:border-box;text-align:center}
.jobs4-item a{display:block;width:100%;height:100%;background:#ffffff;padding:0.4rem;border-radius:0.1rem;cursor:pointer}
.jobs4-title{font-size:0.22rem;color:#1d2087;text-align:left;margin-bottom:0.5rem;background:url(../images/joinicon.png) left center no-repeat;background-size:0.25rem;padding-left:0.35rem;line-height:1.5}
.jobs4-bd{font-size:0.17rem;color:#5a616b;line-height:0.26rem;text-align:left}
.jobs4-item a:hover{background:#1d2087}
.jobs4-item a:hover .jobs4-title{color:#fff}
.jobs4-item a:hover .jobs4-bd{color:#fff}

@media (max-width:1024px){
	.jobs4-item{flex:0 0 calc(50% - 15px);/* 两列布局 */}
}
@media (max-width:768px){
	.jobs4-item{flex:0 0 100%}
}

/**********************newslist********************************/


.newsbox{padding:0.9rem 0;overflow:hidden;background-color:#eaeaf4}
.newslist ul{font-size:0.16rem;display:flex;width:100%;flex-wrap:wrap}
.newslist ul li{width:25%;float:left;display:flex;margin-bottom:0.7rem}
.newslist ul li a{padding:0px 0.1rem;position:relative;width:100%;box-sizing:border-box;cursor:pointer}
.newslist .newsimg{overflow:hidden;border-radius:0.2rem}
.newslist .newsimg img{width:100%;height:auto;object-fit:cover;max-width:100%;transition:all 0.6s cubic-bezier(0.25,0.45,0.45,0.95)}
.newslist ul li a:hover  .newsimg img{transform:scale(1.1)}
.newslist ul li:nth-child(1){width:50%}
.news-titlebox{padding:0.5rem 0 0.3rem 0}
.news-title{font-size:0.2rem;line-height:0.34rem;color:#262e46; height: 0.68rem;}
.news-date{font-size:0.16rem;color:#0856c2;font-weight:bold}
.news-more{font-size:0.16rem;color:#1d2087;height:0.4rem;line-height:0.4rem;padding-left:0.6rem;background:url(../images/newsmore.png) left center no-repeat;background-size:0.4rem;margin-top:0.8rem}
.newslist ul li:nth-child(1)  .newstxtbox{position:absolute;bottom:0;padding-left:0.5rem;padding-bottom:0.5rem;padding-right:0.5rem}
.newslist ul li:nth-child(1)  .newsimg{position:relative;overflow:hidden}
.newslist ul li:nth-child(1) .newsimg::after{content:"";position:absolute;width:100%;height:100%;left:0;right:0;border-radius:0.2rem;background:url(../images/newsimgbg.png) center center no-repeat;background-size:100%}
.newslist ul li:nth-child(1)  .news-title{color:#fff !important}
.newslist ul li:nth-child(1)  .news-date{color:#fff !important}
.newslist ul li:nth-child(1)  .news-more{display:none}

@media screen and (max-width:950px){
.news-more{margin-top:0.2rem}
}
@media screen and (max-width:768px){
.newslist ul li:nth-child(1){width:100%}
.newslist ul li{width:50%}
.news-more{margin-top:0.4rem}
}



/**********************newsinfo********************************/

.newsinfobox{padding-top:2rem;background-color:#eaeaf4}
.newsinfo{display:flex; padding-bottom: 1.4rem;}
.newsinfo-l{max-width:13.10rem; width: 100%; margin-right:0.3rem;background-color:#fff;border-radius:0.2rem;overflow:hidden;display: flex;flex-direction: column;justify-content: space-between;}
.newsinfo-r{flex:1}
.newsinfo-l-tbox{padding:0.6rem;border-radius:0.2rem;background:#1d2087 url(../images/newsinfobg.jpg) right 0.4rem center no-repeat;background-size:2.7rem}
.newsinfo-title{font-size:0.4rem;line-height:1.5;color:#fff}
.newsinfobd{font-size:0.17rem;line-height:0.34rem;color:#262e46}
.newsinfo-other{display:flex;margin-top:0.3rem}
.newsinfo-other .newsinfonav{margin-right:0.25rem}
.newsinfo-other .newsinfonav a{display:block;font-size:0.16rem;line-height:1;color:#fff;cursor:pointer}
.newsinfo-other .newsifnodate{font-size:0.16rem;color:#fff;margin-right:0.25rem}
.newsinfo-other .click{font-size:0.16rem;color:#fff;background:url(../images/click.png) left center no-repeat;background-size:0.2rem;padding-left:0.28rem}
.newsinfobd{padding:0.6rem; min-height: 4rem;}
.newsinfobd img{max-width:100%;height:auto}
.newsinfofoot{display:flex;justify-content:space-between;padding:0.2rem 0;margin:0 0.6rem;margin-bottom:0.8rem;border-top:1px solid #dedede;border-bottom:1px solid #dedede}
.newsinfoitem{flex:1;display:flex}
.newsshare{font-size:0.16rem;height:0.4rem;line-height:0.4rem;color:#0856c2;padding-left:0.2rem;padding-right:0.05rem}
.newsinfoitem .fab{display:block;width:0.2rem;height:0.4rem;line-height:0.4rem;margin:0px 0.05rem}
.newsinfoitem .fa-weixin{background:url(../images/vx.png) left center no-repeat;background-size:0.2rem}
.newsinfoitem .fa-weibo{background:url(../images/vb.png) left center no-repeat;background-size:0.2rem}

/* 微信弹窗样式 */
.newsinfoitem span{display:inline-block;height:0.4rem;line-height:0.4rem;font-size:0.16rem;color:#0856c2;padding:0 0.1rem}
.newsinfoitem .upnews{cursor:pointer;display:inline-block;height:0.4rem;line-height:0.4rem;font-size:0.16rem;color:#0856c2}
.newsinfoitem .downnews{cursor:pointer;display:inline-block;height:0.4rem;line-height:0.4rem;font-size:0.16rem;color:#0856c2}
.newsinfoitem .newsback{cursor:pointer;display:inline-block;width:1.1rem;background-color:#0856c2;border-radius:0.2rem;height:0.4rem;line-height:0.4rem;font-size:0.15rem;color:#fff;text-align:center}
.newsinfoitem.midinfo{justify-content:center}
.newsinfoitem.backbtn{justify-content:flex-end}
.newsinfo-r-box{border-radius:0.1rem;background-color:#fff;overflow:hidden}
.newsinfo-r-name{font-size:0.2rem;color:#fff;height:0.7rem;line-height:0.7rem;text-align:center;border-radius:0.1rem;background-color:#1d2087}
.newsinfoxgbox{background-color:#fff;padding:0.2rem;padding-bottom:0}
.newsinfoxg{margin-bottom:0.2rem}
.newsinfoxg a{display:flex;flex:1;border-bottom:1px solid #ececee;padding-bottom:0.2rem;cursor:pointer}
.newsinfoxg a:hover{opacity:0.8}
.newsinfoimg{width:1.45rem;height:0.95rem;margin-right:0.2rem;border-radius:0.1rem;overflow:hidden}
.newsinfoimg img{max-width:100%;max-height:100%;  width: 100%;   object-fit:cover;transition:all 0.6s cubic-bezier(0.25,0.45,0.45,0.95)}
.newsinfoxg a:hover .newsinfoimg img{transform:scale(1.1)}
.newsinfotxt{flex:1}
.newsinfoxg-title{font-size:0.16rem;line-height:0.22rem;color:#262e46;margin-top:0.1rem}
.newsinfoxg-date{font-size:0.12rem;color:#0856c2;font-weight:bold;margin-top:0.1rem}
.newsinfoxg:last-child a{border-bottom:none}
.pro-top{width: 100%;height:0.5rem;display: flex;}
.pro-top-l{font-size: 0.17rem;flex: 1;height: 0.5rem;line-height: 0.5rem;color: #5a616b;}
.solutioninfonavurl{ margin-bottom: 0.32rem;}
.urlnav{ background:url(../images/homenav.png) left center no-repeat;  background-size:0.21rem; padding-left: 0.21rem;  display: inline-block;}
.urlnav a{display: inline-block;border-radius: 0.25rem;cursor: pointer;font-size: 0.18rem;color: #000000;padding-left: 0.15rem;padding-right:0.21rem;position: relative;padding-top: 2px;}
.urlnav a::after{ content: ""; width: 0.06rem; height: 100%; display: inline-block; position: absolute; right: 0; top: 0; background:url(../images/urlicon.png) left center no-repeat;  background-size:0.06rem;}
.urlnav a:last-child{ color: #818181;}
.urlnav a:last-child::after{ display: none;}

@media screen and (max-width:1024px){.newsinfo{flex-direction:column}
.newsinfo-l{max-width:100%;margin-right:0;margin-bottom:0.4rem}
.newsinfo-r{flex:1;margin-bottom:1.4rem}
.newsinfo-title{font-size:0.28rem}
}


/**********************product********************************/

.protypebox{padding-top:2rem;overflow:hidden;padding-bottom:0.5rem}
.pro-top{width:100%;height:0.5rem;display:flex}
.pro-top-l{font-size:0.17rem;flex:1;height:0.5rem;line-height:0.5rem;color:#5a616b}
.pro-top-lbox{background-color:#e9eaf4;overflow:hidden;height:0.5rem;border-radius:0.25rem;display:inline-block}
.pro-top-lbox a{display:inline-block;height:0.5rem;line-height:0.5rem;padding:0 0.45rem;border-radius:0.25rem;cursor:pointer}
.pro-top-lbox a.active{background-color:#1d2087;color:#fff}
.pro-top-r{font-size:0.17rem;flex:1;height:0.5rem;display:flex;justify-content:flex-end;position:relative}
.pro-top-r a{display:inline-block;height:0.5rem;line-height:0.5rem;color:#fff;padding:0 1rem 0 0.35rem;border-radius:0.25rem;background:#1d2087 url(../images/down.png) right 0.25rem center no-repeat;background-size:0.2rem;cursor:pointer}
.prolistbox{width:100%;height:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0.2rem;flex-wrap:wrap;padding:0.5rem 0 1rem 0}
.proitembox{aspect-ratio:1 / 1;overflow:hidden;border-radius:0.2rem;position:relative;border:1px solid #cbccd2}
.proitembox a{display:block;width:100%;height:100%;cursor:pointer}
.proimg img{max-width:100%;width:100%;height:100%;object-fit:cover;object-position:center;transition:all 0.6s cubic-bezier(0.25,0.45,0.45,0.95)}
.proitembox a:hover .proimg img{transform:scale(1.1)}
.pronavbox{position:absolute;bottom:0;left:0;display:flex;width:100%;justify-content:space-between;padding:0.3rem;box-sizing:border-box}
.proname{font-size:0.2rem;color:#000;padding:0.1rem}
.probtn{width:0.4rem;height:0.4rem;background:url(../images/newsmore.png) right center no-repeat;background-size:0.4rem}

@media (max-width:768px){.prolistbox{grid-template-columns:repeat(2,1fr)}
}



/**********************productinfo********************************/

.proinfo-top{padding-top:2rem;overflow:hidden;padding-bottom:0.8rem}
.proinfo-wz{padding:0.25rem 0.85rem;line-height:0}
.proinfo-wz a{display:block;position:relative;color:#1e1e87;height:0.5rem;padding-left:0.7rem;line-height:0.5rem;font-size:0.15rem;font-weight:bold;cursor:pointer}
.proinfo-wz a::after{content:'';display:block;width:0.5rem;height:0.5rem;border-radius:0.25rem;background:#e9eaf4 url(../images/turnback.png) center center no-repeat;background-size:0.17rem;position:absolute;left:0;top:0}
.proinfo-t-box{padding:0 0.85rem;display:flex}
.proinfo-t-left{max-width:7rem;max-height:7rem;margin-right:0.7rem;overflow:hidden;border:1px solid #dcdcdc;border-radius:0.2rem}
.proinfoimg{width:100%;height:100%;overflow:hidden;aspect-ratio:1/1}
.proinfoimg img{width:100%;height:100%;object-fit:cover;max-width:100%;object-position:center}
.proinfoimglist{width:100%;height:100%;position:relative}
.proinfoimglist .swiper-button-next,.proinfoimglist .swiper-button-prev{width:0.8rem;height:0.8rem;border-radius:0.4rem}
.proinfoimglist .swiper-button-prev{background:#fbfbfd url(../images/proleft.png) center center no-repeat;background-size:0.2rem}
.proinfoimglist .swiper-button-next{background:#fbfbfd url(../images/proright.png) center center no-repeat;background-size:0.2rem}
.proinfo-t-right{flex:1;display:flex;flex-direction:column;justify-content:center}
.proinfo-t-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:0.25rem}
.proinfo-t-title{color:#1d2085;font-size:0.28rem;display:flex;align-items:center;width:100%}
.proinfo-t-name{color:#262e46;font-size:0.28rem;font-weight:bold;max-width:5.5rem;word-wrap:break-word;line-height:1.25;padding-right:0.2rem}
.proinfo-t-share{text-align:right}
.proinfo-t-share span{display:inline-block;padding-left:0.15rem;font-size:0.15rem;color:#262e46;text-align:left;width:1.1rem;height:0.5rem;line-height:0.5rem;border-radius:0.1rem}
.proinfo-t-share .procode{background:#e9eaf4 url(../images/codeicon.png) right 0.15rem center no-repeat;background-size:0.15rem;position:relative}
.wechatcode{position:absolute;left:0;right:0;padding-top:0.1rem;padding-bottom:0.1rem;box-shadow:0px 0px 10px black;line-height:0;text-align:center;z-index:10;background:#fff;margin-top:10px;border-radius:10px;visibility:hidden;transition:opacity 0.5s ease,visibility 0.5s}
.wechatcode canvas{width:1rem !important;height:1rem !important}
.proinfo-t-share .procode:hover .wechatcode{opacity:1;visibility:visible}
.proinfo-t-share .proshare{width:1rem;padding-left:0.2rem;background:#e9eaf4 url(../images/shareicon.png) right 0.15rem center no-repeat;background-size:0.15rem;position:relative}
.proinfo-t-share .proshare .share{position:absolute;right:0;width:2rem;visibility:hidden;transition:opacity 0.5s ease,visibility 0.5s}
.proinfo-t-share .proshare:hover .share{opacity:1;visibility:visible}
#share .social-share-icon{width:0.32rem !important;height:0.32rem !important;font-size:0.2rem !important;line-height:0.32rem !important}
.proinfo-t-text{color:#676b78;font-size:0.16rem;line-height:0.34rem;border-bottom:1px solid #d9d9d9;padding-bottom:0.45rem;margin-bottom:0.45rem}
.proinfo-btn{display:flex;gap:0.1rem;width:100%;align-items:center;position:relative;z-index:100}
.proinfo-btn span{flex:1;display:inline-block;height:0.5rem;line-height:0.5rem;font-size:0.16rem;color:#fff;border-radius:0.25rem;padding-left:0.35rem;box-sizing:border-box;position:relative;cursor:pointer}
.proinfo-btn .probtn1{background:#1d2085 url(../images/probtn1.png) right 0.35rem center no-repeat;background-size:0.2rem}
.proinfo-btn .probtn2{background:#395cb8 url(../images/probtn2.png) right 0.35rem center no-repeat;background-size:0.2rem}
.proinfo-btn .probtn3{background:url(../images/probtn3.png) right 0.35rem center no-repeat;background-size:0.2rem;color:#1e1e87;border:1px solid #1e1e87}
.proinfo-btn .prodown-list{position:absolute;background-color:#e9eaf4;padding:0.35rem 0.35rem 0.2rem 0.35rem;width:100%;left:0;right:0;top:0;z-index:-1;border-bottom-left-radius:0.1rem;border-bottom-right-radius:0.1rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease-in-out}
.proinfo-btn .prodown-list a{display:block;font-size:0.16rem;color:#262e46;line-height:1.25;padding:0.05rem 0;transition:color 0.2s;cursor:pointer}
.prodown-list a:hover{color:#1d2087;cursor:pointer}
.prodown-list.show{top:0.25rem;opacity:1;visibility:visible;transform:translateY(0)}
/* 微信弹窗样式 */
.yangben-form{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000;justify-content:center;align-items:center}
.yangben-content{background:white;padding:0.4rem;border-radius:8px;text-align:center;line-height:0;position:relative}
.yangben-content p{margin-bottom:0.2rem;font-size:0.2rem;display:block;line-height:1.5}
.ybclose-btn{position:absolute;top:0;right:0;font-size:0.16rem;padding:5px 10px;border:none;cursor:pointer;border-top-right-radius:8px;border-bottom-left-radius:8px}
.ybnamebox{font-size:0.14rem;color:#262e46;margin:0.05rem}
.ybtelbox{font-size:0.14rem;color:#262e46;margin:0.05rem}
.ybcompanybox{font-size:0.14rem;color:#262e46;margin:0.05rem}
.ybcontentbox{font-size:0.14rem;color:#262e46;margin:0.05rem}
.yanbenbox span{width:1rem;color:#000;text-align:right;padding-left:0}
.yanbenbox input{height:0.4rem;line-height:0.4rem;border:1px solid #eee;border-radius:0.1rem;padding-left:0.15rem;width:4rem}
.ybbtn{margin-top:0.2rem}
.ybbtn input{background-color:#395cb8;color:#fff;width:auto;height:0.4rem;line-height:0.4rem;padding:0 0.2rem;border:0;font-size:0.14rem}
.proinfo-top-footbg{width:100%;height:0.62rem;background:url(../images/proinfotopbg.jpg) center top no-repeat;background-size:100% 100%}
.proinfo-content{background-color:#f1f1f8;font-size:0.2rem;line-height:1.5;color:#676b78;text-align:left;overflow:hidden;padding-bottom:0.8rem}
.proinfo-content img{max-width:100%;height:auto;  width:100% ! important;}
.proinfo-content .proinfo-bdname{font-size:0.4rem;color:#1d2087;text-align:center;padding:1.4rem 0 0.9rem 0}
.proinfo-content-footbg{width:100%;height:0.62rem;background:url(../images/proinfomidbg.jpg) center top no-repeat;background-size:100% 100%}
.proinfo-xg{background-color:#fff}


/* 选项卡容器样式 */
.product-tabs-container{margin:0 auto;overflow:hidden;padding-top:1.25rem;padding-bottom:0.8rem}
/* 选项卡标题样式 */
.tabs-header{display:flex;height:0.5rem;background-color:#e9eaf4;border-radius:0.25rem;max-width:3rem;margin:0px auto;text-align:center}
.tab-button{width:1.5rem;padding:0 0.4rem;cursor:pointer;transition:all 0.3s ease;position:relative;font-size:0.17rem;color:#5a616b;border-radius:0.25rem;height:0.5rem;line-height:0.5rem}
.tab-button.active{height:0.5rem;line-height:0.5rem;color:#fff;background-color:#1d2087;border-radius:0.25rem}
/* 选项卡内容样式 */
.tabs-content{padding:0.8rem 0}
.tab-pane{display:none}
.tab-pane.active{display:block}
/* 轮播项样式 */
#products .swiper-container,#formulas .swiper-container{width:100%;height:5.1rem;padding:0;position:relative}
#products .swiper-slide,#formulas .swiper-slide{max-width:4.18rem;margin-right:0.2rem;display:flex;align-items:center;justify-content:center;transition:transform 0.3s ease}
.product-item,.formula-item{text-align:center;width:100%}
.product-item a,.formula-item a{display:block;width:100%;height:100%;cursor:pointer}
.product-item .tabimg,.formula-item .tabimg{width:4.18rem;height:4.18rem;aspect-ratio:1/1;border-radius:0.2rem;border:1px solid #e4e4e4;overflow:hidden}
.product-item .tabimg img,.formula-item .tabimg img{max-width:100%;height:100%;object-fit:cover;transition:all 0.6s cubic-bezier(0.25,0.45,0.45,0.95)}
.product-item a:hover .tabimg img,.formula-item a:hover .tabimg img{transform:scale(1.1)}
.product-item h3,.formula-item h3{color:#262e46;margin-top:0.3rem;font-size:0.2rem;line-height:0.3rem;padding:0 0.1rem}
.product-item a:hover h3,.formula-item a:hover h3{color:#1d2087}
/* 导航按钮样式 */
.products-swiper .swiper-button-next,.products-swiper .swiper-button-prev{width:0.8rem;height:0.8rem;background-color:white;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,0.2);color:#1a73e8;display:flex;align-items:center;justify-content:center;top:50%;transform:translateY(-50%)}
.products-swiper .swiper-button-prev{background:#fbfbfd url(../images/xgleft.png) center center no-repeat;background-size:0.2rem;left:0.35rem}
.products-swiper .swiper-button-next{background:#fbfbfd url(../images/xgright.png) center center no-repeat;background-size:0.2rem;right:0.35rem}
.formulas-swiper .swiper-button-next,.formulas-swiper .swiper-button-prev{width:0.8rem;height:0.8rem;background-color:white;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,0.2);color:#1a73e8;display:flex;align-items:center;justify-content:center;top:50%;transform:translateY(-50%)}
.formulas-swiper .swiper-button-prev{background:#fbfbfd url(../images/xgleft.png) center center no-repeat;background-size:0.2rem;left:0.35rem}
.formulas-swiper .swiper-button-next{background:#fbfbfd url(../images/xgright.png) center center no-repeat;background-size:0.2rem;right:0.35rem}

@media (max-width:1024px){
.proinfo-t-share .proshare{width:1.1rem !important;margin-top:0.05rem}
}

@media (max-width:767px){
.proinfo-top{padding-bottom:0}
.proinfo-wz{padding:0.25rem 0}
.proinfo-t-box{display:block;padding:0;padding-bottom:1.2rem}
.proinfo-t-left{margin-right:0;max-width:100% !important;max-height:100%  !important}
.proinfo-t-right{margin-top:0.4rem}
.proinfo-t-share{display:none}
.proinfo-t-share .procode{display:none}
.proinfo-content .proinfo-bdname{padding-top:0.8rem}
.product-tabs-container{padding-bottom:0rem}
#products .swiper-container,#formulas .swiper-container{height:auto;padding-bottom:50px}
#products .swiper-slide,#formulas .swiper-slide{max-width:100%}
.product-item .tabimg,.formula-item .tabimg{width:100%;height:100%;aspect-ratio:1/1}
}


/**********************productlist********************************/

.protypebox{padding-top:2rem;overflow:hidden;padding-bottom:0.5rem}
.prolistbox{width:100%;height:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0.2rem;flex-wrap:wrap;padding:0.5rem 0 1rem 0}
.proitembox{aspect-ratio:1 / 1;overflow:hidden;border-radius:0.2rem;position:relative;border:1px solid #cbccd2}
.proitembox a{display:block;width:100%;height:100%;cursor:pointer}
.proimg img{max-width:100%;width:100%;height:100%;object-fit:cover;object-position:center;transition:all 0.6s cubic-bezier(0.25,0.45,0.45,0.95)}
.proitembox a:hover .proimg img{transform:scale(1.1)}
.pronavbox{position:absolute;bottom:0;left:0;display:flex;width:100%;justify-content:space-between;padding:0.3rem;box-sizing:border-box}
.proname{font-size:0.3rem;color:#fff;padding:0.1rem}
.protypename{font-size:0.4rem;color:#1d2087;text-align:center;padding-bottom:1rem}
.pronavbox .probtn{ display:none;}
.pro-list-top{width:100%;display:flex}
.pro-list-top-l{flex:1}
.pro-list-top-r{flex:1;display:flex;justify-content:flex-end}
.prolistbdbox{overflow:hidden;padding-bottom:0.5rem;background-color:#e9eaf4}
.protype-top-box{padding-top:2rem;padding-bottom:0.3rem;background-color:#fff}
.protypebg{background-color:#e9eaf4;padding-top:0.9rem}
.prolistbox.protypelist{padding:0; margin-bottom: 0.9rem; min-height: 5rem;}
.prolistbox.protypelist .proitembox{aspect-ratio:auto;border-radius:0;border:0}
.prolistbox.protypelist .proitembox .proimg{aspect-ratio:1/1;border-radius:0.2rem;overflow:hidden}
.prolistbox.protypelist .pronavbox{position:static;bottom:0;left:0;display:block;width:100%;justify-content:space-between;padding:0.3rem;box-sizing:border-box}
.prolistbox.protypelist .proname{font-size:0.18rem;color:#262e46;text-align:center}
/* 下拉框容器 - 响应式布局 */
.dropdown-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:0.1rem;max-width:8.9rem}
/* 单个下拉框样式 */
.custom-dropdown{position:relative;width:100%}
.dropdown-toggle{width:100%;padding:0.22rem  0.16rem;background-color:#1d2087;border:1px solid #1d2087;border-radius:0.1rem;color:#fff;line-height:1;font-size:0.16rem;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all 0.3s ease}
.dropdown-arrow{transition:transform 0.3s ease}
.dropdown-menu{position:absolute;top:100%;left:0;width:100%;max-height:0;overflow:hidden;background-color:rgba(29,32,135,0.95);border-radius:0 0 4px 4px;box-shadow:0 4px 6px rgba(0,0,0,0.1);list-style:none;padding:0;margin:0;opacity:0;transition:all 0.3s ease,opacity 0.2s ease;z-index:1000;border-radius:0.1rem;padding:0.1rem 0}
.custom-dropdown.active .dropdown-menu{/*max-height:300px;*/opacity:1; /* overflow-y:auto;添加滚动条以防内容过多 */}
.custom-dropdown.active .dropdown-arrow{transform:rotate(180deg)}
.dropdown-menu li{padding:0;margin:0}
.dropdown-menu li a{display:block;padding:0 16px;color:#fff;text-decoration:none;transition:background-color 0.2s ease;font-size:0.16rem;line-height:0.4rem}
.dropdown-menu li a:hover{background-color:#0856C2}

.searchpro{display:flex;width:100%;height:0.6rem;max-width:2.9rem;position:relative}
.searchpro .textbd{width:100%;height:0.6rem;border-radius:0.1rem;font-size:0.16rem;line-height:0.6rem;color:rgb(90,97,107,0.5);padding-left:0.25rem;background-color:#e9eaf4;box-sizing:border-box;padding-right:0.7rem}
.searchprobtn{position:absolute;right:0;top:0;width:0.6rem !important;height:0.6rem;background:url(../images/searchprobtn.png) right 0.25rem center no-repeat;background-size:0.15rem;padding:0!important;cursor:pointer}

@media (max-width:768px){
.prolistbox.protypelist{margin-bottom: 0.4rem;}    
.prolistbox{grid-template-columns:repeat(2,1fr)}
.pro-list-top{flex-direction:column}
.dropdown-container{grid-template-columns:1fr;max-width:100%}
.dropdown-menu{position:relative;/* 在小屏幕上改为相对定位 */
    width:100%;box-shadow:none;border-radius:4px;top:0}
.custom-dropdown.active .dropdown-menu{position:relative;margin-top:0;border-top:none}
.searchpro{max-width:100%}
}


/**********************service-formula********************************/

.service-box{padding-top:0.3rem}
.service-navbox{width:100%;margin:0px auto;display:flex;justify-content:center;padding-bottom:0.35rem}
.service-nav-list{display:flex;justify-content:center;min-width:max-content}
.service-nav-list li{line-height:0}
.service-nav-list a{font-size:0.16rem;color:#1d2087;height:0.5rem;line-height:0.5rem;text-align:center;display:inline-block;border-radius:0.25rem;margin:0px 0.09rem;background-color:#eaeaf4;cursor:pointer;padding:0px 0.4rem}
.service-nav-list a:hover{background-color:#1d2087;color:#fff}
.service-nav-list .active{background-color:#1d2087;color:#fff}

.formula-name{font-size:0.4rem;color:#1d2087;text-align:center;padding-top:0.85rem}
.formula-enname{font-size:0.16rem;font-weight:bold;color:#0856c2;text-transform:uppercase;text-align:center;margin-top:0.1rem}
.formula-box{padding:0.9rem 0;background-color:#e9eaf4}
.formula-list{display:flex;gap:0.2rem;flex-wrap:wrap;box-sizing:border-box;padding-bottom:0.7rem}
.formula-bdbox{flex:0 0 calc(50% - 0.1rem);background-color:#fff;border-radius:0.1rem;padding:0.3rem;box-sizing:border-box}
.formula-bdbox a{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}
.formula-title{display:flex;align-items:center;font-size:0.18rem;color:#1d2087;line-height:1.5;padding-right:0.5rem}
.formula-down{display:flex;align-items:center;text-align:right;line-height:0}
.formula-down span{display:inline-block;width:0.5rem;height:0.5rem;background:#1d2087 url(../images/see.png) center center no-repeat;background-size:0.2rem;border-radius:0.25rem}
.formulatypebox{padding-top:0.6rem;overflow:hidden;padding-bottom:0.5rem}
.pro-top{width:100%;height:0.5rem;display:flex}
.pro-top-l{font-size:0.17rem;flex:1;height:0.5rem;line-height:0.5rem;color:#5a616b}
.pro-top-lbox{background-color:#e9eaf4;overflow:hidden;height:0.5rem;border-radius:0.25rem;display:inline-block}
.pro-top-lbox a{display:inline-block;height:0.5rem;line-height:0.5rem;padding:0 0.45rem;border-radius:0.25rem;cursor:pointer}
.pro-top-lbox a.active{background-color:#1d2087;color:#fff}
.pro-top-r{font-size:0.17rem;flex:1;height:0.5rem;display:flex;justify-content:flex-end;position:relative}
searchpro{display:flex;width:100%;height:0.6rem;max-width:2.9rem;position:relative}
.searchpro .textbd{width:100%;height:0.6rem;border-radius:0.1rem;font-size:0.16rem;line-height:0.6rem;color:rgb(90,97,107,0.5);padding-left:0.25rem;background-color:#e9eaf4;box-sizing:border-box;padding-right:0.7rem}
.searchprobtn{position:absolute;right:0;top:0;width:0.6rem !important;height:0.6rem;background:url(../images/searchprobtn.png) right 0.25rem center no-repeat;background-size:0.15rem;padding:0!important;cursor:pointer}

@media (max-width:1024px)
{
	.service-box .boxplr170{padding-left:0.9rem;padding-right:0.9rem}
}
@media (max-width:768px)
{
	.service-box .boxplr170{padding:0}
   .formula-list{flex-direction:column;padding-left:0;padding-right:0}
}

@media (max-width:480px)
{
	.formula-list{flex-direction:column}
}



/**********************service-offline********************************/


.offline-name{font-size:0.4rem;color:#1d2087;text-align:center;padding-top:0.85rem}
.offline-enname{font-size:0.16rem;font-weight:bold;color:#0856c2;text-transform:uppercase;text-align:center;margin-top:0.1rem}
.online-box{display:flex;padding-top:0.8rem;padding-bottom:1.9rem;max-width:17.4rem;margin:0px auto}


.expo-list-top{width:100%;display:flex}
.expo-list-top-l{flex:1}
.expo-list-top-r{flex:1;display:flex;justify-content:flex-end}
.expolistbdbox{overflow:hidden;padding-bottom:1rem;background-color:#e9eaf4}
.expotype-top-box{padding-top:0.3rem;padding-bottom:0.3rem;background-color:#fff}



.expotypebg{background-color:#e9eaf4;padding-top:0.9rem}
.offline.expolistbox.expotypelist{display:flex;flex-wrap:wrap;gap:0.3rem;box-sizing:border-box}
.offline.expolistbox.expotypelist .expoitembox{flex:0 0 calc(50% - 0.15rem);background-color:#fff;border-radius:0.1rem;padding:0.4rem;box-sizing:border-box}
.expolistbox.expotypelist .expoitembox a{display:flex;width:100%;height:100%;border-radius:0;border:0;position:relative;cursor:pointer}
.offline.expolistbox.expotypelist .expoitembox .expoimg{border-radius:0.1rem;overflow:hidden;flex:0 0 43.8%;min-width:0;max-width:100%;display:flex;align-items:center;justify-content:center}
.expolistbox.expotypelist .expoitembox .expoimg img{max-width:100%;height:100%;max-height:100%;width:100%;object-fit:cover;transition:all 0.6s cubic-bezier(0.25,0.45,0.45,0.95)}
.expoitembox a:hover .expoimg img{transform:scale(1.1)}
.expolistbox.expotypelist .exponavbox{display:flex;flex-direction:column;width:100%;padding:0.3rem 0.2rem 0.3rem 0.6rem;box-sizing:border-box}
.expolistbox.expotypelist .expo-name{font-size:0.2rem;color:#262e46;font-weight:bold;text-align:left;margin-bottom:0.25rem; line-height: 1.5;}
.expolistbox.expotypelist .expo-time{font-size:0.16rem;color:#5a616b;font-weight:bold;text-align:left;padding-left:0.25rem;/*height:0.2rem;*/line-height:0.2rem;margin-bottom:0.1rem;background:url(../images/date-icon.png) left center no-repeat;background-size:0.16rem}
.expolistbox.expotypelist .expo-city{font-size:0.16rem;color:#5a616b;text-align:left;height:0.2rem;line-height:0.2rem;padding-left:0.25rem;margin-bottom:0.1rem;background:url(../images/icon-gj.png) left center no-repeat;background-size:0.16rem}
.expolistbox.expotypelist .expo-add{font-size:0.16rem;color:#5a616b;text-align:left;padding-left:0.25rem;/*height:0.2rem;*/line-height:0.2rem;margin-bottom:0.1rem;background:url(../images/icon-add.png) left center no-repeat;background-size:0.16rem}
.expolistbox.expotypelist .expo-zt.offline-zt{position:absolute;font-size:0.15rem;color:#fff;width:1.05rem;height:0.45rem;line-height:0.45rem;text-align:center;right:-0.4rem;top:-0.4rem}
.expolistbox.expotypelist .expo-zt.offline-zt.zt1{background:url(../images/index_zhzt1.png) center bottom no-repeat;background-size:100%}
.expolistbox.expotypelist .expo-zt.offline-zt.zt2{background:url(../images/index_zhzt2.png) center bottom no-repeat;background-size:100%}
.offline-date-nav{border-bottom:1px solid #dedfe7;padding-bottom:0.2rem;line-height:0;text-align:center;display:flex;justify-content:center;overflow:hidden;box-sizing:border-box;padding-top:0.8rem}
.offline-date-nav a{height:0.22rem;line-height:0.22rem;font-size:0.22rem;font-weight:bold;color:rgba(29,32,135,0.5);display:inline-block;padding:0 0.22rem;position:relative}
.offline-date-nav a::after{content:"";width:1px;height:0.15rem;background-color:#1d2087;opacity:0.5;position:absolute;top:0.03rem;right:0}
.offline-date-nav a:last-child::after{display:none}
.offline-date-nav a:hover{color:#1d2087}
.offline-date-nav a.active{color:#1d2087;opacity:1}
/* 手机端适配 */
@media (max-width:768px)
{
.expo-list-top{flex-direction:column}
.dropdown-container{grid-template-columns:1fr;max-width:100%}
.dropdown-menu{position:relative;width:100%;box-shadow:none;border-radius:4px;top:0}
.custom-dropdown.active .dropdown-menu{position:relative;margin-top:0;border-top:none}
.searchpro{max-width:100%}
.expotypebg{padding-top:0.4rem}
.offline.expolistbox.expotypelist .expoitembox{flex:0 0 100%;margin-bottom:0.15rem}
}



/**********************service-online********************************/

.service-box{padding-top:0.3rem}
.service-navbox{width:100%;margin:0px auto;display:flex;justify-content:center;padding-bottom:0.35rem}
.service-nav-list{display:flex;justify-content:center;min-width:max-content}
.service-nav-list li{line-height:0}
.service-nav-list a{font-size:0.16rem;color:#1d2087;height:0.5rem;line-height:0.5rem;text-align:center;display:inline-block;border-radius:0.25rem;margin:0px 0.09rem;background-color:#eaeaf4;cursor:pointer;padding:0px 0.4rem}
.service-nav-list a:hover{background-color:#1d2087;color:#fff}
.service-nav-list .active{background-color:#1d2087;color:#fff}
.online-name{font-size:0.4rem;color:#1d2087;text-align:center;padding-top:0.85rem}
.online-enname{font-size:0.16rem;font-weight:bold;color:#0856c2;text-transform:uppercase;text-align:center;margin-top:0.1rem}
.online-box{display:flex;padding-top:0.8rem;padding-bottom:1.9rem;max-width:17.4rem;margin:0px auto}
.online-box-l{max-width:11.60rem;margin:0 auto;position:relative;background-size:cover;background-position:center;color:white;padding-left:1.5rem;display:flex;align-items:center;background-color:#eaeaf4;margin-right:0.4rem;border-radius:0.1rem;box-sizing:border-box;display:flex;justify-content:space-between}
.online-l-wzbox{max-width:4.6rem;padding-right:0.4rem;box-sizing:border-box}
.online-l-title{font-size:0.22rem;color:#fff;font-weight:bold;margin-bottom:0.35rem}
.online-l-txt{font-size:0.17rem;color:#fff;line-height:0.32rem}
.online-box-lr{width:100%;max-width:5.5rem;aspect-ratio:550/630;padding:1.4rem 1.5rem}
.online-box-r{width:100%;max-width:5.5rem;background-size:cover;background-position:center;border-radius:0.1rem;display:flex;justify-content:space-between;align-items:center;text-align:center;padding:1.4rem 1.5rem}
.online-code{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;margin:0px auto;box-sizing:border-box}
.online-code-t{font-size:0.22rem;color:#fff}
.online-code-m{margin:0.25rem 0;max-width:2.5rem;max-height:2.5rem}
.online-code-m img{max-width:100%;height:auto}
.online-code-d{font-size:0.18rem;color:#fff}
.online-code-d a{font-size:0.18rem;color:#fff}

@media (max-width:1024px){
.online-box{flex-direction:column;align-items:center}
.online-box-l{margin-right:0;margin-bottom:0.4rem;justify-content:center;max-width:100%;width:100%}
.online-box-r{max-width:100%}
}

@media (max-width:768px){
.online-box-l{flex-direction:column;padding-left:0}
.online-l-wzbox{padding-top:1rem;padding-right:0}
.online-box-lr{padding:0.6rem;aspect-ratio:0}
.online-box-r{padding:0.6rem}
}


/**********************service-sales********************************/

.service-box{padding-top:0.3rem}
.service-navbox{width:100%;margin:0px auto;display:flex;justify-content:center;padding-bottom:0.35rem}
.service-nav-list{display:flex;justify-content:center;min-width:max-content}
.service-nav-list li{line-height:0}
.service-nav-list a{font-size:0.16rem;color:#1d2087;height:0.5rem;line-height:0.5rem;text-align:center;display:inline-block;border-radius:0.25rem;margin:0px 0.09rem;background-color:#eaeaf4;cursor:pointer;padding:0px 0.4rem}
.service-nav-list a:hover{background-color:#1d2087;color:#fff}
.service-nav-list .active{background-color:#1d2087;color:#fff}
.sales-name{font-size:0.4rem;color:#1d2087;text-align:center;padding-top:0.85rem}
.sales-enname{font-size:0.16rem;font-weight:bold;color:#0856c2;text-transform:uppercase;text-align:center;margin-top:0.1rem}
.salesinfo{font-size:0.18rem;color:#262e46;line-height:0.32rem;padding-top:1.4rem;padding-bottom:1.4rem}
.salesbox{padding-bottom:1rem}
.salesbox:last-child{padding-bottom:0}
.salesbd-name{font-size:0.26rem;color:#1d2087;line-height:0.32rem;font-weight:bold;position:relative;padding-left:1.4rem;margin-bottom:0.3rem}
.salesbd-name::before{content:"";position:absolute;left:0;top:50%;width:1.25rem;height:1px;background-color:#1d2087}
.salesbd-txt{margin-bottom:0.7rem}
.salesbd-list{display:flex;justify-content:space-between;gap:0.3rem}
.sales-item{flex:0 0 calc(33.3333% - 0.15rem)}
.sales-img{width:100%;overflow:hidden}
.sales-img img{max-width:100%;height:auto;width:100%;object-fit:cover}
.sales-title{font-size:0.22rem;color:#262e46;font-weight:bold;margin-top:0.5rem;margin-bottom:0.2rem;padding-right:0.2rem}
.sales-list{display:flex;justify-content:space-between}
.sales-left,.sales-right{flex:0 0 50%}
.sales-right img{max-width:100%;height:auto}

@media (max-width:768px){
.sales-list{flex-direction:column}
.sales-left,.sales-right{flex:0 0 100%}
}


/**********************servicedoc********************************/

.service-box{padding-top:0.3rem}
.service-navbox{width:100%;margin:0px auto;display:flex;justify-content:center;padding-bottom:0.35rem}
.service-nav-list{display:flex;justify-content:center;min-width:max-content}
.service-nav-list li{line-height:0}
.service-nav-list a{font-size:0.16rem;color:#1d2087;height:0.5rem;line-height:0.5rem;text-align:center;display:inline-block;border-radius:0.25rem;margin:0px 0.09rem;background-color:#eaeaf4;cursor:pointer;padding:0px 0.4rem}
.service-nav-list a:hover{background-color:#1d2087;color:#fff}
.service-nav-list .active{background-color:#1d2087;color:#fff}
.doc-box{padding:0.9rem 0;background-color:#e9eaf4}
.doc-list{display:flex;gap:0.3rem;flex-wrap:wrap;padding:0 2rem;box-sizing:border-box;padding-bottom:0.7rem}
.doc-item{flex:0 0 calc(50% - 0.15rem);background-color:#fff;border-radius:0.1rem;padding:0.3rem;box-sizing:border-box}
.doc-title{font-size:0.18rem;color:#262e46;margin-bottom:0.1rem}
.doc-size{font-size:0.16rem;color:#9799a6}
.doc-down{text-align:right;line-height:0}
.doc-down a{display:inline-block;width:0.5rem;height:0.5rem;background:#1d2087 url(../images/download.png) center center no-repeat;background-size:0.2rem;border-radius:0.25rem}

@media (max-width:1024px)
{
	.service-box .boxplr170{padding-left:0.9rem;padding-right:0.9rem}
}

@media (max-width:768px)
{
.service-box .boxplr170{padding:0}
.doc-list{padding-left:0;padding-right:0}
}

@media (max-width:480px)
{
	.doc-list{flex-direction:column}
}




/**********************servicefaq********************************/

.service-box{ padding-top: 0.3rem;}
.service-navbox{ width: 100%; margin: 0px auto; display: flex; justify-content: center; padding-bottom: 0.35rem;}
.service-nav-list{ display: flex;justify-content: center;min-width: max-content;}
.service-nav-list li{ line-height: 0;}
.service-nav-list a{ font-size: 0.16rem; color: #1d2087; height: 0.5rem; line-height: 0.5rem; text-align: center; display: inline-block; border-radius: 0.25rem; margin: 0px 0.09rem; background-color: #eaeaf4; cursor: pointer; padding: 0px 0.4rem;}
.service-nav-list a:hover{ background-color: #1d2087; color: #fff;}
.service-nav-list .active{background-color: #1d2087; color: #fff;}

.faq-name{ font-size: 0.4rem; color: #1d2087;text-align: center; padding-top: 0.85rem;}
.faq-enname{ font-size: 0.16rem; font-weight: bold; color: #0856c2; text-transform: uppercase;text-align: center; margin-top: 0.1rem;}


.faq-list{ padding:0.5rem 0; border-radius:0.2rem; background-color:#fff; margin-top:0.3rem; margin-bottom:0.8rem;  }
.faq-list li{position:relative;overflow:hidden;  background-color: #e5eef5; margin-bottom: 0.2rem; padding:0 0.7rem 0 0.7rem; border-radius: 0.1rem;}
.faq-list li:nth-child(1){ border:none;}
.faq-list li .faqtmain{ padding-top:0.5rem; padding-bottom: 0.7rem; display:none;font-size:0.17rem;line-height:0.34rem;color:#262e46; font-weight:normal; border-top: 1px solid #ced7de;}
.faq-list li .faqtitle{padding:0.35rem 0;overflow:hidden;zoom:1; cursor:pointer; position:relative; padding-left: 0.44rem; background:url(../images/faqicon.png) left center no-repeat;  background-size:0.24rem; }
.faq-list li .faqtitle .close{display:block;width:16px;height:100%; overflow:hidden;position:absolute;top:0;right:0;}
.faq-list li .faqtitle .close span{display:block;overflow:hidden;width:100%;height:100%; position:absolute; top:0; right:0; text-indent:-9999px; background:url(../images/faqdown.png) center center no-repeat;  background-size:0.2rem;}
.faq-list li .faqtitle .Tit{display:block;color:#1d2087;font-weight:500;font-size:0.22rem;line-height:0.3rem;}
.faq-list li .faqtitle.on .close span{ background:url(../images/faqup.png) center center no-repeat;  background-size:0.2rem;}


@media (max-width: 1024px) { 
.service-box .boxplr170{ padding-left:0.9rem;padding-right:0.9rem;}
}

@media (max-width: 768px) { 
.service-box .boxplr170{ padding:0;}
}

/**********************solution********************************/

.solutionlistbox{width:100%;height:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:0.2rem;flex-wrap:wrap;padding:0.5rem 0 1rem 0}
.solutiontypebg{background-color:#e9eaf4;padding-top:0.9rem;padding-bottom:1.3rem}
.solutionlistbox.solutiontypelist{padding:0}
.solutionlistbox.solutiontypelist .solutionitembox{aspect-ratio:auto;border-radius:0;border:0}
.solutionlistbox.solutiontypelist .solutionitembox .solutionimg{aspect-ratio:1/1;border-radius:0.2rem;overflow:hidden}
.solutionlistbox.solutiontypelist .solutionitembox .solutionimg img{max-width:100%;width:100%;height:100%;object-fit:cover;transition:all 0.6s cubic-bezier(0.25,0.45,0.45,0.95)}
.solutionlistbox.solutiontypelist .solutionitembox a:hover .solutionimg img{transform:scale(1.1)}
.solutionlistbox.solutiontypelist .solutionnavbox{position:static;bottom:0;left:0;display:block;width:100%;justify-content:space-between;padding:0.3rem;box-sizing:border-box}
.solutionlistbox.solutiontypelist .solutionname{font-size:0.18rem;color:#262e46;text-align:center}
.sulutionbdbox{overflow:hidden;padding-bottom:0.5rem;background-color:#e9eaf4}
.solutiontype-top-box{padding-top:2rem;padding-bottom:0.3rem;background-color:#fff}
.solution-name{font-size:0.4rem;color:#1d2087;text-align:center}
.solution-enname{font-size:0.16rem;font-weight:bold;color:#0856c2;text-transform:uppercase;text-align:center;margin-top:0.1rem}
.solutiontypebox{padding-top:0.6rem;overflow:hidden;padding-bottom:0.5rem}
.pro-top{width:100%;height:0.5rem;display:flex}
.pro-top-l{font-size:0.17rem;flex:1;height:0.5rem;line-height:0.5rem;color:#5a616b}
.pro-top-lbox{background-color:#e9eaf4;overflow:hidden;height:0.5rem;border-radius:0.25rem;display:inline-block}
.pro-top-lbox a{display:inline-block;height:0.5rem;line-height:0.5rem;padding:0 0.45rem;border-radius:0.25rem;cursor:pointer}
.pro-top-lbox a.active{background-color:#1d2087;color:#fff}
.pro-top-r{font-size:0.17rem;flex:1;height:0.5rem;display:flex;justify-content:flex-end;position:relative}
.searchpro{display:flex;width:100%;height:0.6rem;max-width:2.9rem;position:relative}
.searchpro .textbd{width:100%;height:0.6rem;border-radius:0.1rem;font-size:0.16rem;line-height:0.6rem;color:rgb(90,97,107,0.5);padding-left:0.25rem;background-color:#e9eaf4;box-sizing:border-box;padding-right:0.7rem}
.searchprobtn{position:absolute;right:0;top:0;width:0.6rem !important;height:0.6rem;background:url(../images/searchprobtn.png) right 0.25rem center no-repeat;background-size:0.15rem;padding:0!important;cursor:pointer}

@media (max-width:1024px)
{
	.solutionlistbox{grid-template-columns:repeat(2,1fr) !important;}
}
@media (max-width:768px)
{
.solutionlistbox{grid-template-columns:repeat(1,1fr);}
.pro-list-top{flex-direction:column}
.searchpro{max-width:100%}
}


/**********************solutioninfo********************************/

/* 微信弹窗样式 */
.wechat-popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000;justify-content:center;align-items:center}
.popup-content{background:white;padding:20px;border-radius:8px;text-align:center;line-height:0}
.popup-content p{margin-bottom:15px;font-size:0.2rem;display:block;line-height:1.5}
.close-btn{font-size:0.16rem;margin-top:15px;padding:5px 10px;background:#f0f0f0;border:none;border-radius:4px;cursor:pointer}
.newsinfoitem span{display:inline-block;height:0.4rem;line-height:0.4rem;font-size:0.16rem;color:#0856c2;padding:0 0.1rem}
.newsinfoitem .upnews{cursor:pointer;display:inline-block;height:0.4rem;line-height:0.4rem;font-size:0.16rem;color:#0856c2}
.newsinfoitem .downnews{cursor:pointer;display:inline-block;height:0.4rem;line-height:0.4rem;font-size:0.16rem;color:#0856c2}
.newsinfoitem .newsback{cursor:pointer;display:inline-block;width:1.1rem;background-color:#0856c2;border-radius:0.2rem;height:0.4rem;line-height:0.4rem;font-size:0.15rem;color:#fff;text-align:center}
.newsinfoitem.midinfo{justify-content:center}
.newsinfoitem.backbtn{justify-content:flex-end}
.newsinfo-r-box{border-radius:0.1rem;background-color:#fff;overflow:hidden}
.newsinfo-r-name{font-size:0.2rem;color:#fff;height:0.7rem;line-height:0.7rem;text-align:center;border-radius:0.1rem;background-color:#1d2087}
.pro-top{width:100%;height:0.5rem;display:flex}
.pro-top-l{font-size:0.17rem;flex:1;height:0.5rem;line-height:0.5rem;color:#5a616b}
.solutioninfonavurl{margin-bottom:0.32rem}
.urlnav{background:url(../images/homenav.png) left center no-repeat;background-size:0.21rem;padding-left:0.21rem;display:inline-block; line-height: 1.5;}
.urlnav a{display:inline-block;border-radius:0.25rem;cursor:pointer;font-size:0.18rem;color:#000000;padding-left:0.15rem;padding-right:0.21rem;position:relative;padding-top:2px}
.urlnav a::after{content:"";width:0.06rem;height:100%;display:inline-block;position:absolute;right:0;top:0;background:url(../images/urlicon.png) left center no-repeat;background-size:0.06rem}
.urlnav a:last-child{color:#818181}
.urlnav a:last-child::after{display:none}
.solutioninfoxgbox{background-color:#fff;padding:0.2rem;padding-bottom:0}
.solutioninfoxg{margin-bottom:0.2rem}
.solutioninfoxg a{display:flex;flex:1;border-bottom:1px solid #ececee;padding-bottom:0.2rem;cursor:pointer}
.solutioninfoxg a:hover{opacity:0.8}
.solutioninfotxt{position:relative;width:100%}
.solutioninfoxg-title{font-size:0.16rem;color:#262e46;line-height:0.24rem;padding-left:0.25rem;background:url(../images/solutionicon.png) left center no-repeat;background-size:0.15rem;padding-right:0.8rem}
.solutioninfoxg-more{position:absolute;top:50%;right:0;width:0.3rem;height:0.3rem;background:url(../images/solutioninfomore.png) center center no-repeat;background-size:0.3rem;margin-top:-0.15rem}
.solutioninfo-xg{background-color:#EAEAF4}
.solutioninfo-xg .product-tabs-container{padding-top:0}

@media screen and (max-width:1024px)
{
.newsinfo{flex-direction:column}
.newsinfo-l{max-width:100%;margin-right:0;margin-bottom:0.4rem}
.newsinfo-r{flex:1;margin-bottom:1.4rem}
.newsinfo-title{font-size:0.28rem}
}


/**********************solutionlist********************************/
.solutionlistbox{width:100%;height:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:0.2rem;flex-wrap:wrap;padding:0.5rem 0 1rem 0}
.solutiontypebg{background-color:#e9eaf4;padding-top:0.9rem;padding-bottom:1.3rem}
.solution-list{display:flex;gap:0.2rem;flex-wrap:wrap;box-sizing:border-box;padding-bottom:0.7rem}
.solution-bdbox{flex:0 0 calc(50% - 0.1rem);background-color:#fff;border-radius:0.1rem;padding:0.3rem;box-sizing:border-box}
.solution-bdbox a{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}
.solution-title{display:flex;align-items:center;font-size:0.18rem;color:#1d2087;line-height:1.5;padding-right:0.5rem;background:url(../images/solutionicon.png) left center no-repeat;background-size:0.23rem;padding-left:0.35rem}
.solution-down{display:flex;align-items:center;text-align:right;line-height:0}
.solution-down span{display:inline-block;width:0.5rem;height:0.5rem;background:#1d2087 url(../images/see.png) center center no-repeat;background-size:0.2rem;border-radius:0.25rem}
.sulutionbdbox{overflow:hidden;padding-bottom:0.5rem;background-color:#e9eaf4}
.solutiontype-top-box{padding-top:2rem;padding-bottom:0.3rem;background-color:#fff}
.solution-name{font-size:0.4rem;color:#1d2087;text-align:center}
.solution-enname{font-size:0.16rem;font-weight:bold;color:#0856c2;text-transform:uppercase;text-align:center;margin-top:0.1rem}
.solutiontypebox{padding-top:0.6rem;overflow:hidden;padding-bottom:0.5rem}
.pro-top{width:100%;height:0.5rem;display:flex}
.pro-top-l{font-size:0.17rem;flex:1;height:0.5rem;line-height:0.5rem;color:#5a616b}
.pro-top-r{font-size:0.17rem;flex:1;height:0.5rem;display:flex;justify-content:flex-end;position:relative}
.searchpro{display:flex;width:100%;height:0.6rem;max-width:2.9rem;position:relative}
.searchpro .textbd{width:100%;height:0.6rem;border-radius:0.1rem;font-size:0.16rem;line-height:0.6rem;color:rgb(90,97,107,0.5);padding-left:0.25rem;background-color:#e9eaf4;box-sizing:border-box;padding-right:0.7rem}
.searchprobtn{position:absolute;right:0;top:0;width:0.6rem !important;height:0.6rem;background:url(../images/searchprobtn.png) right 0.25rem center no-repeat;background-size:0.15rem;padding:0!important;cursor:pointer}
/* 手机端适配 */
@media (max-width:768px)
{
.pro-list-top{flex-direction:column}
.solution-list{flex-direction:column;padding-left:0;padding-right:0}
.searchpro{max-width:100%}
}


/*page-tab*/
.page-tab{margin:0 auto;padding:0.3rem 0;text-align:center}
.page-tab ul{margin:0 auto;padding:0;list-style:none;text-align:center;font-size:0}
.page-tab ul li{margin:0;padding:0;display:inline-block;vertical-align:top;position:relative}
.page-tab ul li a{display:inline-block;text-align:center;font-size:0.16rem;color:#1d2087;margin:0;width:0.55rem;height:0.55rem;line-height:0.55rem;margin:0 0.05rem;border-radius:0.275rem;background-color:#dbe4eb}
.page-tab ul li a:hover{background-color:#1d2087;color:#fff}
.page-tab ul li a.focus{background-color:#1d2087;color:#fff}
@media screen and (max-width:768px)
{
.page-tab ul li.next-page,.page-tab ul li.prev-page{display:inline-block}
}


/**********************substainability-social********************************/
.social-box{ padding-top: 0.3rem;padding-bottom: 1rem; background-color: #eaeaf4;}
.social-name{ font-size: 0.4rem; color: #1d2087;text-align: center; padding-top: 0.85rem;}
.social-enname{ font-size: 0.16rem; font-weight: bold; color: #0856c2; text-transform: uppercase;text-align: center; margin-top: 0.1rem;}
.social-txt{ font-size: 0.18rem; color: #262e46; line-height: 0.32rem; text-align: center; padding-top: 0.8rem; padding-bottom: 1rem; }
.social-top{ display: flex;/*justify-content: center;*/background-color: #fff; border-radius: 0.2rem; overflow: hidden;}
.social-top-left{flex:0 0 50%; border-radius: 0.2rem; overflow: hidden; }
.social-top-left img{ max-width: 100%; max-height: 100%; width: 100%; height:100%; object-fit: cover;}
.social-top-right{display: flex; align-items: center; font-size: 0.18rem; color: #262e46; line-height:0.32rem; padding: 0px 1.7rem 0 1.2rem; text-align:left; }
.social-list{ padding-bottom: 0.6rem;}
.social-item{ display: flex; padding: 0.9rem 0; border-bottom: 1px solid #d9d9dd;}
.social-img{ width: 100%; max-width:4.2rem; height: auto; aspect-ratio: 420/280; border-radius: 0.2rem; overflow: hidden; }
.social-img img{ max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: cover;transition: all 0.6s cubic-bezier(0.25, 0.45, 0.45, 0.95); }
.social-img:hover img{transform: scale(1.1);}
.social-bdbox{ display: flex; flex-direction: column; justify-content: center; padding: 0 1rem;}
.social-time{ font-size: 0.16rem; color: #0856c2; text-align: left; font-weight: bold; padding-bottom: 0.45rem;}
.social-title{ font-size: 0.22rem; color: #262e46; text-align: left; font-weight: bold; padding-bottom: 0.2rem; line-height:1.5;}
.social-bd{ font-size: 0.16rem; color: #5a616b; text-align: left; padding-bottom: 0.4rem; line-height: 1.5;}
.social-more{ font-size: 0.16rem; color: #1d2087; text-align:left; height: 0.4rem;}
.social-more a{ display: inline-block; padding-left: 0.6rem; height: 0.4rem; line-height: 0.4rem; position: relative;}
.social-more a::after{content:""; position: absolute; top: 0; left:0; width: 0.4rem; height: 0.4rem; border-radius: 50%; background:#1d2087 url(../images/social-more.png) center center no-repeat;  background-size:0.2rem;}

@media (max-width: 1024px) { 
.social-top{ display: block;}
.social-top-right{ padding:0.6rem;}
.social-bdbox{  padding: 0 0.6rem;}
.social-time{  padding-bottom: 0.25rem;}
.social-title{ padding-bottom: 0.1rem;}
.social-bd{padding-bottom: 0.2rem; }
}

@media (max-width: 768px) { 
.social-txt{ padding:0.6rem;}
.social-bdbox{ padding:0 0.4rem ;}
.social-item{ padding: 0.4rem 0; }
}

@media (max-width: 468px) { 
.social-item{ padding-top: 0; padding-bottom: 0.4rem; display: block; background-color: #fff; border-radius: 0.4rem; margin-top: 0.4rem;}
.social-img{ width: 100%; max-width:100%; height: auto; aspect-ratio: 420/280; border-radius: 0.4rem; overflow: hidden; } 
.social-bdbox{ padding-top: 0.6rem;}
}


/**********************substainability********************************/
.kcxfz-box{padding-top:0.3rem}
.kcxfz-name{font-size:0.4rem;color:#1d2087;text-align:center;padding-top:0.85rem}
.kcxfz-enname{font-size:0.16rem;font-weight:bold;color:#0856c2;text-transform:uppercase;text-align:center;margin-top:0.1rem}
.kcxfzinfo{font-size:0.18rem;color:#262e46;line-height:0.32rem;padding-top:1.4rem;padding-bottom:1.4rem}
.kcxfzbox{padding-bottom:1rem}
.kcxfzbox:last-child{padding-bottom:0}
.kcxfzbd-name{font-size:0.26rem;color:#1d2087;line-height:0.32rem;font-weight:bold;position:relative;padding-left:1.4rem;margin-bottom:0.3rem}
.kcxfzbd-name::before{content:"";position:absolute;left:0;top:50%;width:1.25rem;height:1px;background-color:#1d2087}
.kcxfzbd-txt{margin-bottom:0.7rem}
.kcxfzbd-list{display:flex;justify-content:space-between;gap:0.3rem}
.kcxfz-item{flex:0 0 calc(33.3333% - 0.15rem)}
.kcxfz-img{width:100%;overflow:hidden}
.kcxfz-img img{max-width:100%;height:auto;width:100%;object-fit:cover}
.kcxfz-title{font-size:0.22rem;color:#262e46;font-weight:bold;margin-top:0.5rem;margin-bottom:0.2rem;padding-right:0.2rem}
.kcxfz-words{padding-right:0.2rem}
.kcxfz-list{display:block}
.kcxfz-left,.kcxfz-right{flex:0 0 50%}
.kcxfz-right img{max-width:100%;height:auto}
.kcxfzbd-boxtxt{display:flex;align-items:center}
.kcxfzbd-boxtxt img{display:inline-block;padding:0 0.4rem}

@media (max-width:768px)
{
.kcxfzinfo{padding-top:0.8rem}
.kcxfz-list{flex-direction:column}
.kcxfz-left,.kcxfz-right{flex:0 0 100%}
.kcxfzbd-boxtxt{display:block}
.kcxfzbd-boxtxt img{display:block;max-width:100%;height:auto;margin:0px auto}
}



/* 永利23411集团的友情链接 */
.foot-link{font-size: 0.12rem;color: rgba(255, 255, 255, 0.4);line-height: 1.5; }
.foot-link a{font-size: 0.12rem;color: rgba(255, 255, 255, 0.4);line-height: 1.5;padding: 10px 0; display: inline-block;}
.foot-link a:hover{color: #fff;}  
.foot-link .sep{color: rgba(255, 255, 255, 0.4); font-size: 0.10rem; padding: 0px 10px;} 
.foot-link .sep:last-child {display: none; }