@charset "utf-8";
body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,textarea,select,input {margin:0;padding:0;outline:none}
ol,ul {list-style:none;}
html {-webkit-text-size-adjust:none; }

body {font-family:'Arial','PingFang SC','SourceHanSansCN','Source Han Sans CN','Microsoft YaHei','Helvetica Neue','Helvetica','Hiragino Sans GB','STHeitiSC-Light',sans-serif;overflow-x: hidden; line-height: 1.8; font-size: 14px;}

img {display:block;max-width:100%;border:none}

/*a 链接*/

a {text-decoration:none;outline:none;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; color:#000000;}
a:hover{color: #000000}

/*居中*/
.juzhong {display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.juzhong2 {display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.erduan {display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.shang {display:flex;flex-direction:row;justify-content:space-between;}
.xia {display:flex;align-items:flex-end;flex-direction:row;justify-content:space-between; }
.xiazuo {display:flex;align-items:flex-end;flex-direction:row;flex-direction:row;justify-content:flex-start;}
.shangzhong {display:flex;flex-direction:row;justify-content:center;}
.shangzuo{display:flex;flex-direction:row;justify-content:flex-start;}
.shangyou{display:flex;flex-direction:row;justify-content:flex-end;}

.shangerduan{display:flex;flex-direction:row;justify-content:space-between;}

.zuo {display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
.you {display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center;}


/**上对齐*/
.upshang{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.shangxia{display: flex;flex-direction:column; justify-content:space-between}


/*浮动*/
.fl {float:left;display:inline}
.fr {float:right;display:inline}
.clear {clear:both}
.clearfix {*zoom:1;}
.clearfix:after {clear:both;display:block;height:0;visibility:hidden;line-height:0;content:'\20';}



/* HTML5 重置为较旧版本的浏览器 */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}

/* 按钮样式 */

input[type="text"],input[type="button"],button,textarea,select,input[type="checkbox"] {font-size:100%;outline:none;resize:none;font-family:"exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-appearance:none;}
input[type="button"] {cursor:pointer;border:0;}
input[type="submit"] {cursor:pointer;border:0}
input[type="reset"] {cursor:pointer;border:0}

/*删除火狐下按钮默认样式*/
input{-webkit-appearance:none;}
input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;padding:0;-webkit-appearance:none;}
i,em {font-style:normal}


/**手机横屏提示*/

.mobile_show{width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 99999999999999999; background:#000000; display: none}
.mobile_showbox{position: absolute; left: 50%; color: #fff; text-align: center; top: 50%; transform: translate(-50%,-50%); width: 90%}
.mobile_showbox img{width: 60px; margin: 0 auto; }
.mobile_showbox p{font-size: 16px; margin-top:20px;}

::-webkit-input-placeholder { color: #999;}
::-moz-placeholder { color: #999;}
:-ms-input-placeholder {color: #999;}

h1,h2,h3,h4,h5{line-height: 1.3}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.eot');
    src: url('../fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-Light.woff2') format('woff2'),
        url('../fonts/Roboto-Light.woff') format('woff'),
        url('../fonts/Roboto-Light.ttf') format('truetype'),
        url('../fonts/Roboto-Light.svg#Roboto-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
.nav-btnbox{ display:none}
.pd2{ padding-top:2%; padding-bottom:2%}
.pd3{ padding-top:3%; padding-bottom:3%}
.pd4{ padding-top:4%; padding-bottom:4%}
.pd5{ padding-top:5%; padding-bottom:5%}
.pd6{ padding-top:6%; padding-bottom:6%}
.pd7{ padding-top:7%; padding-bottom:7%}
.pd8{ padding-top:8%; padding-bottom:8%}


.mtb3{ margin-top:3%; margin-bottom:3%}
.mtb4{ margin-top:4%; margin-bottom:4%}
.mtb5{ margin-top:5%; margin-bottom:5%}
.mtb6{ margin-top:6%; margin-bottom:6%}
.mtb2{ margin-top:2%; margin-bottom:2%}


.mt1{ margin-top:1%}
.mt2{ margin-top:2%}
.mt3{ margin-top:3%}
.mt4{ margin-top:4%}
.mt5{ margin-top:5%}
.mt6{ margin-top:6%}
.mt7{ margin-top:7%}
.mt8{ margin-top:8%}
.mt9{ margin-top:9%}
.mt10{ margin-top:10%}

.pt2{ padding-top:2%}
.pt3{ padding-top:3%}
.pt4{ padding-top:4%}
.pt5{ padding-top:5%}
.pt6{ padding-top:6%}
.pt7{ padding-top:7%}
.pt8{ padding-top:8%}


.pb2{ padding-bottom:2%}
.pb3{ padding-bottom:3%}
.pb4{ padding-bottom:4%}
.pb5{ padding-bottom:5%}
.pb6{ padding-bottom:6%}
.pb7{ padding-bottom:7%}

.mr30{margin-right: 30px;}
.mr20{margin-right: 20px;}

.wow:nth-child(1){animation-delay:0.1s;}
.wow:nth-child(2){animation-delay:0.15s;}
.wow:nth-child(3){animation-delay:0.2s;}
.wow:nth-child(4){animation-delay:0.25s;}
.wow:nth-child(5){animation-delay:0.3s;}
.wow:nth-child(6){animation-delay:0.35s;}
.wow:nth-child(7){animation-delay:0.4s;}
.wow:nth-child(8){animation-delay:0.45s;}
.wow:nth-child(9){animation-delay:0.5s;}
.wow:nth-child(10){animation-delay:0.55s;}
.wow:nth-child(11){animation-delay:0.56s;}
.wow:nth-child(12){animation-delay:0.57s;}
.wow:nth-child(13){animation-delay:0.58s;}
.wow:nth-child(14){animation-delay:0.59s;}
.wow:nth-child(15){animation-delay:0.6s;}
.wow:nth-child(16){animation-delay:0.61s;}



::-webkit-scrollbar {
  width: 6px;
  height: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
::-webkit-scrollbar-track {
  background: #ffffff;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb {
  background: #000000;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}

/*省略号*/
.oneline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient: vertical;}
.twoline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient: vertical;}
.threeline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.fourline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient: vertical;}

.fiveline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient: vertical;}
.sixline{ text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient: vertical;}

.wapshow{display: none}
.hide{display: none}

.bigpic{ overflow:hidden; position:relative}
.bigpic img{ transition: 1s all; -webkit-transition: 1s all; -moz-transition: 1s all; -o-transition: 1s all; -ms-transition: 1s all; width:100%}

a:hover .bigpic>img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.bigpic:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}


@-webkit-keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
@keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
.animated {-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
    to {opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
	0% {opacity:0;-webkit-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0)}
    to {opacity:1;-webkit-transform:none;transform:none}
}
@-webkit-keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}
@keyframes fadeInDown {
	0% {opacity:0;transform:translateY(-50px)}
    100% {opacity:1;transform:translateY(0)}
}


.fadeInUp {-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

@-webkit-keyframes fadeIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}@keyframes fadeIn {
	0% {
	opacity:0
}
100% {
	opacity:1
}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	animation-name:fadeIn
}
.mainbox{margin: 0 auto;  max-width: 1200px; width:86%}


.logo{width:30%; max-width:100px; margin-left: 20px;}
.top{position:fixed; left: 0px; top: 0px; width:100%; z-index:12;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; top:0px; }


.topbox{height:70px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;max-width:none; z-index: 2; width:calc(100% - 40px);padding: 0px 20px;  z-index: 3;position: relative; z-index: 2; max-width:2000px; margin: 0 auto}

.top:before{content: ''; background: rgba(255, 255, 255, 0.5);-webkit-backdrop-filter: blur(16px);backdrop-filter: blur(16px); position: absolute; left: 20px; top: 0px; width: calc(100% - 40px); height: 70px;border-radius: 20px; z-index: 1; opacity: 0;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; max-width: 2000px; left: 50%; transform: translate(-50%,0)}

.top:hover{background: #f3f3f3}
.top:hover img.show{display: none}
.top:hover img.hide{display: block}
.top:hover .nav li>a{color: #000000}
.top:hover .phone_btn a{color: #000000}
.top:hover .enbtn a{color: #000000}
.top:hover .nav li>a:before{;border-style: solid;border-color:#000000;}

.top.nytop{background: #fafafa}
.top.nytop:hover,.top.nytop.cur:hover{background: #f3f3f3}
.top.nytop img.show{display: none}
.top.nytop img.hide{display: block}
.top.nytop .nav li>a{color: #000000}
.top.nytop .phone_btn a{color: #000000}
.top.nytop .enbtn a{color: #000000}
.top.nytop .nav li>a:before{;border-style: solid;border-color:#000000;}

.top.nytop.cur{background: none}


.top.cur{padding-top:10px;}
.top.cur:before{opacity: 1; top: 10px;}
.top.cur:hover:before{opacity: 0}

.top.cur img.show{display: none}
.top.cur img.hide{display: block}
.top.cur .nav li>a{color: #000000}
.top.cur .phone_btn a{color: #000000}
.top.cur .enbtn a{color: #000000}
.top.cur .nav li a:before{;border-style: solid;border-color:#000000;}


.topright{width: calc(100% - 200px); margin-right: 20px;}

.nav{width:46%; max-width:500px;}

.nav li>a{color: #ffffff; display: block; line-height: 70px;}
.nav li>a{position: relative;padding-right:8px; font-size: 14px;}
.nav li>a:before{content: ''; width:5px;  height:5px; position: absolute; background-size: 100% auto; left: 100%;top:44%;display: flex;border-width: 0 1px 1px 0;border-style: solid;
border-color:#ffffff;transform-origin: 75% 75%;transition: transform 0.1s ease;box-sizing: content-box;transform: rotateZ(45deg);}
.nav li:hover>a:before{transform: rotateZ(-135deg);}

.productnavdown{position: absolute; left: 0px; top: 70px; width: 100%; background: #f3f3f3; border-bottom-left-radius: 20px;border-bottom-right-radius: 20px; display: none}
.productnavdown dl{padding: 40px; padding-top: 0px;}
.productnavdown dd{background: #ffffff; border-radius: 20px; width:calc(20% - 60px); padding: 30px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;  }
.productnavdown dd p{font-weight:bold; font-size: 14px; margin-bottom: 10px;}
.productnavdown dd span a{color: #666666; padding:5px 0px; display: block}
.productnavdown dd span{display: block;}
.productnavdown dd span a:hover{text-decoration: underline; color: #000000}
.productnavdown dd em{display: block; margin-top: 20px;}
.productnavdown dd em a{width:70%; max-width: 300px; height: 36px; text-align: center; border-radius: 40px; border: 1px solid #000000; display: block; margin: 0 auto; line-height: 36px;}
.productnavdown dd em a:hover{background: #000000; color: #ffffff}

.productnavdown dt{position: relative; width:38%; border-radius: 20px;overflow: hidden; background: #000000; background-position: center center; background-size: cover; background-repeat: no-repeat;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.productnavdown dt:before{content: ''; width: 100%; height: 30%; position: absolute; left: 0px; bottom: 0px; background: linear-gradient(to top, rgba(0,0,0,1), rgba(0,0,0,0)); z-index: 1}
.productnavdown dt img{height: 100%;object-fit: cover;width: auto; max-width:none}
.productnavdown dt p{position: absolute; left: 0px; bottom:20px; width: calc(100% - 40px); padding: 0px 20px; color: #ffffff; font-size: 16px; z-index: 2}
.productnavdown dt p i{width: 120px; height: 30px; text-align: center; border-radius: 30px; border: 1px solid #ffffff; display: block;line-height: 30px; background: #ffffff; color:#000000;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; font-size: 14px;}
.productnavdown dt p i:hover{background: #000000; color: #ffffff; border: 1px solid #000000; }

.productnavdown dt a{height: 100%; width: 100%; display: block;}


.pronavright_list{display: none}
.pronavright_list.active {display: block !important;}
.productnavdown dl.hide-img dt { width: 0px!important;}
.productnavdown dd.main-active {width: calc(48% - 60px) !important;}
.productnavdown dl.hide-img dd:not(.main-active) {width:calc(25% - 60px)!important;}

.productnavdown dd span a.active{text-decoration: underline; color: #000000}


.prodownts .pronavtop{width: 100%}
.prodownts .pronavright{width: 0%}
.main-active .pronavtop{width: 45%}
.main-active .pronavright{width: 45%}

.solutionnavdown dd{width:calc(30.3% - 60px); }
.solutionnavdown .pronavtop span{width: 50%;}

.miannavdown dd{ width:calc(61.5% - 60px);}
.miannavdown .pronavtop{min-height: 100px;}
.miannavdown .pronavtop span{width: 33.33%;font-weight:bold; font-size: 14px; padding: 5px 0px; }


.topright_right{width:320px;}
.phone_btn img{width:20px; margin-right:10px;}
.phone_btn a{color: #ffffff; font-size: 18px;}

.search_btn{position: relative}
.search_btn>a{width:18px; display: block}


.search_down{position: absolute; left:50%; transform: translate(-50%,0);top:48px; background:#ffffff;border-radius: 10px; box-shadow: 0px 5px 5px rgba(0,0,0,0.05); width:240px; padding:20px;font-size: 14px; display: none}

.seainput{background:url("../images/soubtn2.svg") no-repeat 14px center #f6f6f6; background-size:14px auto;border-radius: 50px; border: 1px solid #dcdcdc; height:40px; padding: 0px 20px 0px 40px; width: calc(100% - 62px)}

.sbtn {width: 40px;height: 40px;position: absolute;background: transparent;top: 20px;left: 10px;}

.enbtn{position: relative;}
.enbtn a{color: #ffffff}
.enbtn a img{width: 20px; margin-right: 10px;}
.enbtn_down{position: absolute; left:50%; transform: translate(-50%,0);top:50px; background:#ffffff;border-radius: 10px; box-shadow: 0px 5px 5px rgba(0,0,0,0.05); width:120px; padding:10px 10px;font-size: 14px; text-align: center; display: none}
.enbtn_down a{display: block; padding:3px 0px;color: #666666;}

.enbtn_down a:hover{color: #000000; text-decoration: underline}



.morebtn{width: 118px; height:36px; background: #ffffff; border: 1px solid #ffffff; text-align: center; color: #000000; border-radius: 36px; font-size: 14px; line-height: 36px; display: block;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.morebtn:hover{background: #000000; border: 1px solid #000000; color: #ffffff; }
.morebtn2{position: relative; padding-right:15px; display:inline-block; font-weight: bold}
.morebtn2:before{content: ''; width:5px;  height:5px; position: absolute; background-size: 100% auto; right: 0%;top:35%;display: flex;border-width: 0 1px 1px 0;border-style: solid;
border-color:#000000;transform-origin: 75% 75%;transition: transform 0.1s ease;box-sizing: content-box;transform: rotateZ(-45deg);}

.morebtn.heise{background: #000000;border: 1px solid #000000; color: #ffffff}

.morebtn.heise:hover{background: #ffffff; border: 1px solid #000000; color: #000000; }

.morebtn.morebtn3{background:none; color: #ffffff}

.morebtn.morebtn3:hover{background: #ffffff; border: 1px solid #000000; color: #000000; }

.morebtn.morebtn4{background:none; color: #000000; border: 1px solid #000000}
.morebtn.morebtn4:hover{background: #000000; border: 1px solid #000000; color: #ffffff; }






.wapshow{display: none}
.banner{position: relative; overflow: hidden; width: 100%}
.banner .swiper-slide{height: 100vh; background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative;overflow: hidden}
.banner img{width: 100%}

.bantxt{position:absolute; left:50%;top:40%;transform: translate(-50%,-50%); width: 100%; color: #ffffff; z-index: 3}

.bantxt .mainbox{-webkit-animation-duration:1s;animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}


#banvideo{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);height: 100%; z-index: 1; object-fit: cover}
.mbanner{position: absolute; left:0px; top:0px; width:100%; z-index: 1;height:100%; display:none;background-position: center center; background-size: cover; background-repeat: no-repeat;}
.hsbj{width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.6); z-index: 2}

/* 新增：文字动画样式 */
.banwenzi span,.banwenzi h2,.banwenzi h3,.banwenzi .morebtn {opacity: 0;transform: translateY(20px);transition: all 0.6s ease;}
.banwenzi span { transition-delay: 0.2s; }
.banwenzi h2 { transition-delay: 0.4s; }
.banwenzi h3 { transition-delay: 0.6s; }

/* 激活时显示动画 */
.swiper-slide-active .banwenzi span,.swiper-slide-active .banwenzi h2,.swiper-slide-active .banwenzi h3,.swiper-slide-active .banwenzi .morebtn {opacity: 1;transform: translateY(0);}

.bantxt em{font-size: 18px;}
.bantxt h2{font-size:46px;font-weight:bold;line-height: 1.2}
.bantxt h3{font-size:14px;margin-bottom:30px;font-weight: normal; margin-top:15px; line-height: 1.8}

.banwenzi{max-width:560px;}

.pagination{position: absolute; left: 0px; bottom:80px; z-index: 2; width: 100%}
.pagination li{width: 220px; border-radius: 10px;background: rgba(0, 0, 0, 0.5);-webkit-backdrop-filter: blur(16px);backdrop-filter: blur(16px); padding: 10px; color: #ffffff; margin-right: 10px; cursor: pointer; position: relative; overflow: hidden;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.pagination li em{width: 24px; height: 24px; border-radius: 5px; background: #ffffff}

.pagination li em img{width: 60%}

.pagination li p{position: relative}
.pagination li p:before{content: ''; width:5px;  height:5px; position: absolute; background-size: 100% auto; right: 0%;top:44%;display: flex;border-width: 0 1px 1px 0;border-style: solid;
border-color:#ffffff;transform-origin: 75% 75%;transition: transform 0.1s ease;box-sizing: content-box;transform: rotateZ(-45deg);}

.pagination li p{margin: 5px 0px; font-size: 12px;}
.pagination li.cur{background: rgba(255, 255, 255, 0.5);}
.pagination li.cur em{background: #000000}
.pagination li.cur em img.hide{display:block}
.pagination li.cur em img.show{display: none}
.pagination li.cur p{color: #000000}
.pagination li.cur p:before{border-color:#000000;}


.pagination .zuo li .bar {position:absolute;left:0;bottom:0;width:0;height:3px;background:#000000;transition:none;}

.pagination .zuo li.cur .bar {width: 100%;transition: width linear 5s;}
.autoplay-progress {position:relative;z-index:10;width:49px;height:49px;display:flex;align-items:center;justify-content:center;font-weight:bold;color:#ffffff;}
.autoplay-progress svg {--progress:0;position:absolute;left:0;top:0px;z-index:10;width:100%;height:100%;stroke-width:2px;stroke:#ffffff;fill:none;stroke-dashoffset:calc(125.6 * (1 - var(--progress)));stroke-dasharray:125.6;transform:rotate(-90deg);}


.mainhezi{background: #ffffff;border-radius: 30px; margin-top: -30px; position: relative; z-index: 2; padding: 30px 0px;}

.syprobox .swiper-slide{background: #f3f3f3; border-radius: 20px; overflow: hidden; width: calc(20% - 12px); margin: 0px 6px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.syprobox .swiper-slide.cur{width: calc(26% - 12px)}
.syprobox .swiper-slide.cur2{width: calc(18.5% - 12px)}

.syprobox .swiper-slide a{display: block}
.syprobox .swiper-slide a:hover{background: #000000;color: #ffffff}
.syprobox .swiper-slide a:hover h2 span{background: #ffffff}

.syprobox .swiper-slide a h2{font-size: 14px; padding:20px}

.syprobox .swiper-slide a h2 span{width: 30px; height: 30px; border-radius: 5px;background: #000; margin-right: 18px;}
.syprobox .swiper-slide a h2 span img{max-height:60%; max-width:60%}
.syproimg{height:400px; background-position: center center; background-size: cover; background-repeat: no-repeat; border-radius: 20px;}
.syprobox .swiper-slide a:hover h2 span img.hide{display:block}
.syprobox .swiper-slide a:hover h2 span img.show{display: none}

.syprobox .swiper-slide a p{color: #666666}
.syprobox .swiper-slide a:hover p{color: #ffffff; width: calc(100% - 100px)}
.syprobox .swiper-slide a:hover .moreyou{display: block}

.syprotxt{padding: 20px; }
.moreyou{width:30px; height: 30px; position: relative;border-radius: 100%; background: #ffffff; display: none}
.moreyou:before{content: ''; width:5px;  height:5px; position: absolute; background-size: 100% auto; left: 35%;top:35%;display: flex;border-width: 0 1px 1px 0;border-style: solid;
border-color:#000000;transform-origin: 75% 75%;transition: transform 0.1s ease;box-sizing: content-box;transform: rotateZ(-45deg); }

.maintit{text-align: center}
.maintit h1{font-size: 40px;}

/*.syprobox .mainbox{width:96%; max-width: 1600px;}*/

.sysolutionbox .bigpic{border-radius: 20px;}
.solutiontxt{padding: 20px}
.solutiontxtleft p{font-size: 20px; font-weight: bold}
.solutiontxtleft span{color: #666666; display: block; min-height:42px;}
.sysolutionbox dd{width: calc(33.33% - 10px);}
.sysolutionbox dl{margin-top: 20px;}
.sysolutionbox dl.erduan .solutiontxtleft{margin-bottom: 10px;}

.syindustry{position: relative}
.syindustry .swiper-slide{position: relative; width:80%; border-radius: 20px; overflow: hidden}
.syindustry .swiper-slide:before{content: '';position: absolute; left: 0px; bottom: 0px; background: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0)); width:100%; height: 100%; z-index: 1;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.syindustry .swiper-slide a{display: block}
.syindustry .swiper-slide:hover:before{opacity: 0;}
.syindustry_txt{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width:80%; color: #ffffff; z-index: 2}

.syindustry_txt h3{font-size:30px; line-height: 1.2; margin: 10px 0px;}

/* 新增：文字动画样式 */
.syindustry_txt h3,.syindustry_txt p,.syindustry_txt span,.syindustry_txt em {opacity: 0;transform: translateY(20px);transition: all 0.6s ease;}
.syindustry_txt span { transition-delay: 0.1s; }
.syindustry_txt h3 { transition-delay: 0.2s; }
.syindustry_txt p{ transition-delay: 0.4s; }
.syindustry_txt em { transition-delay: 0.6s; }

/* 激活时显示动画 */
.swiper-slide-active .syindustry_txt span,.swiper-slide-active .syindustry_txt h3,.swiper-slide-active .syindustry_txt p,.swiper-slide-active .syindustry_txt em {opacity: 1;transform: translateY(0);}


.syindustry .swiper-container{overflow: hidden}
.syindustry .swiper-button-prev{left:1%; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; opacity: 0; visibility: hidden; background: rgba(255,255,255,1); width: 46px; height: 46px;border-radius: 100%}
.syindustry .swiper-button-next{right:1%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; opacity: 0; visibility: hidden;background: rgba(255,255,255,1); width: 46px; height: 46px;border-radius: 100%}
.syindustry .swiper-button-next:after, .syindustry .swiper-button-prev:after{color:rgba(0,0,0,1); font-size: 12px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; font-weight: bold}
.syindustry .swiper-button-next:hover:after, .syindustry .swiper-button-prev:hover:after{color:#ffffff;}
.syindustry:hover .swiper-button-prev,.syindustry:hover .swiper-button-next{opacity: 1; visibility: visible}
.syindustry .swiper-button-prev:hover,.syindustry .swiper-button-next:hover{background: rgba(0,0,0,1);}


.syindustry .swiper-pagination{z-index: 9; transform: translate(-50%,0);left:50%; bottom:30px; width:86%;max-width: 1400px; }
.syindustry .swiper-pagination-bullet{background:rgba(255,255,255,0.2);opacity: 1; width:10px; height:10px;margin:0px 6px; border-radius:100%;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.syindustry .swiper-pagination-bullet-active { background:rgba(255,255,255,1)}

.synewsbox{position: relative}
.synewstit h2{font-size: 18px;color: #666666}
.synewstit {margin-bottom:30px;}
.synewsbox .swiper-slide a{display: block}
.synewsbox .swiper-slide a em{font-weight: 200; color: #666666}
.synewsbox .swiper-slide a h3{font-size: 20px; line-height: 1.6}
.synewsbox .swiper-slide a p{margin: 20px 0px; color: #666666}

.heisebj{background: #000000; color: #ffffff;}
.biaogs{ margin-top: -30px;}
.sykehubox{overflow: hidden}
.sykehubox li{width:16%; height:80px; border-radius: 50px; border: 1px solid rgba(255,255,255,0.5); margin-top:10px; margin-bottom:10px;}

.sykehubox li img{max-width:40%;max-height:30%;}

.gunone li{ margin-left:40px;}
.guntwo li{margin-right:40px;}


.sycontact{height:70vh;background: url("../images/bj.png") no-repeat center center  #000000; background-size:100% 100%; }
.sycontact_txt{text-align: center}
.sycontact_txt h2{font-size:30px; line-height: 1.4}

.sycontact_txt .morebtn3{margin-right: 20px;}



.syfaqbox ul{width: calc(100%% + 12px); margin-left:-12px; }
.syfaqbox li{width: calc(33.33% - 12px); margin-left: 12px; margin-top: 12px; background: rgba(255,255,255,0.07); border-radius: 20px; position: relative; overflow: hidden}
.syfaqbox li:before{width: 30px; height: 30px; background:url("../images/faq.svg") no-repeat center center; background-size: 100%; content: ''; position: absolute; left: 20px; top: 20px; z-index: 2}
.syfaqbox li a h3{position: absolute; left: 20px; bottom: 20px;color: #ffffff; font-size:14px;transition: all 0.3s ease;}

.syfaqbox li a h4{color: #ffffff;}
.syfaqbox li a p{color: rgba(255,255,255,0.5);}
.syfaqbox li img{opacity:0;}
.syfaqbox li a:hover img{opacity: 1}
.syfaqtxt{opacity: 0;  
    overflow: hidden;  
    visibility: hidden; 
    transform: translateY(100px);
    transition: all 0.5s ease;}
.syfaqbox li a:hover .syfaqtxt{ transform: translateY(0px); opacity: 1; visibility: visible}
.syfaqbox li a:hover h3{opacity: 0; bottom: 30px;}


.syfaqbox li a:hover p{opacity: 1; height: auto; visibility: visible; transform: translateY(0)}
.syfaqbox li a:hover h4{position:relative; bottom: 0px;}


.syfaqtxt{width:calc(100% - 40px); padding: 20px; left: 0px;bottom: 0px; position:absolute; z-index: 2}

.syfaqtxt h4{font-size:16px; margin-bottom: 5px;}


.nyfaqbox li:before{display: none}
.nyfaqbox li{background: rgba(255,255,255,0.15);}
.nyfaqbox li em{position: absolute; right:24px; top: 24px; background: rgba(255,255,255,0.2); border-radius: 30px; text-align: center; line-height: 28px; color: #ffffff; padding: 0px 20px; font-size: 12px;}




.footerbox{background: #000000; color: rgba(255,255,255,0.5);}
.footer_nav{width: 70%;}
.footer_nav li p{color: #ffffff; font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.footnavdown span{display: block;}
.footnavdown span a{color: rgba(255,255,255,0.5);}
.footnavdown span a:hover{color: rgba(255,255,255,1);}

.footer_contact h3{font-size: 14px; color: #ffffff; margin-bottom: 10px;}

.footer_contact p{font-size: 12px;}
.footer_contact p a{color: rgba(255,255,255,0.5);}
.footer_contact p a:hover{color: rgba(255,255,255,1);}

.footerbot{font-size: 12px; padding: 20px 0px; text-align: center}
.footerbot a{color: rgba(255,255,255,0.5);}
.footerbot a:hover{color: rgba(255,255,255,1);}
.footerbot span a{margin-left: 10px; position: relative}

.gztit{margin-top:20px; margin-bottom:10px;}
.guanzhus li{width: 40%; text-align: center}
.guanzhus li img{border-radius:5px; overflow: hidden; width: 100%}
.guanzhus li em{display: block; margin-top: 10px}

.erweima{position: absolute; left: 50%; bottom:30px; width:140px; transform: translate(-50%,0); box-shadow: 0px 0px 10px rgba(0,0,0,0.05); opacity: 0; visibility: hidden; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; z-index: 99999; padding:2px; background: #fff; border-radius:20px; padding:20px;}

.erweima li{width: 45%; text-align: center}
.erweima em{display: block; color: #000000}

.erweima:before{content:'';width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff; left: 50%; bottom: -5px; transform: translate(-50%,0%); position: absolute}

.footerbot span a:hover .erweima{opacity: 1; visibility:visible}


.fudong{position: fixed; right: 5px; top: 50%; transform: translate(0,-50%); width:60px; z-index: 4; display: none;}

.fudong ul{box-shadow: 0px 0px 10px rgba(0,0,0,0.1);border-radius: 5px;background: #fff; border-radius:15px; }
.fudong li{text-align: center; position: relative;font-size: 12px;}
.fudong li a{ padding:10px 0px; display: block}
.fudong li a>p{line-height: 1.2; margin-top:5px; font-size: 12px;}
.fudong li a>img{max-width:20px;  margin: 0 auto}

.fudong li:nth-child(1) a{border-top-left-radius: 15px;border-top-right-radius: 15px;}
.fudong li:nth-child(4) a{border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;}



.fudong_down{position: absolute; width:160px;box-shadow: 0px 0px 10px rgba(0,0,0,0.1); right:70px; top:0px; background: #fff; padding: 20px; text-align: left; opacity: 0; visibility: hidden;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;border-radius:5px;}

.fudong_down span{font-size:20px;#083878; font-weight: 500;}
.fudong_down:before{content: ''; width: 0;height: 0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left: 10px solid #ffffff; position: absolute; left: 100%; top: 20px; }

.mabsx{width: 100px; text-align: center}
.mabsx p{margin-bottom: 0px; margin-top: 10px; font-size: 14px;}
.fudong li:hover .fudong_down{opacity: 1;visibility: visible; right: 60px;}

.topup{width: 100%; margin-top:10px; font-size: 12px; text-align: center; background: #ffffff;box-shadow: 0px 0px 10px rgba(0,0,0,0.1); display: block; padding:10px 0px;border-radius: 5px; border-radius: 100%}
.topup img{width: 20px; margin: 0 auto}

.fudong a img.hide{display: none}
.fudong a:hover{background: #000000; color: #ffffff}
.fudong a:hover img.show{display: none}
.fudong a:hover img.hide{display:block}

.kong{height:70px;border-bottom: 1px solid #ebebeb}
.mianbao{line-height: 40px; color: #666666; background: #fafafa}
.mianbao em{padding: 0px 5px;}
.mianbao a{ color: #666666}
.mianbao a:hover{ color: #000000}
.mianbao a:last-child{color: #333333}

.mianbao .mainbox{max-width: 2000px; width: calc(100% - 40px);padding-left:40px;}

.nybanner{position: relative;background-repeat: no-repeat; background-size: cover; background-position: center center;}
.nybantxt{text-align: center; padding:60px 0px;}
.nybantxt h2{font-size:48px;}
.nybantxt p{color: #666666;}

.nyfaqboxbj{background: url("../images/faqbj.jpg") no-repeat center center #000000; background-size: 100% auto}
.page{color: #ffffff; }
.page.heise{color: #000000; }
.pagenav a{color: #ffffff; display: block}
.pagenav em a{width: 30px; height: 30px; border-radius: 100%; text-align: center; margin: 0px 8px;border: 1px solid rgba(0,0,0,0); line-height: 30px;}
.pagenav em a:hover{background: #e1e1e1; color: #000;border: 1px solid #e1e1e1}
.pagenav em a.cur{background: #e1e1e1; color: #000;border: 1px solid #e1e1e1}
.pagenav span{margin: 0px 8px;}

.page.heise .pagenav a{color: #000000;}
.page.heise .pagenav em a:hover{background: #e1e1e1; color: #000; border: 1px solid #9b9b9b}
.page.heise .pagenav em a.cur{background: #e1e1e1; color: #000;border: 1px solid #9b9b9b}


.guanggao{background-repeat: no-repeat; background-size: cover; background-position: center center; border-radius: 40px;padding: 4%; text-align: justify;} 
.guanggaotxt{ max-width: 70%}
.guanggao h3{font-size: 48px; width: 54%; line-height: 1.2}
.guanggao p{width: 54%; margin:2% 0px 4%;}

.guanggao.baise{color: #ffffff}

.nynewstit a{width: calc(33.33% - 16px); height: 50px; line-height: 50px; border: 1px solid #e6e6e6; border-radius: 12px; text-align: center; font-weight: bold; font-size: 16px; color: #a3a3a3}
.nynewstit a:hover{color: #000000; border: 1px solid #999999}
.nynewstit a.cur{color: #000000; border: 1px solid #999999}


.activo{width: 40px; height: 40px; background: #f2f2f2; border-radius: 10px; margin-right: 10px;}
.activo img{max-width: 40%; max-height: 40%}

.activity_left{position: relative; width: 47.5%; border-radius:20px; overflow: hidden}

.activity_left em{position: absolute; right:16px; top:16px; background: rgba(255,255,255,0.2); border-radius: 30px; text-align: center; line-height: 28px; color: #ffffff; padding: 0px 20px; font-size: 12px;}

.activity_right{width:48%}
.activity_right em{background: linear-gradient(to right, #4ecdff, #194698);-webkit-background-clip: text;color: transparent; font-weight: bold}
.activity_right h2{font-size:24px; margin-top: 10px}

.activity_right>p{margin: 15px 0px 20px;}
.activity_right li{margin-bottom: 20px; font-size: 12px;}
.acttxt i{display: block; color: #999999;}
.activitytop .mosx{margin-top: 30px;}
.activitytop{position: relative}
.activitytop .swiper-container{overflow: hidden}
.activitytop .swiper-pagination{right: 0px;bottom:10px; left: auto; width: auto;}
.activitytop .swiper-pagination-bullet-active{background: #000000}

.actcen_left{max-width: 135px; width: 20%}
.actcen_left img{width: 30px; height: 30px;}
.actcen_left i{background: #e3e3e3; width: 1px;}
.actcen_left p{width: 50px; text-align: center}
.actcen_left p em{font-size:48px; line-height: 1;}
.actcen_left p span{color: #666666; margin-top: 10px; display: block}

.activitycenter li{border-bottom: 1px solid #e3e3e3; padding: 40px 0px;}

.actcen_center{width: calc(70% - 200px);}
.actcen_center i{background: #dcf5ff; border-radius: 30px; text-align: center; line-height: 28px; color: #333333; padding: 0px 20px; font-size: 12px; display: inline-block}

.actcen_center h3{font-size: 18px; margin: 10px 0px}
.actdz{line-height: 20px; margin:15px 0px;}
.actdz em{color: #999999; background: url("../images/dizhi.svg") no-repeat left center; background-size:13px auto; padding-left:17px; margin-right: 30px;}

.actdz span{color: #999999; background: url("../images/shijian.svg") no-repeat left center; background-size:15px auto; padding-left:20px;}

.kaishi_btn{width: 118px; height:36px; background: #fff0cd;text-align: center; color: #ffb503; border-radius: 36px; font-size: 14px; line-height: 36px; display: block;}
.jieshu_btn{width: 118px; height:36px; background: #f0f2f5;text-align: center; color: #999999; border-radius: 36px; font-size: 14px; line-height: 36px; display: block;}
.activitycenter li .bigpic{width:23%; max-width: 400px; border-radius: 10px;}

.nynewsbox ul{width: calc(100% + 32px); margin-left:-32px;}

.nynewsbox li{width: calc(25% - 32px); margin-left: 32px; margin-bottom: 32px;border-top-left-radius:10px;border-top-right-radius:10px;overflow: hidden }

.newstxt{padding:20px; border: 1px solid #eaeaea; border-bottom-left-radius:20px;border-bottom-right-radius:20px; overflow: hidden;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; border-top: none!important}
.newstxt span{color: #666666}
.newstxt p{height: 100px; font-weight: bold}
.newstxt em{float: right}

.newstxt .morebtn{width: 100px; height: 30px; line-height: 30px; font-size: 12px;}

.nynewsbox li a:hover .newstxt{ border: 1px solid #999999;}

.nynewsbox li a:hover .morebtn4{background: #000000; border: 1px solid #000000; color: #ffffff; }

.nynewsshowtit{background: #000000; color: #ffffff}

.nynewsshowtit{text-align: center;padding:40px 0px;}
.nynewsshowtit h1{max-width:800px; margin: 0 auto; margin-top: 10px;}
.nynewsshowtit p img{width: 15px; margin-right: 10px;}


.newsshowleft{width: 65%; text-align: justify; color: #2c2c2c}
.newsshowleft p{margin-top: 20px}
.newsshowleft p:first-child{margin-top: 0px;}

.newsshowright{border: 1px solid #eaeaea; width: 25%; border-radius: 20px; position: sticky; top: 80px}

.newsshowright ul{padding: 0px 30px;}
.newsshowright h3{font-weight: normal; padding:20px 30px}

.newsshowright li{border-top: 1px solid #cccccc;padding: 20px 0px}
.newsshowright li a span{color: #666666}
.newsshowright li a p{font-weight: bold}
.newsshowright li a span img{width: 15px; margin-right: 10px;}

.resources_left{width:20%; position: sticky; top: 80px}
.resources_left h2{font-size: 48px;}
.resources_left ul{width: calc(100% + 10px); margin-left:-10px; margin-top:20px; margin-bottom: 50px;}
.resources_left li{width: calc(50% - 10px); margin-left: 10px;}
.resources_left li a{ border: 1px solid #333333; margin-top: 10px; text-align: center; border-radius: 50px; height: 42px; line-height: 42px; display: block}
.resources_left li a:hover,.resources_left li a.cur{background: #000000; color: #ffffff}

.resources_ggw{background: url("../images/cbl.jpg") no-repeat center center; background-size: cover; border-radius: 12px; padding: 60px 28px 80px; text-align: justify}

.resources_ggw h3{font-size: 26px;}

.resources_ggw p{margin: 20px 0px 30px;}

.resources_right {width:74.5%}
.resources_right ul{width: calc(100% + 32px); margin-left:-32px;}

.resources_right li{width: calc(33.33% - 32px); margin-left: 32px; margin-bottom: 32px;border-top-left-radius:10px;border-top-right-radius:10px;overflow: hidden }

.resourcestxt{padding:20px; border: 1px solid #eaeaea; border-bottom-left-radius:20px;border-bottom-right-radius:20px; overflow: hidden;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; border-top: none!important}
.resourcestxt span{color: #666666}
.resourcestxt p{height: 100px; font-weight: bold; margin: 20px 0px; font-size: 16px;}

.resourcestxt i{background:#dcf5ff; border-radius: 30px; text-align: center; line-height: 28px; color: #333333; padding: 0px 20px; font-size: 12px; display:inline-block}


.resourcesshowtit{background: #000000; color: #ffffff}

.resourcesshowtit{padding:40px 0px;}
.resourcesshowtit h1{margin:10px 0px;}

.resourcesshow_left{width: 38.5%; background: #f2f4f6; border-radius: 10px; padding-top: 60px;}
.resourcesshow_left_kuang{background: #ffffff; border-top-left-radius: 20px;border-top-right-radius: 20px;box-shadow: 0px -5px 15px rgba(0,0,0,0.05); width: calc(78% - 76px); margin: 0 auto;padding: 38px;}
.resourcesshow_left_kuang img{width: 40%}
.resourcesshow_left_kuang p{color: #a3a3a3; font-size: 26px; line-height: 1.4; margin-top: 20px; min-height: 100px}

.resourcesshow_right{width: 55%;}
.resourcesshow_right_txt p{margin-top: 20px;}

.morebtn.juzhong{display: flex}
.morebtn img{width: 10px; margin-right: 10px;}
.morebtn:hover img.show{display: none}
.morebtn:hover img.hide{display:block}

.lines{height: 1px; background: #e3e3e3; margin: 9% 0px;}


.resourcesshow_tuijian_left p{font-size: 30px; font-weight: bold; margin-bottom: 20px;}


.videobox{border-radius: 20px; overflow: hidden}

.casevideo h4{margin-bottom:30px;  font-size: 20px;}

.resourcesshow_case_left{width: 38.5%;}

.casepics{border-radius: 10px; overflow: hidden}

.casepics_ma{ background: #f2f4f6; border-radius: 10px; margin-top: 34px; text-align: center; padding:30px;}

.casepics_ma img{margin: 0 auto; width: 100px; margin-top: 20px;}

.aboutbanner{position: relative}
.aboutbanner img{width: 100%}

.aboutbannertxt{position: absolute; left: 0px; top: 40%; width: 100%; transform: translate(0,-50%); color: #ffffff}
.aboutbannerwenzi{width: 55%; max-width:800px;}
.aboutbannerwenzi h1{font-size:38px; margin-bottom: 20px;}

.about_number li{width: 25%; text-align: center; margin:30px 0px;}

.about_number li p{font-size:50px; font-weight: bold; color: #194698 }
.about_number li p em{background: linear-gradient(145deg, #4ecdff 1%, #194698 99%);-webkit-background-clip: text;color: transparent;}

.nyabouthoner{background: url("../images/abouthonorbj.jpg") no-repeat center center; background-size: cover; color: #ffffff}

.nyabtit h2{font-size:30px;}

.nyhonorbox li{width: 30%; position: relative}

.nyhonorbox li p{font-size: 50px; width: 100%; top: 0px; left: 0px; text-align: center; position: absolute; line-height: 1; font-weight: bold}
.nyhonorbox li span{font-size: 14px; width: 100%; bottom:0px; left: 0px; text-align: center; position: absolute}

.nyfazhangbj{background: url("../images/fazhanbj.jpg") no-repeat center bottom #d9dde0; background-size:100% auto; width: 100%}
.nyfazhangbox{max-width: calc((100% - 1600px) / 2 + 1600px);margin-left: 5%; width: 95%}



.nyfazhangbox .swiper-container{overflow: hidden}
.nyfazhangbox .swiper-slide{width:300px; position:relative}


.nyfazhangbox .swiper-slide:nth-child(24){margin-top:0px}
.nyfazhangbox .swiper-slide:nth-child(23){margin-top:10px}
.nyfazhangbox .swiper-slide:nth-child(22){margin-top:20px}
.nyfazhangbox .swiper-slide:nth-child(21){margin-top:30px}
.nyfazhangbox .swiper-slide:nth-child(20){margin-top:40px}
.nyfazhangbox .swiper-slide:nth-child(19){margin-top:50px}
.nyfazhangbox .swiper-slide:nth-child(18){margin-top:60px}
.nyfazhangbox .swiper-slide:nth-child(17){margin-top:70px}
.nyfazhangbox .swiper-slide:nth-child(16){margin-top:80px}
.nyfazhangbox .swiper-slide:nth-child(15){margin-top:90px}
.nyfazhangbox .swiper-slide:nth-child(14){margin-top:100px}
.nyfazhangbox .swiper-slide:nth-child(13){margin-top:110px}
.nyfazhangbox .swiper-slide:nth-child(12){margin-top:120px}
.nyfazhangbox .swiper-slide:nth-child(11){margin-top:130px}
.nyfazhangbox .swiper-slide:nth-child(10){margin-top:140px}
.nyfazhangbox .swiper-slide:nth-child(9){margin-top: 150px}
.nyfazhangbox .swiper-slide:nth-child(8){margin-top: 160px}
.nyfazhangbox .swiper-slide:nth-child(7){margin-top: 170px}
.nyfazhangbox .swiper-slide:nth-child(6){margin-top: 180px}
.nyfazhangbox .swiper-slide:nth-child(5){margin-top: 190px}
.nyfazhangbox .swiper-slide:nth-child(4){margin-top: 200px}
.nyfazhangbox .swiper-slide:nth-child(3){margin-top: 210px}
.nyfazhangbox .swiper-slide:nth-child(2){margin-top: 220px}
.nyfazhangbox .swiper-slide:nth-child(1){margin-top: 230px}




.nyfazhangbox .swiper-slide:before{content:''; width: 2px; height: 100%;background: linear-gradient(to top, rgba(0,0,0,0) 10%, rgba(0,0,0,0.1) 90%); position: absolute; left: 0px; top: 0px;}
.yeartxt{padding:10px 28px}
.nyfazhangbox .swiper-slide:after{content:''; width: 2px; height:60px;background:#212223; position: absolute; left: 0px; top: 0px;}
.yeartxt{padding:10px 28px}



.yeartxt h4 em{font-size:42px;background: linear-gradient(to right, #4ecdff 10%, #194698 90%);-webkit-background-clip: text;color: transparent; line-height: 1}
.yeartxt p{position: relative; margin-top:10px; padding-left: 15px;}
.yeartxt p:before{content: ''; width: 5px; height: 5px; background: #194698; border-radius: 100%; position: absolute; left: 0px; top: 10px;}


.nywenhua{background: url("../images/wenhuabj.jpg") no-repeat center bottom #000000; background-size:100% auto; color: #ffffff}
.wenhuabox li img{height:70px;}
.wenhuabox li{width: 20%}
.wenhuabox li p{font-size:30px; line-height: 1.2}
.wenhuabox li span{margin: 40px 0px 20px; display: block}
.wenhuabox li.line{width: 1px; background: rgba(255,255,255,0.2)}


.nypartner .sykehubox li{border: 1px solid rgba(0,0,0,0.5)}



.aboutguangga{border-radius: 0px; padding: 5% 0px;}

.guanggao.aboutguangga h3{width: auto; font-size: 30px; margin-bottom: 10px}
.guanggao.aboutguangga p{width: auto; margin: 0px;}

.brandbj{background: #000000}
.brandleft{width: 46%;  margin-top: -5%; position: sticky; top: 100px;}

.brandleft li{display: none;border-radius: 20px; overflow: hidden}
.brandleft li:first-child{display: block}

.brandright{width:50%; position: relative}
.brandright li{padding: 40px 0px; opacity: 0.3;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;  }
.brandright li h3{color: #ffffff; font-size: 30px; position: relative; padding-left: 50px;}
.brandright li h3:before{content: ''; width: 10px; height: 10px; border-radius: 100%; border: 2px solid #4ecdff; position: absolute; left:-6px; top: 50%; transform: translate(0,-50%); background: #000000; opacity: 0}
.brandright li h4{color: #ffffff; font-size:18px; margin: 20px 0px; line-height: 1.6; font-weight: normal;padding-left: 50px;}
.brandright li p{color: rgba(255,255,255,0.6);padding-left: 50px;}

.brandright li.cur{opacity: 1}
.brandright li.cur h3 em{background: linear-gradient(to right, #4ecdff 10%, #194698 90%);-webkit-background-clip: text;color: transparent;}
.brandright li.cur h3:before{opacity: 1}

.brandline {
  width: 1px;
  background: rgba(255,255,255,0.3);
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}
.brandline span {
  width: 100%;
  background: #fff;
  display: block;
  height: 0;
  transition: height 0.3s ease;
}


.lansebj{background: #e9f8ff}

.message{width:calc(40% - 100px); background: #ffffff; border-radius: 20px; padding:40px 50px;}
.contact_txt{width: 52%}
.message h3{font-size: 24px; margin-bottom: 30px;}
.message li{margin-bottom: 10px;}
.inputtxt{width: calc(100% - 32px); border: 1px solid #808080; height:46px; padding: 0px 15px;border-radius: 46px;}
.message li textarea{width: calc(100% - 32px); border: 1px solid #808080; height:100px; padding:15px;border-radius: 20px;}

.inputbtn{width: 114px; height:38px; background: #000000; border: 1px solid #000000;  color: #ffffff; border-radius: 40px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}

.inputbtn:hover{background: #333333;}

.contact_txt .nyabtit{margin: 10px 0px;}
.maillink{margin: 20px 0px 50px}
.maillink a img{width: 16px; margin-right: 10px;}
.maillink a {height: 40px; border-radius: 40px; border: 1px solid #000000; padding: 0px 20px;}
.maillink a:nth-child(1){background: #000000; margin-right:10px; color: #ffffff}
.maillink a:nth-child(1):hover{background: #ffffff; color: #000000}
.maillink a:nth-child(2):hover{background: #000000; color: #ffffff}
.maillink a:hover img.show{display: none}
.maillink a:hover img.hide{display:block}
.conimgs img{width: 80%}

.contactleft{width: 37.5%; border-radius: 20px;overflow: hidden}

.contactright{width: 56%}
.contactright ul{height: 100%}
.contactright li{height: 20%; border-bottom: 1px solid rgba(0,0,0,0.1)}
.contactright li a{width: 100%; display: block}

.contactright li h4{font-size: 20px; position: relative}
.contactright li p{margin-top: 10px; display: none}
.contactright li:nth-child(1) p{display: block}
.contactright li h4:before{content: ''; width:7px;  height:7px; position: absolute; background-size: 100% auto; left: calc(100% - 14px);top:44%;display: flex;border-width: 0 1px 1px 0;border-style: solid;
border-color:#000000;transform-origin: 75% 75%;transition: transform 0.1s ease;box-sizing: content-box;transform: rotateZ(45deg);}
.contactright li a:hover h4:before{transform: rotateZ(-135deg);}

.contactright li.cur h4:before{transform: rotateZ(-135deg);}

.jobleft{width: 260px; text-align: justify}
.jobleft p{margin-top: 40px;}

.jobright{width: calc(100% - 350px)}
.jobright ul{width: calc(100% + 24px); margin-left: -24px;}
.jobright li{width: calc(33.33% - 24px); margin-left: 24px; margin-bottom: 24px; border-radius: 5px; overflow: hidden;}
.jobright li a:before{content: ''; position: absolute; left: 0px; top: 0px; width: 100%;background: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0) ); height: 50%; z-index:1;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;}
.jobright li p{position: absolute; left: 10px; top: 10px; z-index: 2; color: #ffffff}
.jobright li a{display: block; position: relative}
.jobright li a:hover:before{opacity:0}


.jobsearch select{width:25%;border: 1px solid #e3e3e3; border-radius: 5px; height: 48px; padding: 0px 15px; background: url("../images/down2.svg") no-repeat 95% center; background-size: 10px auto}
.jobsearch_right{width: calc(75% - 10px);}

.jobsearch_btn{width: 160px; height: 46px; background: #000000; color: #ffffff;border-radius: 5px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}

.jobsearch_btn:hover{background: #333333;}

.jobsearch_txt{width: calc(100% - 191px); padding: 0px 15px; border: 1px solid #e3e3e3; border-radius: 5px; height: 44px; border-top-right-radius: 0px;border-bottom-right-radius: 0px; border-right: none}


.joblist ul {/* 瀑布流核心：多列布局 */  column-count:2;/* 2列瀑布流 */  column-gap:40px;/* 列之间间距 */  width:100%;margin:0;padding:0;list-style:none;}
.joblist li {/* 必须加，防止卡片被拆成两列 */  break-inside:avoid;width:100%;margin-bottom:40px;/* 卡片上下间距 */  border-radius:20px;overflow:hidden;background:#f2f4f6;}
.joblist li a {padding:38px;display:block;}
.joblist li a h3 {font-size:20px;margin-bottom:20px;}
.joblist li a h4 {font-size:16px;margin-bottom:15px;}
.joblist li p {color:#666666;margin:5px 0;}
.jobsbtn {padding-top:30px;border-top:1px solid #e3e3e3;margin-top:30px;}
.jobsbtn em {color:#999999;}


.cuoguos{border-top: 1px solid #e3e3e3; text-align: center}

.mailtolink img{width: 20px;}

.cuoguos h2{font-size: 30px;}
.cuoguos h2 em{background: linear-gradient(to right, #4ecdff 10%, #194698 90%);-webkit-background-clip: text;color: transparent;}
.cuoguos p{margin: 20px 0px 30px;}

.mailtolink img{width: 16px; margin-right:8px; max-height:14px}
.mailtolink a{background: #000000; margin-right:10px; color: #ffffff;height: 40px; border-radius: 40px; border: 1px solid #000000; padding: 0px 20px;}
.mailtolink a:hover{background: #ffffff; color: #000000}
.mailtolink a:hover img.show{display: none}
.mailtolink a:hover img.hide{display:block}

.mailtolink.baise a{background: #ffffff;border: 1px solid #ffffff; color: #000000 }
.mailtolink.baise a:hover{background:none; color: #ffffff}



.tanchubox{position: fixed; left: 0px; top: 0px; background: #ffffff; width: 100%; height: 100%; z-index: 99; display: none}

.close{width: 20px; position: absolute; right: 5%; top:30px;}
.close:hover{transform: rotate(180deg);}


.tanchutit{border-bottom: 1px solid #e3e3e3; height: 80px;}
.tanchutit h2{width:90%;max-width: 800px; margin: 0 auto;}

.tanjobtxt{width: 90%; max-width: 800px; margin: 0 auto; max-height: calc(100vh - 180px); overflow-y: scroll;}


.tanjobtxt h4 {font-size:16px;margin-bottom:15px; margin-top: 30px}
.tanjobtxt p {color:#666666;margin:5px 0;}


.tanchubox .mailtolink{height: 100px;border-top: 1px solid #e3e3e3;}

.tanjobtxt::-webkit-scrollbar-thumb {background: #eee;}

body.hidden{overflow-y: hidden}


.hangyebanner{background-repeat: no-repeat; background-size: cover; background-position: center center; border-bottom: 1px solid #e3e3e3}


.hangyebantxt{width: 50%; max-width: 600px;}
.hangyebantxt em{height: 28px; background: #e9f1f9; border-radius: 30px; padding: 0px 20px; display: inline-block; line-height: 28px;}
.hangyebantxt em i{background: linear-gradient(to right, #4ecdff 10%, #194698 90%);-webkit-background-clip: text;color: transparent;}

.hangyebantxt h2{font-size: 30px; margin: 20px 0px}

.hangyebantxt .mailtolink{margin-top:10%}

.hangyebanimg{width: 30%}

.hangyenumber li{width:calc(33.33% - 60px);background: #ffffff; border-radius: 20px; border-left: 4px solid #191919; padding: 25px;}

.hangyenumber li p em{background: linear-gradient(to right, #4ecdff 10%, #194698 90%);-webkit-background-clip: text;color: transparent; font-size:24px; font-weight: bold}


.hangyete ul{width: calc(100% + 20px); margin-left: -20px;}
.hangyete li{width: calc(50% - 20px); margin-left: 20px; margin-bottom: 20px; border-radius:20px; overflow: hidden; position: relative}

.hangyete li a{position: absolute; left: -2%; top: -2%; background: #f2f5fa; width: calc(104% - 100px); height: calc(104% - 100px); padding: 50px; z-index: 2;}

.hangyete li a i{max-width:60px; max-height: 60px; position: absolute; right:50px; top:50px}
.hangyete li:before{content: ''; width: 100%; height: 50%; position: absolute; left: 0px; bottom: 0px;background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0)); opacity: 0; z-index: 1}
.hangyete li a em{font-size:80px; font-weight:300; color: #e4e9fa;font-family: 'Roboto'; line-height: 1}

.hangyete li p{font-size:18px; font-weight: bold; margin-top: 30px}

.hangyete li a:hover{background: none; color: #ffffff}
.hangyete li a:hover em{opacity: 0}
.hangyete li a:hover i img.show{display: none}
.hangyete li a:hover i img.hide{display:block}
.hangyete li:hover:before{opacity: 1}

.hangyetdcase{background-repeat: no-repeat; background-size: cover; background-position: center center;}

.baise{color: #ffffff}

.hytongdian dl{background: #ffffff; border-radius: 20px; border-top: 8px solid #4ecdff; width: calc(50% - 70px); padding: 30px;}
.hytongdian dl:nth-child(2){ border-top: 8px solid #194698;}
.hytongdian dl:nth-child(2) dt em{ background: #edf3fc;border: 1px solid #d1daea}
.hytongdian dl:nth-child(2) dd em{background: #edf3fc; color: #317cf6;}

.hytongdian dt{font-size: 20px; font-weight: bold;margin-bottom: 20px;}
.hytongdian dt em{width: 60px; height: 60px; background: #edf8fc; border-radius: 20px; border: 1px solid #dcf5ff}
.hytongdian dt em img{max-width: 40%; max-width:40%}

.hytongdian dd{width: calc(50% - 52px); margin-left: 10px; background: #f7f9fc; border-radius: 20px; border: 1px solid #ebebff; padding: 20px;float: left; margin-top: 10px;}
.hytongdian dd em{width: 60px; height: 60px; background: #edf8fc; border-radius: 10px; color: #4ecdff; text-align: center; line-height: 60px; font-size: 30px;font-family: 'Roboto'; font-weight: 300}
.hytongdian dd p{width: calc(100% - 80px)}
.hytongdian dd p span{font-weight: bold; display: block}
.hytongdian dd p i{font-size: 12px; line-height: 1.4; display: block}

.hytongdian dl div{width: calc(100% + 10px); margin-left: -10px; }


.hxgnimg{width: 70px; height: 70px; border: 1px solid #d0e3fd; border-radius: 10px;background: #f5f6f7}
.hxgnimg img{max-width: 50%; max-height: 50%}

.hxgntxt{width: calc(100% - 100px);}
.hxgntxt h4{font-size:16px;}
.hxgntxt p{font-size: 12px;}

.hxgongneng_left{width: 40.5%}
.hxgongneng_left ul{height: 100%}
.hxgongneng_left li{height: 100%; border-radius: 20px; overflow: hidden; position: relative}
.hxgongneng_left li .xia{height: 100%}
.hxgongneng_left li:before{content: '';width: 100%; height: 50%; position: absolute; left: 0px; bottom: 0px;background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));}
.hxgongneng_left li{display: none}
.hxgongneng_left li:first-child{display: block}

.hxgongneng_right{width: 55%}

.hxgongneng_right li{border-bottom: 1px solid #f2f2ff; border-radius: 20px;}
.hxgongneng_right li a{padding: 20px 50px 20px 40px;}

.hxgongneng_lefttxt{padding:30px; color: #fff; position: relative; z-index: 2}
.hxgongneng_lefttxt h4{font-size: 24px; margin-bottom: 10px;}

.hxgntxtshow{display: none; margin-top: 10px;}
.hxgongneng_right li.cur{background: #f7f9fc; border-left: 6px solid #000000}
.hxgongneng_right li.cur .hxgntxtshow{display: block}

.hxgongneng_right li.cur .hxgnimg{width: 100px; height: 100px;}
.hxgongneng_right li.cur .hxgnimg img.show{display: none}
.hxgongneng_right li.cur .hxgnimg img.hide{display:block}
.hxgongneng_right li.cur .hxgntxt h4{font-size: 20px;}
.hxgongneng_right li.cur a{padding: 20px 40px 20px 40px;}

.jiazhilianghua{background-repeat: no-repeat; background-size: cover; background-position: center center; color: #ffffff}

 .progress-wrap {
            display: flex;
            justify-content: space-around;
            flex-wrap: wrap;
            gap: 40px;
        }
        .progress-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            width: 220px;
        }
        .circle-wrap {
            position: relative;
            width: 200px;
            height: 200px;
            margin-bottom: 20px;
        }
        /* 背景圈：细 */
        .circle-bg {
            fill: none;
            stroke: rgba(255,255,255,0.15);
            stroke-width: 8;
        }
        /* 渐变进度圈：更粗 */
        .circle-bar {
            fill: none;
            stroke-width: 14; 
            stroke-linecap: round;
            stroke: url(#gradient);
            transform: rotate(-90deg);
            transform-origin: center;
            transition: stroke-dashoffset 2s ease-in-out;
            stroke-dashoffset: 565.48; /* 默认隐藏 */
        }
        .progress-number {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #ffffff;
            font-size: 56px;
            font-weight: bold;
        }


.syqiye li{width: calc(20% - 12px); overflow: hidden; margin-left: 10px; border-top-left-radius: 20px;border-top-right-radius: 20px; border: 1px solid #eaeaea;border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }

.syqiye ul{width: calc(100% + 10px); margin-left: -10px; }

.syqiyetxt{padding:20px;width: calc(100% - 40px); vertical-align:text-top}
.syqiyetxt p{font-size:14px; line-height: 1.4; margin-bottom: 10px;}
.syqiyetxt span{display: block; min-height:60px;}

.syqiyetxt em{color: #dddddd; font-size: 48px; line-height: 1; text-align: right; display: block;font-family: 'Roboto'; font-weight: 300; margin-top:10px;}

.casebox .swiper-container{overflow: hidden}
.casebox .swiper-slide{border-radius: 20px; overflow: hidden; position: relative; width:45%}

.caselogo{position: absolute; left:20px; top: 0px; width:calc(40% - 40px);background: rgba(255, 255, 255, 0.5);-webkit-backdrop-filter: blur(16px);backdrop-filter: blur(16px);border-radius: 20px;top: 20px; height: calc(100% - 80px); padding:20px; color: #ffffff; }

.caselogoimg{height: 60px; width: 80px}
.caselogoimg img{max-height:80%; max-width: 80%}
.caselogotxt p{font-size: 40px; line-height: 1; font-weight: bold; margin-top: 20px; margin-bottom: 10px}
.caselogotxt span{font-size: 12px;}

.qiehuan{position: relative; padding: 30px 0px;}

.qiehuan .swiper-pagination{position: relative; display: block; width: auto; left: auto; bottom: auto;}
.qiehuan .swiper-pagination-bullet-active{background: #000000}


.qiehuan .swiper-button-next,.qiehuan .swiper-button-prev{position: relative; left: auto; right: auto; top: auto; border: 1px solid #e0e0e0; margin: 0px; transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; opacity:1;  width: 46px; height: 46px;border-radius: 100%}

.qiehuan .swiper-button-prev{margin-right: 10px;}
.qiehuan .swiper-button-next:after, .qiehuan .swiper-button-prev:after{color:rgba(0,0,0,1); font-size: 12px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; font-weight: bold}
.qiehuan .swiper-button-next:hover:after, .qiehuan .swiper-button-prev:hover:after{color:#ffffff;}
.qiehuan .swiper-button-prev:hover,.qiehuan .swiper-button-next:hover{background: rgba(0,0,0,1);}

.faqboxs li{border-top: 1px solid #e3e3e3; padding:20px 0px; cursor: pointer}
.faqboxs li h3{position: relative; font-size:16px; margin-bottom: 10px; padding-left: 30px;}
.faqboxs li h3:before{content: ''; width:7px;  height:7px; position: absolute; background-size: 100% auto; left: calc(100% - 14px);top:44%;display: flex;border-width: 0 1px 1px 0;border-style: solid;
border-color:#000000;transform-origin: 75% 75%;transition: transform 0.1s ease;box-sizing: content-box;transform: rotateZ(45deg);}
.faqboxs li.cur h3:before{transform: rotateZ(-135deg);}
.faqboxs li p{color: #666666; position: relative; padding-left: 20px; display: none}
.faqboxs li h3:after{content: 'Q:'; position: absolute; left: 0px; top: 0px;background: linear-gradient(to right, #4ecdff 10%, #194698 90%);-webkit-background-clip: text;color: transparent; }
.faqboxs li p:before{content: "A:";position: absolute; left: 0px; top: 0px;}

.faqboxs li:first-child p{display: block}


.hangyegua{background-repeat: no-repeat; background-size: cover; background-position: center center; text-align: center; color: #ffffff} 

.hangyegua h3{font-size: 36px; margin-bottom: 10px;}



.solutionbanner{position: relative}
.solutionbanner img{width: 100%}

.solutionbannertxt{position: absolute; left: 0px; top:50%; width: 100%; transform: translate(0,-50%); color: #ffffff}
.solutionbannerwenzi{width: 50%; max-width:670px;}
.solutionbannerwenzi h1{font-size:38px; margin-bottom: 20px;}

.solution_fatxt{text-align: center; padding: 0px 5%}

.solution_box .hytongdian dl{box-shadow: 0px 0px 20px rgba(0,0,0,0.1)}
.solution_box .hytongdian dd{width: calc(100% - 52px);}


.solution_value{background-repeat: no-repeat; background-size: cover; background-position: center center; text-align: center; color: #ffffff} 

.solution_valuebox li{text-align: center; width: calc(20% - 41px); padding:20px; border-left: 1px solid rgba(255,255,255,0.2)}
.solution_valuebox li span{font-family: 'Roboto'; font-weight: 300; display: block; font-size: 30px;}
.solution_valuebox li p{font-size:24px; font-weight: bold}

.solution_valuebox li:first-child{border: none}


.solution_shiyong li{width: calc(25% - 32px); overflow: hidden; margin-left: 32px; border-radius:10px; position: relative}
.solution_shiyong ul{width: calc(100% + 32px); margin-left: -32px; }

.solution_shiyong li p{background: rgba(0,0,0,0.6); position: absolute; left: 10px; bottom: 10px; color: #ffffff; text-align: center; width: calc(100% - 40px); padding: 10px;border-radius:10px; font-weight: bold;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; }

.solution_shiyong li a:hover p{background: rgba(255,255,255,0.9); color: #000000 }

.productbanner{background-repeat: no-repeat; background-size: cover; background-position: center center; } 


.probannertxt{width: 50%; max-width: 600px;}
.probannertxt em{height: 28px; background: #e9f1f9; border-radius: 30px; padding: 0px 20px; display: inline-block; line-height: 28px;}
.probannertxt em i{background: linear-gradient(to right, #4ecdff 10%, #194698 90%);-webkit-background-clip: text;color: transparent;}

.probannertxt h2{font-size: 32px; margin: 20px 0px}
.probannertxt h3{font-size: 20px; margin-bottom: 10px;}
.probannertxt h4{font-weight: normal; font-size: 14px; line-height: 1.8}
.probannertxt p{position: relative; padding-left: 25px; margin-top: 10px;}
.probannertxt p:before{content: ''; width:14px; height: 14px; position: absolute; left: 0px; top:4px; background: url("../images/dui.png") no-repeat left center; background-size: 100% auto}


.probannerimg{width: 50%}
.centertxt{text-align: center}
.nyabtit p{margin-top: 10px;}

.chudianlist{background: #000000; border-radius: 20px; overflow: hidden; color: #ffffff; padding:30px 5%;}
.chudianlist ul{width: calc(100% + 80px); margin-left: -80px;}
.chudianlist li{width: calc(50% - 160px); margin-left: 80px; margin-top: 20px; margin-bottom: 20px; position: relative; padding-left: 80px;}
.chudianlist li:before{width: 60px; height: 60px;border: 1px solid rgba(255,255,255,0.3); background: rgba(255,255,255,0.2); border-radius: 10px; color: #ffffff; font-size: 30px;font-family: 'Roboto'; font-weight: 300; position: absolute; left: 0px; top:0px; text-align: center; line-height: 60px;}
.chudianlist li span{display: block; opacity: 0.7}
.chudianlist li p{font-size: 16px; font-weight: bold}
.chudianlist li:nth-child(1):before{content: '01'}
.chudianlist li:nth-child(2):before{content: '02'}
.chudianlist li:nth-child(3):before{content: '03'}
.chudianlist li:nth-child(4):before{content: '04'}
.chudianlist li:nth-child(5):before{content: '05'}
.chudianlist li:nth-child(6):before{content: '06'}
.chudianlist li:nth-child(7):before{content: '07'}
.chudianlist li:nth-child(8):before{content: '08'}
.chudianlist li:nth-child(9):before{content: '09'}
.chudianlist li:nth-child(10):before{content: '10'}

.chudianimg{margin-top: 30px;}
.chudianimg {width: calc(100% + 26px); margin-left: -26px;}
.chudianimg li{border-radius: 20px; overflow: hidden; width: 24%; position: relative; height: 400px;transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; margin-left: 26px; }
.chudianimg li a{display: block; width: 100%; height: 100%;background-repeat: no-repeat; background-size: cover; background-position: center center;}
.chudianimg li:before{content: ''; width: 100%; position: absolute; left: 0px; bottom: 0px; height:30%;background: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0));}

.chudianimg_txt{position: absolute; left:5%; width: 90%; bottom:20px; color: #ffffff;}
.chudianimg_txt p{font-weight: bold;}
.chudianimg_txt span{display: block; font-size: 12px; opacity: 0.8; display: none}
.chudianimg li.cur{width: calc(76% - 26px);}
.chudianimg li.cur span{display: block;}

.posquanliucheng dt{width:calc(25% - 40px); border-radius: 20px; padding:20px; color: #ffffff;}
.posquanliucheng dd{width: calc(75% - 20px);}

.posquanshutxt p{margin: 20px 0px 30px; font-size: 12px;}

.posquanshuju{background:rgba(255,255,255,0.12); border-radius: 20px; padding: 10px 28px;}
.posquanshuju p{padding:8px 0px;}
.posquanshuju em{font-size: 14px;}
.posquanshuju span{font-size: 14px;}
.posquanliucheng dd ul{width: calc(100% + 20px); margin-left: -20px; margin-top: -20px;} 
.posquanliucheng dd li{width: calc(33.33% - 62px); border: 1px solid #ebebff; background: #f7f9fc; border-radius: 12px; margin-left: 20px; margin-top: 20px; padding: 20px;}
.posquanliucheng dd li h4{font-size: 16px;}
.posquanliucheng dd li p{font-size: 12px; margin:10px 0px;}
.posquanliucheng dd li em{font-size: 12px;background: #d5f0fd;line-height: 28px; padding: 0px 20px; border-radius: 30px;margin-right: 10px;}

.poslctu{ margin-top: 30px;}
.poslctu p{font-weight: bold}
.poslctuover{width: calc(100% - 80px)}
.poslctu li{background: #f7f9fc; border: 1px solid #ebebff; padding:5px 10px; width: calc(14.2% - 26px); border-left: 4px solid #000; border-radius:10px; text-align: center; position: relative; margin-left:40px;}
.poslctu li:before{content:""; width: 10px; height: 10px; position: absolute; left: calc(100% + 16px); background: url("../images/you.png") no-repeat center center; background-size: 100% auto; top: 50%; transform: translate(0,-50%)}
.poslctu li:first-child{margin-left: 0px;}
.poslctu li:last-child:before{display: none}

.zengzhangjh ul{width: calc(100% + 30px); margin-left: -30px;} 
.zengzhangjh li{width: calc(25% - 30px); margin-left: 30px; margin-bottom: 30px;border-radius: 10px; overflow: hidden}
.zengzhangjh li a{height: 100%; background: #ffffff; display: block}
.zzhangtxt{background: #ffffff; border-top-right-radius: 40px; margin-top: -40px; position: relative; z-index: 2; padding: 20px;}
.zzhangtxt h3{margin-bottom: 10px;}
.zzhangtxt p{font-size: 12px;}

.hengxinnl{background-repeat: no-repeat; background-size: cover; background-position: center center;border-radius: 20px; color: #ffffff; padding:100px 50px;position: relative}

.hengxinnl dl{width: 50%}

.hengxinnl dt{font-size: 30px; font-weight: bold; margin-bottom: 20px;}
.hengxinnl dd{background: url("../images/dui2.png") no-repeat left 5px; background-size: 20px auto; margin:15px 0px; padding-left: 30px;}

.cxlc{position: absolute; left:30px; bottom:30px;}
.cxlc:before{content: ''; width: 0;height: 0;border-left:6px solid transparent;border-right:6px solid transparent;border-top: 6px solid #ffffff; position: absolute; left: 50%; bottom:-10px; transform: translate(-50%,0)}
.cuixiaolc ul{width: calc(100% + 20px); margin-left: -20px;}
.cuixiaolc li{width: calc(25% - 70px); margin-left: 20px; margin-top: 20px; border: 1px solid #ebebff; padding: 24px; background: #f7f9fc; border-radius: 20px;}

.cuixiaolc li span{width: 60px; height: 60px; background: #edf8fc; border-radius: 10px; text-align: center; line-height: 60px; color: #4ecdff; display: block; font-size: 30px;font-family: 'Roboto'; font-weight: 300;}
.cuixiaolc li h4{font-size:16px; margin:20px 0px 10px;}

.gukebox{background-repeat: no-repeat; background-size: cover; background-position: center center;}

.gukebox li{background: rgba(255,255,255,0.9); width: calc(50% - 112px); border-radius: 20px; padding: 50px;}
.gukebox li h2{font-size: 30px; margin-bottom: 20px}
.gukebox li h4{font-weight:normal; line-height: 1.6; margin-bottom: 30px;}

.gukebox li p{background:rgba(0,0,0,0.8); border-radius: 20px; padding:20px 40px; color: #ffffff}
.gukebox li p span{padding: 10px 0px; line-height: 24px;}
.gukebox li p .line{width: 50%; height: 10px; border-radius: 10px; background: rgba(255,255,255,0.3);}

.gukebox li p .line em{background: #ffffff; border-radius: 10px; height: 10px; display: block}

.gukebox li p em{font-size: 18px;}

.gengduojix{border-radius: 40px; box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.05); padding: 38px;}
.gengduojx_left{border-radius: 20px; width: 40%; overflow: hidden}

.gengduojx_right{width:55%}

.gengduojx_right h2{font-size: 26px;}
.gengduojx_right h3{font-weight: normal; font-size: 14px; margin: 20px 0px; line-height: 1.6}
.gengduojx_right>p span{position: relative; padding-left:24px;background: url("../images/dui.png") no-repeat left 5px; background-size: 14px auto; margin-right: 30px;}

.gengduojx_right ul{width: calc(100% + 10px); margin-left: -10px; margin-top: 20px;}
.gengduojx_right li{width: calc(50% - 52px); margin-left: 10px; margin-top: 10px; border: 1px solid #ebebff; padding: 20px; background: #f7f9fc; border-radius: 20px;}

.gengduojx_right li em{width: 60px; height: 60px; background: #edf8fc; border-radius: 10px; text-align: center; line-height: 60px; color: #4ecdff; display: block; font-size: 30px;font-family: 'Roboto'; font-weight: 300;}
.gengduojx_right li p{width: calc(100% - 80px)}
.gengduojx_right li p span{display: block;}
.gengduojx_right li p .btxt{font-size: 16px; font-weight: bold}
.gengduojx_right li p .stxt{font-size: 12px; font-weight: normal;}

.zdleft{width: calc(43% - 100px); background: #ffffff; border-radius: 20px; padding: 50px; color: #000000}
.zdleft h2{font-size: 24px;}
.zdleft p{margin: 20px 0px;}

.zdleft li{background: #f7f9fc; border-radius: 10px; border: 1px solid #ebebff; border-left:4px solid #000000; padding: 25px; margin-top: 10px}

.zdleft li em{ font-size: 30px;font-family: 'Roboto'; font-weight: 300; color: #d8dadd}
.zdright{width: calc(57% - 20px);}

.zdright_top{background: #ffffff; border-radius: 20px;padding: 50px; color: #000000; min-height: calc(40% - 100px);}
.zdright_top h3{font-size: 24px; margin-bottom: 20px;}

.zdright_top p span{background: #dcf5ff; padding:5px 15px; border-radius: 30px; margin-right: 6px; display: inline-block; margin-bottom: 5px}

.zdright_bot{background: #ffffff; border-radius: 20px; border-radius: 20px; color: #000000; padding: 50px; min-height: calc(60% - 120px);}
.zdright_bot ul{width: calc(100% + 30px); margin-left: -30px; height: 100%}
.zdright_bot li{width: calc(50% - 30px); margin-left: 30px; height: 50%}
.zdright_bot li p{font-weight: bold; font-size: 18px;}
.zdright_bot li span{display: block; margin-top: 10px; font-size: 12px;}

.zhongduanbot{background: #ffffff; border-radius: 20px; border-radius: 20px; color: #000000; padding:30px; font-size: 24px; margin-top: 20px; text-align: center}

.quanqiu_right{width: 45.25%; border-radius: 25px; overflow: hidden}

.quanqiu_left{width: 45%}
.quanqiu_left h2{font-size: 34px; margin-bottom: 20px}

.quanqiu_left ul{width: calc(100% + 30px); margin-left: -30px;}
.quanqiu_left li{width: calc(50% - 30px); margin-left: 30px; margin-top: 30px;}
.quanqiu_left li span{font-size:34px; font-weight: bold;background: linear-gradient(to right, #4ecdff, #194698);-webkit-background-clip: text;color: transparent;}

.lingshouleft{width: 46%; border-radius: 40px; overflow: hidden}

.lingshouright{width: 48%}
.lingshouright h2{font-size: 34px; margin-bottom: 20px}

.lingshouright li{margin-top: 30px}
.lingshouright li em{width: 60px; height: 60px; background: #edf8fc; border-radius: 10px; text-align: center; line-height: 60px; color: #4ecdff; display: block; font-size: 30px;font-family: 'Roboto'; font-weight: 300;}
.lingstxt{width: calc(100% - 80px)}
.lingstxt p{display: block; font-size: 16px; font-weight: bold}
.lingstxt p span{font-size: 12px;}

.wapnav{display: none}
.wapnavbj{display: none}

.ourkehutxt{line-height: 2; max-width: 1000px;}

.ourkehutxt p{text-indent: 2em} 


.nykehutit{text-align: center; max-width: 800px; margin: 0 auto}

.nykehutit li{font-size: 14px;}
.nykehutit li a{color: #666; font-weight: bold}
.nykehutit li a:hover{color: #000000; text-decoration: underline}
.nykehutit li.cur a{color: #000000; text-decoration: underline}

.ketigs{color: #666666; padding-bottom:40px;}
.ketigs span{color: #000000}


.quanqudao .zzhangtxt{background: #f7f9fc}
.quanqudao .zzhangtxt span{font-size: 30px;font-family: 'Roboto'; font-weight: 300;}
.quanqudao li a{background: #f7f9fc}

.quanqudao_imagesbox{border-radius: 20px; border: 1px solid #ebebff; overflow: hidden}
.badabox ul{width: calc(100% + 20px); margin-left: -20px}
.badabox li{width: calc(25% - 60px); border-radius: 20px; padding: 20px; margin-left: 20px; margin-bottom: 20px;background: #f7f9fc; color: #000000}
.badabox li em{width: 60px; height: 60px; background: #edf8fc; border-radius: 10px; text-align: center; line-height: 60px; color: #4ecdff; display: block; font-size: 30px;font-family: 'Roboto'; font-weight: 300;}

.badabox li p{font-weight: bold; font-size: 16px; margin: 20px 0px 10px;}


.liuda_right{width: 40%;border-radius: 20px; overflow: hidden}
.liuda_left{width: 55%}
.liuda_left li{border-bottom: 1px solid #e3e3e3;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center; min-height: 16%; position: relative}
.liuda_left li a{display: block; width: 100%; padding: 10px 0px;}
.liuda_left li em{background: #dcf5ff; padding: 5px 15px;border-radius: 30px; font-weight: normal; margin-right: 10px; font-size: 12px;}

.liuda_left li:before{content: ''; width:7px;  height:7px; position: absolute; background-size: 100% auto; left: calc(100% - 14px);top:50%;display: flex;border-width: 0 1px 1px 0;border-style: solid;
border-color:#000000;transform-origin: 75% 75%;transition: transform 0.1s ease;box-sizing: content-box;transform: rotateZ(45deg);}
.liuda_left li.cur:before{transform: rotateZ(-135deg);}

.liuda_left li p{display: none; padding-left:76px;}
.liuda_left ul{height: 100%}
.liuda_left li:nth-child(1) p{display: block}
.liuda_left li h4{margin: 10px 0px; font-size: 14px; }


.yunjiagoubox ul{width: calc(100% + 10px); margin-left: -10px; margin-top: 20px;}
.yunjiagoubox li{width: calc(50% - 52px); margin-left: 10px; margin-top: 10px; border: 1px solid #ebebff; padding: 20px; background: #f7f9fc; border-radius: 20px;}

.yunjiagoubox li em{width: 60px; height: 60px; background: #edf8fc; border-radius: 10px; text-align: center; line-height: 60px; color: #4ecdff; display: block; font-size: 30px;font-family: 'Roboto'; font-weight: 300;}
.yunjtxt{width: calc(100% - 80px)}
.yunjiagoubox li p{font-size: 16px; font-weight: bold}


.sandahexinbox{border-radius: 20px; background-position: center center; background-size: cover; background-repeat: no-repeat}
.sandahexinbox ul{padding:10% 8% 5%;}
.sandahexinbox li{border-bottom: 1px solid rgba(255,255,255,0.2); width: 33.33%; position: relative; min-height: 40vh;}
.sandahexinbox li span{display: block; color: #ffffff; text-align: center; padding: 10px 0px; margin-top: 50px; cursor: pointer; position: absolute; left: 0px; bottom: -1px; width: 100%}

.sandh{background: rgba(255,255,255,0.9); border-radius: 20px; padding: 30px; opacity: 0; backface-visibility: hidden; transform: translateY(50px);transition:0.5s all;-webkit-transition:0.5s all;-moz-transition:0.5s all;-o-transition:0.5s all;-ms-transition:0.5s all; position: absolute; left: 0px; top: 0px;}
.sandh h3{font-size: 24px; margin-bottom: 10px;}

.sandahexinbox li.cur .sandh{opacity: 1;visibility: visible; transform: translateY(0)}
.sandahexinbox li.cur span{border-bottom: 1px solid #ffffff; }


.r3quandao{ background-position: center center; background-size: cover; background-repeat: no-repeat;}


.r3quandao .nyabtit{width:25%; text-align: left}

.r3quandao_list{width:65%}
.r3quandao_list ul{width: calc(100% + 20px); margin-left: -20px;}
.r3quandao_list li{width: calc(50% - 80px); margin-left:20px; margin-top: 20px;padding:40px 30px; background: #f7f9fc; border-radius: 20px;}

.r3quandao_list li h4{position: relative; padding-left: 25px;margin-bottom: 10px; font-size: 16px;}
.r3quandao_list li h4:before{content: ''; width:14px; height: 14px; position: absolute; left: 0px; top:4px; background: url("../images/dui.png") no-repeat left center; background-size: 100% auto}

.sandazhongxin .cuixiaolc li{width: calc(33.33% - 70px);}

.shxietong{border: 1px solid #ebebff;padding:50px 24px;border-radius: 20px; margin-top: 20px; background: url("../images/kfs.jpg") no-repeat right center #f7f9fc; background-size: auto 100%}

.shxietong h3{font-size: 18px; margin-bottom: 20px}
.shxietong p{ max-width: 360px;}

.r3boxleft{width: 45%}
.r3boxleft ul{height: 100%}
.r3boxleft li{border-bottom: 1px solid #e3e3e3; padding: 30px; cursor: pointer; min-height:calc(25% - 70px)}
.r3boxleft li.cur{background: #000; color: #ffffff; border-radius: 10px;}
.r3boxleft li h3{font-size: 16px; margin-bottom: 10px;}
.r3boxright{width: 50%; background: #f7f9fc; border-radius: 20px;}
.r3boxright li{display: none; text-align: center; padding: 30px;}
.r3boxright li:first-child{display: block}

.r3boxright li p{font-weight: bold; margin-bottom: 20px; font-size: 14px;}



.teshuboxs .r3boxright{width: 100%}

.teshuboxs .r3boxleft{width: 100%}
.teshuboxs .r3boxleft li{width: 24%}

.fblack{color:#000000 !important;}
.fblack:hover{color:#000000  !important;}