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

/* 全局变量 */
.fred{color: #D90F19;}
.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);}
.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: 0, 160, 233;/*#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: 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif';
--font-family__en: 'Montserrat', 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__0: 400;
--font-weight__l: 500;
--font-weight__r: 500;
--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: 1400px) {
html:not(.view){font-size: calc(100 / 1600 * 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);}
} */

html{
	-webkit-text-size-adjust:100%;
	font-size:100px !important;; 
	overflow-x: hidden;
}
html{font-size:5.2083334vw !important;}
@media (min-width:769px) and (max-width:1024px) {
	html{font-size: calc((100 / 1200) * 100vw) !important;} 
}
@media (max-width:768px) {
	html{font-size: calc((100 / 992) * 100vw) !important;} 
	:root{
		--main_line_height: 1.5;
	}
}
@media (max-width:480px){
    html{font-size:calc(100 / 480 * 100vw) !important;}
}


body{font-size: var(--font-size__18); font-family:var(--font-family); line-height:  var(--main_line_height); color: var(--default-color);}

.container {width: 87.6%;margin: 0 auto;max-width: 16rem;}
@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.46rem;}
@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-lang{margin-left: 0.49rem;position: relative;font-size: var(--font-size__16);}
.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.22rem 0 0.21rem;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__0);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-projects{display: flex;justify-content: center;background-color: #f6f9fa;}
.main-nav .sub-projects .sub-inner{max-width: 16rem; width: 100%;padding: var(--padding-margin__60) 0;}
.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(300 / 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 / 1600 * 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 / 1600 * 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 / 1600 * 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:1024px) {
.main-nav{position: fixed; top: var(--header_height); width: 3.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 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);}
.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)}
.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%);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);padding-left:0.1rem;padding-right:0.1rem}
.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;}
}

footer ul{list-style: none;}
footer .rightBoxNav li{margin-left:1rem}
footer .rightBoxNav li span a{
	font-size: var(--font-size__18);
	border-bottom: 1px solid rgba(var(--white-color__rgb), 0.4);
	padding-bottom: var(--padding-margin__10);
	display: block;
	margin-bottom: var(--padding-margin__15);
}
footer .rightBoxNav li dd{margin-bottom: var(--padding-margin__15);color: rgba(var(--white-color__rgb), 0.7);}
@media screen and (max-width:1024px){
	footer .rightBoxNav li {
		margin-left: 0.28rem;
	}
}
@media screen and (max-width:768px){
	footer .rightBox{display: none;}
}
/* 首页重置 */

/* 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);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%;}
  .home-ban .ispic{padding-bottom: 50vh;}
  .default-page{height: 50vh;}
  .home-ban .ispic{padding-bottom: 50vh;}
.home-ban .swiper{height: 50vh;}
}

/* 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;}

/* gylys */
.scroll-container{overflow-x:hidden}
.gylys{overflow:hidden}
.gylys .tabMenu{}
.gylys .tabMenu ul{list-style:none}
.gylys .tabMenu .item{margin-left: var(--padding-margin__10);margin-right: var(--padding-margin__10);min-width: 1.3rem;border: 0.01rem solid var(--primary-color);border-radius: 0.24rem;}
.gylys .tabMenu .item .title{padding: var(--padding-margin__10) var(--padding-margin__30);position:relative;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;cursor:pointer}
.gylys .tabMenu .item .title::before{content:'';display:block;position:absolute;left:50%;top:0;width:0;height:100%;background:var(--primary-color);border-radius: 0.24rem;z-index:-1;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease}
.gylys .tabMenu .item.on .title{color:#fff}
.gylys .tabMenu .item.on .title::before{width:100%;left:0}
.gylys .box{overflow:hidden}
.gylys .box .ul{list-style:none;width:calc(100% + 11rem);margin-left:-5.5rem}
/* .gylys .box .ul .item{margin-left:var(--padding-margin__25);margin-right:var(--padding-margin__25)} */
.gylys .box .ul .item .itemCon{width:100%;display:block;}
.gylys .box .ul .item .itemCon .imgbox{width:100%;padding-top:55%;}
.gylys .box .ul .item .itemCon .imgbox img{transition: all 0.5s ease;}
.gylys .box .ul .item .itemCon:hover .imgbox img{transform: scale(1.05);}
.gylys .box .ul .item .itemCon .imgbox::after{
	content:'';
	display: block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
	position:absolute;
	left:0;
  top:0;
}
.gylys .box .ul .item .itemCon .fontBox{z-index:2;width: 100%;box-shadow:0px 0px 0.05rem 0px rgba(192,192,192,0.4);position:absolute;left:0;bottom:0;padding: var(--padding-margin__20) var(--padding-margin__50);height:0;transition:height 0.5s ease;-webkit-transition:height 0.5s ease;-moz-transition:height 0.5s ease;-ms-transition:height 0.5s ease;-o-transition:height 0.5s ease;background-color:transparent;display: flex;flex-direction: column;justify-content: center;}
.gylys .slick-arrow{margin-top:-0.5rem}
.gylys .slick-prev{left:10.25rem}
.gylys .slick-next{right:10.25rem}
.gylys .slick-dots{position:static;margin-top:0.2rem}
@media screen and (min-width: 769px){
	.gylys .box .ul .item .itemCon .fontBox{height:0;background-color: transparent;}
	.gylys .box .ul .item .itemCon .fontBox .title{opacity:0}
	.gylys .box .ul .item .itemCon .fontBox .intro{opacity:0}
	.gylys .box .ul .item.item.slick-active.slick-current + .slick-active .fontBox{height: 1.6rem;background: rgba(0,0,0,0.42);}
	.gylys .box .ul .item.item.slick-active.slick-current + .slick-active .fontBox .intro{opacity:1}
	.gylys .box .ul .item.item.slick-active.slick-current + .slick-active .fontBox .title{opacity:1}
	.gylys .box .ul .item .itemCon{transform:scale(0.95);transition:all 0.5s ease;}
	.gylys .box .ul .item.item.slick-active.slick-current + .slick-active .itemCon{transform:scale(1);}
}
@media screen and (max-width:1024px){
	.gylys .slick-next{right:7.9rem}
	.gylys .slick-prev{left:7.9rem}
	.gylys .tabMenu{width:94%;margin:0 auto}
}
@media screen and (max-width:768px){
	.gylys .slick-next{right:6.9rem}
	.gylys .slick-prev{left:6.9rem}
	.gylys .box .ul{list-style:none;width:94%;margin-left:3%}
	.gylys .box .ul .item.item.slick-active.slick-current + .slick-active .fontBox{height:auto}
	.gylys .box .ul .item .itemCon .fontBox{height:auto;background:rgba(0,0,0,0.42)}
}
@media screen and (max-width:480px){
	.gylys .box .ul .item{margin-left:0;margin-right:0}
	.gylys .tabMenu .item{min-width:auto}
	.gylys .tabMenu .item .title{padding:0.08rem}
	.gylys .tabMenu .item{min-width:auto;width:calc(33% - 0.08rem);margin-right:0.12rem;margin-left:0;margin-bottom:0.12rem}
	.gylys .tabMenu .item:nth-child(3n){margin-right:0}
}


/* cpts */
.cpts{background-size:cover;background-position:top right;position:relative}
.cpts .ul{}
.cpts .ul .item{width:calc(100% / 6 - 0.65rem);margin-right:0.78rem}
.cpts .ul .item:nth-child(6n){margin-right:0}
.cpts .ul .item .itemCon{width:100%;height:100%;border:0.01rem solid var(--primary-color);border-radius:0.2rem;padding-top:var(--padding-margin__25);padding-bottom:var(--padding-margin__25);transition:all 0.5s ease}
.cpts .ul .item .itemCon .iconBox{height:var(--padding-margin__75);display:flex;align-items:center;justify-content:center}
.cpts .ul .item .itemCon .iconBox img{max-height:100%;min-height:0.58rem}
.cpts .ul .item .itemCon .title{text-align:center}
.cpts .ul .item .itemCon:hover{background-color:var(--primary-color)}
.cpts .ul .item .itemCon:hover .title{color:#fff}
.cpts .ul .item .itemCon:hover .iconBox img{filter:grayscale(100%)      
    contrast(0)          
    sepia(1)            
    saturate(10000%)    
    hue-rotate(80deg)   
    brightness(1.7)     
    saturate(500%);-webkit-animation:icon-bounce 0.5s alternate;-moz-animation:icon-bounce 0.5s alternate;-o-animation:icon-bounce 0.5s alternate;animation:icon-bounce 0.5s alternate}
@media screen and (max-width:1024px){
	.cpts .ul .item{width:calc(100% / 6 - 0.25rem);margin-right:0.3rem}
  .cpts .ul .item .itemCon .iconBox img{min-height:auto}
}@media screen and (max-width:768px){
	.cpts .ul .item{width:calc(100% / 3 - 0.2rem);margin-right:0.3rem;margin-bottom:0.3rem}
  .cpts .ul .item:nth-child(3n){margin-right:0}
}





/* xwdt */
.xwdt{background-size:cover;background-position:bottom left}
.xwdt .ul{}
.xwdt .ul .item{width:calc(100% / 3 - 0.44rem);margin-right:0.66rem}
.xwdt .ul .item:nth-child(3n){margin-right:0}
.xwdt .ul .item .itemCon{width:100%;display:block}
.xwdt .ul .item .itemCon .imgbox{padding-top:54%}
.xwdt .ul .item .itemCon .imgbox img{transition:all 0.5s ease}
.xwdt .ul .item .itemCon .fontBox{transition:all 0.5s ease;padding:var(--padding-margin__30) var(--padding-margin__20);background-color:rgba(230,233,237,0.47)}
.xwdt .ul .item .itemCon .fontBox .title{transition:all 0.3s ease}
.xwdt .ul .item .itemCon .fontBox .intro{transition:all 0.3s ease}
.xwdt .ul .item .itemCon .fontBox .time{transition:all 0.3s ease}
.xwdt .ul .item .itemCon:hover .imgbox img{transform:scale(1.05)}
.xwdt .ul .item .itemCon:hover:hover .fontBox{background-color:var(--primary-color)}
.xwdt .ul .item .itemCon:hover:hover .title{color:#fff}
.xwdt .ul .item .itemCon:hover:hover .intro{color:#fff}
.xwdt .ul .item .itemCon:hover:hover .time{color:#fff}
@media screen and (max-width:1024px){
	.xwdt .ul .item{width:calc(100% / 3 - 0.2rem);margin-right:0.3rem}
}
@media screen and (max-width:480px){
	.xwdt .ul .item{width:100%;margin-right:0;margin-bottom:var(--padding-margin__30)}
}
.indexRc{position:relative;overflow:hidden;background-color:#deeaf4}
.is-bgImg__cover{position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(../images/home-about_bg.jpeg)}
.xwdt,.gyly{position:relative;overflow:hidden;z-index:2}

/* homeAbout */
.homeAbout .leftBox{width:8.32rem}
.homeAbout .leftBox p{margin-bottom:var(--padding-margin__20);text-indent:0.32rem;text-align:justify}
.homeAbout .rightBox{width:calc(100% - 8.32rem);padding-left:var(--padding-margin__70)}
.homeAbout .ispic{border-radius: 0.15rem;}
.homeAbout .ispic img{border-radius: 0.15rem;}
.homeAbout .ispic .play{transform: translate(-50%,-50%);}
.homeAbout .ispic .play span{background-color: rgba(var(--primary-color__rgb), 0.8);}
.homeAbout .ispic .play:after{border:1px solid rgba(var(--primary-color__rgb), 0.2);}
.homeAbout .ispic:hover .play:after {width: 160%;height: 160%;border:1px solid rgba(var(--primary-color__rgb), 0.6);}

.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 screen and (max-width:1024px){
	.homeAbout .rightBox,
	.homeAbout .leftBox{width:50%}
	.homeAbout .rightBox{padding-left: 0.2rem;}
}

@media screen and (max-width:768px){
	.homeAbout .rightBox,
	.homeAbout .leftBox{width:100%;padding-left: 0;}
}

.numListBox{background-size: cover;padding-top: var(--padding-margin__30);padding-bottom: var(--padding-margin__70);}
.numListBox .line{width: 0.01rem;height: 0.91rem;background-color: rgba(255, 255, 255, 0.42);}
@media screen and (max-width:1024px){
	.numListBox .line{height:0.45rem;}
}

/* 新闻详情 */
.technology{padding: var(--padding-margin__100) 0;margin-top: var(--header_height);background: #f3f7fa url(../images/newsbg.jpg) no-repeat center top;}
.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 .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:640px){
  .news-page .btn{min-width: 1.5rem;}
  .news-page .back{min-width: 1.1rem;}
}

.banner{position:relative}
.banner .imgbox{padding-top:28.125%}
.banner .containerBox{width:100%;position:absolute;height:100%;left:0;top:0}
.banner .containerBox .container{height:100%;padding-top:var(--padding-margin__50)}
.banner .containerBox .container h1{font-size:var(--font-size__56)}
.banner .containerBox .container pre{font-size:var(--font-size__20)}
.wap{display:none}
@media screen and (max-width:768px){
	.wap{display:block}
	.pc{display: none;}
	.banner .imgbox{
		padding-top:50%;
	}
}

/* 面包屑 */
.position-and-submenu{height:0.8rem;border-bottom:0.01rem solid #e5e5e5;/* position: sticky; */top: var(--header_height);background: #fff;z-index: 3;}
.position-and-submenu .menuBox li{margin-right:var(--padding-margin__50)}
.position-and-submenu .menuBox li:last-child{margin-right:0}
.position-and-submenu .menuBox li a{height:0.8rem;line-height:0.8rem;position:relative;display:flex;align-items:center;justify-content:center}
.position-and-submenu .menuBox li a::after{content:'';display:block;width:0;height:0.02rem;background:var(--primary-color);border-radius:0.01rem;position:absolute;left:50%;bottom:-0.01rem;opacity:0;transition:all 0.3s ease}
.position-and-submenu .menuBox li:hover a,.position-and-submenu .menuBox li.aon a{color:var(--primary-color)}
.position-and-submenu .menuBox li:hover a::after,.position-and-submenu .menuBox li.aon a::after{width:100%;opacity:1;left:0}
.position-and-submenu .position{}
.position-and-submenu .position:before{content:'';display:block;width:0.16rem;height:0.16rem;background-image:url(../images/current_icon.png);background-size:0.16rem;margin-right:0.1rem}
.position-and-submenu .position a{color:#999999;display:flex;align-items:center;font-size:0.16rem}
.position-and-submenu .position a::after{content:'/';display:block;color:#999999;margin-left:0.08rem;margin-right:0.08rem}
.position-and-submenu .position a:hover{color:var(--primary-color)}
.position-and-submenu .position span{font-size: 0.16rem;}
.position-and-submenu .menu{list-style: none;}
@media screen and (max-width:1024px){
	.position-and-submenu .menuBox li{margin-right: 0.2rem;}
}
@media screen and (max-width:768px){
	.position-and-submenu .position{display: none;}
}
@media screen and (max-width:480px){
	.position-and-submenu{display:none;}
}

/* caseList */
.caseList .ul{}
.caseList .ul .item{width:calc(100% / 3 - 0.6rem);margin-right:0.9rem;margin-top:var(--padding-margin__70)}
.caseList .ul .item:nth-child(3n){margin-right:0}
.caseList .ul .item .itemCon{display:flex;flex-direction:column}
.caseList .ul .item .itemCon .imgbox{padding-top:52%}
.caseList .ul .item .itemCon .imgbox img{transition:all 0.5s ease}
.caseList .ul .item .itemCon .dot{transition:all 0.5s ease}
.caseList .ul .item .itemCon:hover .imgbox img{transform:scale(1.1)}
.caseList .ul .item .itemCon:hover .dot{color:var(--primary-color)}
@media screen and (max-width:1024px){
	.caseList .ul .item{width:calc(100% / 3 - 0.2rem);margin-right:0.3rem;}
}
@media screen and (max-width:480px){
	.caseList .ul .item{width:calc(100%);margin-right:0rem;}
}

/* newsList */
.newsList{}
.newsList .item{width:100%}
.newsList .item .itemCon{width:100%;display:flex;align-items:center;border-bottom:1px solid rgba(166,166,166,0.1);padding-bottom:var(--padding-margin__30);padding-top:var(--padding-margin__60)}
.newsList .item .itemCon .leftBox{width:3.58rem}
.newsList .item .itemCon .imgbox{padding-top:56%}
.newsList .item .itemCon .rightBox .title,.newsList .item .itemCon .imgbox img{transition:all 0.5s ease}
.newsList .item .itemCon .rightBox{width:calc(100% - 3.58rem);padding-left:var(--padding-margin__40)}
.newsList .item .itemCon:hover .imgbox img{transform:scale(1.05)}
.newsList .item .itemCon:hover .rightBox .title{color:var(--primary-color)}

@media screen and (max-width:480px){
	.newsList .item .itemCon{flex-direction: column;}
	.newsList .item .itemCon .rightBox,
	.newsList .item .itemCon .leftBox{width: 100%;}
	.newsList .item .itemCon .rightBox{padding-left: 0;padding-top:var(--padding-margin__30)}
	.xwdt .ul .item .itemCon .imgbox{padding-top: 54%;}
}

.subTit{padding-bottom: var(--padding-margin__20);}
.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: #333333;}
.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);}
.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;}
.subPage{position: relative;z-index: 10;padding: var(--padding-margin__100) 0;}
.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-position: center bottom;background-size: 100%;background-repeat: no-repeat;}
.subPage.bg2{background-position: right bottom;background-repeat: no-repeat;}
.subPage.noafter:after,
.subPage.noafter:before{display: none;}
.subPage_jj{padding: var(--padding-margin__20) 0;}

.subPage.subcompany_adv .container {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right top;
}
.subcompany_adv{overflow: hidden;background: #f4fbfe  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) var(--padding-margin__40);}
.subcompany_adv .ispic .info h2{line-height: calc(48 / 32);font-size: var(--font-size__30);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: 26%;margin-bottom: var(--padding-margin__30);margin-left: 6%;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{color: #7B7B7B;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;}
@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(870 / 1600 * 100%);display: flex;flex-direction: column;justify-content: center;padding-top: var(--padding-margin__20);}
  .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(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%;}
}
/* 细胞培养基  - 培养基供应链 */
.technology .container{max-width: 16rem;width:87.6%;}
.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;display: flex;flex-direction: column;justify-content: space-between;}
.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);color: #7B7B7B;}
.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;}
}
.adv-list .list .item:hover .title2{
	color:var(--primary-color)
}
@media screen and (max-width:480px){
	.adv-list .list .item{width: 100%;margin-left: 0;}
	.adv-list .list .edit-info,
	.adv-list .list .item{min-height: auto;}
}

.caseDetail .container{max-width: 16rem;}
.caseDetail .leftBox{width: 8.4rem;}
.caseDetail .box {width: 100%;}
.caseDetail .asNavForSlickBox {position: relative;overflow: hidden;}
.caseDetail .asNavForSlickTab{margin-top: 0.2rem;padding-left: 0.4rem;padding-right: 0.4rem;}
.caseDetail .asNavForSlickBox .pic {position: relative;}
.caseDetail .asNavForSlickBox .pic::before {display: block;content: '';padding-top: 66.7143%;}
.caseDetail .asNavForSlickBox .pic img {position: absolute;width: 100%;height: 100%;left: 0;top: 0;object-fit: cover;object-position: center center;}
.caseDetail .asNavForSlickTab .bd{margin: 0 -0.07rem;}
.caseDetail .asNavForSlickTab .myslide .pic {margin: 0 0.07rem;}
.caseDetail .slick-arrow{
	width: 0.26rem;
    height: 100%;
    border-radius: 0;
    background-color: #a6a6a8;
    display: flex;
    justify-content: center;
    align-items: center;
		background-size: 0.13rem;
		border:none;
}
.caseDetail .slick-arrow:hover{
	background-color: var(--primary-color) !important;
}
.caseDetail .slick-arrow.slick-prev{
	background-image: url(../images/arrleft_white.svg);
	left:-0.32rem;
}
.caseDetail .slick-arrow.slick-next{
	background-image: url(../images/arrright_white.svg);
	right:-0.32rem;
}
.caseDetail .title2 {
	border-bottom: 1px solid rgba(206, 206, 206, 1);
	padding-bottom: var(--padding-margin__30);
}
.caseDetail dl dd{
	margin-top: var(--padding-margin__40);
}
.caseDetail .rightBox{
	width:calc(100% - 8.4rem);
	padding-left:var(--padding-margin__40);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding-top: var(--padding-margin__30);
}
.caseDetail .asNavForSlickTab .myslide .pic::after{
	content:'';
	display:block;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.5);
	position:absolute;
	left:0;
	top:0;
	transition:all 0.5s ease;
}
.caseDetail .asNavForSlickTab .myslide.slick-active.slick-current .pic::after{
	background:transparent;
}
@media screen and (max-width:1024px){
	.caseDetail .leftBox{width:100%}
	.caseDetail .rightBox{width:100%}
	.caseDetail .rightBox{padding-left:0;}
}

/* infoOne */
.infoOne .titleBox .line{
	width: 1.2rem;
	height: 0.02rem;
	background:var(--primary-color);
}
.infoOne .homeAbout .leftBox{
	width:50%;
}
.infoOne .homeAbout .rightBox{
	width:50%;
}
@media screen and (max-width:768px){
	.infoOne .homeAbout .leftBox{
		width:100%;
	}
	.infoOne .homeAbout .rightBox{
		width:100%;
	}
}

/* qywh */
.qywh .imgbox{
	width:100%;
	padding-top: 30%;
}
.qywh .qywhCon{
	width:100%;
	height:100%;
	background: rgba(40, 78, 120, 0.46);
	position: absolute;
	left:0;
	top:0;
}
.qywhConContainer .item{
	flex:1;
	border-left:1px dashed rgba(255,255,255,0.34);
	background-color: transparent;
	transition: all 0.5s ease;
}
.qywhConContainer .item:last-child{
	border-right:1px dashed rgba(255,255,255,0.34);
}
.qywhConContainer .item:hover{
	background: rgba(0, 161, 233, 0.46);
}
.qywhConContainer .itemCon,
.qywhConContainer,
.qywh .container{
	height:100%;
}
.qywh .qywhIcon{
	height: var(--padding-margin__60);
	object-fit: contain;
}
.qywh .line{
	width: 0.9rem;
	height: 0.01rem;
	background: #FFFFFF;
	opacity: 0.34;
}
.qywhConContainer .item:hover .qywhIcon{
	-webkit-animation: icon-bounce 0.5s alternate;
	-moz-animation: icon-bounce 0.5s alternate;
	-o-animation: icon-bounce 0.5s alternate;
	animation: icon-bounce 0.5s alternate;
}
@media screen and (max-width:768px){
	.qywh .qywhCon{position: relative;}
	.qywhConContainer{flex-direction: column;}
	.qywhConContainer .item{
		border-left: none;
		border-right: none;
		border-bottom:1px dashed rgba(255,255,255,0.34);
		padding-top: var(--padding-margin__40);
		padding-bottom: var(--padding-margin__40);
	}
	.qywh .imgbox{
		padding-top:0;
	}
}

/* qyzz */
.qyzz{background-size: cover;}
.qyzz .leftBox{
	flex:1;
	max-width:5.2rem;
	text-align: justify;
	padding-left: 1.2rem;
}
.qyzz .leftBox .line{
	width: 2.1rem;
	height: 0.02rem;
	background:var(--primary-color);
}
.qyzz .rightBox{
	width:6.3rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 1.1rem;
}
.qyzz .rightBox .imgbox{
	width: 4.47rem;
	height: 3.11rem;
	background-image: url(../images/ryzzbg.png);
	display:flex;
	justify-content:center;
	align-items: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.qyzz .rightBox .imgbox img{
	width:4.28rem;
	height:2.95rem;
	object-fit:contain;
}
.qyzz .slick-arrow{
	background-color: transparent;
	border: 1px solid #8f999f;
	background-size: 0.13rem;
}
.qyzz .slick-arrow:hover{
	background-color: var(--primary-color) !important;
	border-color: 1px solid var(--primary-color) !important;
}
@media screen and (max-width:1024px){
	.qyzz .rightBox{zoom:0.65}
}
@media screen and (max-width:768px){
	.qyzz .itemCon{
		flex-direction: column;
	}
	.qyzz .leftBox{
		padding-left: 0;
		max-width: 100%;
	}
	.qyzz .rightBox {
		margin: 0 auto;
		max-width: 6.3rem;
		width: 100%;
		margin-top: var(--padding-margin__60);
	}
	.qyzz .slick-arrow{
		top: 65%;
	}
}

/* fzlc */
.fzlc .box{
	width: 100%;
}
.fzlc .asNavForSlickBox{
	width: 100%;
	position: relative;
}
.fzlc{background-size: cover;background-position: bottom right;}
.fzlc .yearIcon{
	width: 70%;
	max-width: 7.22rem;
	margin: 0 auto;
	display: block;
	margin-top: var(--padding-margin__100);
}
.fzlc .asNavForSlickTab::before{
	content: '';
	display: block;
	width: 100%;
	height: 0.02rem;
	background-color:rgba(51, 51, 51, 0.4);
	position: absolute;
	left: 0;
	top: 0.12rem;
}
.fzlc .asNavForSlickTab .title{
	text-align: center;
	position: relative;
	padding-top: 0.46rem;
}
.fzlc .asNavForSlickTab .title::before{
	content: '';
	display: block;
	width: 0.24rem;
	height: 0.24rem;
	background-color: #fff;
	border-radius: 50%;
	border: 0.02rem solid rgba(51, 51, 51, 0.4);
	top: 0;
	position: absolute;
	z-index: 2;
	left: 50%;
	transform: translate(-50%, 0px);
}
.fzlc .asNavForSlickTab .myslide.slick-active.slick-current .title::before{
	border-color: var(--primary-color);
}
.fzlc .asNavForSlickTab .myslide.slick-active.slick-current .title{
	color: var(--primary-color);
}
.fzlc .pic{
	overflow: visible;
}
.qywhBox{
	position: relative;
	z-index: 2;
}
.contact,
.newsContent .xwdt,
.aboutProcess,
.caseList{
	background-size: cover;
}


/* solution */
.solution .right{
	width: 100%;
}
.subcompany_adv.solution .list {
	margin-left: -6%;
}
@media screen and (min-width:1025px){
	.yycj.cpts .ul .item{
		width: calc(100% / 5 - 0.52rem);
		margin-right: 0.65rem;
	}
	.yycj.cpts .ul .item:nth-child(5n){
		margin-right: 0;
	}
}
@media screen and (min-width:769px) and (max-width:1024px){
	.yycj.cpts .ul .item{
		width: calc(100% / 5 - 0.24rem);
		margin-right: 0.3rem;
	}
	.yycj.cpts .ul .item:nth-child(5n){
		margin-right: 0;
	}
}
@media screen and (max-width:768px){
	.yycj.cpts .ul .item{
		width: calc(50% - 0.15rem);
		margin-right: 0;
	}
	.yycj.cpts .ul {
		justify-content: space-between;
	}
	.fzlc .yearIcon{
		margin-bottom: 0.3rem;
	}
}

/* contactWay */
.contactWay .leftBox{flex: 1;}
.contactWay .leftBox img{width: var(--padding-margin__80);margin-right: var(--padding-margin__20);}
.contactWay .leftBox dd{margin-bottom: var(--padding-margin__30);}
.contactWay .leftBox dd .intro{margin-top: var(--padding-margin__20);}
.contactWay .rightBox{width: 9.24rem;max-width: 100%;}
@media screen and (max-width:1024px){
.contactWay .rightBox{width: 70%;}
}
@media screen and (max-width:768px){
	.contactWay .rightBox{width: 100%;}
}
.online .form{display:flex;flex-wrap:wrap;justify-content:space-between;}
.online .form .group{width: calc(33.3% - 0.2rem);display:flex;flex-direction:column;margin-bottom: var(--padding-margin__20);}
.online .form .group label{color:#181818}
.online .form .group label i{color:#DC0000}
.online .form .group .ipttxt{height:0.6rem;border: 1px solid #B3B3B3;border-radius:0.04rem;/* border:none; */padding:0.2rem;line-height:1.5}
.online .form .group.w100{width:100%}
.online .form .group.w100 .ipttxt{min-height: 2.7rem;}
.online .form .group button{cursor: pointer;color:#fff;border:0.02rem solid var(--primary-color);transition:all 0.5s ease;width: 4.5rem;height: 0.6rem;background: var(--primary-color);border-radius: 0.04rem;margin-left: 0.1rem;}
.online .form .group button:hover{ 
	background-color: transparent;
	color: var(--primary-color);
	border-color: var(--primary-color);
	background-color: #fff;
}
.online .form .code{
	width: 2.4rem;
	height: 0.6rem;
	margin-left: 0.1rem;
	border-radius: 0.03rem;
	cursor: pointer;
}
.online .form .group.groupRow{flex: 1;flex-direction: row;align-items: center;}
@media screen and (max-width:1024px){
	.online .form{padding: 0.3rem;}
	.online .form .group{width: calc(50% - 0.1rem);}
}
@media screen and (max-width:480px){
	.online .form .group{width: 100%;}
	.online .form .group button{margin-top: 0;}
	.online .form .code{margin-left: 0;}
}

.newsList .item .itemCon{
	align-items: flex-start;
}

.maskdot {
    position: relative;
    top: -1rem;
}
@media screen and (max-width:1024px){
	.maskdot {
		top: -0.65rem;
	}
}