@charset "utf-8";
@import url("base.css");/* 重置&常用样式 */
@import url("fonts/custom.css"); /* 字体 */

/* 全局变量 */
.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;
--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: 30, 131, 192;/*#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: 'hm', sans-serif;
--font-family__en: 'Montserrat', '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;
--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: 1rem;
--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__18); font-family:var(--font-family); line-height:  var(--main_line_height); color: var(--black-color);}

.container {width: 87.6%;margin: 0 auto;max-width: calc(var(--max-width) * 1px);}
@media (max-width: 1024px) {
.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 */


/* btn */
.more{display: inline-block;text-align: center;width: 1.8rem;color: #fff;background-color: var(--primary-color);border-radius: 0.6rem;position: relative;line-height: 0.56rem;overflow: hidden;border: 0.02rem solid var(--primary-color);font-weight: var(--font-weight__l);z-index: 10;cursor: pointer;padding: 0;}
.more span{position: relative;z-index: 10;margin-right: 0.24rem;transition: all 0.5s ease-in-out;}
.more em{display: inline-block;vertical-align: middle;width: 0.14rem;height: 0.14rem;border-radius: 50%;background-color: rgba(var(--white-color__rgb), 0.2);position: absolute;transition: all 0.65s ease-in-out;right: -0.37rem;top: 50%;transform: translateY(-50%);}
.more em:after{width: 0.05rem;height: 0.05rem;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;}
.more:hover{color: #fff;}
.more:hover span{margin-right: 0;display: block;}
.more:hover em{position: absolute;width: 3rem;height:3rem;right: 0;margin: 0;z-index: -1;}
.more:hover em:after{position: absolute;width: 3rem;height: 3rem;right: 0;margin: 0;background-color: rgba(var(--white-color__rgb), 0.05);}
.more.white{border-color:rgba(var(--white-color__rgb), 0.3);background-color: transparent;}
.more.white:hover {color: #fff;border-color: var(--primary-color);}
.more.white:hover em{background-color: rgba(var(--primary-color__rgb), 0.5);}
.more.white:hover em:after{background-color: var(--primary-color);}
.more.white2{border-color:rgba(var(--white-color__rgb), 1);background-color: rgba(var(--white-color__rgb), 1);color: var(--primary-color);}
.more.white2:hover {color: #fff;border-color: transparent;}
.more.white2 em{background-color: rgba(var(--primary-color__rgb), 0.2);}
.more.white2 em:after{background-color: var(--primary-color);}

.more-detail{color: #999999;display: flex;align-items: center;font-weight: var(--font-weight__l);}
.more-detail:after{width: 0.07rem;height: 0.14rem;content: "";background: url(../images/arr_r_dark.svg) no-repeat center center/contain;margin-left: var(--padding-margin__30);transition: var(--transition);}
.item:hover .more-detail{color: var(--primary-color);}
.item:hover .more-detail:after{background-image: url(../images/arr_r_blue2.svg);margin-left: var(--padding-margin__20);}

@media(max-width:480px){
  .more{width: 1.5rem;border-radius: 0.46rem;line-height: 0.44rem;}
}

/* Start
========================================================================== */
header{position: fixed;left: 0;top: 0;width: 100%;z-index: 100; transition: var(--transition);--max-width:1600;border-bottom: 1px solid transparent;background-color: transparent !important;border-bottom: 0 !important;}
header.dark-style{background-color: var(--white-color) !important;border-bottom-color: #ededed !important;box-shadow: 0 0.08rem 0.2rem rgba(219,219,219,0.3);}
header.dark-style.up{ box-shadow: 0 0.08rem 0.2rem rgba(219,219,219,0.3);}
header .logo img{ height: 0.56rem;}
@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.49rem;position: relative;font-size: var(--font-size__16);display:none;}
.h-lang dt{width: 0.8rem;border-radius: 0.4rem;height: 0.4rem;display: flex;align-items: center;justify-content: center;border-radius: 0.4rem;}
.h-lang dt:after{content: "";width: 7px;height: 4px;opacity: 0.8;background: url(../images/arr_b_white.svg) no-repeat;}
.h-lang dd{position: absolute;left: 0;top: 100%;width: 100%;}
.light-style .h-lang dt{border:1px solid rgba(var(--white-color__rgb), 0.5);}
.dark-style .h-lang dt{border:1px solid rgba(var(--black-color__rgb), 0.2);}
.dark-style .h-lang dt:after{background-image: url(../images/arr_b_dark.svg);}
.h-lang a{margin-right: 0.13rem;}
.light-style .h-lang a{color: #fff;}
.h-lang a:hover{color: #777777;}

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

@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: var(--header_height); width: 4.5rem;bottom: 0;background: rgba(var(--white-color__rgb), 0.95); left: -100%;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/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;}
}

/* footer */
footer{background: url(../images/footerbg.jpg) no-repeat right top/cover; padding-top: var(--padding-margin__60);font-size: var(--font-size__16);font-weight: var(--font-weight__l); position: relative;z-index: 11;color: #fff;}
footer .logo img{filter: brightness(0) invert(1); height: 0.68rem;}
.f-top{padding-bottom: var(--padding-margin__50);margin-bottom: var(--padding-margin__50);border-bottom: 2px solid rgba(var(--white-color__rgb), 0.2);}
.f-bottom{border-top: 2px solid rgba(var(--white-color__rgb),0.2); padding: var(--padding-margin__30) 0; line-height: calc(30 / 16);margin-top: var(--padding-margin__30);}
.f-bottom,
.f-bottom a:not(:hover){color: rgba(var(--white-color__rgb),0.7);}
footer a:hover{color: var(--white-color);}
.f-contact{margin-top: var(--padding-margin__60);}
.f-contact dd{line-height: calc(20 / 16);display: flex;}
.f-contact dd,
.f-contact dd a{color: var(--white-color);}
.f-contact dd a:hover{text-decoration: underline;}
.f-contact dd:not(:last-child){margin-bottom: var(--padding-margin__12);}
.f-contact dd span{width: 0.53rem;flex-shrink: 0;color: rgba(var(--white-color__rgb),0.5);}
.f-code{text-align: center;font-size: var(--font-size__14);}
.f-code dd:not(:last-child){padding-right: 0.2rem;}
.f-code dd img{margin: 0px auto 0.1rem;width: 1.3rem;height: 1.3rem;border-radius: 4px;background-color: #fff;padding: 0.08rem;display: block;}
.follow-us li{position: relative;z-index: 20;}
.follow-us li:not(:last-child){margin-right: 0.2rem;}
.follow-us .icon{display: flex;align-items: center;justify-content: center;	width: 0.6rem;height: 0.6rem; background-color: rgba(var(--white-color__rgb),0.2);border-radius: 50%;transition: all 0.5s;}
.follow-us .icon img{width: 0.26rem;}
.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 .code{ visibility: visible; opacity: 1; transform: translateY(0);}
.follow-us li:not(.show) .icon img{filter: brightness(0) invert(1);}

footer .tit{font-size: var(--font-size__18);font-weight: var(--font-weight__m); margin-bottom: var(--padding-margin__20);}
.f-sitemap{margin-bottom: var(--padding-margin__35);}
.f-sitemap .tit a{color: var(--white-color);}
.f-sitemap .item dd{line-height: calc(20 / 16);}
.f-sitemap .item dd:not(:last-child){ margin-bottom: 0.12rem;}
.f-sitemap .item dd a{color: rgba(var(--white-color__rgb),0.7);}
.f-sitemap .item dd a:hover{color: var(--white-color);}
.f-sitemap .sub-item .list{ position: relative;z-index: 1;}
.f-sitemap .sub-item .list dl:not(.active){position: absolute; visibility: hidden; opacity: 0; pointer-events: none;}
.f-sitemap .sub-item .list dd{opacity: 0;  transition: var(--transition); transition-delay: var(--s);}
.f-sitemap .sub-item .list dl.active dd{opacity: 1;  }

.f-bottom .nav a:not(:last-child):after{width: 1px;background-color: rgba(var(--white-color__rgb), 0.2);height: 0.13rem; margin: 0 1em;content: '';display: inline-block;}

.fix-right{right: var(--padding-margin__15);top: 50%;transform: translateY(-50%);width: 0.72rem;position: fixed;z-index: 100;}
.fix-right ul{background-color: var(--white-color);border-radius: 0.72rem;padding:0 0 var(--padding-margin__30);box-shadow: 0 4px 0.25rem rgba(var(--primary-color__rgb), 0.15);}
.fix-right li{position: relative;}
.fix-right p{margin: 0;}
.fix-right .btn{display: block;padding: var(--padding-margin__30) 0 0;text-align: center;font-size: var(--font-size__14);font-weight: var(--font-weight__l);}
.fix-right .btn img{display: block;margin: 0px auto 0.08rem;height: 0.25rem;}
.fix-right li:not(:last-child) .btn{border-bottom: 1px solid rgba(255,255,255,0.18);}
.fix-right li:hover .ewm{right: 100%;visibility: visible;z-index: 100;opacity: 1;}
.fix-right .ewm{padding: 0.1rem;border-radius: 5px;background: #fff;width: 1.5rem;top: 50%;right: 90%;transform: translateY(-50%);transition: all 0.5s;position: absolute;opacity: 0;z-index: -1;visibility: hidden;box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.fix-right .ewm img{width: 100%;}
.fix-right .ewm:after{width: 10px;height: 10px;top: 50%;transform: translateX(-50%) rotate(45deg);content: "";position: absolute;background: #fff;right: -10px;}
.fix-right .ewm a{font-size: var(--font-size20);font-weight: bold;color: rgba(var(--main-color));}
.fix-right li:nth-child(2) .ewm{width: 1.8rem;}
.fix-right .formbtn{width: 0.72rem;height: 0.72rem;border-radius: 50%;background: var(--secondary-color) url(../images/ico-ly.svg) no-repeat center center/0.25rem 0.32rem;transition: all 0.5s;display: block;margin: var(--padding-margin__30) 0 0 0;}
.fix-right .formbtn:hover{background-color: var(--primary-color);}
.fix-right .back-top{transform: translateY(-100%);height: 0;opacity: 0;transition: all 0.5s;pointer-events: none;}
.fix-right.up .back-top{transform: translateY(0);height: 0.76rem;opacity: 1;pointer-events: auto;}

.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;}
}

@media (min-width:1025px) {
.f-left{flex: 1;}
.f-sitemap .sub-item{ display: flex;width: 2.68rem;}
.f-sitemap .sub-item .parent{flex-shrink: 0; width:1.11rem;}
.f-sitemap .sub-item .list{flex: 1; margin-left: 0.33rem;}
.f-sitemap .sub-item .list dd{transform: translateY(0.2rem);}
.f-sitemap .sub-item .list dl.active dd{transform: translateY(0);}
.f-sitemap .sub-item .parent dd.active a{display: block;background: url(../images/a-icon.svg) no-repeat right center; background-size: auto 0.11rem;}
}
@media (max-width:1024px) {
.f-left{margin-bottom: var(--padding-margin__100);}
.f-sitemap{display: none;}
.f-sitemap .item dl{display: flex;flex-wrap: wrap;}
.f-sitemap .item > dl dd{margin-bottom: 0.1rem;}
.f-sitemap .item dl dd:not(:last-child){margin-right: 0.2rem;}
.f-sitemap .item:not(:last-child){margin-bottom: var(--padding-margin__50);}
.f-sitemap .sub-item .list dd{transform: translateX(0.2rem);}
.f-sitemap .sub-item .list dl.active dd{transform: translateX(0);}
.f-code {padding-top: 0.2rem;}
.f-bottom{text-align: center;}
}
@media(max-width:480px){
  .follow-us .icon{width: 0.45rem;height: 0.45rem;}
}


/* 首页重置 */

/* banner */
[class*=home-]{position: relative;overflow: hidden;z-index: 2;}
.home-main .edit-info{text-align: justify;font-weight: var(--font-weight__l);}

/* banner s */
.controls-area{position: absolute; left: 0;bottom:calc(90 / 960 * 100%);z-index: 10;width: 100%;}
.controls-area .arr{width: 0.31rem;height: 0.31rem;border-radius: 50%;background-size: 0.09rem 0.16rem;background-position: center center;background-repeat: no-repeat;cursor: pointer;}
.controls-area .arrow-prev{background-image: url(../images/swiper-arr_right.svg);transform: rotate(180deg);}
.controls-area .arrow-next{background-image: url(../images/swiper-arr_right.svg);}
.controls-area .pause-play-btn {width: 0.4rem;height: 0.4rem;border: 1px solid var(--white-color);border-radius: 50%;margin-left: 0.18rem;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;}

.home-ban{position: relative;z-index: 1; top: 0; }
.home-ban .ispic{padding-bottom: 100vh;}
.home-ban .swiper{height: 100vh;}
.home-ban .info{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;color: #fff;}
.home-ban .info h1{max-width: 70%;font-size: var(--font-size__56);line-height: calc(78 / 56);margin: 0 0 0.27rem;}
.home-ban .info pre{max-width: 6.2rem;font-size: var(--font-size__20);line-height: calc(36 / 20);font-weight: var(--font-weight__l);margin-bottom: var(--padding-margin__50);}
.home-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;}
.home-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;}
.home-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;}
.home-ban .swiper-slide-active .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);}
.home-ban .swiper-slide.in {  opacity: 1!important}
.home-ban .swiper-slide.out,.home-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);}
.home-ban .arrows-prev{left:3%;}
.home-ban .arrows-next{right:3%;}
@media(max-width:1024px){
  .home-ban .info h1{max-width: 100%;}
}

/* about s */
.titHead{padding-bottom: var(--padding-margin__70);position: relative;}
.titHead .tit{margin:0;font-size: var(--font-size__20);color: var(--primary-color);margin:0 0 var(--padding-margin__25);font-weight: var(--font-weight__l);}
.titHead h2{font-size: var(--font-size__48);color: #222222;line-height: calc(70 / 48);;font-weight: var(--font-weight__m);margin: 0;}
.titHead h2 span{color: #afafaf;}
.titHead.tc .tit{justify-content: center;}

.home-about{padding: var(--padding-margin__120) 0 var(--padding-margin__90);}
.home-about .content{max-width: 8.78rem;padding-top: var(--padding-margin__20);position: relative;z-index: 1;}
.home-about .edit-info{line-height:calc(36 / 18);margin-bottom:var(--padding-margin__90);}
.home-about .numList{padding: var(--padding-margin__100) 0 var(--padding-margin__70);}
.home-about .numList li{flex: 1;}
.home-about .numList .num{line-height: 1.05rem;color: var(--primary-color); font-family:'Bebas';font-size: var(--font-size__56);}
.home-about .numList .num span{display: inline-block;vertical-align: bottom;}
.home-about .numList .num sub{font-size: var(--font-size__26);margin-left: 0.1rem;line-height: 3.5;vertical-align: bottom;}
.home-about .numList p{margin: 0;font-weight:var(--font-weight__l);font-size: var(--font-size__16);}
.home-about .map{width: 8.35rem;height: 8.36rem;position: relative;margin: 0px auto;}
.home-about .map img{width: 100%;height: 100%;object-fit: contain;}
.home-about .map li{position: absolute;z-index: 10;}
.home-about .map li p{margin: 0;min-width: 0.68rem;text-align: center;background-color: var(--primary-color);color: #fff;line-height: 0.32rem;padding: 0 0.1rem;border-radius: 0.32rem;position: absolute;top: -0.4rem;left: -0.89rem;pointer-events: none;transition: var(--transition);opacity: 0;}
.home-about .map li p:after{position: absolute;width: 1px;height: 0.65rem;top:0rem;content: "";right: -0.12rem;background-color: var(--primary-color);transform: rotate(-45deg);z-index: -1;}
.home-about .map li span{position: relative;display: block;width: 0.24rem;height: 0.24rem;display: flex;align-items: center;justify-content: center;border-radius: 50%;cursor: pointer;z-index: 1;}
.home-about .map li span i{width: 0.12rem;height: 0.12rem;border-radius: 50%;background-color: var(--primary-color);border: 0.03rem solid #fff;}
.home-about .map li:nth-child(1){top: 3.29rem;left: 2.8rem;}
.home-about .map li:nth-child(2){top: 3.42rem;left: 4.2rem;}
.home-about .map li:nth-child(3){top: 3.45rem;left: 4.7rem;}
.home-about .map li:nth-child(4){top: 3.7rem;left: 6.28rem;}
.home-about .map li:nth-child(5){top: 3.77rem;left: 4.24rem;}
.home-about .map li:nth-child(6){top: 4.02rem;left: 4.12rem;}
.home-about .map li:nth-child(7){top: 3.97rem;left: 4.46rem;}
.home-about .map li.on span{background-color: rgba(var(--white-color__rgb), 0.8);border:1px solid var(--primary-color)}
.home-about .map li.on p{opacity: 1;}
.home-about .map li.on::before,
.home-about .map li.on::after {width: 100%;height: 100%;border: 1px solid var(--primary-color);position: absolute;left: 0;top: 0;content: '';border-radius: 50%;opacity: 0;animation: scaleAnimate 2s linear;animation-iteration-count: infinite;background-color: var(--primary-color);}
.home-about .map li.on::after {animation-delay: .5s;}

@media(min-width:1025px){
  .home-about .map{position: absolute;top: var(--padding-margin__20);right: -1.02rem;}
}
@media(max-width:1024px){
  .home-about .map{margin-top: -2rem;margin-bottom: 2rem;}
}
@media(max-width:640px){
  .home-about .map{zoom: 0.6;}
  .home-about .numList{padding-top: 0.2rem;}
}

/* business s */
.about-business{position: relative;overflow: hidden;background-color: #deeaf4;padding-bottom: var(--padding-margin__120);}
.about-business .is-bgImg__cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: url(../images/home-about_bg.jpg);}

.home-business .card-list{margin-left: -0.25rem;}
.home-business .item{flex: 1;margin-left: 0.25rem;border-radius: 0.25rem;overflow: hidden;transition: all 1s;position: relative;}
.home-business .item:after{font-family:'Bebas';font-size: var(--font-size__50);color: rgba(var(--white-color__rgb), 0.5);top: var(--padding-margin__100);position: absolute;z-index: 11;transition: all 0.5s;left:50%;transform: translateX(-50%);}
.home-business .ispic:after{width: 100%;left: 0;bottom: 0;z-index: 1;content: "";position: absolute;height: 100%;background-image: linear-gradient(to top, #1aa5f9 , rgba(0,0,0,0));opacity: 0.6;}
.home-business .info{position: absolute;left: 0;bottom: var(--padding-margin__75);color: #fff;z-index: 10;width: 100%;padding: 0 var(--padding-margin__80);}
.home-business .info h3{font-weight: var(--font-weight__m);font-size:var(--font-size__40);line-height: calc(68 / 40);margin: 0 0 0.05rem;}
.home-business .info p{margin: 0;font-size:var(--font-size__24);font-weight: var(--font-weight__l);}
.home-business .info .edit-info{max-width: 4.96rem;margin-top: var(--padding-margin__50);line-height: calc(30/18);}
.home-business .info .mores{position: absolute;right: var(--padding-margin__80);bottom: 0;border-radius: 50%;border: 1px solid var(--white-color);width: 0.7rem;height: 0.7rem;background: url(../images/arr_more_white.svg) no-repeat center center/0.18rem 0.18rem;transition: all 0.5s;}
.home-business .info .mores:hover{transform: rotate(45deg);background-color: var(--primary-color);border-color: var(--primary-color);}
.home-business .item:nth-child(1):after{content: "01";}
.home-business .item:nth-child(1) .ispic:after{background-image: linear-gradient(to top, #1aa5f9 50%, rgba(0,0,0,0));}
.home-business .item:nth-child(2):after{content: "02";}
.home-business .item:nth-child(2) .ispic:after{background-image: linear-gradient(to top, #20bbd2 50%, rgba(0,0,0,0));}
.home-business .item:nth-child(3):after{content: "03";}
.home-business .item:nth-child(3) .ispic:after{background-image: linear-gradient(to top, #32baee 50%, rgba(0,0,0,0));}

@media(min-width:1025px){
.home-business .info.out{text-align: center;padding: 0 0.15rem;bottom: var(--padding-margin__100);transition: all 0.5s ease-in-out;}
.home-business .info.in{opacity: 0;transition: all 0.5s;}
.home-business .ispic{padding-top: 5.4rem;}
.home-business .item.hover{flex: 2.7;}
.home-business .item.hover:after{left: var(--padding-margin__80);transform: translateX(0);}
.home-business .item.hover .info.out{bottom: 0;opacity: 0;}
.home-business .item.hover .info.in{opacity: 1;transition: all 1s ease-in;}
}
@media(max-width:1024px){
.home-business .ispic{padding-top: 66%;}
.home-business .item:not(:last-child){margin-bottom: 0.2rem;}
.home-business .info .edit-info{max-width: 80%;}
.home-business .item .info.out{opacity: 0;}
.home-business .info .mores{width: 0.5rem;height: 0.5rem;}
}

/* technology s */
.home-technology{padding-top: var(--padding-margin__110);background: url(../images/home-tec_bg.jpg) no-repeat center top/cover;background-attachment: fixed;}

.home-technology .bg-ico1{width: 1.73rem;height: 2.17rem;position: absolute;right: 0.81rem;bottom: -1rem;background: url(../images/home-tec_ico1.png) no-repeat center center/contain;z-index: 0;}

.home-technology .list{padding-top: var(--padding-margin__40);position: relative;z-index: 10;}
.home-technology .detail{display: none;}
.home-technology .detail .edit{max-width: 7.14rem;margin:0 0 var(--padding-margin__70)  var(--padding-margin__250);}
.home-technology .detail .edit h3{font-size: var(--font-size__40);line-height: 0.45rem;margin:0 0 0.42rem;font-weight: var(--font-weight__m);}
.home-technology .detail .edit .icon{width: calc(94 / 714 * 100%);}
.home-technology .detail .edit .icon img{width: 100%;}
.home-technology .detail .edit .info{width: calc(564 / 714 * 100%);}
.home-technology .detail .edit-info{font-size: var(--font-size__20);line-height: calc(36 / 20);color: #333;}
.home-technology .detail .ispic{width: 9.7rem;height: 9.7rem;border-radius: 50%;border: 0.04rem solid var(--white-color);overflow: visible;}
.home-technology .detail .ispic a{display: block;position: relative;height: 100%;width: 100%;z-index: 10;}
.home-technology .detail .ispic a:after{left: 0;top: 0;width: 100%;height: 100%;position: absolute;content: "";z-index: 1;background-color: rgba(var(--primary-color__rgb), 0.7);opacity: 0.7;border-radius: 50%;}
.home-technology .detail .ispic figure{border-radius: 50%;}
.home-technology .detail .mores{position: absolute;right: -0.6rem;top: 50%;border-radius: 50%;width: 1rem;height: 1rem;background: #fff url(../images/arr_more_blue.svg) no-repeat center center/0.18rem 0.18rem;transition: all 0.5s;z-index: 10;margin-top: -0.6rem;}
.home-technology .detail .mores:hover{transform: rotate(45deg);background: var(--primary-color) url(../images/arr_more_white.svg) no-repeat center center/0.18rem 0.18rem;}
.home-technology .detail .down{position: absolute;background: url(../images/ico_down.svg) no-repeat 0 center/0.36rem 0.34rem;padding-left: 0.66rem;font-size: var(--font-size__24);color: var(--primary-color);text-decoration: underline;right: 5%;bottom: 52%;line-height: 0.34rem;}
.home-technology .detail .down:hover{text-decoration: none;}

.home-technology .cricle .info{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fff;background-color: rgba(var(--primary-color__rgb), 0.75);z-index: 2;border-radius: 50%;}
.home-technology .cricle .icon img{width: 0.65rem;filter: brightness(0) invert(1);}
.home-technology .cricle h3{font-weight: var(--font-weight__m);font-size: var(--font-size__28);line-height: 1.5;margin: var(--padding-margin__20) 0 0;}
.home-technology .cricle .layer{width: 100%;height: 100%;}
.home-technology .cricle .ispic{padding-bottom: 100%;border-radius: 50%;}


@media(min-width:1025px){
.home-technology .item.frist .cricle{width: 4.63rem !important;height: 4.63rem !important;top: -1rem !important;right: -2rem !important;left: auto !important;z-index: 100;}
.home-technology .item.frist .cricle h3{font-size:var(--font-size__36);}
.home-technology .item.one {z-index: 100;position: relative;}
.home-technology .item:nth-child(1) .cricle{width: 2.8rem;height: 2.8rem;top: 1.1rem;left: -0.36rem;}
.home-technology .item:nth-child(1) .cricle:hover{width: 2.7rem;height: 2.7rem;}
.home-technology .item:nth-child(2) .cricle{width: 2.6rem;height: 2.6rem;top: 1.28rem;left: -0.36rem;}
.home-technology .item:nth-child(2) .cricle:hover{width: 2.7rem;height: 2.7rem;}
.home-technology .item:nth-child(3) .cricle{width: 4.63rem;height: 4.63rem;top: -1.8rem;right: -2rem;}
.home-technology .item:nth-child(3) .cricle:hover{width: 4.73rem;height: 4.73rem;}
.home-technology .item:nth-child(3) .cricle .icon img{width: 0.8rem;}
.home-technology .item:nth-child(3) .cricle h3{font-size:var(--font-size__36);}
.home-technology .cricle{position: absolute;z-index: 10;transition: var(--transition);cursor: pointer;border-radius: 50%;overflow: hidden;}
.home-technology .item.cur{padding-left: var(--padding-margin__170);margin-bottom: -3.65rem;pointer-events: none;}
.home-technology .item.cur .cricle{opacity: 0;pointer-events: none;z-index: -10;}
.home-technology .item.cur .edit{animation:fadeInUpSmall 0.5s .3s ease both;-webkit-animation:fadeInUpSmall 0.5s .3s ease both;-moz-animation:fadeInUpSmall 0.5s .3s ease both;pointer-events: auto;}
.home-technology .item.cur .ispic{animation:fadeInUpSmall 0.5s .4s ease both;-webkit-animation:fadeInUpSmall 0.5s .4s ease both;-moz-animation:fadeInUpSmall 0.5s .4s ease both;pointer-events: auto;}
.home-technology .item.cur .down{animation:fadeInRightSmall 0.5s .4s ease both;-webkit-animation:fadeInRightSmall 0.5s .4s ease both;-moz-animation:fadeInRightSmall 0.5s .4s ease both;pointer-events: auto;}
}
@media(max-width:1560px){
  .home-technology .detail .edit{margin-left: var(--padding-margin__80);}
}
@media(max-width:1024px){
  .home-technology{padding-bottom: var(--padding-margin__110);}
  .home-technology .detail{display: none !important;}
  .home-technology .list {display: flex;justify-content: space-between;flex-wrap: wrap;}
  .home-technology .item {width: 48%;}
  .home-technology .item:nth-child(-n+2) {margin-bottom: 4%;}
  .home-technology .item .cricle{transform: translate3d(0px,0, 0px) !important;position: relative;}
  .home-technology .item .layer{transform: translate3d(0px,0, 0px) !important;position: static !important;}
  .home-technology .url{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 15;}
}

/* news */
.home-news{padding: var(--padding-margin__120) 0;background-color: #f3f7fa;}
.home-news .is-bgImg__cover{width: 27.3rem;height: 23.04rem;left: 50%;top: 50%;position: absolute;z-index: 0;margin: -6.52rem 0 0 -13.65rem;background: url(../images/home-news_bg.png) no-repeat center center/cover;animation: spin 20s linear infinite alternate;}
.home-news .container{position: relative;z-index: 2;}
.home-news .titHead .more{position: absolute;right: 0;top: var(--padding-margin__45);}
.home-news .focus .ispic{border-radius: 0.1rem;padding-bottom: calc(328 / 558 * 100%);}
.home-news .focus pre{line-height: calc(24 / 16);margin: var(--padding-margin__25) 0 var(--padding-margin__45);}
.home-news .focus .tit{margin-top: var(--padding-margin__30);}

.home-news .list .item{position: relative;padding-bottom: var(--padding-margin__45);margin-bottom:var(--padding-margin__45);border-bottom: 1px solid rgba(var(--primary-color__rgb), 0.08);}
.home-news .list .item:after{position: absolute;left: 0;width: 0;bottom: -1px;content: "";transition: all 0.5s;background-color: var(--primary-color);height: 1px;}
.home-news .list .item:last-child{margin-bottom: 0;}
.home-news .list .item:hover:after{width: 100%;}
.home-news .list .tag{color: #fff;font-size:var(--font-size__14);font-weight: var(--font-weight__l);min-width: 0.7rem;border-radius: 3px;background-color: var(--primary-color);text-align: center;line-height: 0.25rem;display: inline-block;}
.home-news .tit{font-weight: var(--font-weight__m);font-size: var(--font-size__24);margin: var(--padding-margin__15) 0;}
.home-news pre{font-weight: var(--font-weight__l);font-size: var(--font-size__16);color: #666666;}
.home-news time{font-weight: var(--font-weight__l);font-size: var(--font-size__16);color: #999999;margin-top: 0.19rem;}
.home-news time:after{background: url(../images/arr_r_dark.svg) no-repeat right center;width: 0.07rem;height: 0.12rem;margin-left: 0.14rem;content: "";display: inline-block;}
.home-news .list .left{width: calc(100% - 1.64rem);}
.home-news .list .right{width: 1.64rem;text-align: right;}
@keyframes spin {
  from {
    transform: rotate(0deg) scale(1); 
  }
  to {
    transform: rotate(-50deg) scale(1.8);
  }
}
@media(min-width:769px){
.home-news .focus{width: calc(645 / 1600 * 100%);padding-right: 5.4%;position: relative;}
.home-news .focus:after{position: absolute;right: 0;top: 0;width: 1px;height: 100%;content: "";background-color: #e1edf5;}
.home-news .list{width: calc(872 / 1600 * 100%);}
}
@media(max-width:768px){
  .home-news .focus{margin-bottom: 0.3rem;}
  .home-news .titHead{padding-right: 1.6rem;}
}
@media(max-width:480px){
  .home-news .list .left{width: calc(100% - 1.2rem);}
  .home-news .list .right{width: 1.2rem;}
}

/* 弹窗 */
.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%);}
}

/* common s */
.pageBan{margin-top: var(--header_height);position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.pageBan .container{min-height: 9.6rem;}
.pageBan .info aside{color: var(--primary-color);font-weight: var(--font-weight__l);background-color:rgba(var(--primary-color__rgb), 0.15);line-height: 0.46rem;min-width: 1.8rem;text-align: center;padding: 0 0.15rem;border-radius: 0.46rem;display: inline-block;}
.pageBan .info h2{max-width: 7.8rem;font-size: var(--font-size__48);line-height: calc(72 / 48);color: var(--primary-color);margin: var(--padding-margin__40) 0 var(--padding-margin__75);padding-bottom: var(--padding-margin__60);position: relative;font-weight: var(--font-weight__b);}
.pageBan .info h2:after{position: absolute;left: 0;bottom: 0;width: 1rem;height: 0.04rem;background-color: var(--primary-color);border-radius: 0.05rem;content: "";}
.pageBan .info pre{line-height: calc(24 / 16);font-size: var(--font-size__22);font-weight: var(--font-weight__l);}
.pageBan .info .downarr{margin: 5vw 0 3.8vw;height: 0.18rem;position: relative;}
.downarr .arr{position: relative;width: 0.13rem;height: 0.19rem;margin-bottom: var(--padding-margin__50);}
.downarr span{display: block;width: 0.13rem;height: 0.1rem;position: absolute;background: url(../images/down-arr1.svg) no-repeat center center/contain;left: 50%;transform: translateX(-50%);}
.downarr .sp1{animation-name: down_move1; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 0ms;width: 0.11rem;height: 0.09rem;background-image: url(../images/down-arr2.svg);}
.downarr .sp2{opacity: 0; animation-name: down_move1; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 500ms;}
.downarr .sp3{width: 0.11rem;height: 0.09rem;opacity: 0;background-image: url(../images/down-arr2.svg); animation-name: down_move1; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 1000ms;}
.downarr.tc .arr{margin-left: auto;margin-right: auto;}
.downarr.tc{font-weight: var(--font-weight__l);color: #999999;font-size: var(--font-size__16);}
@-webkit-keyframes down_move1
{
0% { top:0; opacity:0;}
50% { top:0.2rem; opacity:1;}
100% { top:0.4rem; opacity:0;}
}
@media(max-width:1920px){
  .pageBan .container{min-height: 100vh;}
}
@media(min-width:1025px){
.pageBan .info .downarr{display: inline-block;}
.pageBan .photo{position: absolute;right: -9%;position: absolute;top: 0.53rem;width: 57.29%;height: 81%;overflow: hidden;}
.pageBan .ispic{width: 10.15rem;height: 10.15rem;border-radius: 50%;overflow: visible;position: absolute;top: 0.19rem;left: 0.22rem;}
.pageBan .ispic figure{border-radius: 50%;}
.pageBan .ispic:after{content: "";position: absolute;left: -0.22rem;top: -0.19rem;width: 10.35rem;height: 10.35rem;background: url(../images/subban-cricle.png) no-repeat center center/contain;z-index: 1;animation: turn 18s linear infinite;}
}
@media(max-width:1024px){
  .pageBan .ispic{padding-bottom: 38%;}
  .pageBan .container{min-height: auto;padding: var(--padding-margin__60) 3%;width: 100%;z-index: 1;position: relative;background-color: #fff;}
  .pageBan .info h2 br{display: contents;}
}

.open-smenu{display: none;}
.subMenu{padding: 0.07rem 0 var(--padding-margin__140);position: relative;z-index: 2;}
.subMenu ul li{font-size: var(--font-size__20);min-width: 1.4rem;min-height: 0.71rem;display: flex;align-items: center;border-bottom: 0.02rem solid #eaeaea;position: relative;padding-right: var(--padding-margin__20);}
.subMenu ul li span{position: relative;display: inline-block;}
.subMenu ul li span:after{position: absolute;content: "";width: 0.08rem;height: 0.08rem;border-radius: 50%;border: 0.02rem solid var(--primary-color);right: -0.18rem;transition: all 0.5s;}
.subMenu ul li:after{left: 0;bottom: -0.02rem;height: 0.02rem;content: "";background-color: var(--primary-color);position: absolute;transition: all 0.5s;width: 0;}
.subMenu ul li:hover span:after{transform: scale(1.5);}
.subMenu ul li:hover:after,.subMenu ul li.onli:after{width: 100%;}
.subMenu ul li.onli a{color:var(--primary-color);}
.subMenu.thanm ul li{min-width: auto;}

.subTit{padding-bottom: var(--padding-margin__50);}
.subTit .tit{font-weight: var(--font-weight__l);color: var(--primary-color);position: relative;padding-left: 0.37rem;}
.subTit .tit span{position: absolute;left: 0;top: 50%;width: 0.17rem;height: 0.11rem;transform: translateY(-50%);}
.subTit .tit span:before,.subTit .tit span:after{width: 0.11rem;height: 0.11rem;border-radius: 50%;content: "";position: absolute;}
.subTit .tit span:before{z-index: 2;background-color: var(--primary-color);left: 0;}
.subTit .tit span:after{z-index: 0;background-color: rgba(var(--secondary-color__rgb), 0.75);right: 0;}
.subTit .tit.has{margin-bottom: var(--padding-margin__20);}
.subTit.s2 .tit{line-height: calc(56 / 36);font-size: var(--font-size__36);font-weight: var(--font-weight__m);color: #000;}
.subTit.s2 .tit span{position: absolute;left: 0;top: 0.28rem;width: 0.17rem;height: 0.11rem;}
.subTit.s2 .edit-info{margin-top: var(--padding-margin__20);}
.subTit h2{margin: 0;font-size: var(--font-size__48);font-weight: var(--font-weight__m);line-height: 1.4;}
.subTit h3{font-size: var(--font-size__36);font-weight: var(--font-weight__m);color: var(--primary-color);margin-top: var(--padding-margin__20);line-height: 1.2;}
.subTit.tc .tit{display: inline-block;}
.subTit.tc .edit-info{margin-top: var(--padding-margin__20);}
.subTit.tl {width: 100%;}
.subTit.tl .tit{display: block;}
.subTit.white .tit{color: #fff !important;}

.search-box{padding-top: var(--padding-margin__40);}
.search-box .input{width: 3.64rem;border-bottom: 0.02rem solid #eaeaea;position: relative;margin-right: var(--padding-margin__50);}
.search-box .input input{width: calc(100% - 0.3rem);height: 0.49rem;border: 0;font-weight: var(--font-weight__l);background-color: transparent;}
.search-box .input button{border: 0;width: 0.2rem;height: 100%;position: absolute;right: 0;top: 0;background: url(../images/search-blue.svg) no-repeat center center/contain;cursor: pointer;}
.search-box .input button:hover{opacity: 0.8;}
.search-box .select-txt{width: 2.64rem;}
.search-box .select-txt:not(:last-child){margin-right: var(--padding-margin__30);}

.subPage{position: relative;z-index: 10;padding: var(--padding-margin__100) 0;background-image: linear-gradient(to bottom, rgba(0,0,0,0) , #f7fafc);}
.subPage .banmask{position: absolute;top: -3.1rem;height: 4.07rem;width: 100%;background: url(../images/ban_mask.png) no-repeat center center/100% 100%;z-index: 1;pointer-events: none;}
.subPage:after{position: absolute;width: 9.66rem;height: 13.22rem;content: "";left: 0;top: -1.5rem;background: url(../images/sub_shadow1.png) no-repeat center center/contain;z-index: 0;pointer-events: none;}
.subPage:before{position: absolute;width: 12.57rem;height: 24.33rem;content: "";right: 0;top: -6rem;background: url(../images/sub_shadow2.png) no-repeat center center/contain;z-index: 0;pointer-events: none;}
.subPage .container{position: relative;z-index: 1;}
.subPage.bg1{background-image: url(../images/sub-bg1.png);background-position: center bottom;background-size: 100%;background-repeat: no-repeat;}
.subPage.bg2{background-image: url(../images/sub-bg2.png);background-position: right bottom;background-repeat: no-repeat;}
.subPage.noafter:after,
.subPage.noafter:before{display: none;}

.left-menu{padding-top: var(--padding-margin__35);}
.left-menu li{height: 0.98rem;display: flex;align-items: center;position: relative;}
.left-menu li span{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.14rem;height: 0.14rem;}
.left-menu li span:after{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: var(--primary-color);content: "";width: 0.05rem;height: 0.05rem;border-radius: 50%;}
.left-menu li a{color: #666666;font-size: var(--font-size__20);font-weight: var(--font-weight__l);display: block;padding-left: 0.34rem;transition: all 0.3s ease-in-out;}
.left-menu li.on span{border: 1px dotted var(--primary-color);border-radius: 50%;}
.left-menu li:hover a,.left-menu li.on a{color: var(--primary-color);font-size: var(--font-size__24);font-weight: var(--font-weight__r)}
.left-menu .Pages .count{font-size: var(--font-size__24);}
.left-menu .Pages .count .p_cur{font-size: var(--font-size__36);}

.is-bgImg__cover.bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;}

@media(min-width:1025px){
.subMenu ul{width: 9rem;}
.left-menu{width: calc(355 / 1600 * 100%);}
.left-menu li:after{position: absolute;left: 0.06rem;width: 1px;height: 100%;top: 0;content: "";background-color: rgba(var(--primary-color__rgb), 0.15);}
.left-menu li:first-child:after{height: 50%;top: 50%;}
.left-menu li:last-child:after{height: 50%;}
.right-con{width: calc(1080 / 1600 * 100%);}
}
@media(max-width:1366px){
  .subTit h2{font-size:var(--font-size__46);}
}
@media(max-width:1024px){
  .subPage{background-color: #fff;}
  .subPage .banmask{height: 1.5rem;top: -1rem;background-image: url(../images/ban_mask.png)}
  .open-smenu{display: block;text-align: center;font-size: var(--font-size__36);border-bottom: 1px solid rgba(0,0,0,0.05);padding: 0.2rem 0;}
  .open-smenu:after{width: 0.18rem;height: 0.18rem;background: url(../images/arr_xjt_gray.svg) no-repeat center center/contain;content: "";display: inline-block;margin-left: 0.1rem;}
  .subMenu ul{display: none;}
  .left-menu ul{display: flex;justify-content: center;}
  .left-menu ul li{height: auto;}
  .left-menu ul li:not(:last-child){margin-right: 0.3rem;}
  .right-con{margin-top: 0.3rem;}
  .search-box .input{flex: 1;}
  .search-box .select-txt{width: 100%;}
  .subTit.s2 .tit span{top: 0.28rem;}
}
@media(max-width:768px){
  .subTit.s2 .tit span{top: 0.18rem;}
  .search-box{flex-wrap: wrap;}
   .search-box .select-txt:not(:last-child){margin-bottom: 0.1rem;}
}
@media(max-width:640px){
  .search-box{min-width: 100%;}
}


/* 新闻及媒体中心 */
.news-photo ul:nth-child(2){padding-top: var(--padding-margin__70);}
.news-photo .item:not(:last-child){padding-bottom: var(--padding-margin__60);}
.news-photo .ispic{padding-bottom:calc(312 / 473 * 100%);border-radius: 0.2rem;margin-bottom: var(--padding-margin__40);}
.news-photo time{font-size: var(--font-size__20);color: #999999;font-family:'Montserrat';font-weight: 100;}
.news-photo .tit{line-height: calc(45 / 24);margin: var(--padding-margin__20) 0  var(--padding-margin__45);font-size: var(--font-size__24);font-weight: var(--font-weight__l);}
.news-photo .item:hover .tit{font-weight: var(--font-weight__m);}
.news-photo .item:hover .ispic{box-shadow: 0 3px 0.6rem rgba(var(--primary-color__rgb),0.19);}

.news-list .item:not(:last-child){padding-bottom: var(--padding-margin__60);}
.news-list .ispic{border-radius: 0.2rem;}
.news-list time{color: #999999;font-size: var(--font-size__16);font-weight: var(--font-weight__l);font-family:'Montserrat';font-weight: 100;}
.news-list .tit{margin: var(--padding-margin__20) 0 var(--padding-margin__30);font-weight: var(--font-weight__m);font-size: var(--font-size__22);}
.news-list .desc{color:#666666;font-size: var(--font-size__16);line-height: calc(30 / 16);margin-bottom: var(--padding-margin__40);font-weight: var(--font-weight__l);}
.news-list .item:hover .ispic{box-shadow: 0 3px 0.6rem rgba(var(--primary-color__rgb), 0.23);}

.news-hornor .item{margin-bottom: var(--padding-margin__60);position: relative;}
.news-hornor .info{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 10;border-radius: 0 0 0.2rem 0.2rem;padding: var(--padding-margin__100) var(--padding-margin__30) var(--padding-margin__40);color: #fff;background-image: linear-gradient(to top, var(--primary-color) , rgba(0,0,0,0));}
.news-hornor time{font-size: var(--font-size__16);font-weight: var(--font-weight__l);font-family:'Montserrat';font-weight: 100;}
.news-hornor .tit{font-weight: var(--font-weight__m);font-size: var(--font-size__20);margin: var(--padding-margin__20) 0 0;}
.news-hornor .ispic{padding-bottom: calc(340 / 514 * 100%);border-radius: 0.2rem;}
.news-hornor a{display: block;transition: var(--transition);}

.news-down .item{margin-bottom: var(--padding-margin__30);}
.news-down .item a{background-color: #fff;border-radius: 0.2rem;padding:0.1rem var(--padding-margin__40) 0.1rem 0;min-height: 1.08rem;}
.news-down .item .icon{width: calc(144 / 1080 *100%);text-align: center;background-position: center center;background-repeat: no-repeat;background-size:0.48rem 0.5rem;height: 0.88rem;}
.news-down .pdf-file .icon{background-image: url(../images/ico-pdf.png);}
.news-down .word-file .icon{background-image: url(../images/ico-word.png);}
.news-down .item .info{flex: 1;}
.news-down .item time{color: #999999;font-weight: var(--font-weight__l);font-size: var(--font-size__16);}
.news-down .item time span{margin-left: var(--padding-margin__30);}
.news-down .item .tit{font-weight: var(--font-weight__m);font-size: var(--font-size__20);margin: 0 0 var(--padding-margin__15);}
.news-down .item .tit br{display: contents;}
.news-down .item .down{text-align: center;min-width: 1.36rem;line-height: 0.4rem;border-radius: 0.4rem;background-color: rgba(var(--primary-color__rgb), 0.1);color: #666666;font-size: var(--font-size__16);font-weight: var(--font-weight__l);display: flex;align-items: center;justify-content: center;transition: all 0.3s;}
.news-down .item .down:before{width: 0.18rem;height: 0.16rem;background: url(../images/ico-down_gray.png) no-repeat center center/contain;margin: 0 0.11rem 0 0;content: "";}
.news-down .item:hover .down{background-color: rgba(var(--primary-color__rgb), 1);color: #fff;}
.news-down .item:hover .down:before{background-image: url(../images/ico-down_white.png)}
.news-down.search .item a{padding: 0 var(--padding-margin__30);}
.news-down.search .date{text-align: center;min-width: 1.36rem;line-height: 0.4rem;border-radius: 0.4rem;background-color: rgba(var(--primary-color__rgb), 0.1);color: #666666;font-size: var(--font-size__16);font-weight: var(--font-weight__l);display: flex;align-items: center;justify-content: center;transition: all 0.3s;padding: 0 0.15rem;}
.news-down.search .tit{margin-bottom: 0;}

.news-blog ul:nth-child(2){padding-top: var(--padding-margin__70);}
.news-blog .item:not(:last-child){margin-bottom: var(--padding-margin__60);}
.news-blog a{display: block;}
.news-blog .ispic{padding-bottom:calc(640 / 504 * 100%);border-radius: 0.2rem;}
.news-blog .ispic:after{position: absolute;left: 0;bottom: 0;width: 100%;height:60%;border-radius:0 0 0.2rem;content: "";background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(var(--primary-color__rgb),0.9));z-index: 1;transition: all 0.5s;}
.news-blog .ispic:before{position: absolute;left: 0;top: 0;width: 100%;height:100%;border-radius: 0.2rem;content: "";background: url(../images/news-logo_bg.png) no-repeat center bottom/100% 100%;z-index: 1;opacity: 0;transition: all 0.5s;}
.news-blog .info{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 10;color: #fff;padding: var(--padding-margin__45);}
.news-blog time{font-size: var(--font-size__16);font-family:'Montserrat';font-weight: 100;}
.news-blog .tit{line-height: calc(36 / 22);margin: var(--padding-margin__20) 0 0;font-size: var(--font-size__22);font-weight: var(--font-weight__m);}
.news-blog .desc{line-height: calc(30 / 16);font-size: var(--font-size__16);font-weight: var(--font-weight__l);transition: all 0.5s;height: 0;margin: 0;}
.news-blog .more{margin-bottom: -0.6rem;opacity: 0;transition: all 0.8s;}
.news-blog .item.on .ispic:after{opacity: 0;}
.news-blog .item.on .ispic:before{opacity: 1;}
.news-blog .item.on .ispic figure{filter: blur(10px);}
.news-blog .item.on .info{height: 100%;display: flex;justify-content: center;flex-direction: column;}
.news-blog .item.on .desc{margin: var(--padding-margin__40) 0 var(--padding-margin__80);height: 9.375em;}
.news-blog .item.on .more{margin-bottom: 0;opacity: 1;display: inline-block;}

.news-video .ispic{border-radius: 0.2rem;padding-bottom: calc(400 / 715 * 100%);margin-bottom: var(--padding-margin__30);}
.news-video .ispic:before{position:absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);content: "";z-index: 2;transition: all 0.5s;}
.news-video .ispic .btn-play{margin: -0.35rem 0 0 -0.35rem;}
.news-video .tit{width: calc(100% - var(--padding-margin__80));font-size: var(--font-size__26);font-weight: var(--font-weight__m);margin-left: var(--padding-margin__40);}
.news-video .swiper-slide:hover .ispic:before{background-color: rgba(0,0,0,0.1);}
.news-video .swiper-slide:hover .play:after{width: 0;height: 0;}
.news-video .swiper-slide:hover .play:before{width: 150%;height: 150%;}
.news-video .swiper-slide:hover .play span{background-image: url(../images/ico-play_blue.svg) }

.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%;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/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%);}

@media(min-width:1025px){
  .news-video .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;}
  .news-video .mouse span{ width: 0.56rem; height: 0.56rem; background: #fff url(../images/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);}
  .news-video .swiper-main{overflow: hidden; cursor: none; position: relative;width: calc(100% + 1.61rem);padding-right: 48%;}
  .news-video .swiper{overflow: initial;}
  .news-video .swiper-slide:not(.swiper-slide-active){padding-top: var(--padding-margin__80);}
}
@media(min-width:769px){
.news-photo ul{width: calc(472 / 1080 * 100%);padding: 0;}

.news-list .ispic{width: calc(396 / 1080 * 100%);padding-bottom: 2.6rem;}
.news-list .right{width: calc(618 / 1080 * 100%);}

.news-hornor .item{width: calc(514 / 1080 *100% );}

.news-blog ul{width: calc(505 / 1080 * 100%);padding: 0;}
}
@media(max-width:1024px){
  .news-video .swiper{padding-right: 20%;margin-right: -5%;}
  .news-video .mouse{display: none;}
  .news-video.nos .swiper-wrapper{display: block !important;}
  .news-video.nos .swiper-slide{padding-bottom: 0.15rem;}
  .news-video.nos .swiper{padding-right: 0;margin-right: 0;}
  .topSet.job{margin-bottom: var(--padding-margin__30);}
  .topSet.job .select-txt{width: 31.333%;}
}
@media(max-width:768px){
.topSet {margin-bottom: var(--padding-margin__60);}
.news-list .ispic{padding-bottom: 60%;margin-bottom: 0.2rem;}
.news-down .item .icon{background-size: 0.32rem 0.32rem;}
.news-blog .ispic{padding-bottom: 60%;}
}

/* 新闻详情 */
.news-details{padding: var(--padding-margin__100) 0;margin-top: var(--header_height);background: #f3f7fa url(../images/newsbg.jpg) no-repeat center top;}
.news-details .container{max-width: 10.80rem;width:87.6%;}
.news-details .place{display: inline-block;padding: var(--padding-margin__12) var(--padding-margin__30);color: var(--primary-color);background-color: rgba(var(--primary-color__rgb), 0.15);line-height: 0.22rem;font-weight: var(--font-weight__l);border-radius: 0.46rem;}
.news-details .place a{display: inline-block;padding-right: var(--padding-margin__30);position: relative;}
.news-details .place a:hover{text-decoration: underline;}
.news-details .place a:after{position: absolute;right: 0;width: var(--padding-margin__30);text-align: center;content: ">";}
.news-details .place span{display: inline-block;}
.news-details .place span br{display: contents;}
.news-details .title{margin: var(--padding-margin__40) 0 var(--padding-margin__45);line-height: calc(72 / 48);color: #222222;font-size: var(--font-size__48);font-weight: var(--font-weight__b);}
.news-details .date{color: #999999;font-size: var(--font-size__16);font-weight: var(--font-weight__l);margin-top: var(--padding-margin__30);}
.news-details .date span{display: inline-block;}
.news-details .date span:not(:last-child){margin-right: var(--padding-margin__60);}
.news-details .edit-info{border-top:1px solid rgba(209,210,212,0.5);border-bottom:1px solid rgba(209,210,212,0.5);padding: var(--padding-margin__50) 0;margin-top: var(--padding-margin__30);}
.news-details .edit-info h2{font-size: var(--font-size__24);font-weight: var(--font-weight__m);}
.news-details .edit-info img{border-radius: 0.2rem;}
.edit-info{font-weight: var(--font-weight__l);line-height: calc(36 / 18);text-align: justify;}
.edit-info p{margin: 0;}
.edit-info p + p{margin: var(--padding-margin__30) 0 0;}


.news-page{padding-top: var(--padding-margin__60);}
.news-page .btn{height: 0.62rem;border-radius: 0.62rem;min-width: 1.84rem;padding: 0 0.15rem;border: 0.02rem solid var(--primary-color);color: var(--primary-color);font-weight:var(--font-weight__m);line-height: 0.58rem;display:flex;align-items: center;justify-content: center;transition: all 0.5s;}
.news-page .prev:before,.news-page .next:after{width: 0.2rem;height: 0.12rem;content: "";background-position: center center;background-repeat: no-repeat;background-size: contain;}
.news-page .prev:before{background-image: url(../images/news-page_prev.svg);margin-right: var(--padding-margin__15);}
.news-page .prev:hover:before{background-image: url(../images/news-page_prevon.svg);}
.news-page .next:after{background-image: url(../images/news-page_next.svg);margin-left: var(--padding-margin__15);}
.news-page .next:hover:after{background-image: url(../images/news-page_nexton.svg);}
.news-page .btn:hover{background-color: var(--primary-color);color: #fff;}
.news-page .back{background-color: #fff;text-align: center;min-width: 3.2rem;padding: 0 0.15rem;border-radius: 0.62rem;line-height: 0.62rem;color: var(--primary-color);}
.news-page .back:hover{background-color: rgba(var(--primary-color__rgb),0.1);}

@media(max-width:768px){
  .news-details .edit-info *{font-size: 0.2rem !important;line-height: 1.8 !important;}
  .news-details .edit-info .tc img{width: 100% !important;}
}
@media(max-width:640px){
  .news-page .btn{min-width: 1.5rem;}
  .news-page .back{min-width: 1.5rem;}
}

/* 企业文化 */
.culture-page{padding-bottom: 1.23rem;background: url(../images/culture_bg.jpg) no-repeat center bottom/cover;}
.culture-page .list{margin-left: -0.37rem;padding-top: var(--padding-margin__50);}
.culture-page .list li{margin: 0 0 0 0.37rem;width: calc(317 / 1600 * 100%);box-shadow: 0 5px 0.31rem rgba(0,0,0,0.08);position: relative;padding-top: 0.07rem;}
.culture-page .list li img{display: block;width: 100%;position: relative;z-index: 2;-webkit-box-reflect: below 0px -webkit-linear-gradient(transparent 60%,rgba(0,0,0,.2));box-reflect: below 0px linear-gradient(transparent 60%,rgba(0,0,0,.2));transition: all 0.5s;}
.culture-page .list li:after{position: absolute;content: "";width: 0.2rem;height: 100%;top: 0;right: -0.2rem;background: url(../images/culture_shadow.png) no-repeat right top/cover;}
.culture-page .list li:hover img{transform: translateY(-0.18rem);}

.idea-page{background: url(../images/idea_bg.jpg) no-repeat center top/cover;}
.idea-page .growth{min-height: 7.24rem;position: relative;padding-top: 1.07rem;margin-bottom: var(--padding-margin__100);}
.idea-page .growth .btn-play{position: relative;left: auto;top: auto;bottom: auto;width: 0.82rem;height: 0.82rem;margin: 0 auto;}
.idea-page .growth .btn-play span{background: var(--primary-color) url(../images/ico-play_white.svg) no-repeat center center/0.23rem 0.23rem;display: block;border-radius: 50%;width: 0.82rem;height: 0.82rem;position: relative;z-index: 10;transition: all 0.5s;}
.idea-page .growth .btn-play:before,.idea-page .growth .btn-play:after{content: "";position: absolute;border-radius: 50%;animation: scaleAnimate 2s linear;animation-iteration-count: infinite;left: 50%;top: 50%;}
.idea-page .growth .btn-play:before{background-color: rgba(var(--primary-color__rgb),0.5);width: 130%;height: 130%;margin: -65% 0 0 -65%;}
.idea-page .growth .btn-play:after{background-color: rgba(var(--primary-color__rgb),0.4);width:110%;height:110%;margin: -55% 0 0 -55%;animation-delay: .5s;}
.idea-page .growth .btn-play:hover span{background-color: var(--secondary-color);transform: scale(1.1);}
.idea-page .growth .info{text-align: center;color: var(--primary-color);max-width: 5.8rem;margin: 0px auto;}
.idea-page .growth .info h2{font-size: var(--font-size__48);margin: 0 0 var(--padding-margin__70);}
.idea-page .growth .info .txt{font-size: var(--font-size__36);line-height: calc(56 / 36);margin-bottom: var(--padding-margin__100);}
.idea-page .growth li{position: absolute;}
.idea-page .growth li:nth-child(n+7){display: none;}
.idea-page .growth .layer{width: 100%;height: 100%;}
.idea-page .growth li:nth-child(1){width: 12em;height: 12em;left: 15%;top: 0;}
.idea-page .growth li:nth-child(2){width: 19em;height: 19em;left: -0.3rem;top: 32%;}
.idea-page .growth li:nth-child(3){width: 9em;height: 9em;left: 30%;bottom: 3.5%;}
.idea-page .growth li:nth-child(4){width: 9em;height: 9em;right: 13%;top: 1%;}
.idea-page .growth li:nth-child(5){width: 19em;height: 19em;right: -4%;top: 18%;}
.idea-page .growth li:nth-child(6){width: 12em;height: 12em;right: 17%;bottom: 0;}
.idea-page .growth .ispic{border-radius: 50%;padding-bottom: 100%;}
.idea-page .growth .ispic:after{background-color: rgba(var(--primary-color__rgb),0.2);left: 0;top: 0;width: 100%;height: 100%;content: "";position: absolute;z-index: 1;transition: all 0.5s;}
.idea-page .growth .ispic:hover:after{opacity: 0;}

.idea-page .benefit .list{border-radius: 0.3rem;padding: var(--padding-margin__80) 0 var(--padding-margin__40);background-image: linear-gradient(to bottom, #f7fbfc , rgba(0,0,0,0));}
.idea-page .benefit .list .item{text-align: center;flex: 1;padding: 0 var(--padding-margin__10);}
.idea-page .benefit .list .icon{width: 1.4rem;height: 1.4rem;border-radius: 50%;background-color: var(--primary-color);display: flex;align-items:center;justify-content: center;margin: 0px auto var(--padding-margin__35);transition: all 0.5s;}
.idea-page .benefit .list .icon img{height: 0.64rem;}
.idea-page .benefit .list .txt{font-size: var(--font-size__20);}
.idea-page .benefit .list .txt h3{font-size: var(--font-size__20);margin:var(--padding-margin__15) 0 0;line-height: 1.25;font-weight: var(--font-weight__r);}
.idea-page .benefit .list .txt p{margin: 0;line-height: 1.2;font-weight: var(--font-weight__l);}
.idea-page .benefit .list .item:hover .icon{background-color: var(--secondary-color);transform: scale(1.1);}

@media(max-width:1366px){
  .culture-page{padding-bottom: 1.08rem;}
}
@media(max-width:1024px){
  .culture-page{padding-bottom: 0.85rem;}
  .idea-page .benefit .list .item{flex: none;width: 33.333%;padding-bottom: 0.2rem;}
}
@media(max-width:768px){
  .culture-page .list{margin-left: -3%;}
  .culture-page .list li{width: 47%;margin-left: 3%;}
  .idea-page .benefit .list .item{width: 50%;}
}
@media(max-width:640px){
.idea-page .growth{min-height: 4.5rem;}
.idea-page .growth li:nth-child(1){width: 6em;height: 6em;}
.idea-page .growth li:nth-child(2){width: 8em;height: 8em;}
.idea-page .growth li:nth-child(3){width: 4em;height: 4em;left: 10%;}
.idea-page .growth li:nth-child(4){width: 4em;height: 4em;}
.idea-page .growth li:nth-child(5){width: 8em;height: 8em;}
.idea-page .growth li:nth-child(6){width: 7em;height: 7em;right: 10%;}
.idea-page .benefit .list .icon{width: 1.1rem;height: 1.1rem;}
}


/* 加入我们 */
.job-list .thead{background-color: var(--primary-color);color: #fff;border-radius: 0.2rem 0.2rem 0 0;font-size: var(--font-size__22);font-weight: var(--font-weight__m);}
.job-list .tit{display: none;}
.job-list li{height: 0.82rem;align-items: center;display: flex;padding-left: var(--padding-margin__100);flex: 1;line-height: 1.25;}
.job-list .item{background-color: #f3f7fb;color: #555555;}
.job-list .item:nth-child(even){background-color: #fff;}
.job-list .top{color: #555555;font-weight: var(--font-weight__l);cursor: pointer;position: relative;}
.job-list .top:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 0.02rem;content: "";background-image: linear-gradient(to right, rgba(var(--primary-color__rgb),0) , rgba(var(--primary-color__rgb),0.1) , rgba(var(--primary-color__rgb),0))}
.job-list .edit-info{padding: var(--padding-margin__50) var(--padding-margin__100);background: #f1f7fb url(../images/hr-info_bg.jpg) no-repeat right bottom;font-size: var(--font-size__16);display: none;}
.job-list .edit-info h2{font-size: var(--font-size__24);font-weight: var(--font-weight__m);color: #222222;}
.job-list .edit-info p{margin: 0;}
.job-list .edit-info .txt:not(:last-child){padding-bottom: var(--padding-margin__30);}
.job-list .detail{display: flex;align-items: center;}
.job-list .detail:after{width: 0.13rem;height: 0.12rem;margin-left: 0.08rem;content: "";background: url(../images/arr-hr_gray.svg) no-repeat center center/contain;transition: var(--transition);}
.job-list .item:hover .detail,.job-list .item.on .detail{color: var(--primary-color);}
.job-list .item:hover .detail:after{background-image: url(../images/arr-hr_blue.svg);}
.job-list .item.on .detail:after{background-image: url(../images/arr-hr_blue.svg);transform: rotate(90deg);}
.job-list .item.on .top li:nth-child(1){color: var(--primary-color);font-weight: var(--font-weight__r);}

@media(max-width:1024px){
  .job-list li{padding-left: var(--padding-margin__20);}
}
@media(max-width:768px){
  .job-list .thead{display: none;}
  .job-list .item .tit{display: block;color: var(--primary-color);}
  .job-list .item .top{padding: 0.25rem;}
  .job-list .item .top li{display: flex;justify-content: space-between;height: auto;padding: 0.08rem 0;}
}

/* 联系我们 */
.contact-detail{border-radius: 0.2rem;background: #fff url(../images/contact-detail_bg.jpg) no-repeat right bottom/100%;padding: var(--padding-margin__65);}
.contact-detail .item{padding: var(--padding-margin__40) 0;}
.contact-detail h3{font-size: var(--font-size__24);margin:0 0 var(--padding-margin__30);font-weight: var(--font-weight__m);}
.contact-detail p{font-family:'Montserrat';font-weight: 100;padding-left: 0.42rem;line-height: 1.25;background-position: 0 center;background-repeat: no-repeat;background-size: 0.22rem 0.21rem;min-width: 48%;}
.contact-detail p.mail{background-image: url(../images/ico-mail.svg);}
.contact-detail p.tel{background-image: url(../images/ico-tel.svg);}
.contact-detail .tit.dot{color: var(--primary-color);}
.tit.dot{font-weight: var(--font-weight__l);margin-bottom: var(--padding-margin__15);position: relative;padding-left: 0.28rem;}
.tit.dot span{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 0.13rem;height: 0.08rem;}
.tit.dot span:before,.tit.dot span:after{width: 0.08rem;height: 0.08rem;border-radius: 50%;content: "";position: absolute;}
.tit.dot span:before{z-index: 2;background-color: var(--primary-color);left: 0;}
.tit.dot span:after{z-index: 0;background-color: rgba(116,211,226,0.7);right: 0;}

.contact-list{padding: var(--padding-margin__80) 0  var(--padding-margin__110);background: url(../images/contact-list_bg.jpg) var(--background-cover);}
.contact-list .list{max-width: 13.34rem;margin: 0px auto;padding-top: 0.12rem;position: relative;}
.contact-list .downarr{margin-bottom: var(--padding-margin__45);}
.contact-list .tit{padding-left: 0.34rem;margin: 0 0 var(--padding-margin__15);font-size: var(--font-size__24);font-weight: var(--font-weight__m);line-height: calc(40 / 24);}
.contact-list pre{padding-left: 0.34rem;font-weight: var(--font-weight__l);line-height: calc(30 / 18);}
.contact-list .scrollbar{position: absolute;left: 50%;margin-left:-0.075rem;top: 0;height: 100%;width: 0.15rem;}
.contact-list .scrollbar:before{position: absolute;left: 0;width: 0.15rem;height: 0.15rem;content: "";background: url(../images/logo.svg) var(--background-contain);top: -0.15rem;z-index: 3;}
.contact-list .scrollbar:After{position: absolute;left: 50%;width: 1px;height: 100%;content: "";background-color: #efefef;top: 0;}
.contact-list .scrollbar .line{position: absolute;left: 50%;width: 1px; height: 0%;content: "";background-color: var(--primary-color);top: 0;z-index: 2;transition: height 0.5s ease-out;}
.contact-list .item{opacity: 0;transform: translateY(1rem) rotate(15deg);transition: opacity 0.3s, transform 0.8s;}
.contact-list .item.on {opacity: 1;transform: translateY(0) rotate(0deg) !important;}
.contact-list .item.on .tit{color: var(--primary-color);}

.contact-base{padding: var(--padding-margin__120) 0;overflow: hidden;background: url(../images/contact-base_bg.jpg) no-repeat 0 top/100% 100%;}
.base-list{position: relative;cursor: none;}
.base-list .controls-area{position: absolute;left:auto;right: 0;top: -1rem;bottom: auto;width: 3.53rem;}
.base-list .controls-area .swiper-pagination-info{font-family:'Montserrat';width: calc(143 / 353 * 100%);text-align: center;}
.base-list .controls-area .swiper-pagination-info .current{font-size: var(--font-size__40);color: var(--primary-color);font-weight: 600;}
.base-list .controls-area .swiper-scrollbar{width: calc(210 / 353 * 100%);left: auto;right: 0;bottom: 42%;}
.swiper-scrollbar-drag{background-color: var(--primary-color);}
.swiper-scrollbar{background-color: rgba(var(--primary-color__rgb),0.1);}
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{height: 2px;}

.base-list .ispic{padding-bottom: calc(469 / 760 * 100%);border-radius: 0.2rem;}
.base-list .ispic:after{position: absolute;left: 0;bottom: 0;width: 100%;height:60%;border-radius:0 0 0.2rem;content: "";background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.8));z-index: 1;transition: all 0.5s;opacity: 0.8;}
.base-list .ispic:before{position: absolute;left: 0;top: 0;width: 100%;height:100%;border-radius: 0.2rem;content: "";background: rgba(var(--primary-color__rgb), 0.8);z-index: 1;opacity: 0;transition: all 0.5s;}
.base-list .info{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 10;color: #fff;padding:var(--padding-margin__40) var(--padding-margin__60);}
.base-list .tit{line-height: calc(36 / 22);margin: var(--padding-margin__20) 0 0;font-size: var(--font-size__24);font-weight: var(--font-weight__m);color: #fff;}
.base-list .desc{line-height: calc(32 / 18);font-weight: var(--font-weight__l);transition: all 0.5s;margin-bottom: -10.66em;opacity: 0;height: 10.66em;overflow-y: auto;}
.base-list .desc::-webkit-scrollbar{width:2px;height:2px}
.base-list .desc::-webkit-scrollbar-track{background:rgba(var(--white-color__rgb),.1)}
.base-list .desc::-webkit-scrollbar-thumb{background:rgba(var(--white-color__rgb),.15);border-radius:0}
.base-list .desc::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-color__rgb),.5)}
.base-list .swiper-slide a{display: block;position: relative;}
.base-list .swiper-slide-active{padding-top: 0;}
.base-list .swiper-slide.on .ispic:after{opacity: 0;}
.base-list .swiper-slide.on .ispic:before{opacity: 1;}
.base-list .swiper-slide.on .ispic figure{filter: blur(10px);}
.base-list .swiper-slide.on .info{height: 100%;display: flex;justify-content: center;flex-direction: column;}
.base-list .swiper-slide.on .tit{font-size: var(--font-size__32);}
.base-list .swiper-slide.on .desc{margin: var(--padding-margin__50) 0 0;opacity: 1;}

.contact-message{padding-bottom: var(--padding-margin__120);background: url(../images/contact-message_bg.jpg) no-repeat 0 top/100% 100%;}
.contact-message .formbox{padding-top: var(--padding-margin__60);}
.contact-message .left-tit {color: var(--primary-color);padding-bottom: 0.2rem;}
.contact-message .left-tit h3{font-size: var(--font-size__36);font-weight: var(--font-weight__m);margin:0 0 var(--padding-margin__25);color: var(--primary-color);}
.contact-message .left-tit p{font-weight: var(--font-weight__l);margin:0;}
.contact-message .right-form{flex: 1;}
.contact-message .check{margin-left: -0.25rem;padding-bottom: var(--padding-margin__30);overflow-x: auto;white-space: nowrap;}
.contact-message .check label{text-align: center;flex: 1;margin: 0 0 0.25rem 0.25rem;line-height: 0.85rem;border-radius: 0.1rem;background-color: #f5f7fa;font-size: var(--font-size__24);font-weight: var(--font-weight__l);position: relative;cursor: pointer;padding: 0 0.1rem;}
.contact-message .check label.on{color: #fff;background-color: var(--primary-color);font-weight: var(--font-weight__m);}
.contact-message .check label.on:after{position: absolute;right: 0;top: 0;border-radius: 0 0.1rem 0 0;background: #07adcd url(../images/gou2.png) no-repeat center center/0.12rem 0.08rem;content: "";width: 0.27rem;height: 0.27rem;}
.contact-message .item {width: 48.88%;margin-bottom: var(--padding-margin__20);position: relative;}
.contact-message .item .tit{position: absolute;left:var(--padding-margin__40);top: 0;top: 50%;margin-top: -0.1rem;line-height: 0.2rem;color: #999999;font-weight: var(--font-weight__l);transition: all 0.5s;}
.contact-message .item.on .tit{background-color: var(--primary-color);color: #fff;font-size: var(--font-size__16);top: 0;left: 0;padding: 0.05rem 0.15rem;border-radius: 5px;}
.contact-message .item .text{width: 100%;height: 0.85rem;border-radius: 0.1rem;border: 0;background-color: #f5f7fa;padding:0 var(--padding-margin__40);}
.contact-message .item textarea.text{height: 2.26rem;padding: var(--padding-margin__25) var(--padding-margin__40);}
.contact-message .item.auto{width: 100%;}
.contact-message .btnbox{padding-top: var(--padding-margin__30);}
input.text:focus,
textarea.text:focus{box-shadow: 0 0 10px rgba(0,0,0,0.1);}

@media(min-width:1025px){
.contact-detail .item{width: 50%;}
.contact-detail .item:not(:nth-last-child(-n+2)){border-bottom: 1px solid #efefef;padding-top:0;}
.contact-detail .item:nth-last-child(-n+2){padding-bottom:0;}
.contact-detail .item:nth-child(odd){border-right: 1px solid #efefef;}
.contact-detail .item:nth-child(2) .tel{min-width: 40%;}
.contact-detail p.mail{padding-right: 0.15rem;}
.contact-detail .item:nth-child(even){padding-left: var(--padding-margin__40);}

.contact-list .item{float: left;width: calc(580 / 1334 * 100%);}
.contact-list .item:nth-child(odd){clear: both;}
.contact-list .item:nth-child(even){float: right;padding-top: var(--padding-margin__120);}

.mouse2{background: url(../images/mouse2.svg) var(--background-contain);position: fixed;width: 0.8rem;height: 0.8rem;transition: transform 0.2s ease;transform: scale(1);}
.base-list .swiper{width:110%;padding-right: 62.5%;}
.base-list .swiper-slide:not(.swiper-slide-active){padding-top: var(--padding-margin__60);transition: all 0.5s;}
}
@media(min-width:769px){
  .contact-message .left-tit {width: calc(483 / 1600 *100%);}
  .contact-message .right-form {flex: 1;}
}
@media(max-width:1560px){
  .contact-detail p{font-size: var(--font-size__16);}
}
@media(max-width:1024px){
  .contact-list .scrollbar{left: 0;margin-left: 0;}
  .contact-list .item:not(:last-child){margin-bottom: 0.25rem;}
}
@media(max-width:768px){
  .contact-message .group {margin-bottom: 0.15rem;}
  .base-list .controls-area{top: -0.7rem;}
}

/* 关于澳斯康生物 */
.about-info .infoarea{margin-bottom: var(--padding-margin__80);}
.about-info .numList{margin-bottom: var(--padding-margin__110);}
.about-info .numList .num{font-family:'Montserrat';font-weight: 600;color: var(--primary-color);margin-bottom: var(--padding-margin__15);}
.about-info .numList .num span{font-size: var(--font-size__80);}
.about-info .numList .num sub{font-size: var(--font-size__48);margin-left: var(--padding-margin__10);}
.about-info .numList p{margin: 0;font-weight: var(--font-weight__l);color: #666666;}
.about-info .ispic{border-radius: 0.3rem;}

.about-culture{background-color: #e8f1f6;}
.about-culture .list .item{border-radius: 0.2rem 0 0.2rem 0;position: relative;margin-bottom: 0.2rem;}
.about-culture .list .item .ispic{padding-bottom: 60%;border-radius: 0.2rem 0 0.2rem 0;}
.about-culture .list .item .ispic:after{position: absolute;left: 0;bottom: 0;width: 100%;height: 80%;content: "";z-index: 1;background-image: linear-gradient(to bottom, rgba(var(--primary-color__rgb),0) , rgba(var(--primary-color__rgb),1));}
.about-culture .list .item .info{position: absolute;left: 0;bottom: 0;width: 100%;padding: var(--padding-margin__45);z-index: 2;color: #fff;}
.about-culture .list .item .icon img{height: 0.64rem;}
.about-culture .list .item h3{font-size: var(--font-size__36);font-weight: var(--font-weight__m);margin: var(--padding-margin__55) 0 var(--padding-margin__35);}
.about-culture .list .item .desc{font-size: var(--font-size__20);line-height: 1.6;min-height: 3.2em;}

.about-structure .logo{width: 2.3rem;height: 2.3rem;border-radius: 50%;border: 0.23rem solid rgba(var(--primary-color__rgb), 0.1);margin: 0px auto;position: relative;}
.about-structure .logo img{height: 0.49rem;}
.about-structure .list{padding-top: 1.18rem;position: relative;}
.about-structure .list:after{position: absolute;left: 50%;margin-left:-1px;height: 0.6rem;top:0;width: 2px;content: "";background-color: var(--primary-color);}
.about-structure .list .item{text-align: center;padding: 0 var(--padding-margin__30);flex: 1;position: relative;}
.about-structure .list .item:before{position: absolute;left: 0;height: 0.6rem;top:-0.6rem;width: 100%;content: "";border-top: 2px solid var(--primary-color);}
.about-structure .list .item:after{position: absolute;left: calc(50% - 1px);height: 0.6rem;top:-0.6rem;content: "";width:2px;background-color: var(--primary-color);}
.about-structure .list .item:first-child{padding-left: 0;}
.about-structure .list .item:first-child:after{display: none;}
.about-structure .list .item:first-child:before{left: 50%;border-left: 2px solid var(--primary-color);border-radius: 0.1rem 0 0 0;}
.about-structure .list .item:last-child{padding-right: 0;}
.about-structure .list .item:last-child:before{right: 50%;border-right: 2px solid var(--primary-color);left: auto;border-radius: 0 0.1rem 0 0;}
.about-structure .list .item:last-child:after{display: none;}
.about-structure .list .info{background-color: #fff;border-radius: 0.2rem;min-height: 3.5rem;padding: var(--padding-margin__35);}
.about-structure .list .info .icon{font-size: var(--font-size__20);color: var(--primary-color);}
.about-structure .list .info img{height: 0.55rem;display: block;margin: 0px auto var(--padding-margin__25);}
.about-structure .list .info h3{font-size: var(--font-size__24);font-weight: var(--font-weight__m);margin: 0;flex: auto 0 0 0;line-height: calc(32 / 24);min-height: 2.66em;}
.about-structure .list pre{color: #666666;font-size: var(--font-size__20);line-height: calc(32 / 20);padding-top: var(--padding-margin__70);position: relative;text-align: center;}
.about-structure .list pre:before{width: 0.13rem;height: 0.58rem;content: "";background: url(../images/dot.png) no-repeat center center/contain;top: -0.07rem;left: 50%;margin-left: -0.065rem;position: absolute;transition: var(--transition);}
.about-structure .list .item:hover pre:before{top: -0.2rem;}

.about-base .list{max-width: 14.81rem;margin: var(--padding-margin__50) auto 0;position: relative;}
.about-base .list .line{position: absolute;left: 50%;transform: translateX(-50%);height: 100%;width: 0.08rem;top: 0.2rem;content: "";}
.about-base .list .line span{position: absolute;left: 0;height: 100%;width: 100%;background: url(../images/base_line.gif);top: 0;}
.about-base .list .line span.mask{position: absolute;left: 0;height: 0;width: 100%;background: url(../images/base_line_on.gif);top: 0;transition: height 1.2s ease;z-index: 2;}
.about-base .list .item{padding: var(--padding-margin__40) 0 var(--padding-margin__100);position: relative;opacity: 0.3;transform: translateY(0.6rem);}
.about-base .list .item:before{position: absolute;width: 0.2rem;height: 0.2rem;border-radius: 50%;content: "";border: 0.04rem solid #999999;left: 50%;top: 0;transform: translateX(-50%);background-color: #fff;}
.about-base .list .item:after{position: absolute;width: 0;height: 0;border-radius: 50%;content: "";border: 0.04rem solid var(--primary-color);left: 50%;top: 0.1rem;transform: translateX(-50%);background-color: #fff;transition: var(--transition);opacity: 0;}
.about-base .list .ispic{border-radius: 0.3rem;}
.about-base .list .tit{font-size: var(--font-size__32);font-weight: var(--font-weight__m);margin: 0 0 var(--padding-margin__40);}
.about-base .list .edit-info span{font-weight: var(--font-weight__m);color: var(--primary-color);}
.about-base .list .item.active {transform: translateY(0);}
.about-base .list .item.active:after {width: 0.2rem;height: 0.2rem;top: 0;opacity: 1;}

.about-team .swiper{/*padding: 0 35%;*/margin: var(--padding-margin__50) -5% 0;}
.about-team .swiper-slide{min-height: 6.41rem;cursor: pointer;}
.about-team .swiper-slide .inner{position: relative;transition: var(--transition);}
.about-team .swiper-slide .info{position: absolute;top: 0.54rem;right: 0;width: 1.11rem;display: flex;z-index: 2;height: 5.21rem;color: #fff;background: url(../images/teambg.png) no-repeat center top/cover;padding-top: 0.27rem;justify-content: center;line-height: 1.25;transition: all 0.5s ease-in-out;}
.about-team .swiper-slide .info h3{width: 0.35rem;font-size: var(--font-size__34);margin:0;font-weight: var(--font-weight__m);writing-mode: vertical-rl;transform: translateY(-0.04rem);}
.about-team .swiper-slide .info p{margin: 0 0 0 0.1rem;font-size:var(--font-size__20);/*width: 0.28rem;*/writing-mode: vertical-rl;text-orientation: upright;}
.about-team .swiper-slide .ispic{overflow: visible;width: 5.89rem;padding: 0 0.34rem 0 0.34rem;margin: 0px auto;}
.about-team .swiper-slide .ispic:after{position: absolute;left: -2%;top: 0.52rem;border-radius: 50%;content: "";background-image: linear-gradient(to bottom, #d0e5f1 , #fff);width: 104%;height: 104%;opacity: 0.4;transition: var(--transition);}
.about-team .swiper-slide .inner:hover .ispic:after{opacity: 1;transform: scale(1.02);}
.about-team .swiper-slide .inner:hover .info{top: 0;}
.about-team .swiper-slide:not(.swiper-slide-active) .inner{transform: scale(0.72) translateY(1rem);}

/* 详窗详情 */
.popup-team__detail{background-color: rgba(var(--black-color__rgb), 0.6);position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 100;display: flex;align-items: center;justify-content: center;pointer-events: none;opacity: 0;transition: all 0.5s ease-in-out;}
.popup-team__detail .container{max-width: 14rem;border-radius: 0.4rem;position: relative;transition: all 0.8s ease-in-out;transform: scale(0.9);}
.popup-team__detail .container:before{border-radius: 0.4rem 0.4rem 0 0;background-color: #fff;position: absolute;left: 0;top: 0;width: 100%;height: calc(100% - 7.293vw);content: "";}
.popup-team__detail.show{opacity: 1;pointer-events: auto;}
.popup-team__detail.show .container{transform: scale(1);}
.popup-team__detail .close{position: absolute;right: 0.05rem;bottom: 0;width: 0.7rem;height: 0.7rem;border-radius: 50%;background: var(--primary-color) url(../images/close-white.svg) no-repeat center center/ 0.16rem 0.16rem;cursor: pointer;z-index: 10;}
.popup-team__detail .close:hover{background-color: var(--secondary-color);}
.popup-team__detail .bot{border-radius: 0.4rem;position: absolute;left: 0;bottom: 0;width: 100%;height: calc(100% - 7.293vw);content: "";height: 7.293vw;border-radius:0 0  0.4rem 0.4rem;}
.popup-team__detail .bot:before{background-color: #fff;position: absolute;left: 0;top: 0;width: calc(100% - 7.293vw);content: "";height: 100%;border-radius:0 0  0 0.4rem;}
.popup-team__detail .bot:after{position: absolute;right: 0;top: 0;width: 7.293vw;content: "";height: 100%;background: url(../images/popup-team_point.png) no-repeat 0 bottom/100%;}
.popup-team__detail .inner{position: relative;z-index: 1;padding: var(--padding-margin__75) var(--padding-margin__160);}
.popup-team__detail .load-info .head{width: calc(220 / 1100 * 100%);}
.popup-team__detail .load-info .edit-info{width: calc(800 / 1100 * 100%);}
.popup-team__detail .load-info .head{text-align: center;}
.popup-team__detail .load-info .head .ispic{border-radius: 0.1rem;}
.popup-team__detail .load-info .head .tit{color: var(--primary-color);font-size: var(--font-size__24);margin: var(--padding-margin__30) 0 var(--padding-margin__15);}
.popup-team__detail .load-info .head pre{color: #666666;font-weight: var(--font-weight__l);line-height: 1.5;text-align: center;}
.popup-team__detail .edit-info{line-height: calc(34 / 18);max-height: 72vh;overflow-y: auto;}

@media(min-width:1025px){
  .about-info .infoarea .left{width: calc(700 / 1600 * 100%);}
  .about-info .infoarea .right{width: calc(900 / 1600 * 100%);}
  .about-info .infoarea .edit-info{max-height: 3.9rem;overflow-y: auto;}

  .about-culture .list {margin-left: -0.65rem;}
  .about-culture .list .item{border-radius: 0.8rem 0 0.8rem 0;margin: 0 0 0.65rem 0.65rem;width: calc(100% / 3 - 0.65rem);}
  .about-culture .list .item .ispic{border-radius: 0.8rem 0 0.8rem 0;padding-bottom: calc(607 / 488 *100%);}
}
@media(min-width:769px){
  .about-base .list .info{width: calc(652 / 1481 *100%);}
  .about-base .list .ispic{width: calc(652 / 1481 *100%);}
  .about-base .list .item:nth-child(even){flex-direction: row-reverse;}
}
@media(max-width:1560px){
  .about-team .swiper-slide-active .inner{transform: scale(0.85);}
  .about-team .swiper-slide:not(.swiper-slide-active) .inner{transform: scale(0.6) translateY(1rem);}
}
@media(max-width:1024px){
  .about-info .numList .item{width: 50%;padding-bottom: 0.25rem;}

  .about-structure .list .info{padding: var(--padding-margin__20) var(--padding-margin__20) var(--padding-margin__50);}
  .about-structure .list .item{width: 23%;margin: 0 1%;}

  .about-team .swiper-slide{min-height: 5rem;}
  .about-team .swiper-slide .ispic{width: 4.2rem;}

  .popup-team__detail .inner{padding: var(--padding-margin__50) var(--padding-margin__50) var(--padding-margin__100);}
  .popup-team__detail .load-info .head {width: calc(260 / 1100 * 100%);}
  .popup-team__detail .close{width: 0.5rem;height: 0.5rem;right: 0;}
}
@media(max-width:768px){
  .about-structure .list{padding-top: 0.8rem;}
  .about-structure .list .item{width: 100%;margin: 0 0 0.2rem 0;}
  .about-base .list{padding-left: 0.4rem;}
  .about-base .list .item:before{left: -0.46rem;transform: translateX(0);}
  .about-base .list .item:after{left: -0.46rem;transform: translateX(0);}
  .about-base .list .info{margin-bottom: 0.25rem;}
  .about-base .list .line{left: 0;transform: translateX(0);}

  .about-structure .list .info{min-height: 2rem;}
  .about-structure .list pre:before{height: 0.3rem;}
  .about-structure .list .item:before,.about-structure .list .item:after,.about-structure .list:after{display: none;}

  .about-team .swiper-slide .ispic{width: 4.6rem;}
  .about-team .swiper{padding:0;margin: var(--padding-margin__50) 0 0;}
  .about-team .swiper-slide .ispic:after{top: 0;}
  .about-team .swiper-slide:not(.swiper-slide-active) .inner{transform: scale(0.25) translateY(1rem);}
}

/* 发展历程 */
.about-history .innerbox{position: relative;}
.about-history .slider{margin-top: var(--padding-margin__60);}
.about-history .list{color: #666666;padding-left: 0.63rem;position: relative;}
.about-history .list:before{width: 8px;left: -8px;top: 0;height: 100%;content:"";background: url(../images/ls_line.gif) repeat-y 0 top;position: absolute;}
.about-history .list h3{font-family:'Montserrat';font-weight: 600;color: #999999;margin: 0 0 var(--padding-margin__35);font-size: var(--font-size__42);}
.about-history .list p{margin: 0;padding-left: 0.16rem;font-weight: var(--font-weight__l);line-height: calc(30 / 18);position: relative;cursor: pointer;transition: all 0.3s ease;}
.about-history .list p:before{position: absolute;left: 0;top: 0.12rem;content: "";border-radius: 50%;width: 0.05rem;height: 0.05rem;background-color: var(--primary-color);}
.about-history .list p:after{height:15px;width: 0;left: -0.63rem;top: 6px;content: "";background: url(../images/history_line.gif) no-repeat 0 top;position: absolute;transition: all 0.5s;}
.about-history .list p.active:after{width: 36px;transform: translateX(-36px);}
.about-history .list p.active{color: var(--primary-color);font-weight: var(--font-weight__m);}
.about-history .list p + p{margin-top: var(--padding-margin__20);}
.about-history .ispic{border-radius: 0.2rem;padding-bottom: calc(251 / 387 * 100%);background: url(../images/history-bg.jpg) no-repeat center center/cover;z-index: 2;}
.about-history .ispic figure{border-radius: 0.2rem;background-size: auto;}
.about-history .pic{position: relative;overflow: visible;/* opacity: 0;transform: scale(0.8); */transition: all 0.5s ease-in-out;}
.about-history .pic.on {opacity: 1;transform: scale(1);}
.about-history .pic:before{position: absolute;width: 80%;height:100%;left: 10%;bottom: -0.1rem;border-radius: 0.2rem;background-color: #cde1ec;content: "";z-index: 1;}
.about-history .pic:after{position: absolute;width: 70%;height:100%;left: 15%;bottom: -0.2rem;border-radius: 0.2rem;background-color: #e6f0f6;content: "";z-index: 0;}
.about-history .slick-current .list h3{color: var(--primary-color);}
.about-history .iteme:not(.slick-current){opacity: 0.5;}
.about-history .pic{width: calc(388 / 1157 * 100%);}
.about-history .listbox{flex: 1;}
@media(min-width:769px){
.about-history .innerbox{flex-direction: row-reverse;}
.about-history .Pages{width: calc(443 / 1600 * 100%);}
.about-history .content{flex: 1;}
.about-history .line{left: calc(470 / 1157 * 100%);}
.about-history .listbox{max-height: 6rem;overflow-y: auto;padding-left: 1rem;}
.about-history .list{min-height: 6rem;}
}
@media(max-width:1024px){
.about-history .downarr{display: none;}
.about-history .Pages{width: 1.25rem;}
}
@media(max-width:768px){
  .about-history .Pages{width: 100%;}
  .about-history .ispic figure{background-size: contain;}
  .about-history .listbox{padding-left: 0;}
  .about-history .list{padding-left: 0.5rem;min-height: 3rem;}
  .about-history .list p.active:after{width: 25px;transform: translateX(7px);}
  .about-history .list:before{left: 15px;}
  .about-history .Pages.downup .slick-prev{transform: rotate(0) !important;}
  .about-history .Pages.downup .slick-next{transform: rotate(0deg) !important;}
}

/* 荣誉资质 */
.hornor-list{padding: 0 1.4rem;position: relative;z-index: 0;}
.hornor-list .item:before,.hornor-list .item:after{position: absolute;width: 1rem;height: 3.01rem;bottom: 0;content: "";background-position: center center;background-repeat: no-repeat;background-size: 100% 100%;display: none;}
.hornor-list .item:before{left: -1rem;background-image: url(../images/hornor-tab_left.png);}
.hornor-list .item:after{right: -1rem;background-image: url(../images/hornor-tab_right.png);}
.hornor-list .item .bg{left: 0;bottom: 0;width: 100%;height: 3.01rem;background: url(../images/hornor-tab_bg.png) repeat-x 0 top/100% 100%;position: absolute;}
.hornor-list .item a{display: block;position: relative;z-index: 1;}
.hornor-list .item{width: 25%;text-align: center;position: relative;}
.hornor-list .ispic{padding-bottom: 64.5%;background: url(../images/hornor-bg.png) no-repeat center center/100% 100%;}
.hornor-list .ispic figure{left: 0.46rem;width: calc(100% - 0.92rem);top: 0.31rem;height: calc(100% - 0.62rem);}
.hornor-list .info{margin-top:1px;padding-top: var(--padding-margin__80);background-image: linear-gradient(to bottom, rgba(233,233,233,0.3) , rgba(0,0,0,0));width: 90%; margin: 0px auto;border-radius: 0.2rem 0.2rem 0 0;min-height: 2.63rem;}
.hornor-list .none .ispic{opacity: 0;}
.hornor-list .tit{line-height: calc(30 / 18);text-align: center;font-weight: var(--font-weight__l);max-height: 1.16rem;overflow-y: auto;}

@media(min-width:768px){
.hornor-list .item:nth-child(4n+1):before{display: block;}
.hornor-list .item:nth-child(4n+4):after{display: block;}
.hornor-list .tit{width: 85%;margin: 0px auto;}
}
@media(max-width:1024px){
  .hornor-list{padding: var(--padding-margin__100) 0.5rem 0;}
}
@media(max-width:768px){
  .hornor-list .item:before, .hornor-list .item:after{width: 0.5rem;}
  .hornor-list .item:before{left: -0.5rem;}
  .hornor-list .item:after{right: -0.5rem;}
  .hornor-list .item:nth-child(2n+1):before{display: block;}
  .hornor-list .item:nth-child(2n+2):after{display: block;}
  .hornor-list .item{width: 50%;}
  .hornor-list .info{min-height: 2rem;}
  .hornor-list .item a{transform: translateY(-0.3rem);}
}

/* 分子评估与早研 */
.blanknr{height: var(--padding-margin__120);}
.blanknr2{height: var(--padding-margin__120);}
.molecule-info{z-index: 2;background: url(../images/molecule-info_bg.jpg) no-repeat center bottom/cover;}
.molecule-info .part1 .ispic{margin-top: var(--padding-margin__70);border-radius: 0.15rem;}
.molecule-info .part1 .ispic img{border-radius: 0.15rem;}

.molecule-info .part2{padding: var(--padding-margin__100) 0 var(--padding-margin__130);}

.molecule-info .cricle{width: 72.396vw;height: 72.396vw;left: 50%;top: 50%;background: url(../images/molecule-cricle.png) no-repeat center center/contain;position: absolute;z-index: 0;animation: turn 20s linear infinite;margin: -36.198vw 0 0 -36.198vw;}

.molecule-info .showCon .ispic{padding-bottom: 100%;border-radius: 50%;}
.molecule-info .showCon .ispic:after{position:absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background-color: rgba(var(--primary-color__rgb), 0.85);content: "";}
.molecule-info .showCon .info{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;text-align: center;padding: var(--padding-margin__30);color: #fff;}
.molecule-info .showCon h3{font-size: var(--font-size__28);font-weight: var(--font-weight__m);margin: 0 0 var(--padding-margin__25) 0;}
.molecule-info .showCon .desc{font-size: var(--font-size__14);line-height: calc(28 / 16);}
.molecule-info .showCon .mores{position: absolute;right: 0.64rem;bottom: 0;border-radius: 50%;width: 0.7rem;height: 0.7rem;background: #fff url(../images/arr_more_blue.svg) no-repeat center center/0.18rem 0.18rem;transition: all 0.5s;z-index: 10;}

@media(min-width:1025px){
  .molecule-info .infoarea .left{width: calc(700 / 1600 * 100%);}
  .molecule-info .infoarea .right{width: calc(900 / 1600 * 100%);}

  .molecule-info .content{height: 37.917vw;}
  .molecule-info .list .item{position: absolute;width: 1.51rem;height: 1.51rem;border-radius: 50%;z-index: 2;cursor: pointer;}
  .molecule-info .list .item{position: absolute;width: 1.51rem;height: 1.51rem;border-radius: 50%;z-index: 2;cursor: pointer;}
  .molecule-info .list .item .layer{position: absolute;width: 100%;height: 100%;z-index: 3;border-radius: 50%;}
  .molecule-info .list .item .layer:after{position: absolute;width: 120%;height: 120%;z-index: 3;border-radius: 50%;transform: translate(-50%,-50%);background-color: rgba(255,255,255,0.32);content: "";left: 50%;top: 50%;}
  .molecule-info .list .item .info{position: absolute;width: 100%;height: 100%;z-index: 4;border: 1px solid #fff;border-radius: 50%;background-image: linear-gradient(to bottom, #edf6fc , #e3f0f9);text-align: center;padding: var(--padding-margin__15) var(--padding-margin__10);overflow: hidden;}
  .molecule-info .list .item .info img{height: 0.46rem;}
  .molecule-info .list .item .info aside{font-size: var(--font-size__14);line-height: calc(24 / 16);margin-top: var(--padding-margin__10);}
  .molecule-info .list .item:nth-child(1){top: 1%; left: 24%;}
  .molecule-info .list .item:nth-child(2){top: 0%; right: 4%;}
  .molecule-info .list .item:nth-child(3){top: 17%; left: 1%;}
  .molecule-info .list .item:nth-child(4){top: 50%; left: 23%;}
  .molecule-info .list .item:nth-child(5){bottom: 1%; right: 25%;}
  .molecule-info .list .item:nth-child(6){top: 20%; right: 18%;}
  .molecule-info .list .item:nth-child(7){bottom: 1.5%; left: 5%;}
  .molecule-info .list .item:nth-child(8){bottom: 4%; right: 2%;}
  .molecule-info .list .item:hover .info img,.molecule-info .list .item.cur .info img{filter: brightness(0) invert(1);}
  .molecule-info .list .item:hover .info,
  .molecule-info .list .item.cur .info{background: var(--primary-color) url(../images/molecule-logobg.png) no-repeat right bottom;color: #fff;}

  .molecule-info .showCon{width: 23.281vw;height: 23.281vw;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;border-radius: 50%;position: absolute;z-index: 5;}
  .molecule-info .showCon .item{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: all 0.5s;}
  .molecule-info .showCon .item.cur{opacity: 1;}
  .molecule-info .showCon .item:hover .mores{transform: rotate(45deg);background: var(--primary-color) url(../images/arr_more_white.svg) no-repeat center center/0.18rem 0.18rem;}
}
@media(max-width:1024px){
 .blanknr{display: none;}

 .molecule-info .list{display: none;}
 .molecule-info .showCon .item{position: relative;}
 .molecule-info .showCon .item:not(:last-child){margin-bottom: 0.15rem;}
 .molecule-info .showCon .ispic{padding-bottom: 64%;border-radius: 0;}
 .molecule-info .showCon .info{padding: var(--padding-margin__50);}
 .molecule-info .showCon .mores{position: static;display: block;margin: 0.15rem auto 0;width: 0.5rem;height: 0.5rem;}
}

/* 分子评估与早研-内容 */
.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.6rem;font-size: var(--font-size__20);font-weight: var(--font-weight__m);border: 2px solid #a8cde5;border-bottom: 0;border-top: 0;line-height: calc(36 / 24);}
table th:last-child{border-right: 0;}
table th:first-child{border-left: 0;}
table td{background-color: #fff;font-weight: var(--font-weight__l);height: 0.6rem;border: 1px solid #eeeeee;padding: var(--padding-margin__10);}
table td:not(:last-child){border-right: 2px solid #edf5fa;}
table tbody tr{transition: all 0.5s;}
table tbody tr:hover{box-shadow: 0 0 15px rgba(var(--primary-color__rgb), 0.3);position: relative;z-index: 1;}
table p{margin: 0;}
table p + p{margin-top: 0.05rem;}
.table2{text-align: left;}
.table2 th,.table2 td{padding-left: var(--padding-margin__40);padding-right: var(--padding-margin__10);}
.table2 tbody tr:nth-child(odd) td{background-color: #e2f1f8;}
.table2 tbody tr:nth-child(even) td{background-color: #ffffff;}
.table2 th{border-right: 2px solid #4b9ccd;border-left: 0;}
.table2 td{font-size: var(--font-size__16);font-weight: var(--font-weight__r);border: 0;}
.table2 td:not(:last-child){border-right: 2px solid #edf5fa;}
.table3{border-radius: 0.2rem 0.2rem;overflow: hidden;}
.table3 th{background-color: var(--primary-color);color: #fff;height: 0.6rem;font-size: var(--font-size__20);font-weight: var(--font-weight__m);border: 2px solid #a8cde5;border-bottom: 0;border-top: 0;text-align: left;padding-left: var(--padding-margin__20);padding-left:var(--padding-margin__10);font-size: var(--font-size__18);}
.table3 td{padding: 0;border: 0px solid #fff !important;background-color: #f6f9fb;}
.table3 td td{padding: 0.1rem var(--padding-margin__20) 0.1rem var(--padding-margin__10);border: 2px solid #fff !important;font-size: var(--font-size__16);}
.table4 td{background-color: #fafdff;padding:var(--padding-margin__20) var(--padding-margin__10) var(--padding-margin__20) var(--padding-margin__35);}
.table4 tbody tr:hover{box-shadow: 0 0 0 rgba(var(--primary-color__rgb), 0);}
.table4 tbody tr:hover td{background-color: #fff;}

.infoarea.lr {padding-bottom: var(--padding-margin__60);}
.infoarea.lr .more{margin-top: var(--padding-margin__50);}
.molecule-page_info{background: #f5fcff url(../images/molecule-page_info_bg2.jpg) no-repeat center top/cover;}
/* p1 */
.molecule-page_info .content{position: relative;background: url(../images/molecule-page_info_bg1.jpg) no-repeat center center/cover;border-radius: 0.2rem;}
.molecule-page_info .content .group{border-radius: 0.2rem;padding: var(--padding-margin__60);background-color: rgba(255,255,255,0.5);}
.molecule-page_info .content .group .title{text-align: center;color: #fff;line-height: 0.6rem;font-size: var(--font-size__24);font-weight: var(--font-weight__m);border-radius: 0.2rem 0.2rem 0 0;background-color: var(--primary-color);margin: 0;}
.molecule-page_info .content .item{margin-bottom: 0.09rem;border: 1px solid #f4f5f6;padding:var(--padding-margin__20) var(--padding-margin__40);font-size: var(--font-size__16);}
.molecule-page_info .content .item aside{font-size: var(--font-size__18);color: var(--primary-color);font-weight: var(--font-weight__m);}
.molecule-page_info .content .item p{margin: 0.13rem 0 0 0;}
.molecule-page_info .content .item p:nth-child(1){margin-top: 0;}
/* p2 */
.molecule-page_info .content2 .table td{height: 0.629rem;}
.molecule-page_info .content2 .table li:nth-child(even){background-color: #fff;}
/* p3 */
.molecule-page_info .content3{text-align: center;}
.molecule-page_info .content3 table td h3{font-weight: var(--font-weight__m);font-size: var(--font-size__18);margin: 0;border-right: 2px solid #fff;}
.molecule-page_info .content3 table td img{margin: var(--padding-margin__10) auto 0;display: block;}
/* p4 */

/* p5 */
.molecule-page_info .content5{}

/* p7 */
.molecule-page_info .content7{}

.molecule-page_info .list{margin-top: var(--padding-margin__65);}
.molecule-page_info .list.w1 .item{width: 100% !important;}
.molecule-page_info .list.w1 .item:last-child{margin-bottom: 0 !important;}
.molecule-page_info .list .item{border-radius: 0.2rem;background-color: #fff;margin-bottom: var(--padding-margin__50);padding: var(--padding-margin__40);}
.molecule-page_info .list .subTit{padding-bottom: 0.28rem;}
.molecule-page_info .list dl{margin-left: -0.2rem;width: 100%;}
.molecule-page_info .list dl dd{margin: 0 0 0.2rem 0.2rem;text-align: center;}
.molecule-page_info .list dl p{margin: 0 0 var(--padding-margin__15);font-size:var(--font-size__16);}
.molecule-page_info .list dl p a{color: var(--primary-color);text-decoration: underline;}
.molecule-page_info .list dl p a:hover{text-decoration: none;}

.molecule-page_info .list2{margin-top: var(--padding-margin__65);margin-left: -0.2rem;}
.molecule-page_info .list2 .item{border-radius: 0.2rem;background-color: #fff;margin-bottom: var(--padding-margin__15);padding: var(--padding-margin__20) var(--padding-margin__25);text-align: center;margin: 0 0 0.2rem 0.2rem;}
.molecule-page_info .list2 .item p{margin: 0 0 var(--padding-margin__15);font-size:var(--font-size__16);}
.molecule-page_info .list2.w2 .item{width: calc(100% / 2 - 0.2rem);}
.molecule-page_info .list2.w2 .item:nth-last-child(-n+2){margin-bottom: 0;}
.molecule-page_info .list2.w4 .item{width: calc(100% / 4 - 0.2rem);}
.molecule-page_info .mb20{margin-bottom: 0.2rem !important;}

@media(min-width:1025px){
  .infoarea.lr .subTit{padding-bottom: 0.1rem;}
  .infoarea.lr .left{width: calc(690 / 1600 * 100%);padding-right: 0.35rem;}
  .infoarea.lr .right{flex: 1;}
  .infoarea.style2 .left{width: calc(793 / 1600 * 100%);}
  /* p1 */
  .molecule-page_info .content .group{width: calc(613 / 1140 * 100%);}
  .molecule-page_info .content:after{width: 0.58rem;height: 0.45rem;left: 50%;top: 1.33rem;transform: translateX(-50%);background: url(../images/page_arr.svg) no-repeat center center/contain;content: "";position: absolute;}
  .molecule-page_info .list .item{width: calc(780 / 1600 * 100%);}
  /* p2 */
  .molecule-page_info .content2 .table{width: calc(384 / 1600 * 100%);}
  .molecule-page_info .content2 .list{width: calc(1163 / 1600 * 100%);margin-top: 0;}
  /* p3 */
  .molecule-page_info .content3{margin-bottom: -2%;}
  .molecule-page_info .content3 .item{width: calc(786/ 1600 * 100%);margin-bottom: 2%;}
  /* p4 */
  .molecule-page_info .content4 .table{width: calc(800 / 1600 * 100%);}
  .molecule-page_info .content4 .table td{height: 0.72rem;}
  .molecule-page_info .content4 .list2{width: calc(784 / 1600 * 100%);margin-top: 0;}
  /* p5 */
  .molecule-page_info .content5{margin-left: -0.2rem;}
  .molecule-page_info .content5 .item{flex: 1;margin: 0 0 0 0.2rem;}
  /* p7 */
  .molecule-page_info .content7 .left{width: calc(656 / 1600 * 100%);margin-left: -0.2rem;}
  .molecule-page_info .content7 .left .item{flex: 1;margin: 0 0 0 0.2rem;}
  .molecule-page_info .content7 .left .item td{padding-left: var(--padding-margin__40);height: 0.6rem;}
  .molecule-page_info .content7 .list{width: calc(914 / 1600 * 100%);margin-top: 0;}
}
@media(min-width:769px){
  .molecule-page_info .list.w2 .item{width: calc(782 / 1600 * 100%);}
  .molecule-page_info .list.w2 .item:nth-last-child(-n+2){margin-bottom: 0;}
  .molecule-page_info .list.w3 {margin-left: -0.25rem;}
  .molecule-page_info .list.w3 .item{width: calc(100% / 3 - 0.25rem);margin-left: 0.25rem;}
  .molecule-page_info .list2.w4 {margin-bottom: -0.2rem;}
}
@media(max-width:1560px){
  .molecule-page_info .content2 .table td{height: 0.528rem;}
  .molecule-page_info .content4 .table td{height: 0.63rem;}
  .molecule-page_info .content7 .left .item td{padding-left: 0.2rem;height: 0.545rem;}
}
@media(max-width:1440px){
  .molecule-page_info .content2 .table td{height: 0.535rem;}
  .molecule-page_info .content4 .table td{height: 0.65rem;}
}
@media(max-width:1360px){
  .molecule-page_info .content2 .table td{height: 0.561rem;}
  .molecule-page_info .content4 .table td{height: 0.65rem;}
}
@media(max-width:1024px){
.molecule-page_info .content .group{position: relative;}
.molecule-page_info .content .group:not(:last-child){margin-bottom: 1rem;}
.molecule-page_info .content .group:not(:last-child):after{width: 0.58rem;height: 0.45rem;left: 50%;bottom:-0.75rem;transform: translateX(-50%) rotate(90deg);background: url(../images/page_arr.svg) no-repeat center center/contain;content: "";position: absolute;}
.molecule-page_info .list .item:last-child{margin-bottom: 0;}
table td{height: auto !important;padding-top: 0.1rem;padding-bottom: 0.1rem;}
}
@media(max-width:768px){
  .molecule-page_info .list2.w4 .item{width: calc(100% / 2 - 0.2rem);}
  .molecule-page_info .list2.w4{margin-bottom: -0.2rem;}
}


/* 细胞培养基  - 子公司 */
.subcompany_info{background: url(../images/subcompany_bg.jpg) no-repeat right top/cover;}
.subcompany_info .ispic{margin-top: var(--padding-margin__70);border-radius: 0.15rem;}
.subcompany_info .ispic img{border-radius: 0.15rem;}
.subcompany_info .ispic .play{transform: translate(-50%,-50%);}
.subcompany_info .ispic .play span{background-color: rgba(var(--primary-color__rgb), 0.8);}
.subcompany_info .ispic .play:after{border:1px solid rgba(var(--primary-color__rgb), 0.2);}
.subcompany_info .ispic:hover .play:after {width: 160%;height: 160%;border:1px solid rgba(var(--primary-color__rgb), 0.6);}

.subcompany_value{overflow: hidden;}
.subcompany_value .bg{top: -50%;height: 150%;}
.subcompany_value .container{min-height: 5.1rem;color: #fff;}
.subcompany_value .edit-info{font-size: var(--font-size__24);line-height: calc(42 / 24);max-width: 7.53rem;}

.subcompany_adv{overflow: hidden;background: #f4fbfe url(../images/subcompany_bg4.jpg) no-repeat right top/cover;}
.subcompany_adv .subTit{width: 100%;}
.subcompany_adv .ispic{margin-bottom: 0.25rem;}
.subcompany_adv .ispic .info{position: absolute;bottom: 0;width: 100%;border-radius: 0 0 0.1rem 0.1rem;color: #fff;z-index: 2;background-color: rgba(var(--primary-color__rgb), 0.95);padding: var(--padding-margin__80);}
.subcompany_adv .ispic .info h2{line-height: calc(48 / 32);font-size: var(--font-size__32);font-weight: var(--font-weight__m);margin: 0;padding-left: var(--padding-margin__35);position: relative;}
.subcompany_adv .ispic .info h2:before{position: absolute;left: 0;top: 0.1rem;height: calc(100% - 0.2rem);content: "";background-color: #fff;width: 0.04rem;border-radius: 0.05rem;}
.subcompany_adv .list{margin-left: -9%;}
.subcompany_adv .list .item{width: 24%;margin-bottom: var(--padding-margin__35);margin-left: 9%;padding-bottom: 0.11rem;position: relative;border-bottom: 1px solid #dce1e6;}
.subcompany_adv .list .item:After{left: 0;bottom: -1px;z-index: 1;height: 2px; transition: all 0.5s ease-in-out;width: 0;background-color: var(--primary-color);position: absolute;content: "";}
.subcompany_adv .list .item .num{line-height: 1.09rem;font-family:'Montserrat';font-weight: 600;font-size: var(--font-size__72);}
.subcompany_adv .list .item h3{margin: 0;font-size: var(--font-size__24);font-weight: var(--font-weight__m);}
.subcompany_adv .list .item pre{margin: var(--padding-margin__15) 0 0;line-height: calc(30 / 18);min-height: 1rem;font-weight: var(--font-weight__l);position: relative;}
.subcompany_adv .list .item pre:after{position: absolute;width: 0.6rem;height: 0.6rem;content: "";background-color: rgba(var(--primary-color__rgb), 0.1);bottom: 0;right: 0;border-radius: 50%;transition: var(--transition);opacity: 0;}
.subcompany_adv .list .item:hover h3,
.subcompany_adv .list .item:hover .num{color: var(--primary-color);}
.subcompany_adv .list .item:not(:hover) .num{color: transparent;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #dce1e6;}
.subcompany_adv .list .item:hover:after{width: 100%;}
.subcompany_adv .list .item:hover pre:after{opacity: 1;bottom: 0.3rem;right: 0.4rem;}

.subcompany_pro{background-color: #f7fcfe;background: #f7fcfe url(../images/subcompany_bg3.jpg) no-repeat right top/cover;overflow: hidden;}
.subcompany_pro .subTit{width: 100%;}
.subcompany_pro .change-tab .slick-list{overflow-y: auto;}
.subcompany_pro .change-tab .slick-track{transform: translate3d(0px, 0, 0px) !important;}
.subcompany_pro .change-tab .item{cursor: pointer;font-size: var(--font-size__20);font-weight: var(--font-weight__l);transition: all 0.3s;min-height: 0.73rem;display: flex;align-items: center;padding-left: var(--padding-margin__40);position: relative;}
.subcompany_pro .change-tab .item em{position: absolute;left: 0.04rem;top: 50%;transform: translateY(-50%);width: 0.05rem;height: 0.05rem;border-radius: 50%;background-color: var(--primary-color);}
.subcompany_pro .change-tab .item em:after{position: absolute;left: 50%;top: 50%;width: 0.14rem;height: 0.14rem;border-radius: 50%;background-color: rgba(var(--primary-color__rgb), 0.15);z-index: -1;content: "";margin:-0.07rem 0 0 -0.07rem;}
.subcompany_pro .change-tab .item.slick-current{color: var(--primary-color);font-weight: var(--font-weight__m);}
.subcompany_pro .change-tab .item.slick-current span{display: inline-block;border-bottom: 1px solid var(--primary-color);}
.subcompany_pro .change-con{position: relative;min-height: 5.6rem;}
.subcompany_pro .change-con .cricle{position: absolute;left: -20%;top: -8%;width: 5.6rem;height: 5.6rem;background-color: #f5f6fa;border-radius: 50%;z-index: -1;}
.subcompany_pro .change-con .item{padding: var(--padding-margin__120) 0;position: relative;}
.subcompany_pro .change-con h3{margin: 0 0 var(--padding-margin__30);font-weight: var(--font-weight__m);font-size: var(--font-size__24);}
.subcompany_pro .change-con .slick-current .ispic{animation:fadeInLeftSmall 0.3s 0.5s ease both;-webkit-animation:fadeInLeftSmall 0.3s 0.5s ease both;-moz-animation:fadeInLeftSmall 0.3s 0.5s ease both;}
.subcompany_pro .change-con .slick-current .info{animation:fadeInRightSmall 0.3s 0.6s ease both;-webkit-animation:fadeInRightSmall 0.3s 0.6s ease both;-moz-animation:fadeInRightSmall 0.3s 0.6s ease both;}
.subcompany_pro .change-con .info{padding-top: 0.25rem;}

.subcompany_service{overflow: hidden;}
.subcompany_service .list{margin: -0.25rem 0 -0.25rem 0;}
.subcompany_service .list .item{width: calc(100% / 5 - 0.25rem);margin: 0 0 0.25rem.25rem;border-radius: 0.15rem;border: 1px solid rgba(255,255,255,0.3);backdrop-filter: blur(10px) saturate(100%);background-color: rgba(var(--primary-color__rgb),.1);}
.subcompany_service .list .icon{background-color: rgba(255,255,255,0.1);border-radius: 50%;width: 0.9rem;height: 0.9rem;display: flex;align-items: center;justify-content: center;transition: all 0.5s;}
.subcompany_service .list .icon img{height: 0.48rem;}
.subcompany_service .list h3{margin: var(--padding-margin__35) 0 0;line-height: calc(40 / 28);min-height: 4.285em;color: #fff;}
.subcompany_service .list a:after{background: url(../images/more-arr.svg) no-repeat center center/contain;width: 0.15rem;height: 0.15rem;margin-top: 0.08rem;display: block;content: "";transition: var(--transition);}
.subcompany_service .list a{display: block;min-height: 3.8rem;padding: var(--padding-margin__45);}
.subcompany_service .list .item:hover a:after{transform: rotate(45deg);}
.subcompany_service .list .item:hover{border-color: #fff;}

.subcompany_other .item{position: relative;}
.subcompany_other .info{position: absolute;left: 0;top: 50%;width: 100%;text-align: center;transform: translateY(-50%);z-index: 2;color: #fff;padding: var(--padding-margin__60);}
.subcompany_other .info h3{margin: 0;font-weight: var(--font-weight__m);font-size: var(--font-size__30);}
.subcompany_other .info h3:After{display: block;margin: var(--padding-margin__25) auto;width: 0.3rem;height: 0.03rem;content: "";background-color: #fff;border-radius: 0.1rem;}
.subcompany_other .info pre{text-align: center;line-height: calc(30 / 18);font-weight: var(--font-weight__l);}
.subcompany_other .ispic{padding-bottom: calc(600 / 500 * 100%);border-radius: 0.2rem;}
.subcompany_other .ispic:After{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";z-index: 1;background-color: rgba(4,48,74,0.3);transition: all 0.5s;}
.subcompany_other .item:hover .ispic:After{opacity: 0.5;}

@media(min-width:1025px){
  .subcompany_adv .ispic{width: calc(650 / 1600 * 100%);border-radius: 1.2rem 0.1rem 0.1rem 0.1rem;margin: 0;}
  .subcompany_adv .right{width: calc(800 / 1600 * 100%);}
  .subcompany_adv .bg{top: -10%;left: -10%;height: 110%;background-image: url(../images/subcompany_bg4.jpg)}

  .subcompany_pro .change-tab{width: calc(320 / 1600 * 100%);}
  .subcompany_pro .change-tab .slider{margin-top: -0.2rem;}
  .subcompany_pro .change-con{width: calc(1237 / 1600 * 100%);}
  .subcompany_pro .bg{top: -10%;left: -10%;height: 110%;background-image: url(../images/subcompany_bg3.jpg)}
  .subcompany_pro .change-tab .item.slick-current{font-size: var(--font-size__24);}
}
@media(min-width:769px){
  .subcompany_pro .change-con .ispic{width: calc(716 / 1237 * 100%);}
  .subcompany_pro .change-con .info{width: calc(428 / 1237 * 100%);}

  .subcompany_other .list{margin: 0 0 -3.125% -3.125%;}
  .subcompany_other .item{width: calc(100% / 3 - 3.125%);margin: 0 0 3.125% 3.125%;}
}
@media(max-width:1024px){
  .subcompany_service .list .item{width: calc(100% / 3 - 0.25rem);}

  .subcompany_pro .change-tab .slick-track{white-space: nowrap;width: 100% !important;overflow-x: auto;padding-bottom: 0.2rem;}
  .subcompany_pro .change-tab .item{margin-right: 0.4rem;width: auto !important;display: inline-block;min-height: auto !important;float: none;}
  .subcompany_pro .change-con .cricle{left: -85%;}
}
@media(max-width:768px){
  .subcompany_service .list .item{width: calc(100% / 2 - 0.25rem);}
  .subcompany_service .list a{min-height: 2.8rem;}
  .subcompany_other .item:not(:last-child){margin-bottom: 0.2rem;}

  .subcompany_value .container{min-height: 3rem;}

  .subcompany_adv .list {margin-left: -3%;}
  .subcompany_adv .list .item{width: 47%;margin-left: 3%;}
}


/* 细胞培养基  - 商业化培养基 */
.sub-nav{border-bottom: 2px solid rgba(var(--primary-color__rgb), 0.2);padding-bottom: var(--padding-margin__65);margin-bottom: var(--padding-margin__100);}
.sub-nav li{width: 12.5%;text-align: center;padding: 0 1%;}
.sub-nav .ico-zoom{width: 0.8rem;height: 0.8rem;margin: 0px auto var(--padding-margin__25);display: flex;align-items: center;justify-content: center;}
.sub-nav .ico-zoom img{width: 0.8rem;height: 0.8rem;}
.sub-nav aside{font-size: var(--font-size__20);font-weight: var(--font-weight__l);padding-bottom: 0.27rem;position: relative;}
.sub-nav li.on .ico-zoom,.sub-nav li:hover .ico-zoom{box-shadow: 0 0 0.27rem rgba(46,44,57,0.08);width: 0.8rem;height: 0.8rem;border-radius: 50%;margin-bottom: var(--padding-margin__25);}
.sub-nav li.on aside,.sub-nav li:hover aside{font-weight: var(--font-weight__m);color: var(--primary-color);}
.sub-nav li.on em,.sub-nav li:hover em{position: absolute;left: 50%;bottom:0.04rem;transform: translateX(-50%);width: 0.05rem;height: 0.05rem;border-radius: 50%;background-color: var(--primary-color);}
.sub-nav li.on em:after,.sub-nav li:hover em:after{position: absolute;left: 50%;top: 50%;width: 0.14rem;height: 0.14rem;border-radius: 50%;background-color: rgba(var(--primary-color__rgb), 0.15);z-index: -1;content: "";margin:-0.07rem 0 0 -0.07rem;}

.cell-page{background: #ecf4fa url(../images/cell-page_bg.jpg) no-repeat right top/cover;}
.cell-page .infoarea{margin-bottom: var(--padding-margin__100);}
.cell-page .infoarea .ispic{border-radius: 0.2rem;}

.open-m{position: fixed;left: -100%;width: 0.4rem;border-radius: 0 0.1rem 0.1rem 0;box-shadow: 0 0 10px rgba(0,0,0,0.1);background-color: var(--primary-color);padding: 0.15rem 0.1rem;color: #fff;font-size: var(--font-size__20);line-height: 1.2;cursor: pointer;transition: all 0.5s;top: 2rem;}
.open-m span:nth-child(2){display: none;}
.open-m.show{left: 50%;}
.open-m.show span:nth-child(1){display: none;}
.open-m.show span:nth-child(2){display: block;}
.left-nav .search{background-color: #fff;margin-bottom: var(--padding-margin__20);padding: 0 var(--padding-margin__30);border-radius: 0.15rem;}
.left-nav .search input{height: 0.76rem;border: 0;flex: 1;width: 100%;}
.left-nav .search button{margin-left: 0.1rem;width: 0.2rem;height: 0.2rem;background: url(../images/search-blue.svg) var(--background-contain);padding: 0;border: 0;cursor: pointer;}
.left-nav .search button:hover{opacity: 0.8;}

.left-nav .nav{background-color: #fff;border-radius: 0.15rem;padding: var(--padding-margin__40) var(--padding-margin__30);}
.left-nav .nav h2{margin: 0;font-size: var(--font-size__24);font-weight: var(--font-weight__r);padding-bottom: var(--padding-margin__25);color: #000000;}
.left-nav .nav .group{padding: var(--padding-margin__25) 0;border-bottom: 1px solid #efefef;}
.left-nav .nav h3{line-height: calc(30 / 20);font-weight: var(--font-weight__r);font-size: var(--font-size__20);padding-right: 0.3rem;position: relative;margin: 0;cursor: pointer;}
.left-nav .nav h3:after{width: 10px;height: 6px;right: 0.06rem;top: 0.12rem;content: "";background: url(../images/arr_xjt_gray.svg) var(--background-contain);position: absolute;transition: all 0.5s;transform: rotate(180deg);}
.left-nav .nav h3:hover:after{transform: scale(1.5);background-image: url(../images/arr_xjt_blue.svg)}
.left-nav .nav .group.on h3:after{transform: rotate(0);}
.left-nav .nav dl{margin-top: var(--padding-margin__25);}
.left-nav .nav dl dd{line-height: calc(24 / 16);font-weight: var(--font-weight__l);padding-left: 0.34rem;position: relative;font-size: var(--font-size__16);}
.left-nav .nav dl dd a:before{position: absolute;left: 0;top: 0.05rem;width: 0.14rem;height: 0.14rem;border-radius: 2px;border: 1px solid #dddddd;content: "";}
.left-nav .nav dl dd.on a:before{border-color:var(--primary-color);content: "";background: var(--primary-color) url(../images/gou.svg) var(--background-contain);}
.left-nav .nav dl dd.on a{color: var(--primary-color);}
.left-nav .nav dl dd:not(:last-child){margin-bottom: var(--padding-margin__15);}

.cell-page .right-cons{background: #fff url(../images/cell-page_bg3.jpg) no-repeat right top;border-radius: 0.2rem;padding: var(--padding-margin__75);}
.cell-page .title{line-height: calc(48 / 40);font-size: var(--font-size__40);margin: 0 0 var(--padding-margin__60);}
.cell-page .title:after{display: block;margin-top: var(--padding-margin__35);width: 0.72rem;height: 0.04rem;border-radius: 0.05rem;background-color: var(--primary-color);content: "";}
.cell-page .title.tc:after{margin-left: auto;margin-right: auto;}
.cell-page .infoarea2{margin-bottom: var(--padding-margin__80);}
.cell-page .infoarea2 .ispic{overflow: visible;padding-top: 0.15rem;}
.cell-page .infoarea2 .ispic .arr{width: 0.3rem;height: 0.3rem;}
.cell-page .infoarea2 .ispic img{object-fit: contain;}
.cell-page .infoarea2 .ispic .swiper-slide{display: flex;align-items: center;justify-content: center;min-height: 3.5rem;}
.cell-page .infoarea2 .ispic .st{position: static;margin-top: 0.1rem;}
/* .cell-page .infoarea2 .ispic:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";width: 3.94rem;height: 4.09rem;background: url(../images/cricle.svg) var(--background-contain);} */
.cell-page .infoarea2 pre{color: var(--primary-color);margin: 0 0 var(--padding-margin__35);line-height: calc(30 / 18);}
.cell-page .right-cons .subTit{padding-bottom: var(--padding-margin__20);}
.cell-page .right-cons .subTit.s2 .tit{font-size: var(--font-size__32) !important;}
.cell-page .infoarea2 .edit-info{font-size: var(--font-size__15);}

.cell-page .feature .list{margin:0 0 var(--padding-margin__45) -0.35rem;}
.cell-page .feature .list .item{width: calc(100% / 3 - 0.35rem);margin:0 0 0.3rem 0.35rem;border-radius: 0.15rem;border: 1px solid var(--primary-color);padding: var(--padding-margin__10);padding: var(--padding-margin__30);background-color:#fff;background-position: right -0.7rem bottom -0.7rem;background-size:1.36rem 1.36rem;overflow: hidden;transition: all 0.5s ease-in-out;background-repeat: no-repeat;}
.cell-page .feature .list .item h3{font-size: var(--font-size__20);font-weight: var(--font-weight__m);margin: 0 0 var(--padding-margin__15);padding-left: 0.12rem;position: relative;}
.cell-page .feature .list .item h3:before{position: absolute;left: 0;top: 50%;width: 0.04rem;height: 0.04rem;border-radius: 50%;content: "";background-color: var(--primary-color);}
.cell-page .feature .list .item pre{line-height: calc(30 / 15);font-size: var(--font-size__15);color: #666666;font-weight:var(--font-weight__l);}
.cell-page .feature .list .item:hover{background-image: url(../images/logo2.svg);background-position: right -0.5rem bottom -0.5rem;transform: translateY(-0.1rem);box-shadow: 0 0 0.26rem rgba(var(--primary-color__rgb),0.1);}
.cell-page .feature .list2{padding:0 0 var(--padding-margin__60) 0;}
.cell-page .feature .list2 .item{margin-bottom: 0.2rem;border-radius: 0.14rem;padding: var(--padding-margin__25) var(--padding-margin__35);background-image: linear-gradient(to right, rgba(var(--primary-color__rgb),0.15) , rgba(0,0,0,0));}
.cell-page .feature .list2 pre{font-size: var(--font-size__20);padding-left: 0.13rem;line-height: 1.25;position: relative;}
.cell-page .feature .list2 pre:before{position: absolute;left: 0;top: 0.14rem;border-radius: 50%;width: 3px;height: 3px;background-color: var(--primary-color);content: "";}

.cell-page .feature .list3 .item{padding-left: 0.37rem;position: relative;margin-bottom: var(--padding-margin__35);}
.cell-page .feature .list3 .item h3{font-size: var(--font-size__24);font-weight: var(--font-weight__m);margin: 0 0 var(--padding-margin__15);}
.cell-page .feature .list3 .item h3 span{position: absolute;left: 0;top: 0.07rem;width: 0.17rem;height: 0.11rem;}
.cell-page .feature .list3 .item h3 span:before,.cell-page .feature .list3 .item h3 span:after{width: 0.11rem;height: 0.11rem;border-radius: 50%;content: "";position: absolute;}
.cell-page .feature .list3 .item h3 span:before{z-index: 2;background-color: var(--primary-color);left: 0;}
.cell-page .feature .list3 .item h3 span:after{z-index: 0;background-color: rgba(116,211,226,0.7);right: 0;}
.cell-page .feature .list3 pre{font-size: var(--font-size__15);color: #666666;font-size: var(--font-size__15);line-height: calc(30 / 15);font-weight:var(--font-weight__l);}

.cell-page .advantage .list{margin:0 0 var(--padding-margin__55)  -0.15rem;}
.cell-page .advantage .list .item{width: calc(100% / 4 - 0.19rem);margin:0 0 0.15rem 0.15rem;min-height: 0.52rem;border-radius: 0.52rem;border: 1px solid #efefef;padding: 0.1rem;display: flex;align-items: center;justify-content: center;transition: all 0.5s;text-align: center;}
.cell-page .advantage .list .item:hover{border-color: var(--primary-color);}

.cell-page .proinfo {margin-bottom: var(--padding-margin__65);}
.cell-page .proinfo .ti:hover{text-decoration: underline;font-weight: var(--font-weight__m);}
.cell-page .proinfo .zx{text-decoration: underline;font-weight: var(--font-weight__m);background: url(../images/ico-zx.svg) no-repeat center top/0.22rem 0.22rem;padding-top: 0.35rem;color: var(--primary-color);}
.cell-page .proinfo .down{background: url(../images/ico-pdf2.png) no-repeat 0 center/0.21rem 0.23rem;display: inline-block;padding-left: 0.32rem;line-height: 0.23rem;}
.cell-page .proinfo .down:hover{text-decoration: underline;font-weight: var(--font-weight__m);}
.cell-page .proinfo .zx:hover{text-decoration: none;color: #cc0000;}
.cell-page .proinfo table th,.cell-page .proinfo table td{text-align: center;}

.cell-page .faq{padding-bottom: var(--padding-margin__30);}
.cell-page .faq .item{border-radius: 0.1rem;border: 1px solid rgba(var(--primary-color__rgb), 0.2);padding: var(--padding-margin__25) var(--padding-margin__30) var(--padding-margin__25) var(--padding-margin__40);margin-bottom: var(--padding-margin__30);transition: all 0.5s;}
.cell-page .faq .top{line-height: calc(35 / 22);font-size: var(--font-size__22);padding-right: 0.4rem;position: relative;cursor: pointer;}
.cell-page .faq .top span{width: 0.2rem;height: 0.2rem;top: 0.08rem;right: 0;position: absolute;transition: all 0.5s;}
.cell-page .faq .item:hover{border: 1px solid rgba(var(--primary-color__rgb), 0.8);}
.cell-page .faq .item:hover .top span{transform: rotate(180deg);}
.cell-page .faq .top span:before,.cell-page .faq .top span:after{background-color: var(--primary-color);transition: all 0.5s;left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;content: "";}
.cell-page .faq .top span:before{width: 100%;height: 2px;}
.cell-page .faq .top span:after{width: 2px;height: 100%;}
.cell-page .faq .edit-info{font-size: var(--font-size__15);padding: var(--padding-margin__30) var(--padding-margin__25) 0 var(--padding-margin__40);display: none;}
.cell-page .faq .item.on .top {color: var(--primary-color);}
.cell-page .faq .item.on .top span:after{height: 0;}

.cell-page .case .ti{text-align: center;font-size: var(--font-size__22);margin: 0 0 var(--padding-margin__15);font-weight: var(--font-weight__m);}
.cell-page .case .arr{width: 0.53rem;height: 0.53rem;}
.cell-page .case .swiper-slide{padding-bottom: 1px;}
.cell-page .case .inner{width: 80%;margin: 0px auto;border-radius: 0.15rem;border:1px solid var(--primary-color);padding: var(--padding-margin__40) var(--padding-margin__50);background-color: #fff;}
.cell-page .case .edit-info{font-size: var(--font-size__15);}
.cell-page .case .edit-info table{width: 100% !important;}
.cell-page .case .edit-info table td{padding: 0.05rem;}
.cell-page .case .swiper-slide:not(.swiper-slide-active){opacity: 0 !important;}
.cell-page .case .list .item:not(:last-child){border-bottom: 2px solid #e9edf3;padding-bottom: var(--padding-margin__45);margin-bottom: var(--padding-margin__45);}
.cell-page .case .list .item .ti{text-align: left;}

@media(min-width:1025px){
.cell-page .infoarea .ispic{width: calc(810 / 1600 * 100%);margin-right: calc(105 / 1600 * 100%);}
.cell-page .infoarea .info{flex: 1;}
.cell-page .case .swiper-pagination{display: none !important;}

.cell-page .left-nav{width: calc(372 / 1600 * 100%);}
.cell-page .right-cons{width: calc(1190 / 1600 * 100%);}
}
@media(min-width:768px){
.cell-page .infoarea2 .ispic{width: calc(393 / 1040 * 100%);margin-right: calc(67 / 1040 * 100%);}
.cell-page .infoarea2 .info{flex: 1;}
.cell-page .infoarea2.p2{flex-direction: row-reverse;}
.cell-page .infoarea2.p2 .ispic{width: calc(388 / 1040 * 100%);margin-left: calc(72 / 1040 * 100%);}
.cell-page .infoarea2.p3{flex-direction: row-reverse;}
.cell-page .infoarea2.p3 .ispic {margin-left: calc(67 / 1040 * 100%);margin-right: 0;}
.cell-page .infoarea2.p3 .ispic figure{justify-content: flex-end;}
.cell-page .infoarea2.p4 .ispic{width: calc(468 / 1040 * 100%);margin-right: calc(58 / 1040 * 100%);}
}
@media(max-width:1440px){
  .table3 td td{padding-left: var(--padding-margin__10);}
}
@media(max-width:1024px){
  .sub-nav li{width: 25%;}
  .cell-page .infoarea .ispic{margin-bottom: 0.25rem;}
  .left-nav{position: fixed;left: -100%;top: var(--header_height);height: calc(100% - var(--header_height));z-index: 100;box-shadow: 0 0 10px rgba(0,0,0,0.15);background-color: #fff;transition: all 0.5s;width: 50%;}
  .left-nav.show{left: 0;}
  .left-nav .nav{max-height: 80vh;overflow-y: auto;}
  .left-nav .search{box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 0;}
  .open-m{left: 0;}
}
@media(max-width:768px){
  .cell-page .infoarea2 .ispic{margin-bottom: 0.2rem;}
  .cell-page .feature .list {margin-left: -0.1rem;}
  .cell-page .feature .list .item{width: calc(100% / 2 - 0.1rem);margin: 0 0 0.1rem 0.1rem;}
  .cell-page .advantage .list {margin-left: -0.1rem;}
  .cell-page .advantage .list .item{width: calc(100% / 2 - 0.1rem);margin: 0 0 0.1rem 0.1rem;}
  .cell-page .proinfo .table3{overflow-x: auto;white-space:nowrap;}
  .cell-page .proinfo .table3 th{min-width: 1.5rem;}
  .cell-page .proinfo .table3 td{min-width: 1.5rem;white-space:normal;}
  .cell-page .case .inner{width: 100%;}
  .cell-page .case .edit-info table td{font-size: 0.1rem;padding: 0;}
  .cell-page .case .edit-info table td *{font-size: 0.1rem !important;}
  .cell-page .case .arr{display: none;}
  .cell-page .case .swiper-pagination{position: static;margin-top: 0.2rem;}
}

/* 细胞培养基  - 细胞培养基代工 */
.cell-page2{background: #fff url(../images/cell-page2_bg.jpg) no-repeat right top/cover;}
.cell-page2 .infoarea{margin-bottom: var(--padding-margin__100);}
.cell-page2 .infoarea .ispic{border-radius: 0.2rem;margin-bottom: 0.2rem;}

.cell-page2 .subTit .edit-info{padding-left: 0.37rem;}

.cell-page2 .process .step{position: relative;padding-bottom: var(--padding-margin__100);}
.cell-page2 .process .step .line{left: 0rem;height: 100%;top: 0;width: 2px;position: absolute;background-image: linear-gradient(to bottom, rgba(var(--primary-color__rgb),0.1) , rgba(var(--primary-color__rgb),0));}
.cell-page2 .process .step .line span{left: 50%;top: 0;transform: translateX(-50%);z-index: 1;width: 0.08rem;height: 0.08rem;border-radius: 50%;background-color: var(--primary-color);position: absolute;}
.cell-page2 .process .step .line span:after{left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;width: 0.17rem;height: 0.17rem;border-radius: 50%;border:1px dashed var(--primary-color);position: absolute;content: "";}
.cell-page2 .process .step h2{color: var(--primary-color);font-size: var(--font-size__32);color: var(--primary-color);margin: 0 0 var(--padding-margin__90) var(--padding-margin__40);}
.cell-page2 .process .step .item{margin-bottom: 0.2rem;}
.cell-page2 .process .step .num{font-family:'Montserrat';font-weight: 600;color: var(--primary-color);font-size: var(--font-size__32);width: 0.73rem;text-align: center;height: 0.85rem;position: relative;}
.cell-page2 .process .step .num:after{width: 100%;top: 50%;height: 2px;position: absolute;left: 0;background-color: rgba(var(--primary-color__rgb),0.1);content: "";}
.cell-page2 .process .step .icon{width: 0.85rem;height: 0.85rem;background-color: #fff;border-radius: 50%;margin: 0 0.3rem 0 0;display: flex;align-items: center;justify-content: center;box-shadow: 0 0 0.35rem rgba(var(--primary-color__rgb),0.1);}
.cell-page2 .process .step .icon img{width: 0.4rem;}
.cell-page2 .process .step h3{font-size: var(--font-size__24);font-weight: var(--font-weight__m);margin: 0;}
.cell-page2 .process .step pre{font-weight: var(--font-weight__l);color: #666666;line-height: calc(30 / 18);margin-top: var(--padding-margin__20);}
.cell-page2 .process .step .info{min-height: 1.78rem;padding: var(--padding-margin__10) var(--padding-margin__10) var(--padding-margin__10) var(--padding-margin__75);background: url(../images/process-kuang.png) no-repeat 0 top/100% 100%;flex: 1;margin-top: 0;}

.cell-page2 .process .info{background-color: #fff;margin-top: var(--padding-margin__50);border-radius: 0.35rem;padding:0 var(--padding-margin__55) var(--padding-margin__55);}
.cell-page2 .process .info .tag{text-align: right;position: relative;top: -0.42rem;}
.cell-page2 .process .info .tag span{display: inline-block;line-height: 0.84rem;background-color: var(--primary-color);color: #fff;border-radius: 0.84rem;padding: 0 var(--padding-margin__55);font-size: var(--font-size__32);font-weight: var(--font-weight__m);text-align: left;}
.cell-page2 .process .info .tag span:not(:last-child){margin-right: 0.27rem;}
.cell-page2 .process .info .tag span:nth-child(1){width: calc(654 / 1490 * 100%);}
.cell-page2 .process .info .tag span:nth-child(2){width: calc(510 / 1490 * 100%);}
.cell-page2 .process .item.last{padding-left: var(--padding-margin__70);}

.cell-page2 .adv .list .item{margin-bottom: var(--padding-margin__120);}
.cell-page2 .adv .list .ispic{border-radius: 0.2rem;margin-bottom: 0.2rem;}
.cell-page2 .adv .list h3{margin: 0 0 var(--padding-margin__50);font-size: var(--font-size__32);font-weight: var(--font-weight__m);}
.cell-page2 .adv .list h3 span{font-weight: var(--font-weight__b);color: var(--primary-color);margin-right: var(--padding-margin__15);}
.cell-page2 .adv .list p{position: relative;padding-left: 0.12rem;}
.cell-page2 .adv .list p:before{position: absolute;left: 0;top: 0.15rem;width: 3px;height: 3px;border-radius: 50%;content: "";background-color: var(--primary-color);}
.cell-page2 .adv .list .edit-info p + p {margin: var(--padding-margin__15) 0 0;}

.cell-page2 .adv .intro{color: #fff;border-radius: 0.4rem;min-height: 3.92rem;overflow: hidden;font-size: var(--font-size__22);line-height: calc(48 / 22);position: relative;padding: var(--padding-margin__50);}
.cell-page2 .adv .text {position: relative;z-index:2;font-weight: var(--font-weight__l);}
.cell-page2 .adv .text p{margin: 0 0 0.1rem;}
.cell-page2 .adv .text h3{font-size: var(--font-size__22);margin: 0;font-weight: var(--font-weight__m);}
.cell-page2 .adv .bg:after{left: 0;top: 0;width: 100%;height: 100%;content: "";position: absolute;background-image: linear-gradient(to right, rgba(var(--primary-color__rgb),1) 50%, rgba(var(--primary-color__rgb),0));}
.cell-page2 .adv .bg:before{left: 0;top: 0;width: 100%;height: 100%;content: "";position: absolute;background: url(../images/cell-page2__bg1.png) no-repeat 0 center;z-index: 1;}

.cell-page2 .other .intro{margin-bottom: var(--padding-margin__100);}

@media(min-width:1025px){
.cell-page2 .infoarea{flex-direction: row-reverse;}
.cell-page2 .infoarea .ispic{width: calc(776 / 1600 * 100%);margin-left: calc(110 / 1600 * 100%);margin-bottom: 0;}
.cell-page2 .infoarea .info{flex: 1;}
.cell-page2 .process .step{padding-left:0.8rem;padding-right:0.8rem;}
.cell-page2 .process .step .line{left: 50%;margin-left: -1px;}
.cell-page2 .process h2{text-align: right;width: 47%;margin-left: 0;}
.cell-page2 .process .item{width: 50%;float: right;margin-bottom: 0;}
.cell-page2 .process .item:nth-child(even) .info{background-image: url(../images/process-kuang2.png);padding: var(--padding-margin__10) var(--padding-margin__75) var(--padding-margin__10) var(--padding-margin__10);text-align: right;}
.cell-page2 .process .item:nth-child(even) .info pre{text-align: right;}
.cell-page2 .process .item:nth-child(even){clear:both;float:none;margin-top: -0.1rem;flex-direction: row-reverse;}
.cell-page2 .process .item:nth-child(even) .icon{margin: 0 0 0 0.3rem;}

.cell-page2 .adv .list .ispic{width: calc(772 / 1600 * 100%);margin-bottom: 0;}
.cell-page2 .adv .list .info{width: calc(610 / 1600 * 100%);margin-right:calc(110 / 1600 * 100%);}
.cell-page2 .adv .list .item:nth-child(even){flex-direction: row-reverse;}
.cell-page2 .adv .list .item:nth-child(even) .info{margin-right: 0;margin-left:calc(110 / 1600 * 100%);}
.cell-page2 .adv .intro{padding-left: var(--padding-margin__120);}

.cell-page2 .other .intro .subTit .tit{width: calc(790 / 1600 * 100%);}
.cell-page2 .other .intro .subTit .edit-info{flex: 1;}
.cell-page2 .other .news-video .swiper-main{width: 100% !important;padding-right: 52%;}
}

/* 细胞培养基  - 质量体系 */
.cell-page3{background: #f0f5f9 url(../images/cell-page3_bg.jpg) no-repeat right top/cover;}
.cell-page3 .infoarea{padding-bottom: var(--padding-margin__100);}
.cell-page3 .infoarea .ispic{border-radius: 0.2rem;margin-top: var(--padding-margin__45);width: 100%;}

.tw-list .item{padding-bottom: var(--padding-margin__100);}
.tw-list .ispic{border-radius: 0.3rem;margin-bottom: 0.2rem;}

.quality-list .swiper-slide{background-color: #fff;border-radius: 0.15rem;padding: var(--padding-margin__40) var(--padding-margin__40) var(--padding-margin__20);min-height: 3.08rem;}
.quality-list .icon img{height: 0.46rem;}
.quality-list h3{font-weight: var(--font-weight__m);font-size: var(--font-size__28);margin: var(--padding-margin__40) 0 var(--padding-margin__25);}
.quality-list .num{text-align: right;font-size: var(--font-size__16);font-weight: var(--font-weight__l);color: var(--primary-color);}
.controls-page2{margin-top: var(--padding-margin__70);}
.controls-page2 .swiper-scrollbar{flex: 1;position: relative;bottom: auto;top: auto;}
.controls-page2 .arrow{margin-left: var(--padding-margin__50);}
.controls-page2 .arr{position: static;transform: translate(0,0);margin: 0;}
.controls-page2 .swiper-button-next{margin-left: var(--padding-margin__30);}

.hornor-box{padding-top: var(--padding-margin__100);}
.hornor-box .hornor ul{min-height: 5.15rem;position: relative;background: url(../images/hornor-tab_bg2.png) no-repeat center bottom/100%;padding-bottom: 1.15rem;}
.hornor-box .hornor .item{width: 2.89rem;}
.hornor-box .hornor .item:not(:last-child){margin-right: 0.7rem;}
.hornor-box .hornor .ispic{overflow: visible;padding: 0.22rem;}
.hornor-box .hornor .ispic img{max-height: 3.35rem;}
.hornor-box .hornor .ispic:before{background:url(../images/hornor-box_top.png) no-repeat center top/100%;content: "";position: absolute;left: 0;top: 0;width: 100%;height: calc(100% - 0.25rem);}
.hornor-box .hornor .ispic:after{background:url(../images/hornor-box_bot.png) no-repeat center bottom/100%;content: "";position: absolute;left: -0.16rem;width: calc(100% + 0.34rem);height:0.82rem;bottom: -0.56rem;}
.hornor-box .hornor.auto ul{min-height: 4.5rem;}
.hornor-box .hornor.auto .item{width: 2.45rem;}
.hornor-box .hornor.auto .item:not(:last-child){margin-right: 0.6rem;}

@media(min-width:1025px){
.cell-page3 .infoarea .left{width: calc(440 / 1600 * 100%);padding-right: 0.25rem;}

.tw-list .ispic{width: calc(739 / 1600 * 100%);margin-left: calc(120 / 1600 * 100%);}
.tw-list .info{flex: 1;}
.tw-list:not(.tw2) .item:nth-child(odd){flex-direction: row-reverse;}
.tw-list:not(.tw2) .item:nth-child(even) .ispic{margin-left: 0;margin-right: calc(120 / 1600 * 100%);}
.tw-list.tw2 .item:nth-child(even){flex-direction: row-reverse;}
.tw-list.tw2 .item:nth-child(odd) .ispic{margin-left: 0;margin-right: calc(120 / 1600 * 100%);}

.hornor-box .hornor{padding: 0 var(--padding-margin__60);}
}
@media(max-width:1024px){
.hornor-box .hornor .item{width: 2.4rem !important;}
.hornor-box .hornor .item:not(:last-child){margin-right: 0.3rem !important;}
}
@media(max-width:480px){
.hornor-box .hornor ul{padding-bottom: 0.5rem;min-height: 2.6rem !important;}
.hornor-box .hornor .item{width: 1.5rem !important;}
.hornor-box .hornor .item:not(:last-child){margin-right: 0.15rem !important;}
}

/* 细胞培养基  - 培养基供应链 */
.f40{font-size: var(--font-size__40) !important;}
.cell-page4{background: #f0f5f9 url(../images/cell-page3_bg.jpg) no-repeat right top/cover;}
.cell-page4 .infoarea .ispic{border-radius: 0.2rem;margin-bottom: 0.2rem;}
.cell-page4 .infoarea .edit-info{margin-top: var(--padding-margin__45);}
.cell-page4 .tw-list .subTit{padding-bottom: 0.25rem;}

.adv-list .list{margin: 0 0 -0.4rem -0.4rem;}
.adv-list .list .item{width: calc(100% / 4 - 0.4rem);margin: 0 0 0.4rem 0.4rem;border: 1px solid rgba(var(--primary-color__rgb),0.2);border-radius: 0.2rem;padding: var(--padding-margin__40) var(--padding-margin__30);min-height: 4.48rem;transition: all 0.5s;}
.adv-list .list .icon img{height: 0.6rem;transition: all 0.5s;}
.adv-list .list .edit-info{margin: var(--padding-margin__35) 0;min-height: 2.22rem;line-height:calc(32 / 18)}
.adv-list .list .num{text-align: right;color: var(--primary-color);}
.adv-list .list .item:hover{border: 1px solid rgba(var(--primary-color__rgb),1);}
.adv-list .list .item:hover .icon img{transform: scale(1.25);}

.adv-slogan{text-align: center;font-size: var(--font-size__24);line-height: calc(46 / 24);max-width: 11.58rem;margin: var(--padding-margin__80) auto 0;padding: var(--padding-margin__30) var(--padding-margin__100);position: relative;}
.adv-slogan:before,.adv-slogan:after{position:absolute;content: "";width: 0.75rem;height: 0.67rem;background-position: center center;background-repeat: no-repeat;background-size: contain;}
.adv-slogan:before{background-image: url(../images/kh-left.svg);left: 0;top: 0;}
.adv-slogan:after{background-image: url(../images/kh-right.svg);right: 0;bottom: 0;}

@media(min-width:1025px){
.cell-page4 .infoarea .left{flex: 1;}
.cell-page4 .infoarea .ispic{width: calc(739 / 1600 * 100%);margin:0 0 0 calc(210 / 1600 * 100%);}
}
@media(max-width:1024px){
.adv-list .list{margin: 0 0 -0.3rem -0.3rem;}
.adv-list .list .item{width: calc(100% / 3 - 0.3rem);margin: 0 0 0.3rem 0.3rem;}
}
@media(max-width:768px){
.adv-list .list{margin: 0 0 -0.2rem -0.2rem;}
.adv-list .list .item{width: calc(100% / 2 - 0.2rem);margin: 0 0 0.2rem 0.2rem;}
.adv-slogan:before, .adv-slogan:after{width: 0.5rem;height: 0.5rem;}
}


/* 生物制药 - 子公司 */
.subcompany_info.sub2{background:url(../images/subcompany2_bg.jpg) no-repeat right top/cover;}
.subcompany_info .Key{margin-top: var(--padding-margin__110);}
.subcompany_info .Key .list .item{background-color: #fff;border-radius: 0.2rem;min-height: 3.2rem;text-align: center;padding: var(--padding-margin__40) var(--padding-margin__50) var(--padding-margin__30);margin-bottom: var(--padding-margin__20);}
.subcompany_info .Key .list h3{font-size: var(--font-size__24);font-weight: var(--font-weight__m);line-height: calc(40 / 24);margin: 0 0 var(--padding-margin__35);}
.subcompany_info .Key .d1{margin: 0 0 -0.15rem -0.15rem;}
.subcompany_info .Key .d1 dd{min-height: 1.5rem;border-radius: 0.1rem;background-color: #f5f6fa;width: calc(100% / 5 - 0.15rem);margin: 0 0 0.15rem 0.15rem;color: #555555;font-weight: var(--font-weight__l);padding: var(--padding-margin__30) var(--padding-margin__10) var(--padding-margin__10);}
.subcompany_info .Key .d1 .icon{margin-bottom: var(--padding-margin__25);}
.subcompany_info .Key .d1 .icon img{height: 0.46rem;}
.subcompany_info .Key .d1 p{margin: 0;}
.subcompany_info .Key .d2{margin: 0 0 0 -0.10rem;}
.subcompany_info .Key .d2 .icon img{height: 0.4rem;}
.subcompany_info .Key .d2 dd{min-height: 1.36rem;border-radius: 0.1rem;background-color: #f5f6fa;width: calc(100% / 5 - 0.10rem);margin: 0 0 0.10rem 0.10rem;color: #555555;font-weight: var(--font-weight__l);padding: var(--padding-margin__25) var(--padding-margin__10) var(--padding-margin__10);color: #fff;line-height: calc(24 / 18);background-color: #1e83c0;transform:skewX(-10deg);}
.subcompany_info .Key .d2 dd:After{position: absolute;top: 50%;transform: translateY(-50%) rotate(45deg);content: "";width: 0.08rem;height: 0.08rem;right: -0.03rem;background-color: #1e83c0;}
.subcompany_info .Key .d2 p{margin: 0;}
.subcompany_info .Key .d2 dd:nth-child(even){background-color: #07aecd;}
.subcompany_info .Key .d2 dd:nth-child(even):After{background-color: #07aecd;}
.subcompany_info .Key .d2 dd:last-child:After{display: none;}
.subcompany_info .Key .ti{line-height: 0.39rem;margin-bottom: 0.08rem;background: url(../images/line-arr.gif) no-repeat right center;display: none;}
.subcompany_info .Key .ti span{display: inline-block;background-color: #fff;padding: 0 0.12rem;}
.subcompany_info .Key .tip{font-size: var(--font-size__16);}

.subcompany_info .Key .list2 {margin: 0 0 -0.2rem -0.2rem;}
.subcompany_info .Key .list2 .item{width: calc(100% / 4 - 0.2rem);margin: 0 0 0.2rem 0.2rem;background-color: #fff;border-radius: 0.15rem;text-align: center;min-height: 2.6rem;padding: var(--padding-margin__45) var(--padding-margin__20) var(--padding-margin__25);}
.subcompany_info .Key .list2 .icon{width: 0.8rem;height: 0.8rem;border-radius: 50%;margin: 0 auto var(--padding-margin__35);background-color: var(--primary-color);display: flex;align-items: center;justify-content: center;position: relative;}
.subcompany_info .Key .list2 .icon:after{width: 1rem;height: 1rem;border: 1px dashed rgba(var(--primary-color__rgb),0.4);border-radius: 50%;content: "";left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;transition: all 0.5s;}
.subcompany_info .Key .list2 .icon img{height: 0.35rem;}
.subcompany_info .Key .list2 p{color: #000000;margin:var(--padding-margin__35) 0 0;line-height: calc(34 / 18);}
.subcompany_info .Key .list2 p span{color: var(--primary-color);}
.subcompany_info .Key .list2 .item:hover .icon:after{transform: translate(-50%,-50%) scale(1.2);border: 1px dashed rgba(var(--primary-color__rgb),1);}

.subcompany_base{overflow: hidden;position: relative;}
/* .subcompany_base .subTit{position: absolute;left: var(--padding-margin__160);top: var(--padding-margin__100);z-index: 10;} */
.subcompany_base .item{position: relative;}
.subcompany_base .info{position: absolute;left: 0;bottom: 0;z-index: 2;width: 100%;padding:var(--padding-margin__80) var(--padding-margin__80) var(--padding-margin__80) var(--padding-margin__150);color: #fff;transition: all 0.5s;}
.subcompany_base .info h2{font-size: var(--font-size__32);}
.subcompany_base .info .tag{display: inline-block;padding: 0 var(--padding-margin__100) 0 var(--padding-margin__15);border-radius: 0.08rem 0 0 0.08rem;line-height: 0.36rem;background-image: linear-gradient(to left, rgba(0,0,0,0) , rgba(var(--secondary-color__rgb),1));}
.subcompany_base .info .edit-info{margin-top: var(--padding-margin__25);max-width: 5.05rem  ;}
.subcompany_base .ispic{padding-bottom: calc(800 / 960 * 100%);}
.subcompany_base .ispic:after{left: 0;bottom: 0;z-index: 1;width: 100%;height: 50%;content: "";position: absolute;background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(var(--primary-color__rgb),0.95));}
.subcompany_base .item:hover .info{bottom: 0.2rem;}
.subcompany_base .item:nth-child(even) .ispic:after{background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(var(--secondary-color__rgb),0.95));}

.subcompany_service2{background-color: #f5fbff;background-image: none;}
.subcompany_service2:before{display: none;}
.subcompany_service2:after{display: none;}
.subcompany_service2 .list{margin-left: -0.1rem;}
.subcompany_service2 .list .item{border-radius: 0.15rem;transition: all 1s ease-in-out;background-color: #f0f6fa;position: relative;flex: 1;margin: 0 0 0.2rem 0.1rem;overflow: hidden;}
.subcompany_service2 .list .num{position: absolute;left: 0;bottom: var(--padding-margin__50);width: 100%;color: #557394;font-size: var(--font-size__30);font-family:'Montserrat';font-weight: 600;text-align: center;opacity: 0.2;}
.subcompany_service2 .list h3{font-size: var(--font-size__24);line-height: calc(40 / 24);}
.subcompany_service2 .list .icon img{height: 0.62rem;}
.subcompany_service2 .list .info{transition: var(--transition);z-index: 1;}
.subcompany_service2 .list .info.in{text-align: center;padding: var(--padding-margin__35);}
.subcompany_service2 .list .info.out{color: #fff;padding: var(--padding-margin__50) var(--padding-margin__80);}
.subcompany_service2 .list .info.out h3{font-size: var(--font-size__36);margin: var(--padding-margin__15) 0 var(--padding-margin__25);}
.subcompany_service2 .list .info.out h3 br{display: contents;}
.subcompany_service2 .list .info.out .icon img{filter: brightness(0) invert(1);}
.subcompany_service2 .list aside span{display: inline-block;background-color: var(--secondary-color);font-size:var(--font-size__20);line-height: 0.4rem;padding: 0 var(--padding-margin__20);border-radius: 0.18rem 0.18rem 0.18rem 0;margin-bottom: var(--padding-margin__20);}
.subcompany_service2 .list .edit{font-size: var(--font-size__16);}
.subcompany_service2 .list p{margin: 0 0 0.13rem 0;position: relative;padding-left: 0.18rem;}
.subcompany_service2 .list p:before{position: absolute;left: 0;top: 0.06rem;content: "";width: 0.06rem;height: 0.06rem;border-radius: 50%;border: 2px solid rgba(var(--white-color__rgb), 0.2);}

@media(min-width:1025px){
  .subcompany_info .Key .list .item{width: calc(790 / 1600 * 100%);}
  .subcompany_base .item{width: 50%;}
  .subcompany_service2 .list .item{min-height: 7rem;margin-bottom: 0;}
  .subcompany_service2 .list .edit{max-height: 5rem;overflow-y: auto;}
  .subcompany_service2 .list .info{position: absolute;width: 100%;left: 0;}
  .subcompany_service2 .list .info.out{opacity: 0;left: -100%;width: 100%;}
  .subcompany_service2 .list .item.hover{flex: 2.6;}
  .subcompany_service2 .list .item.hover{background: url(../images/subcompany_service2_bg.jpg) no-repeat right top/cover;}
  .subcompany_service2 .list .item.hover .info.in{opacity: 0;}
  .subcompany_service2 .list .item.hover .info.out{opacity: 1;left: 0;}
  .subcompany_service2 .list .item.hover .num{text-align: right;bottom: -14%;opacity: 1;font-size: 2.6rem;color: var(--primary-color);}
}
@media(max-width:1440px){
  .subcompany_service2 .list h3 br{display: contents;}
}
@media(max-width:1024px){
  .subcompany_base .info{padding: var(--padding-margin__50);}
  .subcompany_service2 .list .info.in{display: none;}
  .subcompany_service2 .list .item{background: url(../images/subcompany_service2_bg.jpg) no-repeat right top/cover;}
}
@media(max-width:768px){
.subcompany_info .Key .d1 dd{width: calc(100% / 3 - 0.2rem);}
.subcompany_info .Key .d2 dd{width: calc(100% / 3 - 0.1rem);}
.subcompany_info .Key .list2 .item{width: calc(100% / 2 - 0.2rem);}
}


/* 生物制药 - ADC生产 */
.photo-list .swiper{padding-right: 35%;margin-right: -10%;}
.photo-list .swiper-slide{background-color: #fff;border-radius: 0.15rem;}
.photo-list .ispic{border-radius: 0.2rem;padding-bottom: calc(364 / 590 * 100%);}
.photo-list .ispic:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: "";z-index: 1;background-color: rgba(var(--primary-color__rgb), 0.2);opacity: 0;transition: all 0.5s;}
.photo-list .swiper-slide:hover .ispic:after{opacity: 1;}
.photo-list h3{font-weight: var(--font-weight__m);font-size: var(--font-size__28);margin: var(--padding-margin__40) 0 var(--padding-margin__25);}
.pico{position: absolute;z-index: 10;right: 0.3rem;top: 0.3rem;border-radius: 50%;width: 0.38rem;height: 0.38rem;background:rgba(var(--primary-color__rgb), 0.5) url(../images/ico-pic.svg) no-repeat center center/0.2rem 0.2rem;border-radius: 50%;opacity: 0;transition: all 0.5s;}
.ispic:hover .pico{opacity: 1;}
.history-list{background: url(../images/history-line2.png) no-repeat center bottom;margin-bottom: var(--padding-margin__100);padding-bottom: 10px;}
.history-list .swiper-slide{min-height: 3.32rem;}
.history-list .info{font-size: var(--font-size__20);font-weight: var(--font-weight__l);line-height: calc(40 / 20);padding:0 var(--padding-margin__40) var(--padding-margin__40) var(--padding-margin__40);position: relative;min-height: 4rem;}
.history-list .line{position: absolute;left: 0.06rem;bottom: 0;height: calc(100% - 0.4rem);width: 1px;border-left: 1px dotted rgba(var(--primary-color__rgb),0.5);}
.history-list .line span{position: absolute;width: 0.05rem;height: 0.05rem;border-radius: 50%;background-color: var(--primary-color);left: 50%;top: 0;margin-left: -0.028rem;}
.history-list .line span:after{position: absolute;width: 0.14rem;height: 0.14rem;border-radius: 50%;border:1px dotted rgba(var(--primary-color__rgb),0.5);left: 50%;top: -0.05rem;margin-left: -0.07rem;content: "";}
.history-list.f20 .info{line-height: calc(32 / 18);font-size: var(--font-size__18);padding-bottom: var(--padding-margin__50);}

.biology-infoarea{margin-bottom: var(--padding-margin__120);}
.biology-infoarea .left{position: relative;margin-bottom: 0.45rem;}
.biology-infoarea .left:After{position: absolute;left: 0;bottom: -0.17rem;width: 100%;border-radius: 0.3rem;content: "";background-color: rgba(var(--secondary-color__rgb), 0.3);height: 100%;}
.biology-infoarea .ispic{border-radius: 0.3rem;}
.biology-infoarea .edit-info .p{position: relative;padding-left: 0.11rem;line-height: calc(32 / 18);}
.biology-infoarea .edit-info .p:before{position: absolute;left: 0;top: 0.14rem;content: "";width: 3px;height: 3px;border-radius: 50%;background-color: #333333;}
.biology-infoarea .edit-info .p{margin:0 0 var(--padding-margin__15);}
.biology-infoarea.noafter .left:After{display: none;}
/* 20260112add */
.biology-infoarea.pr.gonyi .subTit .edit-info{margin-top: var(--padding-margin__35);}
/* end */

.biology-tab{margin-bottom: var(--padding-margin__120);}
.biology-tab .table{/*max-width: 12rem;*/margin: 0px auto;}
.biology-tab .table th{text-align: center;padding: var(--padding-margin__20);}
.biology-tab .table td{padding: var(--padding-margin__20);}
.biology-tab .table tbody tr:nth-child(odd) td{background-color: #fff;}
.biology-tab .table tbody tr:nth-child(even) td{background-color: #e9f3fa;}
.biology-tab .table:not(:last-child){margin-bottom: var(--padding-margin__60);}
.biology-tab.auto .table{max-width: none;}
.biology-tab.auto .table th{padding: var(--padding-margin__10);}
.biology-tab.auto .table td{padding: var(--padding-margin__10);}

.biology-adv .list{margin: 0 0 -0.38rem -0.38rem;padding-bottom: var(--padding-margin__100);}
.biology-adv .item{width: calc(100% / 3 - 0.38rem);margin: 0 0 0.38rem 0.38rem;background-color: #fff;border-radius: 0.2rem;padding: var(--padding-margin__40) var(--padding-margin__60);position: relative;}
.biology-adv .item .edit-info{line-height: calc(40 / 20);font-size: var(--font-size__20);position: relative;}
.biology-adv .item .dot{position: absolute;left: -0.28rem;top: 0.14rem;width: 0.17rem;height: 0.11rem;}
.biology-adv .item .dot:before,.biology-adv .item .dot:after{width: 0.11rem;height: 0.11rem;border-radius: 50%;content: "";position: absolute;}
.biology-adv .item .dot:before{z-index: 2;background-color: var(--primary-color);left: 0;}
.biology-adv .item .dot:after{z-index: 0;background-color: rgba(var(--secondary-color__rgb), 0.75);right: 0;}
.biology-adv .item:after{left: 0;top: 0;width: 100%;height: 100%;content: "";border-radius: 0.2rem;border:1px solid var(--primary-color);opacity: 0;transition: all 0.5s;position: absolute;}
.biology-adv .item h3{color: var(--primary-color);font-size: var(--font-size__24);margin: 0 0 var(--padding-margin__15);position: relative;line-height: calc(32 / 18);}
.biology-adv .item:hover:after{opacity: 1;}
.biology-adv .item:hover {box-shadow: 0 0 0.35rem rgba(var(--primary-color__rgb),0.1);}

.biology-adv2 .list{margin: 0 0 -0.38rem -0.38rem;padding-bottom: var(--padding-margin__100);}
.biology-adv2 .item{width: calc(100% / 3 - 0.38rem);margin: 0 0 0.38rem 0.38rem;background-color: #fff;border-radius: 0.2rem;padding: var(--padding-margin__40) var(--padding-margin__50);position: relative;overflow: hidden;}
.biology-adv2 .item .edit-info{line-height: calc(40 / 20);font-size: var(--font-size__20);position: relative;}
.biology-adv2 .item .num{text-align: right;color: var(--primary-color);font-size: var(--font-size__16);font-weight: var(--font-weight__l);margin-bottom: var(--padding-margin__10);}
.biology-adv2 .item:after{left: 0;top: 0;width: 100%;height: 100%;content: "";border-radius: 0.2rem;border:1px solid var(--primary-color);opacity: 0;transition: all 0.5s;position: absolute;}
.biology-adv2 .item:hover:after{opacity: 1;}
.biology-adv2 .item:hover {box-shadow: 0 0 0.35rem rgba(var(--primary-color__rgb),0.1);background: #fff url(../images/logo2.svg) no-repeat right -40% top /2.79rem 2.79rem;}

.quality-txt{margin-top: var(--padding-margin__50);border-radius: 0.2rem;}
.quality-txt .ispic{padding-bottom: calc(460 / 1161 * 100%);}
.quality-txt .ispic:After{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;z-index: 1;background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(var(--primary-color__rgb),0.95));content: "";}
.quality-txt .text{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 2;color: #fff;padding: var(--padding-margin__70) var(--padding-margin__70) var(--padding-margin__60);}
.quality-txt .text p{font-size:var(--font-size__24);font-weight: var(--font-weight__l);margin: 0;}
.quality-txt .text h3{font-size:var(--font-size__36);margin: var(--padding-margin__15) 0 0;line-height: 1.25;}

.biology-quality{margin-bottom: var(--padding-margin__100);}
.biology-quality .qms{text-align: center;border-radius: 0.2rem;background-color: #fff;padding: var(--padding-margin__50) var(--padding-margin__110);}
.biology-quality .qms h2{font-size: var(--font-size__36);color: var(--primary-color);}
.biology-quality .desc{font-size: var(--font-size__20);margin: var(--padding-margin__25) 0;text-align: center;line-height: calc(40 / 20);}

@media(max-width:1560px){
  .biology-infoarea .subTit{padding-bottom: var(--padding-margin__30);}
  .biology-infoarea .edit-info p + p{margin-top: var(--padding-margin__10);}
}
@media(min-width:1025px){
  .infoarea.biology .left{width: calc(623 / 1600 * 100%);margin-bottom: 0;}
  .biology-infoarea .left{width: calc(777 / 1600 * 100%);margin-right: calc(80 / 1600 * 100%);margin-bottom: 0;}
  .biology-infoarea .right{flex: 1;}
  .biology-infoarea .edit-info .flex_tablet__row__jcsb p{width: calc(738 / 1600 * 100%);}
  .biology-infoarea.pr{flex-direction: row-reverse;}
  .biology-infoarea.pr .left{margin-left: calc(80 / 1600 * 100%);margin-right: 0;}
  /* 20260112add */
  .biology-infoarea.pr.gonyi .left{width: calc(680 / 1600 * 100%);margin-left: calc(170 / 1600 * 100%);}
  .biology-infoarea.pr.gonyi .subTit .edit-info{margin-top: var(--padding-margin__35);}
  .biology-infoarea.pr.gonyi .subTit.s2 h3{padding-left: 0.37rem;}
  .biology-infoarea.pr.gonyi .edit-info.sub{padding-left: 0.37rem;}
  /* end */

  .biology-tab .table th{font-size: var(--font-size__24);}
  .biology-tab .table td{font-size: var(--font-size__18);height: 0.73rem;}
  .biology-tab .subTit .tit{margin-bottom: 0;}
}
@media(max-width:768px){
  .biology-adv .list{margin-bottom: -0.2rem;}
  .biology-adv .item{width: 100%;padding: 0.3rem 0.3rem 0.3rem 0.5rem;margin-bottom: 0.2rem;}
  .biology-adv2 .list{margin-bottom: -0.2rem;}
  .biology-adv2 .item{width: 100%;padding: 0.3rem 0.3rem 0.3rem 0.5rem;margin-bottom: 0.2rem;}
  .biology-tab .table{overflow-x: auto;white-space:nowrap;}
  .biology-tab .table th{min-width: 1.5rem;}
  .biology-tab .table td{min-width: 1.5rem;white-space:normal;}
}

/* 生物制药 - 工艺验证 */
.biology-life{margin-bottom: var(--padding-margin__100);}
.biology-life .edit-info img{border-radius: 0.2rem;}

.biology-gy h3{font-size: var(--font-size__32);color: var(--primary-color);margin: 0 0 var(--padding-margin__45);}
.biology-gy .edit-info .p1{padding-left: 0.36rem;position: relative;background: url(../images/dot2.svg) no-repeat 0 0.17rem/0.16rem 0.1rem;font-size: var(--font-size__24);font-weight: var(--font-weight__m);color: var(--primary-color);}
.biology-gy .edit-info .p2{padding-left: 0.36rem;position: relative;background: url(../images/dot2.svg) no-repeat 0 0.17rem/0.16rem 0.1rem;font-size: var(--font-size__20);}
.biology-gy .edit-info .p2 span{font-weight: var(--font-weight__m);color: var(--primary-color);}
.biology-gy .tp{border-radius: 0.2rem;margin-bottom: var(--padding-margin__100);}
.biology-gy.gy2{background: #f5fbff url(../images/tec_page9_bg1.jpg) no-repeat center bottom/100%;}
.biology-gy.gy3{background-image: linear-gradient(45deg, #e0eff9 , #e7f4fc);}
.biology-gy.gy3 .subTit{padding-bottom: 0.25rem;}
.biology-gy.gy3 .tw-list li:last-child{padding-bottom: 0;}
.biology-gy.gy4{background-image: linear-gradient(to right, #f5fbff , #e3f1fa);} 
.yanjiu{margin: 0 0 -0.12rem -0.12rem;}
.yanjiu .item{background-color: #fff;border-radius: 0.15rem;width: calc(100% / 5 - 0.12rem);margin: 0 0 0.12rem 0.12rem;min-height: 1.53rem;padding: var(--padding-margin__35);}
.yanjiu .item h3{font-size: var(--font-size__24);color: var(--primary-color);margin: 0 0 var(--padding-margin__10);line-height: 1.3;}

.biology-tj{background-image: linear-gradient(to top, #eff8fd , #eff8fd, #edf6fd);}

.biology-slogan{color: #fff;font-size:var(--font-size__30);line-height: calc(48 / 30);min-height: 3.81rem;padding: var(--padding-margin__100) 0;position: relative;overflow: hidden;}
.biology-slogan .txt{max-width: 9.53rem;}
.biology-slogan .bg:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: linear-gradient(to right, rgba(var(--primary-color__rgb),1) , rgba(var(--primary-color__rgb),.12));content: "";z-index: 1;}
@media(min-width:1025px){
  .biology-gy .info{padding-left: 0.62rem;}
  .biology-gy .item:nth-child(even) .info{padding-right: 0.62rem;padding-left: 0;}
  .biology-gy .info{width: calc(776 / 1600 * 100%);}
}
@media(max-width:1024px){
  .yanjiu .item{width: calc(100% / 3 - 0.12rem);}

@media(max-width:640px){
  .yanjiu .item{width: calc(100% / 2 - 0.12rem);}
}}

/* 集团研发中心 */
.rd-bg{background: #f5fbff url(../images/rd_bg.jpg) no-repeat center right/cover;}

.rd-craft{padding-top: var(--padding-margin__40);margin-bottom: var(--padding-margin__100);}
.rd-craft .inner{border-radius: 0.2rem;background-color: #fff;text-align: center;min-height: 4.5rem;position: relative;}
.rd-craft .item{padding:0 var(--padding-margin__50) var(--padding-margin__50) ;}
.rd-craft h2{color: #fff;font-size: var(--font-size__32);background: url(../images/titlebg.svg) no-repeat center center/100% 100%;width: 4.42rem;height: 0.92rem;display: flex;align-items: center;justify-content: center;padding: 0.1rem;margin: -0.4rem auto var(--padding-margin__40);}
.rd-craft .edit-info p + p{margin-top: var(--padding-margin__10);}

.rd-process .item{min-height: 3.31rem;width: 25%;text-align: center;}
.rd-process .icon{width: 1.34rem;height: 1.34rem;display: flex;align-items: center;justify-content: center;margin: 0px auto;box-shadow: 0 0 0.35rem rgba(var(--primary-color__rgb), 0.1);background-color: #fff;border-radius: 50%;}
.rd-process .icon img{height: 0.57rem;}
.rd-process .num{line-height: 0.44rem;padding-top: 0.3rem;color: var(--primary-color);opacity: 0.5;font-family:'Montserrat';font-weight: 600;position: relative;transition: all 0.5s;}
.rd-process .num:before{position: absolute;left: 50%;top: 0;width: 1px;height: 0.25rem;background-color: rgba(var(--primary-color__rgb), 0.2);content: "";}
.rd-process pre{text-align: center;font-weight: var(--font-weight__l);line-height: calc(32 / 18);width: 80%;margin: 0px auto;}

.rd-case .inner{border-radius: 0.3rem;border: 1px solid var(--primary-color);padding:var(--padding-margin__65) var(--padding-margin__45) var(--padding-margin__45);background-color: #fff;min-height: 5.41rem;}
.rd-case .inner .tit{font-size: var(--font-size__30);line-height: calc(40 / 30);margin: 0 0 var(--padding-margin__30);}
.rd-case .inner .edit-info{font-size: var(--font-size__15);}

.rd-adv{margin-bottom: var(--padding-margin__100);}
.rd-adv .list{margin: 0 0 -0.3rem -0.33rem;}
.rd-adv .list .item{width: calc(100% / 3 - 0.33rem);margin: 0 0 0.3rem 0.33rem;min-height: 1.08rem;border-radius: 1.08rem;font-size: var(--font-size__30);color: #fff;font-weight: var(--font-weight__m);display: flex;align-items: center;justify-content: center;line-height: 1.2;padding: 0.1rem;background-color: var(--primary-color);transition: all 0.5s;}
.rd-adv .edit-info{margin-top: var(--padding-margin__70);transition: all 0.5s;}
.rd-adv .list .item:hover{background-color: var(--secondary-color);}
.rd-adv .list.s2 {margin-bottom: -0.23rem;}
.rd-adv .list.s2 .item{min-height: 0.9rem;margin-bottom: 0.23rem;}
@media(min-width:1025px){
  .rd-process .content{background: url(../images/process_bg.png) no-repeat center 0.6rem/100%;text-align: center;position: relative;min-height: 8.5rem;}
  .rd-process .item:nth-child(2){order: 1;}
  .rd-process .item:nth-child(3){order: 2;}
  .rd-process .item:nth-child(4){order: 3;}
  .rd-process .item:nth-child(4){padding: 1.55rem 0 0 0.65rem;min-height: 1.76rem;display: flex;align-items: center;order: 4;}
  .rd-process .item:nth-child(4) .icon{margin-right: 0.2rem;}
  .rd-process .item:nth-child(4) .num{padding-top: 0;}
  .rd-process .item:nth-child(4) .num:before{display: none;}
  .rd-process .item:nth-child(4) .num:after{margin-left: 0.1rem;width: 0.27rem;height: 1px;background-color: rgba(var(--primary-color__rgb), 0.2);content: "";display: inline-block;vertical-align: middle;}
  .rd-process .item:nth-child(4) .info{flex: 1;text-align: left;}
  .rd-process .item:nth-child(4) pre{text-align: left;width: auto;}
  .rd-process .item:nth-child(5) {order: 7;margin-right: 25%;}
  .rd-process .item:nth-child(6) {order: 6;margin-left: 25%;}
  .rd-process .item:nth-child(7) {order: 5;top: 5.22rem;left: 4.5%;position: absolute;}
  .rd-process .item:nth-child(8) {order: 8;margin-left: 38%;}
  .rd-process .item:nth-child(9) {order: 9;}
  .rd-process .item:nth-child(10) {order: 10;}
  .rd-process .item:nth-child(11) {order: 11;}
  .rd-process.mores1 .item:nth-child(8) {margin-left: 25%;}
  .rd-process .item:hover .num{opacity: 1;font-size: var(--font-size__30);}

  .case-scroll .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;}
  .case-scroll .mouse span{ width: 0.56rem; height: 0.56rem; background: #fff url(../images/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);}
  .case-scroll .swiper-main{overflow: hidden; cursor: none; position: relative;}
  .case-scroll .swiper{overflow: initial;}
  .case-scroll .swiper-slide:not(.swiper-slide-active){padding-top: var(--padding-margin__60);}

  .rd-craft .item{width: 50%;}
  .rd-craft .edit-info{text-align: left;display: inline-block;font-size:var(--font-size__20);}
  .rd-craft .inner:after{left: 50%;margin-left: -1px;top: 0.5rem;content: "";position: absolute;height: calc(100% - 1rem);width: 2px;background-color: #efefef;}
}
@media(max-width:1366px){
.rd-process pre br{display: contents;}
.rd-process .item{min-height: 2.8rem;}
.rd-process .icon{width: 1rem;height: 1rem;}
.rd-process .item:nth-child(7){top: 5rem;left: 6.5%;}
}
@media(max-width:1024px){
  .rd-process{padding-bottom: var(--padding-margin__30);}
  .rd-process .item{width: 33.333%;min-height: auto;padding-bottom: var(--padding-margin__40);}
  .rd-case .mouse{display: none;}
}
@media(max-width:768px){
.rd-process .item{width: 50%;}
.rd-adv .list{margin: 0 0 -0.2rem -0.2rem;}
.rd-adv .list .item{width: calc(100% / 2 - 0.2rem);margin: 0 0 0.2rem 0.2rem;}
.rd-case .inner{min-height: auto;}
}

/* 集团研发中心  --  工艺开发 */
.rd-info{background: #f5fbff url(../images/rd_info_bg.jpg) no-repeat right top/cover;}
.rd-px{margin-bottom: var(--padding-margin__100);}
.rd-px .ispic{border-radius: 0.3rem;background-color: #fff;border: 1px solid #bddcee;padding: var(--padding-margin__50);}

.rd-ys{margin-bottom: var(--padding-margin__100);}
.rd-ys .list{margin: 0 0 -0.25rem -0.25rem;}
.rd-ys .list .item{width: calc(100% / 3 - 0.25rem);margin: 0 0 0.25rem 0.25rem;background-color: #fff;border: 1px dotted rgba(var(--primary-color__rgb), 0.5);padding: var(--padding-margin__45);min-height: 2.73rem;border-radius: 0.3rem;}
.rd-ys .list .item .num{text-align: right;color: var(--primary-color);}
.rd-ys .list .item h3{color: var(--primary-color);font-size: var(--font-size__30);line-height: 1.2;margin: var(--padding-margin__20) 0;}
.rd-ys .list .item .desc{line-height: calc(40 / 20);font-size: var(--font-size__20);}
.rd-ys .list .item:hover{border: 1px solid rgba(var(--primary-color__rgb), 1);}

.rd-feature{background: #ebf4f9;}
.rd-feature .pic1{border-radius: 0.2rem;background-color: #fff;padding: var(--padding-margin__40);margin-bottom: var(--padding-margin__50);}
.rd-feature .pic1 h3{color: var(--primary-color);font-size: var(--font-size__30);padding: var(--padding-margin__15) 0;border-bottom: 2px solid var(--primary-color);}
.listp li{width: calc(780 / 1600 * 100%);border-radius: 0.3rem;border: 1px solid var(--primary-color);padding: var(--padding-margin__25);text-align: center;background-color: #fff;}
.listp li img{display: block;margin-bottom: var(--padding-margin__25);}
.listp li h3{font-size: var(--font-size__24);color: var(--primary-color);margin: 0;}

.rd-report{background: #f5fbff url(../images/rd_info_bg2.jpg) no-repeat right top;}
.rd-report .pic1{border-radius: 0.2rem;background-color: #fff;padding: var(--padding-margin__40);border: 1px solid var(--primary-color);}

.rd-assort{background-color: #f5fbff;}

.rd-reliable{background: #ebf4f9 url(../images/rd_info_bg3.jpg) no-repeat 0 top;}
.rd-reliable .list{margin: 0 0 -0.25rem -0.25rem;padding-bottom: 1rem;}
.rd-reliable .list li{width: calc(100% / 3 - 0.25rem);margin: 0 0 0.25rem 0.25rem;text-align: center;}
.rd-reliable .list .ispic{border-radius: 0.3rem;background-color: #fff;padding: var(--padding-margin__20);text-align: center;margin-bottom: var(--padding-margin__30);}
.rd-reliable .list li h3{font-size: var(--font-size__24);color: var(--primary-color);margin: 0;}

.rd-analyze {background-color: #f5fbff;}
.rd-analyze .listp{padding-bottom: var(--padding-margin__50);}
.rd-analyze .edit-info{padding-bottom: var(--padding-margin__50);}
.rd-analyze .setp{margin-bottom: var(--padding-margin__100);}
.rd-analyze .setp ul{padding-top: var(--padding-margin__50);margin: var(--padding-margin__60) 0 -0.25rem -0.25rem;}
.rd-analyze .setp .item{width: calc(100% / 4 - 0.25rem);margin: 0 0 0.25rem 0.25rem;border-radius: 0.2rem;background-color: #fff;padding:var(--padding-margin__80) var(--padding-margin__40) var(--padding-margin__40);position: relative;min-height: 2.78rem;box-shadow: 0 5px 0.38rem rgba(var(--primary-color__rgb),0.06);}
.rd-analyze .setp .item h2{position: absolute;left: var(--padding-margin__40);top: -0.5rem;line-height: var(--padding-margin__90) ;color: #fff;font-size: var(--font-size__32);padding: 0 var(--padding-margin__40);border-radius: 0 2.604vw 0 2.604vw;background-color: var(--primary-color);margin: 0;transition: all 0.5s;}
.rd-analyze .setp .item h3{margin: 0 0 var(--padding-margin__20);font-size: var(--font-size__30);}
.rd-analyze .setp .item pre{font-size: var(--font-size__20);font-weight: var(--font-weight__l);line-height: calc(32 / 20);}
.rd-analyze .setp .item:hover h2{border-radius: 2.604vw 0  2.604vw 0;}
.rd-analyze .setp .item:hover {box-shadow: 0 5px 0.38rem rgba(var(--primary-color__rgb),0.2)}
.rd-analyze .guarantee .item{margin-bottom: 0.25rem;}
.rd-analyze .guarantee .item:last-child{margin-bottom: 0;}
.rd-analyze .guarantee .ispic{border-radius: 0.3rem;}

@media(min-width:1025px){
  .rd-feature .pic1{display: flex;align-items: center;}
  .rd-feature .pic1 h3{padding-right: 0.5rem;}
  .rd-feature .pic1 img{flex: 1;}

  .rd-analyze .guarantee .item{width: calc(780 / 1600 * 100%);margin-bottom: 0;}
}
@media(max-width:1024px){
  .rd-analyze .setp .item{width: calc(100% / 2 - 0.25rem);}
}
@media(max-width:768px){
  .rd-ys .list{margin: 0 0 -0.1rem -0.1rem;}
  .rd-ys .list .item{width: calc(100% / 2 - 0.1rem);margin: 0 0 0.1rem 0.1rem;}
  .rd-reliable .list li{width: 100%;}
  .listp li h3,.rd-reliable .list li h3{font-size: var(--font-size__20);}
}

/* 集团研发中心  --  分析与制剂 */
.table.w1200{max-width: 12rem;margin: 0px auto;}

/* 集团研发中心  --  培养基开发 */
.downmouse{cursor: pointer;margin: 0px auto var(--padding-margin__100);text-align: center;color: #333333;font-size: var(--font-size__14);font-weight: var(--font-weight__l);}
.downmouse .mouse2{display: block;width: 22px;height: 30px;position: relative;margin: 0px auto var(--padding-margin__20);overflow: hidden;background: url(../images/mouse3.png) no-repeat center center/contain;}
.downmouse span{position: absolute;left: 50%;top: 6px;width: 2px;content: "";background:var(--primary-color);height: 0.08rem;margin-left: -0.01px;}
.downmouse .sp1{animation-name: down_move1; animation-duration: 1000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 0ms;}
.downmouse .sp2{opacity: 0; animation-name: down_move2; animation-duration: 1500ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 500ms;}
.downmouse .sp3{opacity: 0; animation-name: down_move2; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 800ms;}
.downmouse .iconxjt{opacity: 0; animation-name: down_move2; animation-duration: 2000ms; animation-timing-function: linear; animation-iteration-count: infinite; animation-play-state: running; animation-delay: 800ms;font-size: 16px;position: relative;margin-top: -100px;color: #00479d;}
@keyframes down_move1
{
0% { top:-0.25rem; opacity:0;}
50% { top:0; opacity:1;}
100% { top:0.2rem; opacity:0;}
}
@-webkit-keyframes down_move1
{
0% { top:0; opacity:0;}
50% { top:0.7rem; opacity:1;}
100% { top:1.2rem; opacity:0;}
}
@keyframes down_move2
{
0% { top:0; opacity:0;}
50% { top:0.7rem; opacity:1;}
100% { top:1.2rem; opacity:0;}
}
@-webkit-keyframes down_move2
{
	0% { top:0; opacity:0;}
	50% { top:0.7rem; opacity:1;}
	100% { top:1.2rem; opacity:0;}
}

.pyjkf-page{background: #f5fbff url(../images/pyjkf-page_bg.jpg) no-repeat right top/100%;}
.pyjkf-page .infoarea2{margin-bottom: var(--padding-margin__100);line-height: 1.2;}
.pyjkf-page .infoarea2 .ispic{border-radius: 0.2rem;}
.pyjkf-page .infoarea2 .slick-list{padding-bottom: 15%;}
.pyjkf-page .infoarea2 .item{margin-bottom: var(--padding-margin__50);}
.pyjkf-page .infoarea2 h3{font-size:var(--font-size__28);margin: 0 0 var(--padding-margin__20);padding-left: 0.5rem;position: relative;}
.pyjkf-page .infoarea2 h3 span{position: absolute;left: 0;top: 0;color: var(--primary-color);font-weight: var(--font-weight__b);}
.pyjkf-page .infoarea2 .right{padding-top: 0.25rem;}
.pyjkf-page .infoarea2 p{margin: 0 0 0 0.5rem;font-weight: var(--font-weight__l);}
.pyjkf-page .infoarea2 .item:not(.slick-active){opacity: 0.15;}
.pyjkf-page .advantage{margin-bottom: var(--padding-margin__80);}
.pyjkf-page .process{min-height: 8.34rem;position: relative;padding-top:1.32rem;margin-bottom: var(--padding-margin__100);}
.pyjkf-page .process .center{min-height: 4.63rem;text-align: center;max-width: 13.59rem;margin: 0px auto;background: url(../images/centerbg.png) no-repeat center center/100% 100%;padding-bottom: 0.5rem;}
.pyjkf-page .process .center h2{color: var(--primary-color);font-size: var(--font-size__40);margin: 0 0 var(--padding-margin__20);font-weight: var(--font-weight__b);}
.pyjkf-page .process .center .edit-info{max-width: 5rem;margin: 0px auto;font-size: var(--font-size__20);text-align: center;}
.pyjkf-page .process .item{position: relative;}
.pyjkf-page .process .icon{width: 1.08rem;height: 1.08rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-image: linear-gradient(to bottom, #99dee9 , #0a79bd);}
.pyjkf-page .process .icon img{height: 0.62rem;}
.pyjkf-page .process h4{font-size: var(--font-size__24);margin: 0;flex: 1;padding-right: var(--padding-margin__40);max-width: 3.12rem;line-height: calc(40 / 24);}
.pyjkf-page .process .info{background-color: #fff;border-radius: 0.1rem;border:1px solid var(--primary-color);padding: var(--padding-margin__20) var(--padding-margin__10) var(--padding-margin__20) var(--padding-margin__20);transition: all 0.5s;}
.pyjkf-page .process .info:After{position: absolute;left: 50%;transform: translateX(-50%);content: "";width: 0.17rem;height: 0.15rem;background: url(../images/arr.png) no-repeat center center/contain;bottom: -0.15rem;}
.pyjkf-page .process .edit-info{max-height: 1.3rem;overflow-y: auto;line-height: calc(32 / 18);position: relative;}
.pyjkf-page .process .edit-info p{margin: 0;}
.pyjkf-page .process .item:hover .info{transform: translateY(-0.1rem);}
.pyjkf-page .service .group{background-color: #fff;border-radius: 0.1rem;padding: var(--padding-margin__25);line-height: calc(36 / 20);text-align: center;max-width: 12rem;margin-left: auto;margin-right: auto;}
.pyjkf-page .service{margin-bottom: var(--padding-margin__100);}
.pyjkf-page .service .group:not(:last-child){margin-bottom: 0.2rem;}
.pyjkf-page .service .group h3{flex: 0.5;font-size:var(--font-size__24);color: var(--primary-color);margin: 0;}
.pyjkf-page .service .group:nth-child(2) .txt{font-weight: var(--font-weight__m);}
.pyjkf-page .service .group .txt{flex: 1;border-left: 1px solid #ededed;padding: 0 var(--padding-margin__60);font-size: var(--font-size__20);font-weight: var(--font-weight__l);}
.pyjkf-page .service .group .txt p{margin: 0;text-align: left;}

@media(min-width:1025px){
  .pyjkf-page .infoarea {padding-right:calc(80 / 1920 * 100%);padding-left:calc(334 / 1920 * 100%);flex-direction: row-reverse;}
  .pyjkf-page .infoarea .left{width: calc(527 / 1490 * 100%);margin-left: calc(120 / 1490 * 100%);}
  .pyjkf-page .infoarea .right{flex: 1;}
  .pyjkf-page .infoarea2 .left{width: calc(760 / 1600 * 100%);}
  .pyjkf-page .infoarea2 .right{width: calc(730 / 1600 * 100%);padding-top:0;}
  .pyjkf-page .process .item{max-width: 4.48rem;position: absolute;}
  .pyjkf-page .process .item:nth-child(1){left: 0;top: 2.19rem;}
  .pyjkf-page .process .item:nth-child(1) .inner{flex-direction: row-reverse;}
  .pyjkf-page .process .item:nth-child(1) .info{right: -1.15rem;top: -2.10rem;}
  .pyjkf-page .process .item:nth-child(2){right: 0;top: 2.19rem;}
  .pyjkf-page .process .item:nth-child(2) .info{left: -1.15rem;top: -2.10rem;}
  .pyjkf-page .process .item:nth-child(2) h4{padding-right: 0;padding-left: var(--padding-margin__40);}
  .pyjkf-page .process .item:nth-child(3){right: 2.28rem;bottom: 2.22rem;}
  .pyjkf-page .process .item:nth-child(3) .info:After{transform: translateX(-50%) rotate(180deg);bottom: 0;top: -0.15rem;}
  .pyjkf-page .process .item:nth-child(3) .info{left: -1.15rem;bottom: -2.10rem;}
  .pyjkf-page .process .item:nth-child(3) h4{padding-right: 0;padding-left: var(--padding-margin__40);}
  .pyjkf-page .process .item:nth-child(4){left: 1.05rem;bottom: 2.22rem;}
  .pyjkf-page .process .item:nth-child(4) .inner{flex-direction: row-reverse;}
  .pyjkf-page .process .item:nth-child(4) .info:After{transform: translateX(-50%) rotate(180deg);bottom: 0;top: -0.15rem;}
  .pyjkf-page .process .item:nth-child(4) .info{right: -1.15rem;bottom: -2.10rem;}
  .pyjkf-page .process .info{position: absolute;width: 3.39rem;height: 1.74rem;}
  /* .pyjkf-page .process .item:nth-child(1) .edit-info{display: flex;justify-content: space-between;flex-wrap: wrap;}
  .pyjkf-page .process .item:nth-child(1) .edit-info p{width: 55%;}
  .pyjkf-page .process .item:nth-child(1) .edit-info p:nth-child(even){width: 45%;} */
}
@media(max-width:1024px){
  .pyjkf-page .infoarea2 .slick-list{padding-bottom: 0;}
  .pyjkf-page .infoarea{width: 90%;margin: 0px auto var(--padding-margin__50);}
  .pyjkf-page .process {padding-top: 0;}
  .pyjkf-page .process .item:not(:last-child){margin-bottom: 0.25rem;}
  .pyjkf-page .process h4{max-width: none;padding-left: var(--padding-margin__40);}
  .pyjkf-page .process .info{margin-top: 0.2rem;position: relative;}
  .pyjkf-page .process .info:After{transform: translateX(0) rotate(180deg);bottom: 0;top: -0.15rem;left: 5%;}
}
@media(max-width:640px){
  .pyjkf-page .process .center{padding: 0 var(--padding-margin__70);min-height: 3.8rem;}
}

/* 搜索结果 */
.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%;}
}

/* 20251105 重组蛋白药物生产 */
.czdb-info{border-radius: 0.2rem;box-shadow: 1px 0 46px rgba(0,0,0,0.08);padding: var(--padding-margin__70) var(--padding-margin__150) !important;background-color: rgba(255,255,255,0.2);backdrop-filter: blur(10px) saturate(100%);margin-bottom: var(--padding-margin__120);}
.czdb-info2 .subTit{padding-bottom: var(--padding-margin__40);}
.czdb-info2 .edit-info {margin-left: var(--padding-margin__40);}
.czdbBox{position: relative;}
.czdbBox .item{padding-bottom: var(--padding-margin__100);}
.czdbBox .item:nth-child(3){padding-bottom: 0;}
.czdbBox .infoarea{padding-bottom: 0 !important;}
.czdbBox .line{position: absolute;left: 0.08rem;height: 100%;width: 1px;top: var(--padding-margin__100);background-color: #d6eaf6;z-index: -1;}
.czdbBox .line span{position: absolute;height: 0;transition: height 0.8s ease;top: 0;width: 100%;background-color: var(--primary-color);}
.czdbBox .photo{margin: 0 0 var(--padding-margin__40) var(--padding-margin__40);}
.czdbBox .photo li{width: calc();width: calc(760 / 1562 * 100%);padding-bottom: var(--padding-margin__40);}
.czdbBox .photo .ispic{border-radius: 0.35rem;}
.czdbBox .item:nth-child(2) .infoarea{padding-bottom: var(--padding-margin__60) !important;}
.czdbBox .process{margin-left: var(--padding-margin__40);}
.czdbBox .process h2{font-size: var(--font-size__32);color: var(--primary-color);font-weight: var(--font-weight__m);margin: 0 0 var(--padding-margin__80) 0;}
.czdbBox .process .desc{font-weight: var(--font-weight__l);line-height: calc(32 / 18);}
.czdbBox .process .item{flex: 0.8;padding-left: var(--padding-margin__40);position: relative;min-height: 1.53rem;}
.czdbBox .process .item:nth-child(1),.czdbBox .process .item:nth-child(2),.czdbBox .process .item:nth-child(3){flex: 1;}
.czdbBox .process .item:not(:last-child){padding-right: var(--padding-margin__25);}
.czdbBox .process h3{font-size: var(--font-size__20);line-height: 1.2;margin: 0 0 0.1rem;}
.czdbBox .process .line2{position: absolute;left: 0.08rem;bottom: 0;height: calc(100% - 0.17rem);border-left: 1px dotted #469acc;transition: all 0.5s;}
.czdbBox .process .line2 span{position: absolute;border-radius: 50%;border: 1px dotted #469acc;width: 0.13rem;height: 0.13rem;left: -0.06rem;top: -0.13rem;}
.czdbBox .process .line2 span:after{position: absolute;left: 50%;top: 50%;border-radius: 50%;background-color: var(--primary-color);content: "";width: 0.06rem;height: 0.06rem;transform: translate(-50%,-50%);}
.czdbBox .process .item:hover .line2{height: 100%;}
.czdbBox .process .lines:after{left: 0;bottom: 0;width: 100%;height: 0.1rem;content: "";background: url(../images/czdb_line.png) no-repeat center bottom/cover;position: absolute;}
.czdbBox .process-txt{text-align: center;font-size: var(--font-size__24);line-height: calc(48 / 24);margin-top: var(--padding-margin__70);padding-top: var(--padding-margin__75);background: url(../images/czdb_kh.png) no-repeat center top/100%;margin-left: var(--padding-margin__40);}

.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(min-width:1025px){
.czdbBox .item:nth-child(1) .left{padding-top: var(--padding-margin__80);}
.czdb-info2 .left{width: calc(735 / 1600 *100%) !important;}
.czdb-info2 .right{width: calc(760 / 1600 *100%);}
.czdb-info2 .ispic{margin-top: 0 !important;}
}
@media(max-width:1024px){
  .cell-page3 .infoarea{padding: var(--padding-margin__60) !important;}
  .czdbBox .infoarea{padding: 0 !important;}
  .czdbBox .right{margin-left: var(--padding-margin__40);}
  .czdbBox .process .lines ul{flex-wrap: nowrap;overflow-x: auto;padding-top: 0.2rem;visibility: visible;}
  .czdbBox .process .item{width: 3rem;flex: none !important;}
}
@media(max-width:768px){
  .ul_sitemap li{display: block;}
  .ul_sitemap li strong{width: auto;display: block;}
}