@charset "utf-8";
@import url("base.css");/* 重置&常用样式 */
@font-face{
    font-family:'Poppins-Regular';
    src:url('../fonts/Poppins-Regular.woff') format('woff');
    font-display:swap;
}
@font-face{
    font-family:'Poppins-Medium';
    src:url('../fonts/Poppins-Medium.woff') format('woff');
    font-display:swap;
}
/* 全局变量 */
.fred{color: #f21010;}
.fmain{color: var(--primary-color);}
.w100{width: 100%;}
h2,h3,h1{font-weight: var(--font-weight__m);}
.f20{font-size: var(--font-size__20);}
.f32{font-size: var(--font-size__32) !important;}
.f36{font-size: var(--font-size__36);}
.l12{line-height: 1.2;}
:root{
--max-width: 1600;
--max-mid-width: 1440;
--background-cover: no-repeat center center / cover;
--background-contain: no-repeat center center / contain;
--default-color__rgb: 51, 51, 51; /*#333*/
--default-color: rgba(var(--default-color__rgb), 1);
--primary-color__rgb: 0, 129, 204;/*#1e83c0*/
--primary-color: rgba(var(--primary-color__rgb), 1);
--secondary-color__rgb: 7, 173, 205/*#07adcd*/;
--secondary-color:rgba(var(--secondary-color__rgb), 1);
--font-family: 'Poppins-Regular', sans-serif;
--font-family-medium: 'Poppins-Medium', sans-serif;
--font-family__en: 'Poppins-Regular', 'hm', sans-serif;
--white-color__rgb: 255,255,255; /*#FFFFFF*/
--white-color: rgba(var(--white-color__rgb), 1);
--black-color__rgb: 0,0,0; /*#000000*/
--black-color: rgba(var(--black-color__rgb), 1);
--main_line_height: 1.867;
--button_height: 0.7rem;
--font-weight__l: 100;
--font-weight__r: 400;
--font-weight__m: 500;
--font-weight__sb: 600;
--font-weight__b: 700;
--ttf:cubic-bezier(0.175, 0.885, 0.32, 1.275);
--transition: 1s var(--ttf);
--ttf-bouce:cubic-bezier(0.175, 0.885, 0.32, 1.275);
--itemhover:	transform: translate3d(0, -4px, 0);
--header_height: .72rem;
--border:1px solid #ededed;
--bg-color:#edf2f7;
}

/* 比例要求 */
/*超过1920px时，比例不变  默认*/
html{font-size: 100px;}
main{/*max-width: 1920px;*/margin: 0 auto;}
@media (max-width: 1920px) {
html:not(.view){font-size: calc(100 / 1920 * 100vw);}
}
@media (max-width: 1024px) {
html:not(.view){font-size: calc(100 / 1000 * 100vw);}
}
@media (max-width: 480px) {
html:not(.view){font-size: calc(100 / 560 * 100vw);}
}

body{font-size: var(--font-size__16); font-family:var(--font-family); line-height:  var(--main_line_height); color: var(--black-color); background-color: #f7f8fa;}

.container {width: 87.6%;margin: 0 auto;max-width: calc(var(--max-width) * 1px);}
.container.mid{max-width: calc(var(--max-mid-width) * 1px);}
@media (max-width: 1024px) {
body{font-size: var(--font-size__22);}
  .container { width: 92%;}
:root{
  --header_height: 0.65rem;
}
}

.view.editor{line-height: 1.8;}

/* 引导页 s */
.default-page{height: 100vh;position: relative;width: 100%;}
.default-page:before{background-color: rgba(var(--black-color__rgb), 0.15);content: "";left: 0;top: 0;width: 100%;height: 100%;position: absolute;z-index: 10;}
.default-page figure{padding-bottom: 100vh;}
.default-page .info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;color: #fff;text-align: center;padding-bottom: var(--padding-margin__100);width: 87%;text-shadow: 0 0.04rem 0.49rem rgba(12,69,104,0.5);}
.default-page .info .font-fadeIn{overflow: visible;}
.default-page .info h1{font-size:var(--font-size__68);margin-bottom: var(--padding-margin__60);justify-content: center;}
.default-page .info h2{font-size:var(--font-size__30);margin-bottom: var(--padding-margin__60);font-weight: var(--font-weight__m);justify-content: center;}
.default-page .enter{display: inline-block;text-align: center;min-width: 2.52rem;font-size: var(--font-size__22);color: #fff;background-color: var(--primary-color);border-radius: 0.7rem;position: relative;line-height: 0.7rem;overflow: hidden;}
.default-page .enter span{position: relative;z-index: 10;margin-right: 0.27rem;transition: all 0.5s ease-in-out;}
.default-page .enter em{display: inline-block;vertical-align: middle;width: 0.18rem;height: 0.18rem;border-radius: 50%;background-color: rgba(var(--white-color__rgb), 0.2);position: absolute;transition: all 0.65s ease-in-out;right: -0.44rem;top: 50%;transform: translateY(-50%);}
.default-page .enter em:after{width: 0.06rem;height: 0.06rem;border-radius: 50%;background-color: var(--white-color);content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);transition: all 1s ease-in-out;}
.default-page .enter:hover span{margin-right: 0;display: block;}
.default-page .enter:hover em{position: absolute;width: 3rem;height:3rem;right: 0;margin: 0;}
.default-page .enter:hover em:after{position: absolute;width: 3rem;height: 3rem;right: 0;margin: 0;background-color: rgba(var(--white-color__rgb), 0.05);}

.default-page .web{position: absolute;z-index: 11;bottom: var(--padding-margin__100);color: #fff;width: 87%;left: 50%;transform: translateX(-50%);}
.default-page .web li{flex: 1;position: relative;padding: 0 var(--padding-margin__60);}
.default-page .web span{font-size: var(--font-size__26);font-weight: var(--font-weight__m);}
.default-page .web .go{border-radius: 0.52rem;border:2px solid rgba(var(--white-color__rgb), 0.5);line-height: 0.48rem;min-width: 1.64rem;padding: 0 0.2rem;text-align: center;transition: all 0.5s ease-in-out;}
.default-page .web .go:hover{background-color:var(--white-color);color: var(--primary-color);}
@media(max-width:1440px){
  .default-page .web li{padding: 0 var(--padding-margin__20);}
  .default-page .web .go{min-width: 1.4rem;}
}
@media(min-width:1025px){
.default-page .web li:first-child{padding-left: 0;}
.default-page .web li:last-child{padding-right: 0;}
.default-page .web li:not(:last-child):after{position: absolute;right: 0;top: 50%;width: 1px;height: 0.4rem;margin-top: -0.2rem;background-color: rgba(var(--white-color__rgb), 0.3);content: "";}
}
@media(max-width:1024px){
  .default-page .web li{padding-top: 0.2rem;}
}
/* 引导页 end */

/* Start
========================================================================== */
header{position: fixed;left: 0;top: 0.36rem;width: 100%;z-index: 100; transition: var(--transition);--max-width:1600;}
header .inbox{width: 83.125%; border-radius: .3rem;background-color: rgba(var(--white-color__rgb), 0.6);}

header.dark-style{}
header.dark-style.up{ box-shadow: 0 0.08rem 0.2rem rgba(219,219,219,0.3);}
header .logo {background-color:#f7f8fa; padding: .1rem; border-radius: .3rem;}
header .logo img{ height: 0.47rem;}
@media (max-width:1024px) {
  header .inbox{width: auto; padding: 0 .2rem;}
}
@media (max-width:480px) {
header .logo img{ height: 0.28rem;}
}
/* header.light-style .logo img{filter: brightness(0) invert(1);} */
header .container{height: var(--header_height);}
.light-style .main-nav li > span,
.light-style .main-nav li span a{display: block;}
.main-nav li span a{line-height: var(--header_height);position: relative;display: block;}
.main-nav li span a::before{position: absolute; content:''; left: 50%; bottom: 0.2rem; height: 0.04rem; transform: translateX(-50%);opacity: 0;width: 0; transition: var(--transition);border-radius: 0.05rem;}
.light-style .main-nav li span a::before{background-color: var(--white-color); }
.dark-style .main-nav li span a::before{background-color: var(--primary-color); }

/* .h-right{width: 0.8rem;} */
.h-lang{margin-left: 0.4rem;margin-right: 0.45rem;position: relative;font-size: var(--font-size__16);}
.h-lang dt{width: 0.22rem;height: 0.22rem;background: url(../images/svg/language.svg) no-repeat center center;background-size:contain;}
.h-lang dd{position: absolute;left: 0;top: 100%;width: 100%;padding: 0.2rem 0; visibility: hidden; transform: translateY(-0.2rem); transition: 0.5s;}
.h-lang dd a{display: block;}
.h-lang:hover dd{visibility: visible; transform: translateY(0);}
@media (max-width:1024px) {
  .h-lang{margin-right: 0;}
}

.open-search{display: block;width: 0.22rem; height: 0.22rem; background: var(--background-contain);cursor: pointer;}
.light-style .open-search{background-image: url(../images/svg/search.svg);}
.dark-style .open-search{background-image: url(../images/svg/search.svg);}
.search-show .light-style .open-search{background-image: url(../images/svg/close.svg);}

.top-search{position: absolute; top: 100%; left: 0;width: 100%;padding: 0.2rem 0; background-color: rgba(var(--black-color__rgb),0.3);display: flex;justify-content: center; transform: translateY(0.2rem); opacity: 0; transition: var(--transition); visibility: hidden;}
.top-search .inner{position: relative;border-radius: 0.05rem;max-width: 6rem;width: 90%;background-color: var(--white-color);padding: 0 0.2rem 0 0;}
.top-search .form-input{padding: 0 0.2rem; line-height: 0.52rem;height: 0.52rem;flex: 1;}
.top-search .btn{ width: 0.4rem;height: 0.4rem;background: url(../images/svg/search.svg) var(--background-contain); margin-left: 0.2rem; flex-shrink: 0; background-size: auto 60%;}
.search-show .top-search{transform: translateY(0); opacity: 1; visibility: visible;}

.main-nav li{margin: 0 0.25rem 0 0.25rem;position: relative;z-index: 99;}
.main-nav li:nth-child(3),.main-nav li:nth-child(4),.main-nav li:nth-child(5),.main-nav li:nth-child(6){position: static;}
.main-nav .sub{transition: 0.5s;}
.main-nav .sub .left dd:not(:last-child){margin-bottom:0.3rem;}
.main-nav .sub .p-menu dd{line-height: calc(30 / 22);}
.main-nav .sub .p-menu dd:not(:last-child){margin-bottom:0.22rem;}
.main-nav .sub:not(.sub-projects) .p-menu dd{text-align: center;}
.main-nav .sub:not(.sub-projects) .p-menu dd a{font-weight: var(--font-weight__l);color: #666666;}
.main-nav .sub:not(.sub-projects) .p-menu dd:hover a{color: var(--primary-color);font-weight:var(--font-weight__r);}
.main-nav .sub:not(.sub-projects) dd.active a{color: var(--primary-color) ;font-weight:var(--font-weight__r);}
.main-nav .sub-projects{display: flex;justify-content: center;background-color: #f6f9fa;}
.main-nav .sub-projects .sub-inner{max-width: 10rem; width: 100%;padding: var(--padding-margin__60) 0;}
.main-nav .sub .right{display: none;}
.main-nav .sub .right figure{padding-bottom: calc(268 / 432 * 100%);border-radius: 0.14rem;}
.main-nav .sub .left dd.active a{color: var(--primary-color);}
.main-nav .sub .mid dl:not(.active){position: absolute;visibility: hidden;opacity: 0;z-index: -1;}
.main-nav .sub .mid dd{ font-weight: var(--font-weight__l); line-height: 0.28rem; transform: translateY(0.1rem); transition:all 0.5s ease-in-out; opacity: 0; transition-delay: var(--s);padding-bottom: 0.11rem;color: #666;position: relative;}
.main-nav .sub .mid dd:before{position: absolute;right: 0.2rem;width: 0.16rem;height: 0.11rem;top: 0.08rem;content: "";background: url(../images/svg/arr_r_blue.svg) no-repeat center center/contain;opacity: 0;transition: var(--transition);}
.main-nav .sub .mid dd:after{left: 0;width: 0;bottom: 0; transition:all 0.5s ease-in-out;height: 1px;content: "";position: absolute;background-color: var(--primary-color);}
.main-nav .sub .mid dl.active dd{transform: translateY(0); opacity: 1;}
.main-nav .sub .mid dd.active{color: var(--primary-color);}
.main-nav .sub .mid dd.active:before{right: 0;opacity: 1;}
.main-nav .sub .mid dd.active:after{width: 100%;}
.main-nav .sub .mid dd:not(last-child){margin-bottom: 0.14rem;}
.main-nav .sub .mid dd a {padding-right:2em;}

@media (min-width:1025px) {
/* header :where(.logo,.h-right){width: calc(200 / var(--max-width) * 100%);} */
.light-style .main-nav li span a{color: var(--white-color); }
.main-nav li.aon span a{color: var(--primary-color);}
.main-nav li.aon span a::before{width: 0.2rem; opacity: 1;}
.main-nav .sub-projects:after{width: 5.22rem;left: 0;top: 0;height: 100%;content: "";position: absolute;background-color: #f1f6f9;}
.main-nav .sub{position: absolute; top: 100%;left: 0;width: 100%;opacity: 0; clip-path: polygon(0 0,100% 0,100% 0,0 0);}
.main-nav .sub:not(.sub-projects){left: 50%;width: 2rem; transform: translateX(-50%);}
.main-nav .sub:not(.sub-projects) .p-menu{background-color: var(--white-color);margin-top: 0.1rem;padding: 0.25rem 0.2rem;border-radius: 0.1rem;}
.main-nav .sub-projects .p-menu a{font-size: var(--font-size__22);color: #666666;}
.main-nav .show .sub{opacity: 1;clip-path: polygon(0 0,100% 0,100% 100%,0 100%);}
.main-nav .sub .p-menu dd a:hover::after,
.main-nav .sub .p-menu dd.active a::after{transform: translateX(0); opacity: 1; }
.main-nav .sub .thead{width: calc(362 / 1000 * 100%);flex-shrink: 0;position: relative;z-index: 1;font-size:var(--font-size__32);color: #222222;padding-left: var(--padding-margin__80);}
.main-nav .sub .thead img{display: block;margin-bottom: var(--padding-margin__40);height: 0.5rem;}
.main-nav .sub .left{width: calc(245 / 1000 * 100%);flex-shrink: 0;position: relative;z-index: 1;padding-left: var(--padding-margin__30);}
.main-nav .sub .left:after{position: absolute;right: 0;top: 0.02rem;content: "";background-color: #e2e9ee;height: calc(100% - 0.09rem);width: 1px;}
.main-nav .sub .mid{width: calc(487 / 1000 * 100%);flex-shrink: 0; transition-delay: 0.5s;position: relative;z-index: 1;padding: 0 var(--padding-margin__70);}
.main-nav .sub .right{width:27%;transition-delay: 0.7s;position: relative;z-index: 1;margin-left: auto;margin-right: var(--padding-margin__80);}
}
@media(max-width:1600px){
  .main-nav li {margin: 0 0.2rem;}
  .main-nav li span a{font-size: var(--font-size__16);}
}
@media (max-width:1024px) {
.main-nav{position: fixed; top:0 /* var(--header_height)*/; width: 4.5rem;bottom: 0;background: rgba(var(--white-color__rgb), 0.95); left: -500%;transform: translateX(-100%); transition: 0.5s ease-in-out;}
.menu-show .main-nav{ left: 0; transform: translateX(0);}
.main-nav .sub-projects .sub-inner{padding-left: 0.15rem;padding-right: 0.15rem;}
.main-nav ul{overflow: auto; padding: 0 0.2rem;}
.main-nav .sub{display: none; }
.main-nav .sub:not(.sub-projects){padding: 0.2rem 0;}
.main-nav .p-menu dd{padding-left: 0.2rem;font-size: var(--font-size__24);}
.main-nav li{border-bottom: 1px solid rgba(var(--black-color__rgb), 0.1);margin: 0;}
.main-nav li span{position: relative;z-index: 1;overflow: hidden;display: block;;}
.main-nav li span a{line-height: 3;font-size: var(--font-size__30);}
.main-nav li.aon span a{color: var(--primary-color);}
.wap-op{position: absolute;right: 0; width: 0.5rem; height: 100%;z-index: 10; background: url(../images/svg/arr_xjt_gray.svg) no-repeat center center; background-size: auto 0.5em; top: 0; transition: 0.3s; will-change: transform;}
.main-nav li.wap-show .wap-op{transform: rotate(-180deg);}
.main-nav .sub{transition: all 0s;}
.main-nav .sub .thead{display: none;}
.main-nav .sub .right{display: none;}
.main-nav .sub .left .p-menu{display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none;}
.main-nav .sub .left .p-menu::-webkit-scrollbar {display: none;}
.main-nav .sub .left dd{position: relative;z-index: 1;margin-right: 0.2rem;flex: 0 0 auto;padding-left: 0;}
.main-nav .sub .left dd:before{position: absolute; left: 0;top:0;width: 100%;height: 100%;z-index: 10;content: '';}

.open-menu{display: flex;flex-direction: column;align-items: center;justify-content: space-between; width: 0.4rem; height: 0.35rem; background: var(--primary-color); padding: 0.08rem 0; margin-left: 0.4rem;}
.open-menu i{display: block; width: 60%; height: 2px;background-color: var(--white-color);transition: all 0.5s;}
.menu-show .open-menu i:nth-child(1) {
	-webkit-transform: translate(0, 0.08rem) rotate(45deg) !important;
	-moz-transform: translate(0, 0.08rem) rotate(45deg) !important;
	-ms-transform: translate(0, 0.08rem) rotate(45deg) !important;
	-o-transform: translate(0, 0.08rem) rotate(45deg) !important;
	transform: translate(0, 0.08rem) rotate(45deg) !important;}
.menu-show .open-menu i:nth-child(2) {
	-webkit-transform: translate(0, 0) rotate(-45deg) !important;
	-moz-transform: translate(0, 0) rotate(-45deg) !important;
	-ms-transform: translate(0, 0) rotate(-45deg) !important;
	-o-transform: translate(0, 0) rotate(-45deg) !important;
	transform: translate(0, 0) rotate(-45deg) !important;}
.menu-show .open-menu i:nth-child(3) {width: 0;}
}



/* 弹窗 */
.pop-form{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 500;background-image: linear-gradient(to right, var(--primary-color) , #20bbd2);pointer-events: none;visibility: hidden;opacity: 0;transition: all 0.5s;}
.pop-form.show{pointer-events: auto;opacity: 1;visibility: visible;}
.pop-form .container{padding-top: var(--padding-margin__100);}
.pop-form .close{position: absolute;right: 0;font-size: var(--font-size__24);color: #fff;cursor: pointer;top: -0.12rem;}
.pop-form .close:before{width: 0.5rem;height: 0.5rem;border-radius: 50%;background: rgba(var(--white-color__rgb), 0.3) url(../images/close-white.svg) no-repeat center center/0.16rem 0.16rem;content: "";}
.pop-form .close:hover:before{background-color: var(--primary-color);}
.pop-form .close span{margin-left: 0.18rem;}
.pop-form .info{font-size: var(--font-size__40);line-height: calc(60 / 40);font-weight: var(--font-weight__m);color: #fff;margin-bottom: var(--padding-margin__30);}
.pop-form dl{border-radius: 0.1rem;background-color: rgba(var(--white-color__rgb), 0.8);padding: var(--padding-margin__30) var(--padding-margin__35) 0.06rem;transition: all 0.5s;}
.pop-form dl:hover{background-color: rgba(var(--white-color__rgb), 1);box-shadow: 0 0 0.2rem rgba(0,0,0,0.1);}
.pop-form dl.w100{width: 100%;}
.pop-form dl .text{width: 100%;height: 0.65rem;border: 0;font-size: var(--font-size__16);font-weight: var(--font-weight__l);background-color: transparent;}
.pop-form dl textarea.text{height: 1.3rem;padding: 0.15rem 0 0 0;}
.pop-form dl:not(:last-child){margin-bottom: var(--padding-margin__30);}
.pop-form .btnbox{padding-top: var(--padding-margin__20);}
@media(min-width:769px){
.pop-form .info{width: calc(560 / 1600 * 100%);}
.pop-form .form{width: calc(1008 / 1600 * 100%);}
.pop-form dl{width: calc(490 / 1008 * 100%);}
}


.ul_sitemap{margin: 0;list-style: none;padding: 0;}
.ul_sitemap li{margin: 0;list-style: none;}
.ul_sitemap li:not(:last-child){margin-bottom: 0.2rem;}
.ul_sitemap li{padding: 0.15rem;border: 1px solid rgba(0,0,0,0.05);display: flex;}
.ul_sitemap li strong{width: 18%;}
.ul_sitemap li span{flex: 1;}
@media(max-width:768px){
  .ul_sitemap li{display: block;}
  .ul_sitemap li strong{width: auto;display: block;}
}

/*****************************************/
/* footer */
.footer{background: #edf2f4;}
.footer .box_t{border-bottom: 1px solid #dfe4e6; padding: 3.125% 0; gap: .42rem;}
.footer .box_b{ padding: 3.125% 0;font-size: var(--font-size__14); }
.footer .box_b,
.footer .box_b a:not(:hover){color: #666666;}

.footer .logo img{ height: .56rem;}
.footer .nav ul{gap: .42rem;}
.footer .copyright {line-height: 1.716; }
.footer .copyright span{display: block; }
.footer .lm .dian{padding: 0 .05rem;}
.footer .lm .dian:last-child{display: none;}

.back-top .btn:before{	width: 0.24rem;height: 0.24rem; background: url(../images/totop.svg) var(--background-contain);display: block; content: ''; backface-visibility: visible;margin: 0px auto 0.08rem;}
.back-top:hover .btn:before{animation: getop 1.5s var(--ttf) forwards;}
@keyframes getop {
0% { transform: translateY(0); opacity: 1;}
60% { transform: translateY(-100%);opacity: 0;}
61% { transform: translateY(100%); opacity: 0;}
100% {transform: translateY(0);opacity: 1;}
}
.follow-us ul{gap: .2rem;}
.follow-us li{position: relative;z-index: 20;}
.follow-us .icon{display: flex;align-items: center;justify-content: center;	width: 0.5rem;height: 0.5rem; background-color: var(--white-color);border-radius: 50%;transition: all 0.5s;}
.follow-us .icon img{max-width: .2rem;max-height: .2rem;}
.follow-us .code{position: absolute; bottom: calc(100% + 0.1rem); background-color: var(--white-color); padding: 0.05rem; width: 1.5rem; left: 0; visibility: hidden; opacity: 0; transform: translateY(-0.2rem); transition: var(--transition);cursor: pointer;}
.follow-us .code img{width: 100%;}
.follow-us .code::after{position: absolute; content: ''; top: 100%;border: 4px solid transparent;border-top-color: var(--white-color); left: calc(0.2rem - 4px);}
.follow-us li.show .icon{ background-color: rgba(var(--white-color__rgb),1);}
.follow-us li.show .icon img{filter: brightness(0) invert(1);}
.follow-us li.show .code{ visibility: visible; opacity: 1; transform: translateY(0);}

@media(min-width:768px){
.footer .follow-us{}
.footer .copyright{order: -1;}
}
@media(max-width:768px){
.footer .logo {text-align: center;width: 100%;}
.footer .nav{width: 100%;}
}


/* footer end*/
.sub_menu {padding-bottom: 5%;}
.sub_menu li{padding: 2px;;}
.sub_menu li a{background: #e8f1f7;display: block; border-radius: 6px; padding: calc(11em / 16) .3rem; line-height: calc(30 / 16);transition: 0.5s;}
.sub_menu li.onli a{background: var(--primary-color); color: var(--white-color); border-radius: .25rem;}
@media(max-width:768px){
	.sub_menu li a {font-size:0.2rem;}
}
.column-menu{border-bottom:1px solid #e8e9eb; margin-bottom: 5.555555555555556%; margin-top: .2rem;}
.column-menu li:not(:last-child){margin-right: .5rem;}
.column-menu li a{display:block;padding-bottom:.3rem;transition:all 0.3s ease;white-space:normal;height: 100%; line-height: 20px;}
.column-menu li.onli a{color:var(--primary-color);border-bottom:solid 2px var(--primary-color);}

.scroll-menu{border-bottom:1px solid #e8e9eb; margin-bottom: 5.555555555555556%; margin-top: .2rem;}
.scroll-menu-wrapper{position:relative;overflow:hidden;padding:0 .6rem;}
.scroll-menu-content{overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;}
.scroll-menu-content::-webkit-scrollbar{display:none;}
.scroll-menu-list{display:flex;list-style:none;margin:0;padding:0;}
.scroll-menu-item{flex:0 0 auto;max-width:3.90rem; padding: 0 .4rem;}
.scroll-menu-link{display:block;transition:all 0.3s ease;white-space:normal;height: 100%; line-height: 20px; padding-bottom: .1rem;}
.scroll-menu-item:hover .scroll-menu-link,
.scroll-menu-item.active .scroll-menu-link{color:var(--primary-color);border-bottom:solid 2px var(--primary-color);}
.scroll-menu-controls{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;}
.scroll-menu-btn{position:absolute;top:50%;transform:translateY(-50%);width:.26rem;height:.26rem;border:none;border-radius:50%;pointer-events:auto;transition:all 0.3s ease;}
.scroll-menu-btn:before{content: '';position: absolute;width: 100%; height: 100%;background: url(../images/menu_jt.png) no-repeat center center; transition: all 0.5s;}
.scroll-menu-btn:not(.show){box-shadow:inset 0 0 0 1px var(--primary-color);}
.scroll-menu-btn.show{background:linear-gradient(#2ba6ee,#0081cc);cursor:pointer;}
.scroll-menu-btn.show:before{filter: brightness(0) invert(1);}
.scroll-menu-btn:hover{}
.scroll-menu-btn-left{left:0;}
.scroll-menu-btn-right{right:0;}
.scroll-menu-btn-right:before{transform: rotate(180deg);}
@media (max-width:768px){
.scroll-menu-item{max-width:40vw; padding: 0 .2rem;}
}



.innerpage{padding-bottom: 8.333333333333333%;}

.learn_more .more{display:flex;cursor: pointer;}
.learn_more .more b{color: var(--white-color); font-weight: normal; line-height: .52rem;padding: 0 .32rem;background:linear-gradient(#2ba6ee,#0081cc); border-radius:.26rem; transition: all 0.5s;}
.learn_more .more em{width: .52rem; height: .52rem;background:linear-gradient(#2ba6ee,#0081cc); border-radius: 100%; position: relative;}
.learn_more .more em:before{filter: brightness(0) invert(1);content: '';position: absolute;width: 100%; height: 100%;background: url(../images/svg/more_jt.svg) no-repeat center center; transition: all 0.5s;}
.learn_more .more:hover b{background:linear-gradient(#0081cc,#2ba6ee);}
.learn_more .more:hover em:before{transform: rotate(45deg);}

.btn-play{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 11;cursor: pointer;}
.btn-play .play{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;width: 0.7rem;height: 0.7rem;border-radius: 50%;}
.btn-play .play span{position: absolute;left: 0%;top: 0%;width: 100%;height: 100%;background: rgba(255,255,255,0.4) url(../images/svg/ico-play_white.svg) no-repeat center center/0.19rem 0.23rem;border-radius: 50%;}
.btn-play .play:after{position: absolute;left:50%;top:50%;width: 140%;height: 140%;background-color: rgba(255,255,255,0.1);border-radius: 50%;content: "";transition: all 0.3s;transform: translate(-50%,-50%);}
.btn-play .play:before{position: absolute;left:50%;top:50%;width: 0;height: 0;background-color: rgba(255,255,255,0.3);border-radius: 50%;content: "";transition: all 0.5s;transform: translate(-50%,-50%);}
.btn-play:hover .play:after{width: 0;height: 0;}
.btn-play:hover .play:before{width: 150%;height: 150%;}
.btn-play:hover .play span{background-image: url(../images/svg/ico-play_blue.svg) }

.jt_arrow{width: .52rem; height: .52rem;background: var(--primary-color) no-repeat center center!important;}
.jt_arrow:before{content: '';position: absolute;width: 100%; height: 100%;background: url(../images/swiper_arrow.png) no-repeat center center;}
.jt_arrow.swiper-button-disabled{background: var(--white-color)!important;opacity: 1;}
.jt_arrow:not(.swiper-button-disabled):before{filter: brightness(0) invert(1);}
.jt_arrow.swiper-button-next:before{transform: rotate(180deg);}
@media(min-width:1024px){
.outside.swiper-button-prev{left: -5vw;}
.outside.swiper-button-next{right: -5vw;}
}


.column_title{ padding-bottom: .6rem;}
.column_title h3{font-size: var(--font-size__72); font-family: var(--font-family-medium);  padding: 0; margin: 0; line-height:1.1113;}
.column_title p{margin-bottom: 0;}
.column_title.center{text-align: center;}

.desc *{padding: 0; margin: 0; font-weight: normal;}

.pre-line{display: block; text-align: left;}

.table{border-radius: 0.2rem 0.2rem;overflow: hidden;}
table{width: 100%;border-collapse: collapse;line-height: calc(24 / 18);}
table th{background-color: var(--primary-color);color: #fff;height: 0.9rem;font-size: var(--font-size__18);font-weight: var(--font-weight__r);border: 2px solid #2691cf;border-bottom: 0;line-height: calc(28 / 18);}
table th:first-child,table td:first-child{border-left: 0;}
table th:last-child,table td:last-child{border-right: 0;}
table td{height: 0.6rem;padding: .1rem; color: #000000;}
table td{border-right: 2px solid #edf5fa; text-align: center;}
table td  img{mix-blend-mode: multiply}
table .f20{font-size: var(--font-size__20);}
table tbody tr{transition: all 0.5s; background: var(--white-color);}
table tbody tr:first-child td{background:linear-gradient(#b4d9ee, #ffffff 80%);}
table tbody tr:nth-child(even){background-color: #e8f1f7;}
table tbody tr:hover{box-shadow: 0 0 15px rgba(var(--primary-color__rgb), 0.3);position: relative;z-index: 1;}


.center_table {padding-top: 3%;}
.center_table .table_data{padding-top:2%; overflow-x:auto;-webkit-overflow-scrolling:touch;}
.center_table .sub_title:first-child{padding-top: 0;}
.center_table .column_title {padding-bottom: 0;}

.center_table.full_td td{line-height: calc(28 / 16);padding-top: .3rem; padding-bottom: .3rem;}

#table_typeid1 th:nth-child(1){width: 30%;}
#table_typeid1 th:nth-child(2){width: 40%;}
#table_typeid1 th:nth-child(3){width: 30%;}
@media(min-width:1024px){
#table_typeid1 td{padding-left: 5%; padding-right: 5%;}
}


.banner {position: relative;padding: .22rem .2rem;}
.banner .infobox{position: absolute; width: 100%; top: 55%; transform: translateY(-50%); z-index: 1; color: var(--white-color);}
.banner .info h3{font-size: var(--font-size__70); font-family: var(--font-family-medium); padding: 0; margin: 0; text-transform: uppercase;}
.banner figure {-webkit-mask-image: url("../images/svg/path_banner.svg");-webkit-mask-size: 100% 100%;  -webkit-mask-repeat: no-repeat; line-height: 0;}
.banner figure img{width: 100%;}
@media(min-width:1025px){
.banner figure img:last-child{display: none;}
}
@media(max-width:1024px){
.banner figure img:first-child{display: none;}
}
@media(max-width:768px){
	.banner .info h3 {font-size:0.4rem; line-height:1.25em;}
}
.about_main{background: url(../images/left_bg.png) no-repeat left bottom/57.29166666666667%;}
.bgleft{background: url(../images/left_bg2.png) no-repeat left top/57.29166666666667%;}

.about{position: relative;}
.about .article {padding-bottom: 3%; text-align: justify;}
.about .article .start{width: 90%;}
.about .list li{position: relative;}
.about .list li .ispic{border-radius: .1rem;}
.about .list li .ispic figure{padding-bottom:120.562%;background-color: #000000}
.about .list li:not(:hover) .ispic figure img{opacity: 0.6;}

.about .list li .desc{position: absolute; top: 0; left: 0; width: 100%; padding: .35rem; color: var(--white-color); z-index: 10;}
.about .list li .desc sup{font-size: var(--font-size__60);}
.about .list li .desc p{width: 80%;}
.about .list li .desc .count-up{font-size: var(--font-size__72); line-height: 1;}
@media(min-width:1025px){
.about .first{position: absolute;width: 42.36111111111111%;}
.about .article {padding-left: 50%;}
.about .list li:nth-child(1){width: 16.66666666666667%;}
.about .list li:nth-child(2){width: 25%; margin-right: 7%;margin-top: -10%;}
.about .list li:nth-child(3){width: 29.72222222222222%}
.about .list li:nth-child(4){width: 19.58333333333333%}
}
@media(max-width:1024px){
.about .list li:nth-child(1){width: 45%;}
.about .list li:nth-child(2){width: 50%;}
.about .list li:nth-child(3){width: 50%}
.about .list li:nth-child(4){width: 45%; margin-top: 5%;}
}


.culture { padding-top: 7.638888888888889%;}
.culture .photo{width: calc(900/var(--max-mid-width)*100%);}
.culture .photo .ispic figure{padding-bottom: calc(510/900*100%);border-radius: .3rem;}
.culture .desc{width: calc(460/var(--max-mid-width)*100%);}
.culture .desc ul{height: 100%;}
.culture .desc li:first-child{border-top: solid 1px #d9dadc;}
.culture .desc li{border-bottom: solid 1px #d9dadc; width: 100%; padding: 5% 0; }
.culture .desc li h4{font-size: var(--font-size__32); padding: 4% 0; position: relative; cursor: pointer;}
.culture .desc li h4 i{width: .4rem; height: .4rem; box-shadow: 0 0 0 1px #cccccc; position: absolute; right: 0; border-radius: 100%;}
.culture .desc li h4 i:before,
.culture .desc li h4 i:after{content: '';margin: auto; left: 0; right: 0; top:0; bottom: 0; position: absolute; width: 40%; height: 1px; background-color: #cccccc;}
.culture .desc li h4 i:after{transform: rotate(90deg);}
.culture .desc li p{font-size: var(--font-size__15); line-height: 1.8; height: 0; visibility: hidden; opacity: 0; transition: 0.5s; transform: translateY(0.2rem);}
.culture .desc li.show h4{color: var(--primary-color);}
.culture .desc li.show h4 i{background: linear-gradient( #2ba6ee 0%, #0081cc 100%); box-shadow: none;}
.culture .desc li.show h4 i:before,
.culture .desc li.show h4 i:after{filter: brightness(0) invert(1);}
.culture .desc li.show p{visibility: visible; opacity: 1; height: max-content; transform: translateY(0);}
@media(max-width:1024px){
.culture .photo{width: 100%;}
.culture .desc{width: 100%; padding-top: 5%;}
.culture .desc li{padding: 2% 0;}
.culture .desc li h4{padding:0;}
}

.capability_main{background: url(../images/right_bg.png) no-repeat right bottom/57.29166666666667%;}
.capability li{padding: 4.166666666666667% 0; border-bottom: solid 1px rgba(0,0,0,.1)}
.capability li:first-child{border-top: solid 1px rgba(0,0,0,.1)}
.capability .logo{width: 19.444444444444440%;}
.capability .desc{width: 44%;}
.capability .desc h4{font-size: var(--font-size__32);}
.capability .desc p{font-size: var(--font-size__18);}
.capability .ispic{width: 17.36111111111111%;transition: 0.5s;}
.capability .ispic figure{padding-bottom:64.25339366515837%; border-radius: .13rem;transition: 0.5s;}

@media(min-width:768px){
.capability .desc p{width: 60%; visibility: hidden; opacity: 0;}
.capability li:hover .desc p{visibility: visible; opacity: 1;}
.capability li:hover .ispic{width:30.69444444444444%; transform: rotateZ(3deg);}
.capability li:hover .ispic figure{border-radius: .3rem;}
}
@media(max-width:768px){
.capability .logo{width: 100%;}
.capability .desc{width: 60%;}
.capability .ispic{width:38%;}
}

.capacity ul{width: 48.61111111111111%;}
.capacity ul li{border-radius: .3rem; overflow: hidden; background: var(--white-color); box-shadow: 0 .06rem .43rem 0 rgba(0,0,0,.06);}
.capacity ul li .ispic figure{padding-bottom:56%; border-radius: .3rem .3rem 0 0;}
.capacity ul li .desc{ padding: 5%;}
.capacity ul li .desc h4{font-size: var(--font-size__32);width: 68%; line-height: 1.25;}
.capacity ul li .desc pre{font-size: var(--font-size__18);}
.capacity ul li .desc .line{display: block;margin: .2rem 0;width: .6rem; height: .04rem; background-color: var(--primary-color);}
.capacity ul li:not(:last-child){margin-bottom: 5%;}
@media(max-width:768px){
 .capacity ul{width: 100%} 
 .capacity ul li .desc h4{width: 80%;}
}

.platform_main{}

.same-box_shadow{box-shadow: 0px .06rem .43rem 0px rgba(0, 0, 0, 0.07);}
.same-box_shadow_border{border-radius: .3rem; border: 10px solid #dfecf5; background:var(--white-color); box-shadow: 0 0 0 0.1rem rgba(var(--primary-color__rgb), 0.04); overflow: hidden;}

.same-platform_data .group{overflow: hidden;}
.same-platform_data .group .table_data {overflow-x:auto; -webkit-overflow-scrolling:touch;}
.same-platform_data .title{position: relative;width: 90%;margin: auto;font-size: var(--font-size__20); color: var(--white-color); background: var(--primary-color);padding: .15rem;min-height: .78rem;align-content: center; line-height: 1.2; border-radius: .13rem .13rem 0 0; text-align: center; z-index: 5;}
.same-platform_data .title:after{content: ''; position: absolute; width: 88%;height: 100%; left: 0; right: 0; top: 0; margin: auto; box-shadow: 0 0 .5rem 0 rgba(var(--primary-color__rgb), 0.9);}
.same-platform_data .data{position: relative;z-index: 1; border-radius: .13rem; overflow: hidden;}
.same-platform_data .data li{text-align: center; padding:2.8%;transition: 0.5s;position: relative; min-height: .6rem;align-content: center;line-height: .24rem;}
.same-platform_data .data li:nth-child(odd){background-color: #ffffff;}
.same-platform_data .data li:nth-child(even){background-color: #e8f1f7;}
.same-platform_data .data li:hover{box-shadow: 0 0 .20rem rgba(var(--primary-color__rgb), 0.2);z-index: 2;}

.same-platform_photo {}
.same-platform_photo .box{  text-align: center;}
.same-platform_photo .title{font-size: var(--font-size__20); padding: .2rem 0;}
.same-platform_photo .pic{line-height: 0;}
.same-platform_photo .pic.row3 .sub_img{width:33.333%; padding: 1%; text-align: center;}
.same-platform_photo.row1 .item{padding: 3.5% 0;}
.same-platform_photo.row1 .item:not(:last-child){margin-bottom: 3%;}
.same-platform_photo.row2{gap: .20rem; padding:0 .3rem}
.same-platform_photo.row2 .item{width: calc((100% - 1*.20rem) / 2)}
.same-platform_photo.row2 .item .box{padding: .1rem 0;}
.same-platform_photo.row2 .item:nth-child(2)~.item{border-top: solid 1px #e8e9eb;}
.same-platform_photo.row3{gap: .5rem;margin-top: 5%;}
.same-platform_photo.row3 .item{width: calc((100% - 2*.5rem) / 3)}
.same-platform_photo.row4{gap: .2rem; padding: 2% 1%; margin-top: 5%;}
.same-platform_photo.row4 .item{width: calc((100% - 3*.2rem) / 4)}
@media(max-width:1024px){
.same-platform_photo.row4 .item{width: calc((100% - 1*.2rem) / 2)}
.same-platform_photo .pic.row3 .sub_img{width:50%;}
}

.platform_a .group{width:46.18055555555556%; }
.platform_a .arrow:before{content: '';display: block;width: .5rem; height: .5rem;background: url(../images/arrow.png) no-repeat center center/100%;}
.platform_a .title{font-size: var(--font-size__32); color: var(--white-color); background: var(--primary-color); border-radius: .35rem; text-align: center;}
.platform_a .sub_title{font-size: var(--font-size__28);padding-top:3%;}
.platform_a .inbox{background:#ffffff url(../images/platform_a_bg.png) no-repeat center bottom/100%;  border-radius: .30rem; padding: 5%;}
.platform_a .item{border-bottom: solid 1px rgba(0,0,0,.1); padding: 2.5% 0; transition: 0.5s;}
.platform_a .box{text-align: center; text-transform: uppercase;border-radius: .13rem;	border: solid 2px #e5f4fd; padding:1%;line-height: 1.25;}
.platform_a .box span{ color: var(--primary-color); }
.platform_a .box img{max-width: 60%;}
.platform_a .item ul {width: 98%;}
.platform_a .item ul li:first-child{color: var(--primary-color);}
.platform_a .item:hover{padding: 2.5% 5%; box-shadow: 0px .06rem .43rem 0px rgba(0, 0, 0, 0.07);	border-radius: 13px; background: var(--white-color);}
@media(max-width:768px){
.platform_a .group{width:100%; }  
.platform_a .arrow{padding: 5% 0;width: 100%;}
.platform_a .arrow:before{margin: auto;transform: rotate(90deg);}
}

.platform_b .same-platform_data{width: 37.5%;}
.platform_b .same-platform_photo{width: 60%;}
.platform_b .same-platform_photo .item:not(:last-child){margin-bottom:7%;}
@media(max-width:1024px){
.platform_b .same-platform_data{width: 100%;}
.platform_b .same-platform_photo{width: 100%; padding-top: 5%;}
}

.platform_c .table .txt_img{width: 45%;}
@media(min-width:1024px){
.platform_c .table .txt_img .box{width: 100%; display: flex; justify-content:space-between; align-items: center; padding: 0 .2rem;}
.platform_c .table .txt_img .formula-name{width: 35%; text-align: left;}
.platform_c .table .txt_img .formula-img{width: 62%; }
}

.platform_d .same-platform_data{width: 47%;}
.platform_d .same-platform_data .group:nth-child(1){width: 60%;}
.platform_d .same-platform_data .group:nth-child(2){width: 38%;}
.platform_d .same-platform_photo{width: 49%;}
@media(max-width:1024px){
.platform_d .same-platform_data{width: 100%;}
.platform_d .same-platform_photo{width: 100%; margin-top: 5%;}
}
@media(max-width:640px){
.platform_d .same-platform_data .group:nth-child(1),
.platform_d .same-platform_data .group:nth-child(2){width:100%;}
.platform_d .same-platform_data .group:not(:last-child){margin-bottom:5%;}
}

.platform_e .same-platform_data .group{width:23.5%;}
@media(max-width:1024px) and (min-width:640px){
.platform_e .same-platform_data .group{width:48%;} 
.platform_e .same-platform_data .group:nth-child(2)~.group{margin-top: 5%;}
}
@media(max-width:640px){
 .platform_e .same-platform_data .group{width:100%;} 
 .platform_e .same-platform_data .group:not(:last-child){margin-bottom:5%;}
}

.platform_f .sub_part {padding-bottom: 3%;}
.platform_f .sub_part .same-platform_data{width: 37.5%;}
.platform_f .sub_part .same-platform_photo{width: 59%;}
@media(max-width:1024px){
.platform_f .sub_part .same-platform_data,
.platform_f .sub_part .same-platform_photo{width: 100%;}
.platform_f .sub_part .same-platform_data{padding-bottom: 5%;}
}

.platform_g .group{width:47.91666666666667%; }
.platform_g .same-platform_photo{margin-top:4%;}
@media(max-width:640px){
.platform_g .group{width:100%; }
.platform_g .group:not(:last-child){margin-bottom:5%;}
}

.platform_h .same-platform_data{width: 37.5%;}
.platform_h .same-platform_photo{width: 60%;}
@media(max-width:1024px){
.platform_h .same-platform_data{width: 100%;}
.platform_h .same-platform_photo{width: 100%; padding-top: 5%;}
}

.sub_title{font-size: var(--font-size__32); padding-top:2%; line-height: calc(48/32);}
.sub_title + .sub_title{padding-top: 4%;}

.center_txt{padding-top: 5%;}

.same-editor_article .article p:first-child{margin-top: 0;}
.same-editor_article .photo{padding-top: 3.5%;line-height: 0;}
.same-editor_article .photo img{border-radius: .3rem;}
.same-editor_article .table_data{padding-top: 8.333333333333333%;}
.same-editor_article .ultxt_disc:not(:last-child){padding-bottom: 3%;}
.same-editor_article .ultxt_disc ul li{padding: 0.5% 0;}
.same-editor_article .pic {padding-top: 8%;}
.same-editor_article .pic img{border-radius: .3rem;}
@media(min-width:1024px){
.same-editor_article.row{display: flex;; justify-content: space-between;}
.same-editor_article.row:not(:last-child){padding-bottom: 5%;}
.same-editor_article.row .column_title{padding-bottom: 0;}
.same-editor_article.row .article{padding-bottom: 0;}
.same-editor_article.row .article p:first-child{margin-top:revert;}
.same-editor_article.row .box_left{width: 50%;}
.same-editor_article.row .box_left .article{padding-top: 10%;}
.same-editor_article.row .box_right{width: 48.61111111111111%;}
.same-editor_article.row .box_right .photo{padding-top: 0;}

.same-editor_article.row .box_left.left2{width: 37%;}
.same-editor_article.row .box_right.right2{width: 56.94444444444444%;}

.same-editor_article.row .box_left.left3{width: 47%;}
.same-editor_article.row .box_right.right3{width: 50%;}

.same-editor_article.row .box_left.left4{width: 56.25%;}
.same-editor_article.row .box_left.left4 .article{ padding-top: 6%;}
.same-editor_article.row .box_right.right4{width: 33.75%;}

.same-editor_article .photo.max{text-align: right;}
.same-editor_article .photo.max img{width: auto;}
}

.ultxt_disc ul{padding-left: 1.2em;}
.ultxt_disc ul li{padding: 1% 0;}
.ultxt_disc ul li::marker{font-size: var(--font-size__14);}

@media(min-width:1024px){
.no_full{max-width: 72%;}
}

.same-photo_article .item:not(:last-child){padding-bottom: 4.166666666666667%;}
.same-photo_article .photo img{border-radius: .3rem;}
.same-photo_article .article{padding: 3% 0;}
.same-photo_article .title{padding-bottom: 3%;}
.same-photo_article .title h3{font-size: var(--font-size__32);padding: 0; margin: 0;line-height: 1.5;width: 80%;}
.same-photo_article .title:not(.noline) h3:after{content: '';display: block; margin:.2rem 0; width: .6rem;height: .04rem; background: var(--primary-color);}
.same-photo_article .title.noline h3{width: 100%;}
.same-photo_article .ultxt_disc ul li::marker{ color: var(--primary-color);}
@media(min-width:1024px){
.same-photo_article .item{display:flex; align-items: center; justify-content: space-between;} 
.same-photo_article .item:nth-child(odd) .photo{order: -1;}
.same-photo_article .photo{max-width: 50%;}
.same-photo_article .article{width: 45%;}
}

.same-core_capabilities{padding-top: 5%;}
.same-core_capabilities .list {border: solid 1px #e8e9eb; border-radius: .13rem;overflow: hidden;}
.same-core_capabilities .list ul{margin-left: -1px; margin-top: -1px;;}
.same-core_capabilities .list li{padding: .5rem; background: var(--white-color);border-left: solid 1px #e8e9eb; border-top: solid 1px #e8e9eb; transition: 0.5s; }
.same-core_capabilities .list li figure{width: .56rem;height: .56rem; border-radius: .1rem; box-shadow: 0 0.06rem .26rem 0.03rem rgba(var(--primary-color__rgb), 0.21);}
.same-core_capabilities .list li figure img{max-width: 50%;}
.same-core_capabilities .list li .desc{padding-top: .2rem;}
.same-core_capabilities .list li .desc b{ font-size: var(--font-size__28);}
.same-core_capabilities .list li:hover{box-shadow: 0 0.06rem .26rem 0.03rem rgba(var(--primary-color__rgb), 0.21); z-index: 2;}
@media(min-width:1025px){
.same-core_capabilities .list .row3 li{width: 33.333%;}
.same-core_capabilities .list .row2 li{width: 50%;}
}
@media(max-width:1024px){
.same-core_capabilities .list  li{width: 50%;}
}
@media(max-width:640px){
.same-core_capabilities .list li{padding: .3rem; }
}

.application_area{padding-top: 5%;}
.application_area .list_title{width: 27.77777777777778%;}
.application_area .list_title .search {display:flex;}
.application_area .list_menu >ul >li{font-size: var(--font-size__24);border-bottom: solid 1px #d9dadc; padding: 2.5% 0;}
.application_area .list_menu >ul >li span{display: block; position: relative;}
.application_area .list_menu >ul >li.have_sub >span:after{content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: .3rem;height: .3rem;background: url(../images/svg/menu_jt.svg) no-repeat center center; transition: transform 0.5s;}
.application_area .list_menu >ul >li.have_sub.active >span:after{transform: rotate(180deg);}
.application_area .list_menu ul ul{display: none;}
.application_area .list_menu ul ul li{font-size: var(--font-size__16);}
.application_area .list_menu ul ul.active{display: block;}
.application_area .list_menu ul ul li{list-style: disc;margin-left:1em;}
.application_area .list_menu ul ul li .active{color: var(--primary-color);}
.application_area .list_details{width: 68.05555555555556%; border-radius: .3rem; background: var(--white-color); padding: 4%;}
.application_area .list_details .title{}
.application_area .list_details .title h1{font-size: var(--font-size__32);padding: 0; margin: 0;}
.application_area .list_details .title:after{content: '';display: block; margin:.1rem 0; width: .6rem;height: .04rem; background: var(--primary-color);}
.application_area .list_details .ispic{width: 70%; max-width: 3rem; margin: 0 auto; background: rgba(var(--primary-color__rgb), 0.02); border-radius: 100%; box-shadow: 0px 0rem 2rem 0px rgba(var(--primary-color__rgb), 0.02);}
.application_area .list_details .ispic figure img{object-fit: contain;-o-object-fit: contain;}
.application_area .list_details .details{padding-top: 3%;}  
@media(max-width:1024px){
	.application_area .list_title {width:100%; margin-bottom:5%;}
	.application_area .list_details {width:100%;}
}
.services_step {padding-top: 6.944444444444444%;}
.services_step .desc{text-align: center; height: 2.78rem;}
.services_step .desc h4{font-size: var(--font-size__28); padding-bottom: .1rem; line-height: 1;}
.services_step .desc figure{padding-top: .5rem;}
.services_step .desc figure img{height: .35rem;}
.services_step .desc .pre-line{text-align: center;}
.services_step .step{height: 1rem;width: 1rem;margin: auto;text-align: center; line-height: 1;}
.services_step .step b{display: block;font-size: var(--font-size__30);}
.services_step .item{position: relative;width: 25%;}
.services_step .item:before{content: ' '; position: absolute;width: 102.78%; height: 100%; left: -1.39%; background: no-repeat center center; background-size: 100% 100%; z-index: -1;}
.services_step .item:nth-child(1):before{background-image: url(../images/step_bg1.png); right: 0;}
.services_step .item:nth-child(2):before{background-image: url(../images/step_bg2.png);}
.services_step .item:nth-child(3):before{background-image: url(../images/step_bg3.png);}
.services_step .item:nth-child(4):before{background-image: url(../images/step_bg4.png);right: 0;}
.services_step .item:nth-child(odd) h4,
.services_step .item:nth-child(odd) .step{color: #043b8a;}
.services_step .item:nth-child(even) h4,
.services_step .item:nth-child(even) .step{color: var(--primary-color);}
@media(max-width:1024px){
  .services_step .item{width: 50%; max-width: 3.7rem;}
  .services_step .item:nth-child(2)~.item{margin-top: 5%;}
}

.certificates {padding-top: 6.944444444444444%;}
.certificates li{width: 33.333%; display: flex; flex-wrap: wrap;align-content: flex-end; }
.certificates li a{width: 81.218%; margin: 0 auto; position: relative; padding: 0 .36rem; z-index: 5;}
.certificates li a:after{content: ''; ;position: absolute; right:0.1rem; bottom: 0; width: .36rem; height:100%; background: url(../images/hornor_ying.png) no-repeat right bottom; background-size:100% 100%}
.certificates li .ispic{padding:.18rem;  background: url(../images/hornor_imgbg.jpg) no-repeat center bottom; background-size: 100%; position: relative;}
.certificates li .ispic:before{content: '';position: absolute; top: 0; left: 0; width: 100%; height: .18rem;  background: url(../images/hornor_imgbg.jpg) no-repeat center top; background-size: 100%; }
.certificates li .bg{transform: translateY(-.07rem);width: 100%; height: .6rem;; position: relative; background: url(../images/hornor_bj.png) no-repeat center top;}
.certificates li .bg:before,
.certificates li .bg:after{content: '';position: absolute; height: 100%; top: 0;; background: url(../images/hornor_bj.png) no-repeat}
@media(min-width:1025px){
.certificates li:nth-child(3n+1) .bg:after{width: .6rem; left: -.6rem; background-position: left top;}
.certificates li:nth-child(3n+3) .bg:after,
.certificates li:last-child.bg:after{width: .6rem; right: -.6rem; background-position: right top;}
}
@media(max-width:1024px){
.certificates .list{padding: 0 .5rem;}
.certificates li{width: 50%;}
.certificates li:nth-child(2n+1) .bg:after{width: .6rem; left: -.6rem; background-position: left top;}
.certificates li:nth-child(2n+2) .bg:after,
.certificates li:last-child.bg:after{width: .6rem; right: -.6rem; background-position: right top;}
}
@media(max-width:640px){
.certificates li a{width:95%; }
.certificates li .bg{height: 1rem;}
}


.four_highlights {padding-top: 6.944444444444444%;}
.four_highlights ul{gap: .3rem}
.four_highlights li{width: 48.95833333333333%; border-radius: 0 .3rem .3rem .3rem;margin-top: .6rem;background-color: var(--white-color); position: relative;}
.four_highlights li .num{display: flex;position: absolute;width: 100%;height: .6rem; bottom: 100%;}
.four_highlights li .num:before{content: '';flex: 1; background: var(--white-color); border-top-left-radius: .3rem;}
.four_highlights li .num:after{content: ''; width:1.8rem; background: url(../images/box_bg.png) no-repeat center center; background-size: 100% 100%; z-index: 2;}
.four_highlights li .num span{font-size: var(--font-size__24); line-height: 1.6; position: absolute;right: .4rem; bottom: 0;width: 1.1rem;padding-left: .2rem;text-align: center; background: var(--primary-color); color: var(--white-color);  border-top-right-radius: .1rem;}
.four_highlights li .desc{padding:0 6% 6% 6%;}
.four_highlights li .desc figure{height: .38rem;}
.four_highlights li .desc figure img{max-height: .38rem;}
.four_highlights li .desc h4{font-size: var(--font-size__32); padding: .2rem 0; }
@media(max-width:1024px){
.four_highlights li{width:100%;}
}

.process_phase{padding-top: 6.944444444444444%;}
.process_phase .info{text-align: center;padding-bottom: 3%;}
.process_phase .phase{margin-left: -1.180555555555556%;margin-right: -1.180555555555556%;}
.process_phase .phase li{width: 33.333%; position: relative; padding-bottom: 10%;}
.process_phase .phase li:after{content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); padding-bottom: 100%; background:  no-repeat center top; background-size:100%;}
.process_phase .phase li .desc{text-align: center;position: relative; z-index: 10;padding: 15% 20%;}
.process_phase .phase li .desc figure img{height: .6rem;}
.process_phase .phase li .desc h4{font-size: var(--font-size__28); line-height: 1.0715; margin-top: .2rem; margin-bottom: .4rem; }
@media(min-width:1025px){
.process_phase .phase li:nth-child(3n+1):after{width: 101.97%;  background-image:url(../images/svg/phase_yuan_L.svg)}
.process_phase .phase li:nth-child(3n+2):after{width: 104.21%; left: 52%; background-image:url(../images/svg/phase_yuan_C.svg)}
.process_phase .phase li:nth-child(3n+3):after{width: 93.83%; background-image:url(../images/svg/phase_yuan_R.svg)}
.process_phase .phase li:not(:nth-child(3n+3)) .desc{padding-left: 17%; padding-right: 23%;}
}
@media(max-width:1024px) and (min-width:640px){
.process_phase .phase li{width: 50%;}
.process_phase .phase li .desc{padding-top: 10%;}
.process_phase .phase li:nth-child(odd):after{width: 101.97%;  background-image:url(../images/svg/phase_yuan_L.svg)}
.process_phase .phase li:nth-child(even):after,
.process_phase .phase li:last-child:after{width: 93.83%; background-image:url(../images/svg/phase_yuan_R.svg)}
.process_phase .phase li:not(:last-child):nth-child(odd) .desc{padding-left: 17%; padding-right: 23%;}
}
@media(max-width:640px){
.process_phase .phase li{width: 100%;}
.process_phase .phase li:after{position: relative; width:100%; height: 100%; background-image:url(../images/svg/phase_yuan_r.svg);transform: rotate(90deg) translateX(0);left: 0;}
.process_phase .phase li .desc{padding:0 10%;position: absolute; top: 40%; left: 50%; transform: translate(-50%,-50%);width: 100%;}
}

.production .item{position: relative;}
.production .item .box{transition: 0.5s;}
.production .item .num span{font-size: var(--font-size__32);}
.production .item .title h4{font-size: var(--font-size__32);}
.production .item:after{content: '';position: absolute; width: 100%; height: 1px; bottom: 0; background: #d9dadc; }
.production .item .info{padding-top: .3rem; transition: 0.5s;}
.production .item .info li{padding-left: .3rem;background: url(../images/svg/gou.svg) no-repeat left .07rem; background-size: .18rem;}
.production .item .info li:not(:last-child){margin-bottom: .2rem;}
.production .item .photo{line-height: 0;}
.production .item .photo img{width: 100%;border-radius: 0.3rem;}
.production .item:not(.show) .photo{visibility: hidden;display: none;transform: scale(0); transition: 0.5s;}
.production .item:not(.show) .title{width: 30%;}
.production .item:not(.show) .txt{width: 50%;}
.production .item:not(.show) .desc{display: flex;flex-wrap: wrap; justify-content:space-between; align-items: center; cursor: pointer; padding: .6rem 0;}
.production .item:not(.show) .info{display: none;}
.production .item:not(.show) .arrow{width: .46rem; height: .46rem; border-radius: 100%; border: 1px solid var(--primary-color); background: url(../images/svg/jt_arrow.svg) no-repeat center center; }
.production .item.show .title:after{content: '';display: block; margin: .2rem 0;;width: .6rem; height: .04rem; background: var(--primary-color);}
.production .item.show .txt{padding: .1rem 0;}
.production .item.show .box{position: absolute;padding:0 .6rem .6rem .6rem;left: .6rem;top:50%;transform: translateY(-50%);width: calc(100% - 1.2rem); max-width: 7.05rem; z-index: 10;border-radius: 0 .3rem .3rem .3rem;margin-top: .6rem;background-color: var(--white-color);}
.production .item.show .num{display: flex;position: absolute;width: 100%;height: .6rem; bottom: 100%;left: 0; bottom: calc(100% - 1px);}
.production .item.show .num:before{content: '';flex: 1; background: var(--white-color); border-top-left-radius: .3rem;}
.production .item.show .num:after{content: ''; width:1.8rem; background: url(../images/box_bg.png) no-repeat center center; background-size: 100% 100%; z-index: 2;}
.production .item.show .num span{font-size: var(--font-size__24); line-height: 1.6; position: absolute;right: .4rem; bottom: 01px;width: 1.1rem;padding-left: .2rem;text-align: center; background: var(--primary-color); color: var(--white-color);  border-top-right-radius: .1rem;}
.production .item.show:after{display: none;}
@media(max-width:1024px){
.production {padding-top: 8%;}
.production .item:not(.show) .title{width: 80%;}
.production .item:not(.show) .txt{order: 4;width: 100%; padding-top: .2rem;}
.production .item.show .box{padding: 0 .3rem .3rem .3rem; left: .3rem; max-width: none;width: calc(100% - .6rem);}
}
@media(max-width:640px){
.production .item.show .box{position: relative;width:90%; margin: 0 auto;left: 0;transform:none; margin-top: -20%;}
}

.formulation_process ul{gap: .3rem;}
.formulation_process li{position: relative;width: calc((100% - 1*.3rem) / 2); margin-top:3%;}
.formulation_process li:before{content: '';position: absolute; left: 2%; top: 2%; right: 2%; bottom: 2%; margin: auto;border-radius: .3rem; background: var(--primary-color); }
.formulation_process li .desc{position: relative;padding:.4rem .3rem;min-height: 100%; border-radius: .3rem; background-color: var(--white-color);z-index: 2;}
.formulation_process li .desc h4{font-size: var(--font-size__32);width: 38%; line-height: calc(40 / 32);font-family: var(--font-family-medium);}
.formulation_process li .desc p{width: 50%;}
.formulation_process li:nth-child(odd):before{transform: rotate(-4deg);} 
.formulation_process li:nth-child(even):before{transform: rotate(4deg);} 
@media(max-width:1024px){
.formulation_process {padding-top: 8%;}
.formulation_process li .desc h4{width: 100%; margin-bottom: .1rem;}
.formulation_process li .desc p{width: 100%;} 
.formulation_process li:nth-child(odd):before{transform: rotate(-6deg);} 
.formulation_process li:nth-child(even):before{transform: rotate(6deg);} 
}
@media(max-width:640px){
.formulation_process li{;width: 100%; } 
.formulation_process li:nth-child(odd):before{transform: rotate(-4deg);} 
.formulation_process li:nth-child(even):before{transform: rotate(4deg);} 
}


.production_process .item{width: 52.1528%; margin-top: 2%;; position: relative;border-radius: .2rem;-webkit-mask-size: 100% 100%; -webkit-mask-repeat: no-repeat;}
.production_process .desc{position: relative; z-index:5; padding: .5rem; }
.production_process .title{font-size: var(--font-size__32);line-height:calc(48 / 32); padding-bottom:4%;}
.production_process .item:nth-child(odd){ background: linear-gradient(135deg, #0077c8, #87cefa); -webkit-mask-image: url("../images//svg/clip-path-left.svg");}
.production_process .item:nth-child(odd) .desc{padding-right: 1.1rem;color: var(--white-color);}
.production_process .item:nth-child(even) {margin-left:-4.3056%; background: var(--white-color); -webkit-mask-image: url("../images//svg/clip-path-right.svg"); }
.production_process .item:nth-child(even) .desc{padding-left: 1.1rem; }
@media(max-width:768px){ 
  .production_process .item{width: 100%; margin: 2% 0!important;}
}

.cell_culture_process {margin-top: 7%; position: relative; }
.cell_culture_process .list{background: url(../images/svg/process_line1.svg) no-repeat center center; background-size: 100%}
.cell_culture_process ul{gap:.2rem;}
.cell_culture_process li{position: relative;width:16.66666666666667%;  padding:3% 2%; text-align: center; background:rgba(255,255,255,0.9); border-radius: 1.2rem;backdrop-filter: blur(20px) saturate(150%); transition: 0.5s;}
.cell_culture_process li figure img{height: .5rem;}
.cell_culture_process li .txt{padding:.2rem 0; line-height: calc(26 / 16); font-size: var(--font-size__14);}
.cell_culture_process li .num{position: absolute; left: 50%; transform: translateX(-50%); bottom: .1rem; color: #999999;}
.cell_culture_process li:hover{background: var(--primary-color);}
.cell_culture_process li:hover *{filter: brightness(0) invert(1);}
@media(min-width:1025px){ 
.cell_culture_process .sub_title{position: absolute; top: -.2rem;}
.cell_culture_process li{min-height: 3.34rem;}
.cell_culture_process li:nth-child(1){margin-left: 27%;}
}
@media(max-width:1024px){ 
.cell_culture_process .sub_title{padding-bottom: .3rem;}
.cell_culture_process .list{background-image: url(../images/svg/process_line2.svg)}
.cell_culture_process li{width:calc((100% - 2*.2rem) / 3);}
}
@media(max-width:768px){ 
.cell_culture_process .list{background:none}
.cell_culture_process li{width:calc((100% - 1*.2rem) / 2);}
}

.mouse{position: fixed;display: flex;align-items:center;color: var(--primary-color);font-size: var(--font-size__16);font-weight:var(--font-weight__l);width: 2rem;}
.mouse span{ width: 0.56rem; height: 0.56rem; background: #fff url(../images/svg/mouse.svg) no-repeat center center/0.17rem 0.25rem;border-radius: 50%;box-shadow: 0 0 0.44rem rgba(var(--primary-color__rgb), 0.2);margin-right: var(--padding-margin__30);}
.mouse2{background: url(../images/svg/mouse2.svg) var(--background-contain);position: fixed;width: 0.8rem;height: 0.8rem;transition: transform 0.2s ease;transform: scale(1);}
@media(max-width:1024px){ 
.mouse{display: none;}
}

.same-related_case {padding-top: 5%;}
.same-related_case .swiper-main{ overflow: hidden;  cursor: none;   position: relative; border-radius: .3rem;}
.same-related_case .item .pic{width: 63.88888888888889%;background-color: var(--white-color); border-radius: .3rem; align-content: center;}
.same-related_case .item .desc{width: 36.11111111111111%;background-color: var(--white-color); border-radius: .3rem; padding: 2.5%; align-content: center;}
.same-related_case .item .title{font-size: var(--font-size__32);line-height:calc(48 / 32); margin-bottom: .3rem;}

@media(min-width:1025px){ 
.same-related_case .item .pic{order: -1;}
}
@media(max-width:1024px){ 
.same-related_case .item .pic,
.same-related_case .item .desc{width:100%;}

}

.our_advantages {padding-top: 6.944444444444444%;}
.our_advantages ul{gap: .3rem; position: relative;}
.our_advantages li{width:31.45833333333333%; border-radius: 0 .3rem .3rem .3rem;margin-top: .6rem;background-color: var(--white-color); position: relative;}
.our_advantages li .num{display: flex;position: absolute;width: 100%;height: .6rem; bottom: 100%;}
.our_advantages li .num:before{content: '';flex: 1; background: var(--white-color); border-top-left-radius: .3rem;}
.our_advantages li .num:after{content: ''; width:1.8rem;transform: translateX(-1px); background: url(../images/box_bg.png) no-repeat center center; background-size: 100% 100%; z-index: 2;}
.our_advantages li .num span{font-size: var(--font-size__24); font-weight: bold; color: var(--primary-color); line-height: 1.6; position: absolute;right: 0; bottom: 0;}
.our_advantages li .desc{padding:0 .3rem .3rem .3rem; height: 100%; align-content: space-between;}
.our_advantages li .desc h4{font-size: var(--font-size__32); padding: .1rem 0; line-height: calc(40 / 32);  width: 80%;}
.our_advantages li .desc p{border-top: solid 1px #000000; padding: .2rem 0; margin-top: .3rem; width: 100%;}
@media(min-width:1024px){
.our_advantages li:nth-child(1){margin-right:31.45833333333333% ;}
.our_advantages li:nth-child(2){order: 4;}
.our_advantages li:nth-child(5){order: 5;}
.our_advantages li:nth-child(3){ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.our_advantages li:nth-child(3) .desc{min-height: 4rem;}
.our_advantages li:hover,
.our_advantages li:hover .num:before{background-color: var(--primary-color);}
.our_advantages li:hover .num:after{background-image: url(../images/box_bg_blue.png);}
.our_advantages li:hover .desc *{filter: brightness(0) invert(1);}
}
@media(max-width:1024px){
.our_advantages li{width:calc((100% - 1*.3rem) / 2);}
}
@media(max-width:768px){
.our_advantages li{width:100%;}
}

.development_process{padding-top: 6.944444444444444%;}
.development_process .item{margin-bottom: .2rem; position: relative; padding-left: .6rem;}
.development_process .box{flex: 1;background-color: var(--white-color); border-radius: .3rem; transition: all .3s ease-in-out;}
.development_process .title{font-size: var(--font-size__32); font-family: var(--font-family-medium); line-height: calc(48 / 32);}
.development_process .desc{padding: .3rem;width:calc(100% - 3.38rem);}
.development_process .desc *{transition: all .3s ease-in-out;}
.development_process .ispic{width: 3.38rem;}
.development_process .ispic figure{border-radius: .3rem;padding-bottom:1.90rem;transition: all .3s ease-in-out;}

.development_process .ultxt_disc li::marker{color: var(--primary-color);}
.development_process .line_circle{width: .05rem;height: calc(100% - .42rem);bottom: 0; position: absolute; left: .08rem; background: linear-gradient(rgba(var(--primary-color__rgb), 0.5), rgba(var(--primary-color__rgb), 0));}
.development_process .line_circle span{position: absolute; left: 50%; transform: translateX(-50%); border-radius: 100%;width: .42rem; height: .42rem; bottom:100%; border: solid .03rem var(--primary-color);}
.development_process .line_circle span:before{content: '';position: absolute;width: .15rem; height: .15rem; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 100%; background: var(--primary-color);}
@media(min-width:1024px){
.development_process .box{align-items: normal;}
.development_process .desc{width:calc(85% - 3.38rem);}
.development_process .many{display: flex; flex-wrap: wrap;}
.development_process .many li{width: 25%;}
.development_process .item .ispic figure{opacity: 0;height: 100%; }
.development_process .item:hover .box{background: var(--primary-color);}
.development_process .item:hover .desc *{filter: brightness(0) invert(1);}
.development_process .item:hover .ispic figure{opacity: 1;}
}
@media(max-width:640px){
.development_process .desc{width: 100%;}
.development_process .ispic{width: 100%;}
}

.news_list ul{gap: .3rem;}
.news_list ul li{width: calc((100% - 2*.3rem) / 3); border-bottom: solid 1px rgba(0,0,0,.3); margin-bottom: .6rem;}
.news_list ul li .ispic figure{border-radius: .3rem;padding-bottom: 56.08695652173913%; border-radius: .3rem;}
.news_list ul li .desc{padding: .4rem 0;}
.news_list ul li .desc h4{font-size: var(--font-size__18); line-height: calc(32 / 18); height: .32rem; margin: .1rem 0;}
.news_list ul li .desc p{}
.news_list ul li .desc time {color: var(--white-color); background: var(--primary-color); padding: .0rem .1rem; border-radius: .14rem;} 
@media(max-width:1024px){
  .news_list ul li{width: calc((100% - 1*.3rem) / 2);}
}
@media(max-width:640px){
  .news_list ul li{width: 100%}
  .news_list ul li .desc h4{height: auto;}
}

.article_detail .title{padding-bottom: 2%;}
.article_detail .title h1{font-size: var(--font-size__32);line-height: 1.2; padding: 0; margin: 0 0 .2rem 0; font-weight:normal}
.article_detail .title p{padding: 0;margin: 0; color: #999999;}
.article_detail .title p span{display: inline-block;padding:.09rem .22rem}
.article_detail .article{font-size: var(--font-size__18); padding: 3% 0;}


.prev_next{padding: 2% 0; position: relative; border-top: solid 1px rgba(0,0,0,.3);}
.prev_next p{padding: .05rem 0; margin: 0;}
.prev_next p span{display: inline-block;color: #999999;}
.prev_next .back{padding-top:3%}
.prev_next .back a:before{content: '';display: inline-block;width: 6px; height: 10px;margin-right: .14rem; background: url("../images/svg/back.svg")}

.search-top{background-color: #f6fafb;padding-top: 1.2rem;}
.search-top .search{max-width: 8rem;margin: 0px auto var(--padding-margin__80);position: relative;padding-right: 1.5rem;border-radius: 0.6rem;border: 1px solid #eaeaea;background-color: #fff;}
.search-top .search .form-input{height: 0.6rem;background-color: #fff;padding: 0 0.3rem;flex: 1;border-radius: 0.6rem;}
.search-top .search .btn{width: 1.39rem;background-color: var(--primary-color);color: #fff;border-radius: 0.6rem;position: absolute;right: 0;top: 0;height: 100%;text-align: center;display: flex;align-items: center;justify-content: center;}
.search-top .search .btn:hover{background-color: var(--secondary-color);}
.search-top .nav li:not(:last-child){margin-right: var(--padding-margin__80);}
.search-top .nav li{position: relative;font-size: var(--font-size__16);line-height: 0.53rem;}
.search-top .nav li:after{left: 50%;transform: translateX(-50%);bottom:0;content: "";position: absolute;height: 0.03rem;background-color: var(--primary-color);border-radius: 3px;transition: all 0.5s;width: 0;}
.search-top .nav li:hover:after,.search-top .nav li.on:after{width: 100%;}
.search-content{padding: var(--padding-margin__60) 0 var(--padding-margin__100);}
.search-content .title{border-bottom: 1px solid #eaeaea;padding: var(--padding-margin__25) 0;margin-bottom: var(--padding-margin__60);}
.search-content .title .result{font-size: var(--font-size__16);font-weight: var(--font-weight__l);}
.search-content .title .result span{font-size: var(--font-size__20);color: var(--primary-color);margin: 0 0.05rem;}
.search-content .infoarea{margin-bottom: var(--padding-margin__60);}
.search-content .infoarea .ispic{border-radius: 0.3rem;margin-bottom: 0.2rem;}
.search-content .edit-info p{position: relative;padding-left: 0.16rem;}
.search-content .edit-info p:before{position: absolute;left: 0;top: 0.14rem;content: "";width: 3px;height: 3px;border-radius: 50%;background-color: #333333;}
.search-content .edit-info p + p{margin-top: var(--padding-margin__10);}
.search-content .list li{border-bottom: 1px solid rgba(var(--primary-color__rgb), 0.08)}
.search-content .list li a{padding: var(--padding-margin__40) 0;display: block;}
.search-content .list li .tit{font-size: var(--font-size__24);font-weight: var(--font-weight__m);margin:0 0 var(--padding-margin__15)}
.search-content .list li p{font-size: var(--font-size__16);font-weight: var(--font-weight__l);margin: 0;color: #333;}

@media(min-width:1025px){
  .search-top{padding-top: 2rem;}
  .search-content .infoarea .ispic{width: calc(777 / 1600 * 100%);margin-bottom: 0;}
  .search-content .infoarea .right{width: calc(745 / 1600 * 100%);}
}
@media(min-width:769px){
  .search-content .list li{width: calc(760 / 1600 * 100%);}
}
@media(max-width:768px){
  .search-top .nav li{width: 33.333%;margin: 0 !important;text-align: center;line-height: 0.4rem;}
  .search-top .nav li.on:after{width: 60%;}
}

.contact_us{padding-top: 6.944444444444444%;}
.contact_us .list1 ul{gap:0.3rem}
.contact_us .list1 li{width: calc((100% - 3*.3rem) / 4);box-shadow: inset 0 0 0 1px rgba(0,0,0,.3); background: var(--white-color); border-radius: 0.3rem; padding: .3rem; display: flex; flex-wrap: wrap; align-content: space-between; transition: all .3s ease-in-out;}
.contact_us .list1 li .title {width: 100%;}
.contact_us .list1 li .title h4{font-size: var(--font-size__32);line-height: calc(40 / 32);font-family: var(--font-family-medium);padding: 0; margin: 0;; font-weight: normal;}
.contact_us .list1 li .title p{font-size: var(--font-size__14);}
.contact_us .list1 li .desc{width: 100%; padding: .2rem 0; border-top: solid 1px rgba(0,0,0,.5); margin-top: .3rem;}
.contact_us .list1 li .desc p{padding-left: 24px;position: relative;font-size: var(--font-size__14); margin: 0.05rem 0;}
.contact_us .list1 li .desc p::before{content: '';position: absolute;left: 0; width: .26rem;height: .26rem; background: no-repeat left center; }
.contact_us .list1 li .desc p.email::before{background-image:url(../images/svg/lx_email.svg)}
.contact_us .list1 li .desc p.phone::before{background-image:url(../images/svg/lx_tel.svg)}
.contact_us .list1 li:hover{background: var(--primary-color); color: var(--white-color);}
.contact_us .list1 li:hover .desc{border-top-color: var(--white-color);}
.contact_us .list1 li:hover .desc p::before{filter: brightness(0) invert(1);}
.contact_us .list2{padding-top: 3%;}
.contact_us .list2 li{border-bottom: solid 1px rgba(0,0,0,.12); padding: 3% 0;}
.contact_us .list2 li .title{font-size: var(--font-size__32);font-family: var(--font-family-medium);}
.contact_us .list2 li .desc p{padding: 0.05rem 0;}
@media(min-width:1025px){
.contact_us .list2 li{display: flex;}
.contact_us .list2 li .title{width: 20%;}
.contact_us .list2 li .desc{width: 70%;}
}
@media(max-width:1024px){
.contact_us .list1 li{width: calc((100% - 1*.3rem) / 2);}
}
@media(max-width:640px){
.contact_us .list1 li{width: 100%;}
}


.contact_form {padding-top: 6.944444444444444%; position: relative;}
.contact_form .column_title{max-width: 9rem;}
.contact_form .title h3{font-size: var(--font-size__32);padding: 0; margin: 0; font-weight: normal;}
.contact_form .check{display: flex;flex-wrap: wrap; text-align: center; padding: .2rem 0; gap:2px}
.contact_form .check label{background: #e8f1f7; line-height: calc(52 / 16); border-radius: .006rem;flex:auto; transition: all .3s ease-in-out; cursor: pointer;}
.contact_form .check label.on{color: var(--white-color);background: var(--primary-color); border-radius: .26rem;}
.contact_form .formbox{width: 58%;}
.contact_form .form_item .item{width: 48%; margin-bottom: .1rem; padding: .2rem 0; border-bottom: solid 1px rgba(0,0,0,.12); position: relative;}
.contact_form .form_item .item.wfull{width: 100%;}
.contact_form .form_item .tit{position: absolute;transition: all .3s ease-in-out;}
.contact_form .form_item .tit span{ color: #ec0202;}
.contact_form .form_item .text{border: none; background: transparent;width: 100%;}
.contact_form .form_item .text::placeholder{color: #000000;}
.contact_form .form_item .item.on .tit{color:var(--primary-color); top:-.1rem; background: #e8f1f7; border-radius: .3rem; padding: 0 .1rem; }
.contact_form  .learn_more{padding-top: 5%;}
.contact_form .pic{max-width: 36%; }
.contact_form .pic img{border-radius: .3rem; width: 100%;}
@media(max-width:1024px){ 
  .contact_form .formbox{width: 100%; padding-bottom: .3rem; padding: 3%;}
  .contact_form .pic{max-width: 100%;width: 100%; position: absolute;left: 0;;bottom: 0; z-index: -1; opacity: 0.1; filter: blur(10px);}
}

.production_base {padding-top: 5%;}
.production_base .swiper-main{ overflow: hidden;  cursor: none;   position: relative; border-radius: .3rem;}
.production_base .item .pic{width: 63.88888888888889%; align-content: center;border-radius: .3rem;line-height: 0;}
.production_base .item .pic img{border-radius: .3rem; width: 100%;}
.production_base .item .desc{width: 36.11111111111111%;background-color: var(--white-color); border-radius: .3rem; padding: 2.5%; align-content: center;}
.production_base .item .info{max-height: 2.8rem; overflow-y: auto; padding-right: .1rem;}
.production_base .item .title{font-size: var(--font-size__32);line-height:calc(48 / 32); margin-bottom: .5rem;}
@media(min-width:1025px){ 
.production_base .item .pic{order: -1;}
}
@media(max-width:1024px){ 
.production_base .item .pic,
.production_base .item .desc{width:100%;}
.production_base .mouse{display: none;}
}

.cell_line_main .part:not(:first-child){padding-top: 6%;}

@media(min-width:1024px){ 
.cell_line_part01 .box_left{width: 50%; order: 2;}
.cell_line_part01 .box_right{width: 40.69444444444444%;}
.cell_line_part01 .box_left .article{padding-top: 5%; padding-bottom: 5%;}
}

.cell_line_part02 .item{text-align: center;}

.cell_line_part03 .list ul{gap:.3rem;}
.cell_line_part03 .item{width: calc((100% - 2*.3rem) / 3); box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); border-radius: .3rem; padding: .3rem; align-content:space-between;  transition: all .3s ease-in-out;}
.cell_line_part03 .item .title{width: 100%; font-size: var(--font-size__32); line-height: calc(40 / 32); margin-bottom: .5rem;} 
.cell_line_part03 .item .txt{width: 100%; border-top: solid 1px rgba(0,0,0,.3); padding: .2rem 0; position: relative;}
.cell_line_part03 .item .num{width: 100%;position: absolute;right: 0;bottom: 100%;font-size: var(--font-size__60);color: var(--primary-color); opacity: .3; text-align: right; line-height: 0.8;}
.cell_line_part03 .item .num{width: 100%;font-size: var(--font-size__60);color: var(--primary-color); opacity: .3; text-align: right; line-height: 0.8;}
.cell_line_part03 .item:hover{background: var(--primary-color); color: var(--white-color);}
.cell_line_part03 .item:hover .num{color: var(--white-color); opacity: 1;}
.cell_line_part03 .item:hover .txt{border-top-color: var(--white-color);}
@media(min-width:1025px){ 
.cell_line_part03 .list ul{ align-items: flex-start;}
.cell_line_part03 .item{ min-height: 3.80rem;}
.cell_line_part03 .item:nth-child(2),
.cell_line_part03 .item:nth-child(4),
.cell_line_part03 .item:nth-child(6){ min-height: 4.3rem;}
.cell_line_part03 .item:nth-child(4),
.cell_line_part03 .item:nth-child(6){margin-top: -.5rem;}
}
@media(max-width:1024px){ 
.cell_line_part03 .item{width: calc((100% - 1*.3rem) / 2);}
}
@media(max-width:640px){ 
.cell_line_part03 .item{width: 100%;}
}

.cell_line_part04 .list ul{gap:.3rem; font-size: var(--font-size__20); font-family:var(--font-family-medium)}
.cell_line_part04 .item{width: calc((100% - 2*.3rem) / 3); box-shadow: inset 0 0 0 1px rgba(0,0,0,.2); border-radius: .1rem; padding:.13rem .3rem; min-height: 1rem; align-content: center; transition: all .3s ease-in-out;}
.cell_line_part04 .item .txt{flex: 1;}
.cell_line_part04 .item:hover{background: var(--primary-color); color: var(--white-color);border-radius: .5rem; }
@media(max-width:1024px){ 
.cell_line_part04 .item{width: calc((100% - 1*.3rem) / 2);}
}



.cell_line_part05 .column_title h3{max-width: 85%;}
.cell_line_part05 .title{font-size:var(--font-size__20); padding: .1rem 0;}
.cell_line_part05 .group:not(:last-child){margin-bottom: 4%;}
.cell_line_part05 .group .item{text-align: center;}
.cell_line_part05 .group.row2{padding: 2%;}
.cell_line_part05 .group.row2 .item{width:50%;padding: 2%;}
@media(max-width:1024px){ 
.cell_line_part05 .column_title h3{max-width: 100%;} 
.cell_line_part05 .group.row2 .item{width:100%;}
}

.cell_line_part06 .group.row2{padding: 1.5%;}
.cell_line_part06 .group.row2 .item{width:50%; text-align: center;}
@media(max-width:1024px){ 
.cell_line_part06 .group.row2 .item{width:100%;}
}

.cell_line_part07 .column_title h3{max-width: 85%;}

.cell_line_part08 .title{font-size:var(--font-size__20); padding: .1rem 0;}
.cell_line_part08 .group{padding:3%;}
.cell_line_part08 .group .item{ text-align: center;padding: .1rem; text-align: center;}
.cell_line_part08 .group .item:nth-child(1){width: 64%;}
.cell_line_part08 .group .item:nth-child(2){width: 34%;}
@media(max-width:1024px){ 
.cell_line_part08 .group .item{width:100%;}
}

.cell_line_part00 .list{position: relative;}
.cell_line_part09  .box{background: var(--white-color); border-radius: 1rem; text-align: center; width:97.56%; min-height: 3.5rem; margin: 0 auto; padding: .5rem .2rem; align-content: space-between;}
.cell_line_part09  .pic {height: 2rem; width: 100%;}
.cell_line_part09  .pic img{max-height: 90%;}
.cell_line_part09  .title{font-family: var(--font-family-medium); width: 100%;}
.cell_line_part09  .type{padding: .2rem 0; position: relative;}
.cell_line_part09  .type:before{content: ''; position: absolute; width: 100%; left: 50%; top:.34rem; height: .06rem; background: var(--primary-color);}
.cell_line_part09  .type .icon{display: block; margin: 0 auto; border-radius: 50%; width: .34rem; height: .34rem; background: var(--primary-color); box-shadow: 0 0 0 2px var(--primary-color); border: solid .12rem var(--white-color); position: relative; z-index: 3;}
.cell_line_part09  .type b{height: .3rem; line-height: .3rem;font-weight: normal; display: block;text-align: center; font-size: var(--font-size__20);position: relative; margin-top: .2rem;}
.cell_line_part09  .type b::after{position: absolute; bottom: 0; left: 100%; width: .3rem; height: .3rem; background: url(../images/cell_jt.png) no-repeat center center; content: '';}
.cell_line_part09 .list:after{content: ''; position: absolute;bottom: .74rem; right: -.15rem; background: url(../images/svg/cell_sjx.svg) no-repeat center center; background-size:contain; width: .15rem; height: .26rem;}
.cell_line_part09 .swiper-button-prev,
.cell_line_part09 .swiper-button-next{top:35%}

.cell_line_part10 .column_title h3{max-width: 80%;}
.cell_line_part10 table td{padding-top: .3rem; padding-bottom: .3rem;width: 33.333%;}
@media(max-width:1024px){ 
.cell_line_part10 .column_title h3{max-width: 100%;} 
}

.cell_line_part11 .column_title h3{max-width: 70%;}
.cell_line_part11 .group.row2 {padding: 2%;}
.cell_line_part11 .group.row2 .item{width: 50%;padding: 2%; text-align: center;}
.cell_line_part11 .title{font-size: var(--font-size__28);padding-bottom: 1.5%;}
.cell_line_part11 .group:not(:last-child){margin-bottom: 4%;}
.cell_line_part11 table th{height:auto;padding-top: .08rem; padding-bottom: .08rem;}
.cell_line_part11 table td{padding-top: .3rem; padding-bottom: .3rem;}
@media(max-width:1024px){ 
.cell_line_part11 .column_title h3{max-width: 100%;}
}

.cell_line_part12 .column_title h3{max-width: 70%;}
.cell_line_part12 .steps_item ul{gap: .3rem;}
.cell_line_part12 .steps_item li{width:calc((100% - 3*.3rem) / 4);padding-bottom: .6rem; background: var(--white-color); border-radius: .3rem; transition: all .3s ease-in-out;}
.cell_line_part12 .steps_item li .desc{padding: .3rem; min-height: 3rem;}
.cell_line_part12 .steps_item li .desc h4{font-size: var(--font-size__32); line-height: calc(40 / 32); min-height: .8rem; margin-bottom: .3rem;}
.cell_line_part12 .steps_item li .step{position: absolute; bottom: .3rem; padding: 0 .25rem; border-radius: 0 .15rem .15rem 0; color: var(--white-color);background: var(--primary-color); transition: all .3s ease-in-out;}
.cell_line_part12 .steps_item li:hover{background: var(--primary-color); color: var(--white-color);}
.cell_line_part12 .steps_item li:hover .step{background: var(--white-color); color: var(--primary-color);}
@media(max-width:1024px){ 
.cell_line_part12 .column_title h3{max-width: 100%;}
.cell_line_part12 .steps_item li{width:calc((100% - 1*.3rem) / 2);}
}
@media(max-width:640px){ 
  .cell_line_part12 .steps_item li{width:100%;}
}

.cell_line_part13 .left_box{width: 55%;}
.cell_line_part13 .left_box .column_title {max-width: 70%;}
.cell_line_part13 .left_box .item{padding: 0;}
.cell_line_part13 .left_box .item img{border-radius: .2rem;}
.cell_line_part13 .right_box{width: 41.66666666666667%;}
.cell_line_part13 .right_box .info{ background: no-repeat center center; background-size: cover; border-radius: .4rem; padding:5%;}
.cell_line_part13 .right_box li{padding: 3% 0;}
.cell_line_part13 .right_box figure{width: .6rem; height: .6rem; border-radius: 100%; background: var(--primary-color);}
.cell_line_part13 .right_box .desc{flex: 1; margin-left: .22rem;}
.cell_line_part13 .right_box .desc h4{font-size: var(--font-size__28);}
@media(max-width:1024px){ 
  .cell_line_part13 .left_box{width: 100%;}
  .cell_line_part13 .left_box .column_title {max-width: 100%;}
  .cell_line_part13 .right_box{width: 100%; padding-top: 6%;}
}

/*index*/
[class*=ind_]{position: relative;overflow: hidden;z-index: 2;}

.ind_main{background: url(../images/ind_bodybg.jpg) no-repeat center top; background-size: 100%;}


/* banner s */
.controls-area{position: absolute; left: 0;bottom:calc(90 / 960 * 100%);z-index: 10;width: 100%;}
.controls-area .arr{cursor: pointer; color: var(--white-color); display: flex; align-items: center;}
.controls-area .arrow-prev:before,
.controls-area .arrow-next:after{content: '';display: inline-block;width: .2rem; height: .2rem;background: url(../images/svg/swiper-arr.svg) no-repeat center center}
.controls-area .arrow-next:after{transform: rotate(180deg);}
.controls-area .pause-play-btn {width: 0.4rem;height: 0.4rem;;border-radius: 50%;margin:0 0.4rem;cursor: pointer;color: #fff;display: flex;align-items: center;justify-content: center;}
.controls-area .pause-play-btn.pause::after {content: '❚❚';font-size: 12px;}
.controls-area .pause-play-btn.play::after {content: '▶';font-size: 12px;}
.controls-page{display: flex;align-items: center; justify-content: center;position: relative;padding: 0 0.1rem;}
.controls-page span{width: 0.31rem;height: 0.31rem;position: relative;background-color: transparent;opacity: 1;}
.controls-page span:not(:last-child){margin-right: 0.1rem;}
.controls-page span:after{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 0.1rem;height: 0.1rem;background-color: rgba(var(--white-color__rgb), 0.4);content: "";border-radius: 50%;}
.controls-page span:before{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";border-radius: 50%;background: url(../images/ban_dot.png) no-repeat center center/contain;opacity: 0;}
.controls-page .swiper-pagination-bullet-active:after{background-color: rgba(var(--white-color__rgb), 1);}
.controls-page .swiper-pagination-bullet-active:before{opacity: 1;animation: turn 3s linear infinite;}
@media(max-width:1024px){
  .controls-area{right: 3%;left: auto; width: auto;}
}

.ind_ban{position: relative;z-index: 1; top: 0; padding: .22rem .2rem;}
.ind_ban .swiper { -webkit-mask-image: url("../images/svg/path_banner_ind.svg");-webkit-mask-size: 100% 100%;  -webkit-mask-repeat: no-repeat;}
.ind_ban .ispic figure {padding-bottom: 50%; line-height: 0;}
.ind_ban .ispic figure img{width: 100%;}
.ind_ban .info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;color: #fff;}
.ind_ban .info h1{max-width: 65%;font-size: var(--font-size__72);line-height: calc(80 / 72);margin: 0 0 0.27rem; text-transform: uppercase;}
.ind_ban .info pre{max-width: 56%;font-size: var(--font-size__22);line-height: calc(36 / 22);font-weight: var(--font-weight__l);margin-bottom: var(--padding-margin__50); color: rgba(255, 255, 255, 0.5)}
.ind_ban .swiper-slide-active .ispic img{animation:fadeInscale 5s .3s ease both;-webkit-animation:fadeInscale 5s .3s ease both;-moz-animation:fadeInscale 5s .3s ease both;}
.ind_ban .swiper-slide-active h1{animation:fadeInUpSmall 1s .4s ease both;-webkit-animation:fadeInUpSmall 1s .4s ease both;-moz-animation:fadeInUpSmall 1s .4s ease both;}
.ind_ban .swiper-slide-active pre{animation:fadeInUpSmall 1s .6s ease both;-webkit-animation:fadeInUpSmall 1s .6s ease both;-moz-animation:fadeInUpSmall 1s .6s ease both;}
.ind_ban .swiper-slide-active .learn_more{animation:fadeInUpSmall 1s .8s ease both;-webkit-animation:fadeInUpSmall 1s .8s ease both;-moz-animation:fadeInUpSmall 1s .8s ease both;}

.ban-outside { width: 100%; will-change: height; position: absolute; left: 0;  top: -20vh;  transform: skewY(-8deg);  overflow: hidden; height: calc(100% + 40vh);}
.ind_ban .swiper-slide.in {  opacity: 1!important}
.ind_ban .swiper-slide.out,.ind_ban .swiper-slide.on { opacity: 1!important; z-index: 10}
.ban-inside {background-color: var(--black-color);background-position: 50%; background-repeat: no-repeat; background-size: cover;  width: 100vw; height: var(--banh); position: absolute; left: 0; top: 20vh; transform: skewY(8deg);}
.ind_ban .arrows-prev{left:3%;}
.ind_ban .arrows-next{right:3%;}
@media(max-width:1024px){
.ind_ban .info h1{max-width: 100%;font-size: var(--font-size__38);}
.ind_ban .info pre{max-width: 100%;}
.ind_ban .ispic figure {padding-bottom: 75%;}
}
@media(max-width:640px){
  .ind_ban .info pre{display: none;}
}


.ind_banner_notice {position: relative; z-index: 10;}
.ind_notice .notice  { padding: .2rem .3rem .5rem .3rem; background: rgba(37,37,58,0.1); position: relative;border-radius: .3rem;border: 1px solid rgba(var(--white-color__rgb), 0.5);backdrop-filter: blur(20px);}
.ind_notice .swiper {height: 100%;display: block;}


.ind_notice .item time{font-size: var(--font-size__38);}
.ind_notice .item .time{font-size: var(--font-size__20);}
.ind_notice .item .line{flex: 1; height: 1px; margin: 0 .3rem; background: rgba(var(--white-color__rgb), 0.5);}
.ind_notice .item .type{ font-size: .12rem; background: var(--primary-color); padding: 0 .05rem; border-radius: .1rem; color: var(--white-color);;}
.ind_notice .item h4{font-size: var(--font-size__18);text-decoration: underline;text-underline-offset: 5px;}
.ind_notice .item p{opacity: 0.6;}
.ind_notice .swiper-pagination{position: relative;top: auto; transform: none; gap:.17rem; display: flex; justify-content: center;}
.ind_notice .swiper-pagination-bullet{width: .12rem; height: .12rem;}
.ind_notice .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background: var(--white-color); opacity: 0.3;}
@media(min-width:1024px){
.ind_notice {position: absolute; width: 100%; bottom: .22rem; z-index: 10;pointer-events:none;}
.ind_notice .container{display: flex; justify-content: flex-end; }
.ind_notice .notice{width:5rem; height: 5.1rem; padding: .3rem .4rem .5rem .4rem; pointer-events:all;}
.ind_notice .item{color: var(--white-color);}
.ind_notice .swiper-slide {display: flex; justify-content: center; align-items: center; width: 100%;}
}
@media(max-width:1024px){
.ind_notice .swiper-pagination{padding-top: .2rem;}
}

.ind_biologics .container{position: relative;}
.ind_biologics .learn_more{display: flex;; justify-content: center;}
.ind_biologics .learn_more .more{transform: translateY(.52rem);}
.ind_biologics .imgt{margin-top: -5%;}
.ind_biologics .imgb{margin-bottom: -5%;}
.ind_biologics .ispic figure{padding-bottom: 30.625%; border-radius: .5rem;}
@media(min-width:1025px){
.ind_biologics .column_title {padding-left: 30.875%;}
.ind_biologics .info{padding-right: 30.875%;text-align: center;}
.ind_biologics .ispic{position: absolute;width: 20%;line-height: 0;}

.ind_biologics .ispic:nth-child(1){left: 9.125%; top:0}
.ind_biologics .ispic:nth-child(2){right: 0; bottom:0}
}
@media(max-width:1024px){
.ind_biologics .photo{display: flex; justify-content: space-between; padding-top: 5%;}
.ind_biologics .photo .ispic{width: 48%;}
}

.ind_about{position: relative; padding-top: 1rem;}
.ind_about .article{width: 38%;}
.ind_about .info {padding-bottom: 10%; text-align: justify;}
.ind_about .list{width: 56.25%;}
.ind_about .list ul{gap:.2rem}
.ind_about .list li{position: relative;width:calc((100% - 1*.2rem) / 2);}
.ind_about .list li .desc{position: absolute; top: 0; left: 0; width: 100%; padding: .4rem .3rem; color: var(--white-color); z-index: 10;}
.ind_about .list li .desc sup{font-size: var(--font-size__60);}
.ind_about .list li .desc p{width: 80%;}
.ind_about .list li .desc .count-up{font-size: var(--font-size__72); line-height: 1;}
.ind_about .list li .ispic{border-radius: .3rem;}
.ind_about .list li .ispic figure{background: #000000;}
.ind_about .list li:not(:hover) .ispic figure img{opacity: 0.85;}
.ind_about .list li:nth-child(2){order: 2;margin-top: -18.5%;}
.ind_about .list li:nth-child(4){order: 4;}
.ind_about .list li:nth-child(1) .ispic figure{padding-bottom: 59.09090909090909%}
.ind_about .list li:nth-child(2) .ispic figure{padding-bottom: 118.1818181818182%;}
.ind_about .list li:nth-child(3) .ispic figure{padding-bottom: 96.36363636363636%}
.ind_about .list li:nth-child(4) .ispic figure{padding-bottom: 79.54545454545455%}
.ind_about .list li:nth-child(2) figure{background: #cf4b25;}
.ind_about .list li:nth-child(3) figure{background: var(--primary-color)}
.ind_about .list li:nth-child(4) figure{background:#e8f1f7}
.ind_about .list li:nth-child(4):not(:hover) .desc{color: #000;}
.ind_about .list li:nth-child(2):not(:hover) figure img,
.ind_about .list li:nth-child(3):not(:hover) figure img,
.ind_about .list li:nth-child(4):not(:hover) figure img{opacity: 0;}

@media(max-width:1024px){
.ind_about .article{width: 100%;}
.ind_about .info{padding-bottom: 5%;}
.ind_about .list{width: 100%; padding-top: 5%;}
}

.ind_solutions {padding: 5% 0;}
.ind_solutions .column_title{width: 90%;}
.ind_solutions .list{position: relative;}
.ind_solutions .swiper-slide{padding: .5rem 0;}
.ind_solutions .item{background: var(--white-color); border-radius: .4rem; padding: 5%;position: relative; transition: all 0.5s;}
.ind_solutions .item:after{content: '';position: absolute;bottom:24%;left:0;right: 0%;margin: auto ;width: 90%;height: 60%;height: 80%;background: var(--primary-color); border-radius:.3rem; opacity: 0.2; z-index: -1;transform: rotateZ(1deg);}
.ind_solutions .item .desc{width: 70%;}
.ind_solutions .item .desc .type{display: inline-block; color: var(--primary-color); font-size: var(--font-size__18); line-height: calc(40 / 18); padding: 0 .15rem; border-radius: 6px; background: #e5f2fa;}
.ind_solutions .item .desc h4{font-size: var(--font-size__80); line-height: calc(72 / 80); margin-top: .2rem;}
.ind_solutions .item .desc .txt{margin: .3rem 0; min-height: 1rem;}
.ind_solutions .item .ispic{margin-top: 5%;width:26.528%; height: 100%; border-radius: .3rem;  -webkit-mask-image: url("../images/svg/ind_imgbg.svg");-webkit-mask-size: 100% 100%;  -webkit-mask-repeat: no-repeat;}
.ind_solutions .item .ispic figure{padding-bottom: 128.0104712041885%;}
.ind_solutions .swiper-cards .swiper-slide:not(.swiper-slide-active){opacity: 0;}
.ind_solutions .swiper-3d .swiper-slide-shadow{display: none;}
.ind_solutions .swiper-pagination{right: 8%; top:.2rem; width: auto; opacity: 0.1;}
.ind_solutions .swiper-pagination-current{font-size: calc(110/1920*100vw);}
.ind_solutions .swiper-pagination-total{font-size: var(--font-size__24); }
.ind_solutions .list:hover .item{background: var(--primary-color); color: var(--white-color);}
.ind_solutions .list:hover .item:after{background: rgba(207,219,229,0.8); opacity: 1;}
.ind_solutions .list:hover .item .desc .type{background: rgba(255,255,255,0.1); color: var(--white-color);}
.ind_solutions .list:hover .learn_more .more b{background: var(--white-color); color: var(--primary-color);}
.ind_solutions .list:hover .learn_more .more em{background: var(--white-color);}
.ind_solutions .list:hover .learn_more .more em:before{filter: none}
.ind_solutions .list:hover .swiper-pagination{color: var(--white-color);}
@media(max-width:640px){
  .ind_solutions .item .desc{width: 100%;}
  .ind_solutions .item .ispic{width: 100%;}
}


.ind_platform .list{padding-left: 21.09375%;}
.ind_platform .item{display: block;position: relative;box-shadow:inset 0 0 0 1px #aaaaaa; border-radius: .3rem;overflow: hidden;transition: all 0.5s;}
.ind_platform .item .desc{position: absolute; align-content: space-between; top: 0; left: 0; width: 100%; height: 100%; padding: .25rem; z-index: 10;}
.ind_platform .item .title{width: 100%;}
.ind_platform .item .title h4{font-size: var(--font-size__32); line-height: calc(40 / 32);}
.ind_platform .item .info{width: 100%; border-top: solid 1px #000000;}
.ind_platform .item .info p{line-height: calc(28 / 16); height: 3.5em; margin: .2rem 0;}
.ind_platform .item .ispic {background: #000000; opacity: 0;}
.ind_platform .item .ispic figure{padding-bottom: 133.3333333333333%; opacity: 0;}
.ind_platform .item:hover{background: var(--primary-color);}
.ind_platform .item:hover .title h4{color: var(--white-color);}
.ind_platform .item:hover .info{border-top-color: var(--white-color);}
.ind_platform .item:hover .info p{color: var(--white-color);}
.ind_platform .swiper-slide:not(.swiper-slide-active) .learn_more .more{width: 100%;justify-content: space-between;align-items: center;}
.ind_platform .swiper-slide:not(.swiper-slide-active) .learn_more .more b{line-height:1.5;order: 2; background: none;padding: 0; border-bottom: solid .1px #000000; color: #000000; border-radius: 0;}
.ind_platform .swiper-slide:not(.swiper-slide-active) .learn_more .more em{background: #000000;}
.ind_platform .swiper-slide:not(.swiper-slide-active):hover .learn_more .more b{color: var(--white-color); border-bottom-color: var(--white-color);}
.ind_platform .swiper-slide:not(.swiper-slide-active):hover .learn_more .more em{background: var(--white-color);}
.ind_platform .swiper-slide:not(.swiper-slide-active):hover .learn_more .more em:before{ filter:none}
.ind_platform .swiper-slide-active .item{color: var(--white-color);}
.ind_platform .swiper-slide-active .item .ispic{opacity: 1;}
.ind_platform .swiper-slide-active .item .ispic figure{opacity: 0.3;}
.ind_platform .swiper-slide-active .item .info{border-top-color: rgba(255, 255, 255, 0.3);}
@media(max-width:1024px){
 .ind_platform .list{padding-left: 0;} 
}

.ind_news{padding: 8.333333333333333% 0;}
.ind_news .tab{font-size: var(--font-size__18); padding-bottom: 3.614457831325301%;}
.ind_news .tab ul{gap: 2px;}
.ind_news .tab ul li{line-height: calc(52 / 18);cursor: pointer;}
.ind_news .tab ul li a{display: block; background: #f6f6f6;border-radius: .06rem; padding: 0 .33rem;}
.ind_news .tab ul li.show a{color: var(--white-color);background: var(--primary-color);border-radius: .26rem;}
.ind_news .swiper{overflow: visible;}
.ind_news .swiper-wrapper{align-items: center;}
.ind_news .item{display: block;border: solid .05rem var(--white-color); border-radius: .3rem; transition: 0.5s;}
.ind_news .item .ispic{position: relative;}
.ind_news .item figure{padding-bottom:61.11111111111111%;border-radius: .3rem .3rem 0 0;}
.ind_news .item .desc{background: #e8f1f7;border-radius: .3rem; padding: 7%;margin-top: -5%;position: relative; z-index: 5;transition: 0.5s;}
.ind_news .item .desc h4{font-size: var(--font-size__16); line-height: calc(28 / 16);height: 3.5em;}
.ind_news .item .desc .type {display: flex; align-items: center; padding-top: .15rem; padding-bottom: .2rem;}
.ind_news .item .desc .type:after{content: '';height: 1px;background: #e8e8e8; flex: 1;}
.ind_news .item .desc .type span{font-size: .12rem;background: #e8e8e8; padding: 0 .1rem; margin-right: .1rem; border-radius: .1rem;}
.ind_news .item .desc time{font-size: var(--font-size__20); }
.ind_news .item .desc time b{display: block;font-size: var(--font-size__38); line-height: 1; }
.ind_news .item:hover .desc{background: var(--primary-color);}
.ind_news .item:hover .desc *{color: var(--white-color);}
.ind_news .item:hover .desc .type span{color: var(--primary-color);}
.ind_news .swiper-slide:not(.swiper-slide-active) .desc{transform: scale(0);display: none;}
.ind_news .swiper-slide:not(.swiper-slide-active) figure{border-radius: .3rem;}
.ind_news .swiper-slide .item {opacity: 0;}
.ind_news .swiper-slide:has(+ .swiper-slide-prev) .item{transform: rotate(-10deg) translate(34%,10%);opacity: 1;}
.ind_news .swiper-slide-prev .item{transform: rotate(-3deg) translateX(10%);opacity: 1;}
.ind_news .swiper-slide-active{z-index: 5;} 
.ind_news .swiper-slide-active .item{opacity: 1;}
.ind_news .swiper-slide-next .item{transform: rotate(3deg) translateX(-10%);opacity: 1;}
.ind_news .swiper-slide-next  + .swiper-slide .item{transform: rotate(10deg) translate(-34%,10%);opacity: 1;}
.ind_news .hide{height: 0;overflow: hidden;}
.ind_news .inside_video{overflow: hidden;border-radius: .3rem; }
@media(max-width:768px){
.ind_news .tab ul li{flex:auto; text-align: center;}
.ind_news .tab ul li a{padding: 0;}
}

/*index end*/
.details-page #bloc {padding-top:1.8rem;}