@font-face {
  font-family: 'hm';
  src: url('fonts/HarmonyOS/Light.woff') format('woff');
  font-weight: 100;
  font-display: swap;
}
@font-face {
  font-family: 'hm';
  src: url('fonts/HarmonyOS/Regular.woff') format('woff');
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: 'hm';
  src: url('fonts/HarmonyOS/Medium.woff') format('woff');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'hm';
  src: url('fonts/HarmonyOS/Bold.woff') format('woff');
  font-weight: bold;
  font-display: swap;
}

body {font-family: 'hm'; font-weight: normal; --hover-color:#007BC2;--white:#fff; --black:#333; --grey:#666; --grey2:#999;--blue:#12b8d7; --Dblue:#173885; --rgb-white:255,255,255;--rgb-black:0,0,0; font-size: var(--font-size16);--rgb-hover:0,123,194; --blue-hover:18,184,215; --radius: .1rem;}

a:hover{color:var(--hover-color); }


/*effict*/
.Scale-img {overflow: hidden; zoom:1; overflow: hidden;}
.Scale-img img,.Scale-img span {opacity: 1;-webkit-transition: opacity 0.6s, -webkit-transform 0.6s;transition: opacity 0.6s, transform 0.6s;}
.Scale-img:hover img,.Scale-img:hover span {opacity: 1;-webkit-transform: scale3d(1.05,1.05,1.05);transform: scale3d(1.05,1.05,1.05); top:0px; left:0px;}
.effict{transition: all ease 0.3s;}
.imgbox{ overflow:hidden; position:relative;}
.imgbox span{ background-position:center center; background-repeat:no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%;display: flex;align-items: center;justify-content: center;transition: all .5s;-webkit-transition: all .3s;}
.imgbox img{ width:100%;height:100%;object-fit: cover;transition: all ease 0.3s;}

.itemhover{transition: all ease 0.3s;}
.activehover{box-shadow: 0px 3px 18px 0px rgba(var(--rgb-hover),0.2) !important;-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}

.nones{ position:absolute; visibility:hidden; opacity:0; top:0;width: 100%;z-index: -10;left: 0;}


.Hometitle {margin-bottom: 0.4rem;position: relative;z-index: 1;line-height: 1;}
.Hometitle .cn {font-size: var(--font-size45);color: #000;font-weight: 500;}
.Hometitle .en{font-size:var(--font-size20); text-transform: uppercase; margin-bottom:0.12rem; color: var(--hover-color);}
.Hometitle::after{display:block; content: '';width:0.6rem;height:0.03rem;background-color:var(--hover-color);margin: 0.16rem 0 auto; display: none;}
.Hometitle.white .cn {color: #fff;}
.Hometitle.white .en{ color: #fff; }
.Hometitle.center{ text-align: center;}
.Hometitle.center::after{margin: 0.15rem auto 0;}
.Hometitle.white:after{ background: #fff;}

.Homemore {}
.Homemore a { display: flex;align-items: center; }
.Homemore span { display: inline-block;font-size: var(--font-size16);color: var(--grey2);  }
.Homemore .icon {width: 0.5rem;height: 0.5rem; border-radius: 50%; position: relative; margin-left:0.15rem;overflow: hidden;border: 0.01rem solid var(--grey2); }
.Homemore .icon:before { position: absolute; content: ''; z-index: 5; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/more2.svg) no-repeat center; background-size: auto 0.12rem; }
.Homemore:hover span{ color: var(--hover-color);}
.Homemore:hover .icon{ background: var(--hover-color); border-color: var(--hover-color);}
.Homemore:hover .icon:before { background-image:url(../images/more-w.svg) ;}

.Homemore.white span{color: var(--white);}
.Homemore.white .icon{background: var(--white);}
.Homemore.white .icon:before { background-image:url(../images/more-w.svg) ;}


@media(max-width: 1024px) {
.Hometitle .cn {font-size: var(--font-size36);}
.Hometitle .en {font-size: var(--font-size18);}
}



/*Top003156 */
.Top003156 {position: sticky;z-index: 100;left: 0;top: 0;width: 100%;background-color: var(--hover-color);  transition: background-color 0.3s,transform 1s;}
.Top003156 .auto { position: relative; z-index: 3; }
.Top003156 .logo { display: table; }
.Top003156 .logo a { display: table-cell; vertical-align: middle; }
.Top003156 .top-right { position: absolute; right: 0; top: 0; display: table; }
.Top003156 .top-right > * { display: table-cell; vertical-align: middle; }
/* .Top003156 .open-search { cursor: pointer; display: block; width: 0.22rem; height: 0.22rem; background: url(../images/search_white.svg) no-repeat center center; background-size: 0.17rem auto; border-radius: 50%; }
.Top003156 .open-search.on:before, .Top003156 .open-search.on:after { background-color: var(--white); }
.Top003156 .top-search { position: absolute; right: 0; top: 100%; z-index: 100; background-color: var(--white); box-shadow: 0 0 0.05rem rgba(0,0,0,0.3); border-radius: 0.05rem; }
.Top003156 .top-search .text { width: 100%; height: 0.5rem; line-height: 0.5rem;; padding: 0 0.5rem 0 0.15rem;border-radius: 0.05rem; }
.Top003156 .top-search .btn { position: absolute; right: 0; top: 0; width: 0.5rem;; height: 100%; background: url(../images/search.svg) no-repeat center center; background-size: auto 0.18rem; } */

.Top003156 .top-search{padding:0;/* margin-left:calc(60 / 1920 * 100vw); */}
.Top003156 .top-search .box{position:relative;background-color:rgba(255,255,255,1);overflow:hidden; border-radius: 0.9rem;}
.Top003156 .top-search .box .text{width:100%;display:block;line-height:0.4rem;height:0.4rem;font-size:var(--font-size16);background:none;border:0;padding:0 0.45rem 0 0.12rem;color:rgba(51,51,51,0.5);}
.Top003156 .top-search .box .text.focus{color:#000;}
.Top003156 .top-search .box .btn{position:absolute;top:0;width:0.45rem;height:100%;background:url(../images/search.svg) no-repeat center center;background-size:0.17rem auto;cursor:pointer;}


.Top003156 .top-right .lang{position: relative;z-index: 100; padding-right: 0.25rem;}
.Top003156 .top-right .lang::before{position:absolute;right: 0; top: 50%; width: 0.01rem; height:.16rem; content: ''; background: rgba(var(--rgb-black), 0.3); transform: translateY(-50%);}
.Top003156 .top-right .lang .icon{ display:block;background:url(../images/lang.svg) no-repeat left center; padding:0 0.2rem 0 0.3rem; cursor:pointer; position: relative; z-index: 1;  background-size: auto 0.2rem; color: #333;}
.Top003156 .top-right .lang .icon:after {position: absolute;width:0.07rem;height: 0.07rem;content: '';transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);border-top: 1px solid #999;border-right: 1px solid #999;right: 0;top: 50%;margin-top: -0.04rem;}
.Top003156 .top-right .lang .lang_box{position: absolute; left: 50%; width: 100px;margin-left: -50px; z-index: 100;background: #fff;border-radius: 0 0 6px 6px; top: 100%; padding: 10px 0;display: none;}
.Top003156 .top-right .lang .lang_box a{display: block;line-height: 30px;text-align: center;}
.Top003156 .inquiry { background: var(--hover-color); color: #fff; padding: 0.08rem 0.2rem; border-radius: 0.5rem; }

.Top003156 menu li span, .Top003156 menu li span a { display: block; }
.Top003156 menu li span a{color: var(--white);}
.Top003156 menu li span { position: relative; z-index: 2; }
.Top003156 menu li span:after { position: absolute; content: ''; left: 50%; height: 2px; background-color: var(--hover-color); transform: translateX(-50%); transition: 0.3s; bottom: -1px; width: 0; }
.Top003156 menu li span a:hover, 
.Top003156 menu li.aon span a { color: var(--hover-color); }
.Top003156 menu li:hover span:after, 
.Top003156 menu li.aon span:after { width: 100%; }

.Top003156 menu li:before { position: absolute; content: ''; left: 50%; height: 2px; background-color: var(--hover-color); transform: translateX(-50%); transition: 0.3s; top: 0px; width: 0; z-index: 5;}
.Top003156 menu li:hover:before, 
.Top003156 menu li.aon:before { width: 100%; }

.Top003156 menu li:after{position: absolute; content: ''; left: 50%; height: 0; background-color: var(--white); transform: translateX(-50%); transition: 0.5s; bottom: 0px; width: 100%; }
.Top003156 menu li:hover:after,
.Top003156 menu li.aon:after{ height: 100%;}
.Top003156 menu li:hover span a, 
.Top003156 menu li.aon span a { color: var(--hover-color); }

.Top003156 .logo .red{display: none;}
.Top003156 .logo .white{display: block;}

.Top003156.hover .logo .white,
.Top003156.fixed .logo .white{display: none;}
.Top003156.hover .logo .red,
.Top003156.fixed .logo .red{display: block;}
.Top003156.hover menu li span a,
.Top003156.fixed menu li span a{color: #333;}
.Top003156.hover menu li span a:hover, 
.Top003156.fixed menu li span a:hover, 
.Top003156.hover menu li.aon span a,
.Top003156.fixed menu li.aon span a { color: var(--hover-color); }
.Top003156.hover,
.Top003156.fixed{background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); position: fixed;}
.Top003156.hover menu li span:after,
.Top003156.fixed menu li span:after{background-color: var(--hover-color);}
.Top003156.hover menu li a:hover,
.Top003156.hover menu li.aon span a,
.Top003156.fixed menu li a:hover,
.Top003156.fixed menu li.aon span a{color: var(--hover-color);}
.Top003156.hover .top-right .lang .icon,
.Top003156.fixed .top-right .lang .icon{background-image:url(../images/lang.svg); color: #333;}
.Top003156.hover .top-right .lang .icon:after,
.Top003156.fixed .top-right .lang .icon:after{ border-color: #333;}
.Top003156.hover .top-right .lang::before,
.Top003156.fixed .top-right .lang::before{background: rgba(var(--rgb-black), 0.3);}
.Top003156.hover .open-search,
.Top003156.fixed .open-search{background: url(../images/search.svg) no-repeat center center;background-size: 0.17rem auto; }
.Top003156.hover .open-search.on:before, 
.Top003156.hover .open-search.on:after,
.Top003156.fixed .open-search.on:before, 
.Top003156.fixed .open-search.on:after { background-color: var(--hover-color); }


@media (min-width:1025px) {
.Top003156 header { padding: 0 1.8rem 0 0%; }
.Top003156 menu { /* margin: 0 auto; display: table; */ float: right; }
.Top003156 .top-right{float: right;}
.Top003156 .top-right{float: right;margin-left: calc(30 / 1920* 100vw);}
.Top003156 menu li { float: left; padding: 0 0.34rem;}
/* .Top003156 menu li + li { margin-left: calc(50 / 1920 * 100vw); } */
.Top003156 menu li span a { line-height:0.9rem; font-size: var(--font-size18);}
.Top003156 .logo { height: 0.9rem;  float: left;}
.Top003156 .logo img { max-height: 0.6rem; }
.Top003156 .top-right { height:0.9rem; }
.Top003156 .top-right dd a { margin-right: 0.1rem; }
.Top003156 .top-right dt:not(:first-child){padding-left: 0.2rem;}
.Top003156 .top-right dt:last-child{padding-left: 0rem;}
.Top003156 .top-search .box{width:1.6rem;transition:0.3s;}

/* .top-search { width: 20em; } */
.Top003156 menu li .sub{position: absolute; top: 100%; background-color: #fff;border-radius: 0 0 5px 5px;width: 1.4rem;  margin-left: -0.7rem; overflow: hidden;}
.Top003156 menu li .sub dt a:hover{color:var(--hover-color);}

.Top003156 menu li#m20 .sub,
.Top003156 menu li#m38 .sub{width: 2rem;  margin-left: -1rem;}
}

@media (max-width:1024px) {
.Top003156 menu { position: absolute; right: 0; top: 100%;width: 240px; padding: 0.1rem; background: #fff;  visibility: hidden; transform: translateY(5em); transition: 0.3s; opacity: 0; }
.menu-show .Top003156 menu { transform: translateY(0); opacity: 1; visibility: inherit; }
.Top003156 menu li {border-bottom: 1px dotted #eee;}
.Top003156 menu li span{line-height: 0.5rem; padding-left:1em;}
.Top003156 menu li span a {   color: #333; font-size:var(--font-size18); }
.Top003156 menu li a:hover, 
.Top003156 menu li.aon span a{color: var(--hover-color);}
.Top003156_fixed menu li span:after{ display: none;}
.Top003156 menu li:before,
.Top003156 menu li:after{  display: none;}
.Top003156 .logo { max-width: 40%; height: 0.7rem; }
.Top003156 .logo img { max-height: 0.6rem; }
.Top003156 .top-right { height: 0.7rem; }
.Top003156 .top-right dd { font-size: 0.16rem; }
.Top003156 .top-right dd a { margin-left: 0.16rem; }
.Top003156 .top-right dt { padding-left:0.2rem; }
.Top003156 .open-menu { display: block; width: 0.3rem; height: 0.3rem; }
.Top003156 .open-menu i { background-color: var(--white); }
.Top003156 menu li.has-sub span .op:before, 
.Top003156 menu li.has-sub span .op:after{background-color: var(--hover-color);}
.Top003156_fixed .open-menu i { background-color: var(--hover-color); }
.Top003156 menu li .sub {background-color: #f8f9fa;}
.Top003156 .top-right .lang .lang_box{width: 60px; margin-left: -30px;}
.Top003156 .top-search .box{width:1.6rem;transition:0.3s;}
}




.Header{transition: .3s all;z-index: 100;}
.Header:after{content: '';position: absolute;width: 100%;height: calc(100% + .3rem);left: 0;top: 0;background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 82%, rgba(0, 0, 0, 0) 100%);z-index: 1;display: none}
.Header .Header_top{background: url(../images/header-top-bg.jpg)no-repeat center/cover;position: relative; }
.Header .Header_top [class*=autoCon-]{height: 1rem}
.Header .logo img{max-height: 0.8rem;transition: .3s all}
.Header .logo img.black{display: none;}
.Header .menu{display: flex;justify-content: space-between;}
.Header .menu a{color: #fff;transition: .3s all;position: relative;display: block}
.Header .menu span a{font-size: var(--font-size18);}
.Header .top-mid {background: var(--hover-color)}

.Header .top-h{background:var(--hover-color);}
.Header .top-h [class*=autoCon-]{height: .4rem}
.top-code{display: flex;margin-right: .2rem;align-items: center;position: relative;z-index: 10}
.top-code dt{font-size: .14rem;color: #fff}
.top-code dd{position: relative;margin-right: .2rem;padding-right: .2rem;display: flex;align-items: center}
.top-code dd:not(:last-child)::before{content: '';position: absolute;width: 1px;height: .12rem;background: #fff;right: 0;top: 50%;transform: translateY(-50%);opacity: .3}
.top-code .top-code-img img{max-height: 1rem}
.top-code span{font-size: .14rem;color: #fff;}
.top-code dd .top-code-img{position: absolute; left: 50%;top: calc(100% + 0.1rem); background-color: var(--white); width: 1.1rem; margin-left: -0.65rem; border-radius: 0.04rem;display: flex;align-items: center; justify-content: center; height: 1.1rem; transform: translateY(-0.3rem); opacity: 0;visibility: hidden; transition: 0.3s;box-shadow: 0 3px 12px rgba(0,0,0,.1)} 
.top-code dd.show .top-code-img{ transform: translateY(0); opacity: 1; visibility: visible;}
.top-code dd .top-code-img:after{position: absolute; content: ''; bottom: 100%;left: 50%;border: 5px solid transparent; border-bottom-color: var(--white); margin-left: -3px;}

.top-lang {position: relative;z-index: 200;margin-right: .5rem}
.top-lang span {display: block;font-size: var(--font-size14);padding-left: 0.26rem;line-height: 1.57142857;background: no-repeat url(../images/top-lang-w.svg) left center; background-size: .18rem auto; cursor: pointer; color: #fff}
.top-lang .hover {position: absolute;top: 100%;left: 50%;width: max-content;background-color: #fff; padding:1.2em 1em;visibility: hidden;opacity: 0;transform: translate(-50%,0.3rem);transition: 0.3s;text-align: center;font-size: var(--font-size14);}
.top-lang .hover a:not(:hover) {color: #333}
.top-lang .hover li + li {margin-top: 0.5em}
.top-lang.active .hover {visibility: visible;opacity: 1;transform: translate(-50%,0)}

.top-hotline {margin-right: .5rem;position: relative;}
.top-hotline span{color: #fff;font-size: var(--font-size22);display: flex;align-items: center;font-family: 'hmb'}
.top-hotline span::before{content: '';width: .18rem;height: .18rem;background: url(../images/top-hotline.svg)no-repeat center left;background-size: .18rem auto;margin-right: .1rem;filter: grayscale(100) brightness(100);}


.dl-drop-down dt{cursor: pointer}
.dl-drop-down dd{position: absolute;overflow:hidden;height: 0;min-width: 100%; background: #fff;  box-shadow: 0 0 0.2rem rgba(102,102,102,0.3); top: 100%; border-radius:0.05rem;transition: 0.5s; z-index: 99}
.dl-drop-down dd a{display: block;line-height: 1.8;padding: 0rem 0.12rem; cursor: pointer}
.dl-drop-down dd:before{content: ''; position: absolute; width: 0.1rem; height: 0.1rem; left: 0.2rem;top: -0.05rem; background: #fff; transform: rotate(45deg)}
.dl-drop-down.active dd{overflow: inherit; height: auto; }

.Header .filter {}
.Header .filter dd ul{padding: .1rem; white-space: nowrap}
.Header .filter dd ul li {padding: 0.05rem 0}
.Header .series{position: relative;margin:0 .3rem}
.Header .series:after{content: '';position: absolute; background: #ccd1d4; width: 1px; height: 14px; top: 0; bottom: 0; right: 0; margin: auto}
.Header .series dt{padding: 0.1rem .2rem; background: url("../images/all.svg") no-repeat left}
.Header .series ul {min-width: 2.2rem; }

.Header .open-search { width: 0.2rem; height: .2rem; background: url(../images/search.svg) no-repeat center center ; background-size: .18rem auto; cursor: pointer;transition: .3s all;}
.Header .top-search {width: auto; background: none;border: 1px solid rgba(0,0,0,.2); display: flex; align-items: center; justify-content: flex-start; border-radius:0.28rem;  transition: 0.3s;}
.Header .top-search .search{display: flex; align-items: center; justify-content: center; }
.Header .top-search .text { flex: 1; border: 0; height: .45rem; line-height: .45rem; padding: 0 0rem;background: none;font-size: var(--font-size16);}
.Header .top-search .text:not(.focus) { color: #b2b2b2;}
.Header .top-search .btn { width: .45rem; height: .45rem; display: block; background: url(../images/search.svg) no-repeat center center; background-size: auto 0.18rem;cursor: pointer;}

/*滚动后*/
.Header_fixed .top-lang span {color: #333;background: no-repeat url(../images/top-lang.svg) left center;background-size: .18rem auto;}

.Header .menu li:hover span a,
.Header .menu li.aon span a{background:#627cb9;background-image: linear-gradient(to right, #627cb9, #12b8d7); }
.Header .right{display: none;}



@media(min-width:1025px){
.Header .menu li{flex: auto;line-height: .6rem;position: relative; text-align: center;}
.Header .menu li span a{position: relative}
.Header .menu li:not(:last-child) span a::before{content: '';position: absolute;width: 1px;height: .14rem;background: url(../images/menu-line.png)no-repeat center;right: 0;top: 50%;transform: translateY(-50%)}
.Header .menu .sub{position: absolute;left: 50%;transform:translateX(-50%) translateY(0.15rem);top:100%;width: 100%;opacity: 0;visibility: hidden;z-index: -100;transition: all 0.3s ease-out 0s;pointer-events: none;}
.Header .menu .sub dl{box-shadow: 0 0 15px rgba(0,0,0,0.09);background:rgba(255,255,255,0.95);width: 100%;border-radius: 0 0 0.1rem 0.1rem;display: inline-block; padding: 0 0.1rem 0.1rem;}
.Header .menu .sub dd{position: relative;line-height: 1.6;text-align: center;}
.Header .menu .sub a{display: block;position: relative;z-index: 1;border-bottom: 1px solid #dedfe2;transition: all 0.5s;color: #333;padding: 0.1rem 0;}
.Header .menu .sub a:after{position: absolute;left: 0;bottom: -1px;height: 1px;background-color:var(--hover-color);content: "";transition: all 0.5s;width: 0;z-index: 1;}
.Header .menu .sub dd:hover a{color: var(--hover-color);}
.Header .menu .sub dd:hover a:after{width: 100%;}
.Header .menu .active .sub{z-index: 99;opacity: 1;visibility: visible;transform: translateX(-50%) translateY(0);pointer-events: auto;}
}
@media(max-width:1024px){
.Header .Header_top [class*=autoCon-]{height: 0.7rem;}
.Header .menu .sub dd a,
.Header .menu li span a{color:#fff !important;line-height: 3;padding: 0 0.3rem;font-size: var(--font-size20);}
.Header .menu li.aon span a{color: var(--white) !important;}
.Header .menu li:hover span a, 
.Header .menu li.aon span a{background: none !important;}
.Header .menu .sub dd a{font-size: var(--font-size18);}
.Header .menu li span{display: block;position: relative;font-size: 0.24rem;line-height: 2;}
.wap-dd-op,
.wap-op{position: absolute;right: 0;width: 3em; height: 100%;background: url(../images/arr_xjt_white.svg) no-repeat center center; background-size: 20% auto; top: 0;z-index: 101; transition: 0.3s;}
.Header .menu .sub dd.wap-active .wap-dd-op,
span.on .wap-op{transform: rotate(180deg);}
.Header .menu .sub{display: none; padding: 0.1rem; background: rgba(255,255,255,0.1);line-height: 3;}
.Header .menu .sub dd dl{display: none; padding:1em 1em 1em 2em; background-color: rgba(var(--rgb-white),0.8); line-height: 2.4;}
.Header .menu .sub > dl > dd:not(:last-child){border-bottom: rgba(0,0,0,0.05) 1px solid;}
.Header .menu .sub dd.wap-active dl{display: block;}
.Header .logo img{max-height: 0.6rem;}
.Header .menu{top:0.7rem;height: calc(100vh - 0.7rem);}
.Header .open-menu{width: 0.3rem;height: 0.4rem;display: flex;flex-direction: column;justify-content: space-between;padding: 0.1rem 0; cursor: pointer; margin-left: 0.2rem;}
.Header .open-menu i{display: block;width: 100%;background-color: var(--hover-color);height: 2px;transition: all 0.5s;}
.menu-show .Header .open-menu i:nth-child(1) {transform: translate(0, 0.08rem) rotate(45deg) !important;}
.menu-show .Header .open-menu i:nth-child(2) {transform: translate(0, 0) rotate(-45deg) !important;}
.menu-show .Header .open-menu i:nth-child(3) {width: 0;}

.Header .right{display: flex;}
.Header .open-menu{position: relative;}
.Header .top-search{position: absolute;left: 0;top: 100%;width: 100%;opacity: 0;visibility: hidden;transform: translateY(0.2rem);background-color: #fff;z-index: 100;}
.Header .menu{position: fixed;left: 0;top:0.7rem;background: var(--hover-color); padding: 0.2rem 0;visibility: hidden; transform: translateX(-100%); opacity: 0; transition: 0.3s; width: 3rem; bottom: 0; box-shadow: 0 0.1rem 0.1rem rgba(0,0,0,0.2);height: calc(100vh - 1rem);overflow: auto;line-height: 2;z-index: 100;}
.search-show .Header .top-search { opacity: 1; visibility: visible;transform: translateY(0);}
.menu-show{position: fixed;left: 0;top: 0;height: 100%;overflow: hidden;width: 100%;}
.menu-show 	.Header .menu{visibility: visible; opacity: 1; transform: translateX(0);display: block;}
.Header .menu li{padding: 0;border-bottom: 1px solid rgba(255,255,255,0.3);}
}






.HomeBan{overflow: hidden; position: relative;}
.HomeBan li{position: relative;overflow: hidden;}
.HomeBan li img{display: block;width: 100%;}
.HomeBan li video{position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%,-50%); height: 100%; width: 100%;object-fit: cover;}
.HomeBan li .txt{position: absolute;width:100%;left:0;top:50%;transform: translateY(-50%);color:#fff; z-index: 20;}
.HomeBan li .txt .tit {font-size: var(--font-size45);line-height: 1.3;  margin-bottom: 0.2rem;font-weight: 500;}
.HomeBan li .txt .desc{font-size: var(--font-size18); line-height: 1.875;}
.HomeBan li .txt .Homemore{margin-top:0.4rem;}

.HomeBan .slick-dots{position: absolute;left: 50%;transform: translateX(-50%);z-index: 10; bottom: 5%;}
.HomeBan .slick-dots li{margin:0 .12rem !important;width:0.14rem;height:0.14rem; border: 0.02rem solid var(--white); opacity:1;display: inline-block;border-radius: 0.5rem;}
.HomeBan .slick-dots li.slick-active{background:var(--white); }
.HomeBan .slick-dots li button{display: none;}

@media (min-width:1025px) {
.HomeBan .wap{display: none;} 
.HomeBan .text{width: 48%;}
}
@media(max-width:1024px){
.HomeBan .pc{display: none;} 
.HomeBan li .txt .tit {font-size: var(--font-size30); margin-bottom: 0.1rem;}
.HomeBan li .txt .desc{font-size: var(--font-size16); line-height: 1.8;}
.HomeBan li .txt .Homemore{margin-top:0.2rem;}
.HomeBan li .txt .btn a{line-height: 0.45rem;padding:0 0.2rem;}
.HomeBan .slick-dots{bottom:0.2rem;}
.HomeBan  li.slick-slide video{left: -100%;top: 100%; opacity: 0;}
.HomeBan  li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/play.png) no-repeat center center;background-size: auto 0.5rem; z-index: 20;}
.HomeBan  li.video-show .open-video{left: -100%;opacity: 0; transform: translateX(-100%);}
.HomeBan  li.video-show video{left: 50%; top: 50%; opacity: 1;}
}


.HomeRes{padding:var(--padMar80) 0;}
.HomeRes ul{ display: flex; flex-wrap: wrap;}
.HomeRes li{ float: left; margin-right: 2%; transition: all 0.5s ease 0s; text-align: center;overflow: hidden; padding: 0.3rem 0.24rem;position: relative;height: 4rem; background: #f8f9fa;border-radius: var(--radius);}
.HomeRes li a{ display: block;}
.HomeRes li .inner{position: absolute;left: 0; width: 100%; bottom: 0vw;padding: 0.24rem;}
.HomeRes li .icon { width: 1rem; height: 1rem; border: 0.02rem solid var(--hover-color); border-radius: 0.5rem; position: relative;display: flex;justify-content: center;align-items: center; margin: 0 auto 0.3rem;}
.HomeRes li .icon img {max-width: 0.55rem;position: relative;}
.HomeRes li .txt {}
.HomeRes li .tit {font-size:var(--font-size24); line-height: 1.5; color: var(--black); margin-bottom: 0.12rem; font-weight: 500;}
.HomeRes li .desc{font-size:var(--font-size16); line-height:1.875;color:var(--grey2); text-align: left;transition: 0.4s; height: 0; }
.HomeRes li .more{display: flex;justify-content: center; margin-top:0.2rem;}
.HomeRes li .more .ico {display: block;width: 0.5rem;height: 0.5rem; border-radius: 50%; position: relative; overflow: hidden;border: 0.01rem solid var(--grey2); }
.HomeRes li .more .ico:before { position: absolute; content: ''; z-index: 5; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/more2.svg) no-repeat center; background-size: auto 0.12rem; }
.HomeRes li:hover{ background:var(--hover-color) ;transform: translateY(-0.1rem);}
.HomeRes li:hover .icon{ background: var(--white); border-color: var(--white);}
.HomeRes li:hover .tit{ color: var(--white);}
.HomeRes li:hover .more .ico{ background-color: var(--white); border-color: var(--white);}
.HomeRes li:hover .more .ico:before{ background-image:url(../images/more.svg) ;}
.HomeRes li:hover .desc{  height: auto;color: var(--white);}


@media (min-width:1025px) {
.HomeRes li{width: 23.5%;}
.HomeRes li:nth-child(4n){margin-right: 0;}
}
@media(max-width:1024px){
.HomeRes li{width: 48%; margin-right: 4%;margin-bottom: 4%;}
.HomeRes li:nth-child(2n){margin-right: 0;}
}
@media(max-width:640px){
.HomeRes li{width: 49%; margin-right: 2%; margin-bottom: 4%;padding: 0.2rem;height: 3.5rem;}
.HomeRes li .inner{padding: 0.2rem;}
.HomeRes li .icon { width: 0.6rem; height: 0.6rem;margin: 0 auto 0.2rem;}
.HomeRes li .icon img {max-width: 0.36rem;}
.HomeRes li .tit{font-size: var(--font-size20);height: 3em;}
.HomeRes li .desc{text-align: center; }
.HomeRes li .more{margin-top:0.2rem;}
.HomeRes li:hover .tit{ height: auto;}
}



.HomeRD{padding:var(--padMar80) 0; position: relative;z-index: 2; }
.HomeRD .Ispic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: top;z-index: -1;}
.HomeRD .intro{ margin-bottom: 0.4rem;}
.HomeRD .info{font-size:var(--font-size18);color:var(--white); line-height: 1.875; text-align: center;max-width: 11rem; margin: 0 auto; }

.HomeRD ul{ display: flex; flex-wrap: wrap;}
.HomeRD li{position: relative;float: left;width: 32%; margin-right: 2%; transition: all 0.5s ease 0s;padding:0.5rem 0.5rem; background-color: rgba(255,255,255,0.9); border-radius: var(--radius);}
.HomeRD li:nth-child(3n){margin-right: 0;}
.HomeRD li a{display: block; position: relative;}
.HomeRD li .inner{position: relative;z-index: 1; display: flex; align-items: center;margin-bottom: 0.3rem;}
.HomeRD li .icon { width: 0.8rem; height: 0.8rem; background-color: #6375b3; border-radius: 0.5rem;display: flex;justify-content: center;align-items: center;margin-right: 0.24rem;}
.HomeRD li .icon img {max-width: 0.45rem;}
.HomeRD li:nth-child(2) .icon{background-color: #4d81b4;}
.HomeRD li:nth-child(3) .icon{background-color: #07a8c6;}
.HomeRD li .tit{font-size:var(--font-size26);color: var(--black); font-weight: 500;}
.HomeRD li .desc{font-size:var(--font-size16);line-height: 1.875;color: var(--grey2);}
.HomeRD li .more{ margin-top:0.3rem;}
.HomeRD li .more .icon {display: block;width: 0.5rem;height: 0.5rem; border-radius: 50%; position: relative; overflow: hidden;border: 0.01rem solid var(--grey2);  background: none;}
.HomeRD li .more .icon:before { position: absolute; content: ''; z-index: 5; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/more2.svg) no-repeat center; background-size: auto 0.12rem; }
.HomeRD li:hover{transform: translateY(-0.1rem);  background-color: rgba(255,255,255,1);}
.HomeRD li:hover .more .icon{ background-color: var(--hover-color); border-color: var(--hover-color);}
.HomeRD li:hover .more .icon:before{ background-image:url(../images/more-w.svg) ;}

.HomeRD li:hover .num{top: -0.75rem;color: var(--blue);}
.HomeRD li:hover .tit{color: var(--hover-color);}


@media (min-width:1025px) {
}
@media(max-width:1024px){
.HomeRD li{width: 100%; margin-right: 0%; margin-bottom: 4%;padding: 0.3rem;}
.HomeRD li .more{margin-top:0.2rem;}
}



/*Floor003210 */
.Floor003210{padding:var(--padMar80) 0; position: relative;z-index: 1; overflow: hidden;   }
.Floor003210 .Homemore{position: absolute;right:0;top:0rem;}
.Floor003210 .swiper-wrapper{height: auto;}
.Floor003210 .inner{position: relative;z-index: 3; margin-top: 0rem; align-items: stretch;}
.Floor003210 .left{border-bottom: 1px solid #e5e5e5;}
.Floor003210 .item a{align-items: stretch;}
.Floor003210 .item + .item{margin-top: 0.4rem;}
.Floor003210 .item .pic{width: calc(240 / 760 * 100%); flex-shrink: 0; overflow: hidden; border-radius: var(--radius);}
.Floor003210 .item .imgbox{padding-bottom: 65%;transition: 0.3s;}
.Floor003210 .item a:hover .imgbox img{transform: scale(1.1);}
.Floor003210 .item .txt{flex: 1; margin-right: 0.39rem; border-bottom: 1px solid #e5e5e5;display: flex; flex-direction: column; padding-right: 0rem;overflow: hidden}
.Floor003210 .item time{font-size: var(--font-size16);color:#999; font-weight: lighter;}
.Floor003210 .item .txt .tit{font-size:var(--font-size20);color:var(--black);margin:0.1rem 0;}
.Floor003210 .item a:hover .txt  .tit{color:var(--hover-color);}
.Floor003210 .item .txt p{margin: 0.05rem 0 0 0; line-height:1.8;color:var(--grey2); }
.Floor003210 .swiper-img{position: relative;z-index: 2;overflow: hidden;}
.Floor003210 .swiper-img .pages{position: absolute; right: 0;height: 1.5rem;width: 1.5rem;display: flex;justify-content: flex-end; align-items: flex-end; bottom: 0rem;z-index: 10; left: auto; padding-bottom: 0.1rem; padding-right: 0.1rem;}
.Floor003210 .swiper-img .pages:after{content:'';position: absolute; width:100%;height: 100%;display: block;background:var(--hover-color);z-index: -1;right:-0.5rem;bottom:-0.8rem;border-radius: 50%;}
.Floor003210 .swiper-img .pages span{display: block;width: 0.16rem; height: 0.16rem; border: solid 2px transparent; position: relative;border-radius: 50%; transition: 0.3s; cursor: pointer;}
.Floor003210 .swiper-img .pages span + span{margin-left: 0.05rem;}
.Floor003210 .swiper-img .pages span:after{position: absolute; content: '';left: 50%;top: 50%;border-radius: 50%;width: 0.08rem; height: 0.08rem; transform: translate(-50%,-50%);opacity: 0.5; background-color: var(--white); transition: 0.3s;}
.Floor003210 .swiper-img .pages span.active{border-color: var(--white);}
.Floor003210 .swiper-img .pages span.active:after{opacity: 1;}
.Floor003210 .swiper-img .imgbox{padding-bottom: 65%;transition: 0.3s;border-radius: var(--radius);}
.Floor003210 .swiper-img a:hover .imgbox img{transform: scale(1.1);}
.Floor003210 .swiper-txt .txt time{display: flex;align-items: flex-end; line-height: 1; height: 0.45rem; font-size: var(--font-size16);color:#999;font-weight: lighter;}
.Floor003210 .swiper-txt .tit{margin: 0.15rem 0 0.15rem 0;font-size:var(--font-size20); font-weight: normal; color:var(--black);}
.Floor003210 .swiper-txt a:hover .tit{color:var(--hover-color);}
.Floor003210 .swiper-txt p{color:var(--grey2);  margin: 0;line-height: 1.8;}
@media (min-width:1025px) {
.Floor003210 .left{width: calc(580 / 1400 * 100%);}
.Floor003210 .right{width: calc(760 / 1400 * 100%);}
}
@media (max-width:1024px) {
.Floor003210 .left{padding-bottom: 0.3rem; margin-bottom: 0.3rem;}
.Floor003210 .item + .item{margin-top:0.25rem;}
.Floor003210 .item .txt{margin-right: 0.2rem; }
.Floor003210 .item time{ display: none;}
.Floor003210 .item .txt .tit{margin:0;}
.Floor003210 .item .txt p{font-size: var(--font-size16);}
.Floor003210 .item .pic{width: 37%;}
}





/*Bottom002900 */
.Bottom002900{background: var(--hover-color);padding: var(--padMar60) 0 0 0;background: url('../images/bottom-bg.jpg') no-repeat center center;background-size: cover;}
.Bottom002900,
.Bottom002900 a{color: rgba(0,0,0,.8);}
.Bottom002900 a:hover{ color: var(--hover-color);}
@media(min-width:1025px){
.Bottom002900 .contact{width: 26%;max-width: 3.5rem;}
.Bottom002900 .b_nav{max-width: 10rem;width: 66%;}
}

.Bottom002900 .b_nav nav dl{float: left; max-width: 2rem;}
.Bottom002900 .b_nav nav dt { margin-bottom: 0.2rem;font-size: var(--font-size18);color: var(--black);  position: relative; }
.Bottom002900 .b_nav nav dt a{color: var(--black);}
.Bottom002900 .b_nav nav dt a:hover{color: var(--hover-color);}
.Bottom002900 .b_nav nav dd{line-height: 0.24rem;padding: 0.05rem 0;}
.Bottom002900 .b_nav nav dd a{font-size: var(--font-size16);}
.Bottom002900 .b_nav nav dd a:hover{color: var(--hover-color);}
@media(max-width:1024px){
 .Bottom002900 .b_nav nav{display: none;}
}
.Bottom002900 .copyright{line-height: 2;background: #333;padding: 0.2rem 0 ;margin-top: 0.3rem;font-size: var(--font-size14); color: rgba(255,255,255,0.6); }
.Bottom002900 .copyright a{color: rgba(255,255,255,0.6);}
.Bottom002900 .copyright .fr a:not(:last-child):after{display: inline-block;content: '';width: 1px;height: 0.12rem;background: rgba(255,255,255,0.5);margin: 0 0.15rem;vertical-align: middle;}
.Bottom002900 .copyright a:hover{ color: var(--white);}
.Bottom002900 a:hover{color: var(--hover-color);opacity: 1!important;}
.Bottom002900 .logo img{max-height:0.6rem;}
.Bottom002900 .contact .hotline .tit{color: var(--white);display: flex;align-items: center}
.Bottom002900 .contact .hotline .tit::before{content: '';width:0.2rem;height: 0.2rem;  background: url(../images/Bottom-tel.svg) no-repeat left center; background-size: calc(20 / 16* 1em) auto;margin-right: 0.1rem}
.Bottom002900 .contact .num{font-size: var(--font-size36); font-weight: bold; margin-bottom: 0.18rem;line-height: 1;color: var(--orange);}
.Bottom002900 .contact p{ margin: 0.06rem 0; line-height: 1.6; display: flex; }
.Bottom002900 .contact p span{ flex: 0 0 auto;}
.Bottom002900 .share li{float: left;position: relative;}
.Bottom002900 .share li figure{position: absolute; left: 0; bottom: 100%; width: 120px; padding: 5px;background: #fff; margin-bottom: 0.1rem;border-radius: 0.1rem;display: none;}
.Bottom002900 .share li figure img{display: block;width: 100%;}
.Bottom002900 .share li figure:before{position: absolute; content: '';border:5px solid transparent; left: 20px; top: 100%;border-top-color: #fff;}
.Bottom002900 .share li:not(:last-child){margin-right: 0.15rem;}
.Bottom002900 .share li a{display: block;background: rgba(0,0,0,0.15); width: 0.45rem; height: 0.45rem;background-position: center center;background-repeat: no-repeat; background-size: 0.22rem auto; border-radius: 50%; cursor: pointer;}
.Bottom002900 .share li a:hover{background-color: var(--blue);}
@media(min-width:1025px){
.Bottom002900 .logo{ margin-bottom: 0.26rem;}
.Bottom002900 .contact .tit{padding-bottom: 0.16rem;}
.Bottom002900 .share{margin: 0.25rem 0 0 0;}
}
@media(min-width:1025px) and (max-width:1280px){
.Bottom002900 .share li:not(:last-child){margin-right: 2vw;}
}
@media(max-width:1024px){
.Bottom002900{text-align: center;}
.Bottom002900 .logo{padding: 0 20% 3%;}
.Bottom002900 .contact .tit{padding: 3vw 0;justify-content: center;}
.Bottom002900 .share ul{margin: 0 auto;display: table;}
.Bottom002900 .share li figure{left: 50%; margin-left: -60px;}
.Bottom002900 .share li figure:before{left: 50%; margin-left: -5px;}
.Bottom002900 .contact p{justify-content: center;}
}

@media(max-width:640px){
.Bottom002900 .contact .num{ font-size:var(--font-size30);}
}



.cbanner{position: relative}
.cbanner .Ispic{padding-bottom: 33.403%;}
.cbanner .txt{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 2;}
.cbanner .txt .tit{font-size: var(--font-size48);color: #fff; font-weight: 500;  padding-bottom: .2rem}
.cbanner .txt .desc{font-size: var(--font-size22);color: #fff;}
@media (min-width:1025px) {
.cbanner .wap{display: none;}   
}
@media (max-width:1024px) {
.cbanner .pc{display: none;}  
.cbanner .txt .tit{font-size: var(--font-size32);}  
.cbanner .txt .desc{font-size: var(--font-size18);}
}


/*Menu003135 */
.Menu003135{position: relative;z-index: 3; border-bottom: 1px solid rgba(0,0,0,0.1);}
.Menu003135 .current{font-size:var(--font-size16); padding-left:.25rem;background: url(../images/Menu003135-icon.svg) no-repeat left center; background-size:.16rem auto; line-height:.8rem;}
.Menu003135 .current,
.Menu003135 .current a:not(:hover){color: var(--grey); }
.Menu003135 .current span{color:var(--grey2);}
.Menu003135 .nav-menu li{float: left;font-size:var(--font-size18);line-height:.8rem;}
.Menu003135 .nav-menu li:not(:last-child){margin-right: calc(60 / 1920 * 100vw);}
.Menu003135 .nav-menu li a{display: block;position: relative; color: var(--black); }
.Menu003135 .nav-menu li a:after{position:absolute;left: 50%;transform: translateX(-50%);bottom:0;content:'';height:0.03rem;width:0;background-image: linear-gradient(to right, #627cb9, #12b8d7); transition: 0.3s;}
.Menu003135 .nav-menu li.aon a,
.Menu003135 .nav-menu li:hover a{color:var(--hover-color);}
.Menu003135 .nav-menu li.aon a:after,
.Menu003135 .nav-menu li:hover a:after{width: 100%;}
@media (max-width:1024px) {
.Menu003135 .current{display: none;}  
.Menu003135 .nav-menu li{line-height: 0.6rem;} 
.Menu003135 .nav-menu li{display: inline-block;float:none;}
}


.lm-title{margin-bottom:0.4rem; line-height: 1.4;}
.lm-title.center{text-align: center;}
.lm-title .cn{font-size:var(--font-size42);color: var(--black);font-weight: 500;}
.lm-title .dec{font-size:var(--font-size36);color: var(--black); }
.lm-title .info{font-size: var(--font-size20);color: var(--grey);line-height: 1.8;margin-top:0.15rem;}
.lm-title .info p{margin:0.1rem 0;}
.lm-title.white .cn {color: #fff;}
.lm-title.white .dec {color: #fff;}
.lm-title.white .info{color:#fff;}
@media(max-width:1024px){
.lm-title{margin-bottom:0.3rem;}
.lm-title .cn{font-size:var(--font-size32);}
.lm-title .dec{font-size:var(--font-size28);}
}


.AboutInfo{padding:var(--padMar100) 0;}
.AboutInfo .edit_info{font-size: var(--font-size16); color: var(--black); line-height: 1.875;}
.AboutInfo .edit_info p{margin-top: 0; margin-bottom: 0.1rem;}
.AboutInfo .pic img{ border-radius: var(--radius);}
.AboutInfo .swiper figure{ position: relative; padding-bottom: 65%; overflow: hidden;}
.AboutInfo .swiper figure img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.AboutInfo .swiper_box{ position: relative;}

@media (min-width:1025px) {
.AboutInfo .intro{display: flex; justify-content: space-between; align-items: center;}
.AboutInfo .left{width: 47%;}   
.AboutInfo .right{ width: 47%;}
.AboutInfo .swiper figure img{ transition: all 0.5s;}
.AboutInfo .swiper figure img:hover{ transform: scale(1.1);}
.AboutInfo .swiper-button-prev{ left: -5%;}
.AboutInfo .swiper-button-next{ right: -5%;}
}


.Culture{padding:var(--padMar100) 0; background-color: #f2f6fa;}
.Culture .info{font-size: var(--font-size18); color: var(--grey); line-height: 1.875; max-width: 10.7rem; margin:0  auto; text-align: center; margin-bottom: var(--padMar50);}
.Culture .left .imgbox{width: 100%;height: 100%;}
.Culture .left .imgbox img{width: 100%;height: 100%;object-fit: cover;border-radius: var(--radius);}
.Culture .right{display: flex;flex-wrap: wrap;width:100%;}
.Culture .item{background-color: #fff;border-radius:var(--radius);overflow: hidden;padding: 0.4rem 0.4rem;position: relative;display: flex;align-items: center;width:49%;margin-right:2%;margin-bottom:2%;}
.Culture .item:nth-child(2n){margin-right:0;}
.Culture .item .icon{margin-right: 0.24rem;width: 0.8rem;height: 0.8rem;border: 2px solid var(--hover-color);border-radius: 0.5rem;display: flex;align-items: center;justify-content: center;flex: 0 0 auto;}
.Culture .item .icon img{ max-width: 0.45rem; }
.Culture .item .tit{font-size: var(--font-size24);color: var(--black);margin-bottom: 0.1rem;font-weight: 500;}
.Culture .item .desc{color: var(--grey);font-size: var(--font-size16);line-height: 1.75;}
.Culture .item .desc p{margin:0.05rem 0;}
@media (min-width:1025px) {
.Culture .box{ display: flex;justify-content: space-between;}
.Culture .left{width: 50%;} 
.Culture .right{} 
.Culture .item,
.Culture .item .icon img{ transition: all 0.5s;}
.Culture .item:hover{ box-shadow: 0 0 .2rem rgba(0,0,0,0.1); }
.Culture .item:hover .icon img{ transform: rotateY(180deg); }
}
@media(max-width:1024px){
.Culture .item{padding: 0.24rem;width:100%;margin-right:0;}
.Culture .item .icon{margin-right:0.2rem;}
.Culture .left{ margin-bottom: 0.2rem;}
}



/*Timeline000913 */
.Timeline000913{padding:var(--padMar100) 0 0 0;}
.Timeline000913 .main{position: relative; z-index: 1;padding-bottom: var(--padMar100); }
.Timeline000913 .main .quan{display: block;width: 0.1rem; height: 0.1rem; border-radius: 50%; background: #fff;border: 1px solid #dedede;}
.Timeline000913 .main:before{position: absolute; content:'';width: 1px; top: 0.1rem; bottom: 0;background: #e5e5e5; }
@media(min-width:769px){
.Timeline000913 .main .quan{ margin: 0 auto; }
.Timeline000913 .main:before{left: 50%;}
.Timeline000913 .outer > .ytable-cell{width: 50%;}
}
@media(max-width:768px){
.Timeline000913 .outer,
.Timeline000913 .outer > .ytable-cell{display: block;}
.Timeline000913 .main:before{left: 5px;}
}

.Timeline000913 .item{position: relative;z-index: 4;}
.Timeline000913 .item:not(:last-child){margin-bottom: 0.3rem;}
.Timeline000913 .info{position: relative;}
.Timeline000913 .info:before{position: absolute; content: ''; top: 50%; margin-top: -0.16rem; border:0.16rem solid  transparent;}
.Timeline000913 .info .inner{background: #f4f7fc; padding: 0.3rem; border-radius: var(--radius);}
.Timeline000913 .pic{width: 35%;}
.Timeline000913 .tit{font-size: var(--font-size24); color: var(--black); font-weight: 500; margin-bottom: 0.12rem;}
.Timeline000913 .pre p{position: relative; font-size: var(--font-size18); color: var(--grey); line-height: 1.8;margin:0.1rem 0;}
.Timeline000913 .year{color: var(--hover-color);font-size: var(--font-size42);font-weight: 500;}
.Timeline000913 .year aside{background-repeat: no-repeat;background-image: url("../images/Timeline000913_icon.png");}
@media(min-width:769px){
.Timeline000913 .item:nth-of-type(2n-1) .info{padding-right: 0.32rem;}
.Timeline000913 .item:nth-of-type(2n) .info{padding-left: 0.32rem;}
.Timeline000913 .item:nth-of-type(2n-1) .info:before{right: 0;border-left-color: #f4f7fc;}
.Timeline000913 .item:nth-of-type(2n) .info:before{left: 0;border-right-color: #f4f7fc;}
.Timeline000913 .item:nth-of-type(2n-1) .pre{padding-left: 0vw;}
.Timeline000913 .item:nth-of-type(2n) .pre{padding-right: 0vw;}
.Timeline000913 .item:nth-of-type(2n-1) .year aside{margin-left: -0.1rem;background-position: left center;}
.Timeline000913 .item:nth-of-type(2n-1) .year aside:before,
.Timeline000913 .item:nth-of-type(2n) .year aside:after{display: inline-block; content: ''; width: 0.3rem; height: 1px; vertical-align: middle;background: #e5e5e5; margin: -0.1rem 0.32rem 0;}
.Timeline000913 .item:nth-of-type(2n) .year aside{background-position: right center;margin-right: -0.11rem; text-align: right;}
}
@media(max-width:768px){
.Timeline000913 .main{margin-left: 3vw;}
.Timeline000913 .year{font-size: var(--font-size32);}
.Timeline000913 .tit{font-size: var(--font-size20);}
.Timeline000913 .year aside{padding-left: 0.32rem;background-position: left center;margin-left: -0.05rem;}
.Timeline000913 .year aside:before{display: inline-block; content: ''; width: 30px; height: 1px; vertical-align: middle;background: #d9d9d9; margin: -1vw 3vw 0;}
.Timeline000913 .info .inner{padding: 0.2rem;}
.Timeline000913 .info{padding: 0.24rem;}
}
@media(max-width:480px){
.Timeline000913 .pic{width:45%;}
}



.SocialInfo{padding:var(--padMar100) 0 ;}
.SocialInfo .subtitle{font-size: var(--font-size26); color: var(--black); line-height: 1.875;  text-align: center; margin-top: 0.24rem;}
.SocialInfo li{background-color: #f6f8fa; border-radius: var(--radius); overflow: hidden;}
.SocialInfo li:not(:last-child){margin-bottom: 0.4rem;}
.SocialInfo li .info{flex: 1;padding:0.2rem 0.6rem;}
.SocialInfo li .imgbox img{height: auto;}
.SocialInfo li .icon{ margin-bottom: 0.18rem;}
.SocialInfo li .icon img{ max-width:0.5rem; transition: all 0.5s;}
.SocialInfo li .title{padding-bottom: 0.16rem;margin-bottom: 0.2rem;border-bottom: 1px solid #ededed;}
.SocialInfo li .title .tit{line-height: 1.2;font-size: var(--font-size30);color: var(--hover-color); font-weight: 500;margin-bottom: 0rem; }
.SocialInfo li .title .subtit{line-height: 1.2;font-size: var(--font-size24);color: var(--black);}

.SocialInfo li .desc{font-size: var(--font-size16); color:var(--grey); line-height: 1.75;}
.SocialInfo li .desc h4{ margin: 0;font-size:var(--font-size16);color:var(--grey);line-height:1.75; font-weight: normal;}
.SocialInfo li .desc p{display: inline-block; margin: 0; padding-left:.16rem;position:relative;margin-top:.1rem; line-height: 1.75;}
.SocialInfo li .desc p:before{content:'';display:block;position:absolute;left:0;top:.13rem;width:.05rem;height:.05rem;border-radius:50%;background-color:var(--hover-color);}


.SocialInfo li:nth-child(even){flex-direction: row-reverse;}
@media (min-width:1025px) {
.SocialInfo li{ display: flex; justify-content: space-between; align-items: center; transition: all 0.5s;}
.SocialInfo li .imgbox{width: 48%;}
.SocialInfo li:hover{ box-shadow: 0 0.05rem 0.1rem rgba(0,0,0,0.1);}
.SocialInfo li:hover .icon img{ transform: rotateY(180deg);}
}

@media (max-width:1024px) {
.SocialInfo .subtitle{font-size: var(--font-size20); margin-top: 0.15rem;}
.SocialInfo li .imgbox{width: 100%;}
.SocialInfo li .info{padding: 0.24rem;}
.SocialInfo li .title .tit{font-size: var(--font-size26);}
.SocialInfo li .title .subtit{font-size: var(--font-size22);}
}


.Videolist{padding:var(--padMar100) 0 ;}
.Videolist ul{ display: flex; flex-wrap: wrap;}
.Videolist li{ float: left;margin-bottom: 2%;  border-bottom:0.01rem solid #eee ;}
.Videolist li a{position: relative;}
.Videolist li .play{display: block;width: 0.48rem; height: 0.48rem; border-radius: 50%; background: var(--black) url(../images/play.png) no-repeat center center; background-size: 0.16rem auto; position: relative; z-index: 4;z-index: 5;position: absolute;left: 0.3rem;bottom: 0.26rem;transition: all 0.5s;}
.Videolist li:hover .play{transform: scale(1.1);background-color: var(--hover-color)}

.Videolist li .imgbox{padding-top: 65.28%;transition: all 0.5s; border-radius: var(--radius);}
.Videolist li .imgbox:after{z-index: 2;left: 0;bottom: 0;width: 100%;height: 30%;content: "";position: absolute;background-image: linear-gradient(to bottom, rgba(0,0,0,0) , rgba(0,0,0,0.57));}
.Videolist li .txt{padding: 0.2rem 0rem;;transition: all 0.5s;overflow: hidden;}
.Videolist li .txt .tit{font-size:var(--font-size20); color: var(--black); line-height: 1.5; margin-bottom: 0.12rem;}
.Videolist li time{color: var(--grey2);margin-top: 0.1rem;}
.Videolist li:hover .txt .tit{ color: var(--hover-color);}

@media (min-width:1025px) {
.Videolist li{width: 32%;}
.Videolist li:not(:nth-child(3n)){margin-right: 2%;}   
}
@media(max-width:1024px){
.Videolist li{width: 49%;margin-right: 2%;}
.Videolist li:nth-child(2n){margin-right: 0%;}   
}

@media(max-width:640px){
.Videolist li{width: 100%;margin-right: 0%; margin-bottom: 4%;}
}


.Videolist .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.Videolist .video_files video{width:100%; height:100%; background-color:#000;}
.Videolist .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 20;width: 0.3rem;height: 0.3rem;border-radius: 50%;background-color: var(--hover-color);cursor: pointer;}
.Videolist .video_files .close::before,
.Videolist .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.Videolist .video_files .close::before{ transform:rotate(45deg);}
.Videolist .video_files .close::after{ transform:rotate(-45deg);}

.Videolist > .Popup{position: fixed;background:rgba(0, 0, 0, 0.75);}
.Videolist .videobox .Popup{position: absolute;}
.Videolist .Popup{ width: 100%; height: 100%; top: 0; left: 0; z-index: 100;}
.Videolist .Popup .ytable{height: 100%;}
.Videolist .Popup .ytable .video{ max-width: 10rem; width: 80%;  margin: 0 auto; padding: 10px; background: #fff; box-shadow: 0 0 20px 5px rgba(0,0,0,.15);}
.Videolist .Popup video{ width: 100%; }
.Videolist .videobox .Popup video{ height: 100%;background: #000; }
.Videolist .Popup .close{position: absolute;right: 0.2rem;top: 0.2rem; width: 0.3rem; height: 0.3rem; cursor: pointer; z-index: 10; cursor: pointer;}
.Videolist .Popup .close:before,
.Videolist .Popup .close:after{position: absolute;width: 100%; left: 0; top: 50%; height: 3px; margin-top: -1.5px; background: #fff; content: '';transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.Videolist .Popup .close:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}



/*Page002623 */
.Page002623{padding: var(--padMar60) 0 0% 0 ; text-align: center;font-size: var(--font-size18);}
.Page002623 .Pages a.a_first,
.Page002623 .Pages a.a_end,
.Page002623 .Pages > span:not(.p_page){display: none;}
.Page002623 .Pages em{float: left;margin: 0 0.2rem; font-style: normal;}
.Page002623 .Pages .p_page{display: table; margin: 0 auto;}
.Page002623 .Pages a{float: left;line-height: 0.5rem; width: 0.5rem; margin: 0 5px; border: 1px solid #eee; border-radius: 0.5rem;background: #fff;}
.Page002623 .Pages a.a_cur,
.Page002623 .Pages a:hover{color: #fff;background: var(--hover-color); }
.Page002623 .Pages .p_page > a{font-size: 0;height: 0.5rem;position: relative; }
.Page002623 .Pages .p_page > a:before{position: absolute;content: '';border-top: 0.02rem solid #666;border-right: 0.02rem solid #666;left: 50%;top: 50%;width: 0.1rem;height: 0.1rem;transform: rotate(45deg);margin: -0.05rem 0 0 -0.05rem;}
.Page002623 .Pages .p_page > a.a_prev:before{transform: rotate(-135deg);}
.Page002623 .Pages a.a_prev:hover:before{border-color: #fff;}
.Page002623 .Pages a.a_next:hover:before{border-color: #fff;}
@media(max-width:640px){
.Page002623 .Pages em{display: none;}
}

.Cosmetic{padding:var(--padMar100) 0 ;}
.Cosmetic .filter{margin-bottom: 3%;display: flex;}
.Cosmetic dl{position: relative; z-index: 10;width: 25%;margin-right: 0.2rem;cursor: pointer; }
.Cosmetic dl dd{position: absolute; top: 100%; left: 0; width: 100%; z-index: 100;background: #f9f9f9;display: none; border-radius: 0.05rem;}
.Cosmetic dl dd a{display: block;padding: 0.1rem 0.2rem;line-height: 0.3rem; transition: 0.3s;}
.Cosmetic dl dd a:hover{background: var(--hover-color);color: #fff;}
.Cosmetic dl dt{position: relative;line-height: 0.5rem;background: #f8f8f8;padding-right: 0.32rem; padding-left: 0.2rem;border-radius: 0.05rem;}
.Cosmetic dl dt:after{position: absolute; content: '';border: 4px solid transparent; border-top-color: #666; border-top-width: 6px;right: 20px; top: 50%; margin-top: -4px;}
.Cosmetic ul.search{position: relative;padding-right: 132px; z-index: 2;}
.Cosmetic ul.search .btn{position: absolute;right: 0; top: 0; width: 120px; line-height: 50px; background: var(--hover-color); text-align: center; color: #fff;}
.Cosmetic ul.search .text{width: 100%; line-height: 50px; height: 50px; background: #f5f5f5; border: 0;padding: 0 20px;color: #dadada;}
.Cosmetic ul.search .text.focus{color: #333;}

.Cosmetic table{width: 100%;text-align: center;}
.Cosmetic table a{ display: flex; align-items: center;}
.Cosmetic table img{max-width: 0.3rem;margin-right: 0.12rem;vertical-align:middle;}
.Cosmetic table tr,
.Cosmetic table td{padding:0.16rem 0.2rem;font-size: var(--font-size16);color: #333;border: 1px solid #dcdcdc;}
.Cosmetic table tr.color{background-color: rgba(0, 122, 195, 0.05);}
.Cosmetic table tr:first-child td{padding: 0.22rem 0.2rem;font-size: var(--font-size18);font-weight: 500;background-color: var(--hover-color);color:#fff;}
.Cosmetic table tr:first-child td:first-child{ text-align: left;}
.Cosmetic table td a:hover{ color: var(--hover-color);}
.Cosmetic table tr td:nth-child(1){ width: 30%;}
.Cosmetic table tr td:nth-child(2){ width: 20%;}
.Cosmetic table tr td:nth-child(3){ width: 50%;}

.CosmeInfo{padding:var(--padMar100) 0 ;}
.CosmeInfo .box{display:flex;justify-content: space-between; flex-wrap:wrap;padding-bottom:0.24rem;margin-bottom:0.24rem;border-bottom:1px solid #eee;font-size: var(--font-size18);line-height: 1.5;}
.CosmeInfo .ti{color:var(--grey);font-size: var(--font-size18);line-height: 1.5; margin-bottom: 0.1rem;}
.CosmeInfo .box  dd{color:var(--hover-color);font-size: var(--font-size24);}

.CosmeInfo .box_info{padding-bottom:0.24rem;margin-bottom:0.24rem;border-bottom:1px solid #eee;font-size: var(--font-size18);}
.CosmeInfo .info{display:flex;flex-wrap:wrap;}
.CosmeInfo .info p{ margin: 0; padding-left:.18rem;position:relative;margin-top:.1rem; color:var(--black);font-size: var(--font-size18); line-height: 1.75;}
.CosmeInfo .info p:before{content:'';display:block;position:absolute;left:0;top:.14rem;width:.05rem;height:.05rem;border-radius:50%;background-color:var(--hover-color);}

@media(min-width:1025px){
.CosmeInfo .info p{width:32%;}
}



/*Menu002956 */
.Menu002956{}
.Menu002956 nav{background: #f5f5f5;padding: 20px 0;border-radius: var(--radius);}
.Menu002956 ul{padding: 12px 0;}
.Menu002956 li:not(:last-child){border-bottom: 0.01rem solid #eee;}
.Menu002956 li a{display: block;line-height: 26px;padding: 12px 22px 12px 22px;font-size: 0.18rem;position: relative;display: flex;align-items: center;z-index: 1;}
.Menu002956 li a img{max-width:0.32rem;margin-right:0.12rem;}
.Menu002956 li a:after{position: absolute;content: '';border:4px solid transparent;border-top-width: 6px;border-top-color: var(--hover-color);top: 50%;margin-top: -4px;right: 22px;opacity: 0;transition: 0.3s;}
.Menu002956 li a:hover,
.Menu002956 li a.aon{color: var(--hover-color);}
.Menu002956 li a.click{color:#333;}
.Menu002956 li a.click:after{opacity: 1;}
.Menu002956 li dl{display: block;padding-bottom:0.1rem;}
.Menu002956 li dl dd{}
.Menu002956 li dl dd a{padding: 7px 30px 7px 63px;font-size:0.16rem;width: 100%;}
.Menu002956 li dl dd a:after{display: none}
@media(min-width:1025px){
.Menu002956{overflow: hidden;}
.Menu002956 ul{display: block!important;}
}
@media(max-width:1024px){
.Menu002956{position: relative; z-index: 40;padding-left:0;}
.Menu002956 ul{display: block;position: relative; left: 0px;top: 100%; right: 0; z-index: 40;padding:5px 0;}
.Menu002956 i.wap-open{position: absolute; width: 30px; height: 30px; right: 40px;background: #fff; z-index: 10; top: 50%;margin-top: -15px; border-radius: 50%; transition: 0.3s;}
.Menu002956 i.wap-open:before,
.Menu002956 i.wap-open:after{position: absolute; content: ''; left: 50%; top: 50%; background: #aa8461; transform: translate(-50%,-50%);}
.Menu002956 i.wap-open:before{width: 10px; height: 2px; }
.Menu002956 i.wap-open:after{width: 2px; height: 10px; }
.Menu002956 i.wap-open.on{transform: rotate(45deg);}
}
@media(max-width:640px){
.Menu002956 nav{padding: 10px 0;}
.Menu002956 h1 span{font-size: 5vw;}
.Menu002956 h1{padding: 3vw 0 3vw 20px; }
.Menu002956 i.wap-open{right: 6vw;margin-top: -12px;  width: 24px; height: 24px;}
}


.TechIntro{padding:var(--padMar80) 0 ;background: #f8f9fa;}
.TechIntro .Intro{font-size:var(--font-size18);color:var(--black); line-height: 1.8; text-align: center;}



.Efficacy{padding:var(--padMar100) 0 ;}
.Efficacy .tab_ul{ background: #f5f5f5;border-radius: var(--radius); overflow: hidden;}
.Efficacy .tab_ul li{  padding: 0.15rem 0.24rem;  border-bottom: 0.01rem solid #eee; cursor: pointer; color: var(--black);font-size: var(--font-size18);display: flex; align-items: center;}
.Efficacy .tab_ul li img{max-width: 0.32rem;margin-right: 0.12rem;}
.Efficacy .tab_ul li.on{ color: var(--hover-color);}

.Efficacy .right .toptitle{font-size:var(--font-size30);color:var(--black);font-weight: 500;margin-top:0;}
.Efficacy .right .h3{font-size: var(--font-size26);color:var(--hover-color);font-weight: 500;margin: 0 0 0.2rem;padding-bottom: 0.2rem;border-bottom: 1px solid rgba(0,0,0,0.1);}
.Efficacy .Singlepage .box{display:flex;justify-content: space-between; flex-wrap:wrap;padding-bottom:0.24rem;margin-bottom:0.24rem;border-bottom:1px solid #eee;font-size: var(--font-size18);line-height: 1.5;}

.Efficacy .Singlepage .title {cursor: pointer;position: relative;color: var(--black);padding-bottom: 0.2rem; margin-bottom: 0.2rem; border-bottom: 1px solid #eee;}
.Efficacy .Singlepage .title i {position: absolute;width: 0.24rem;height: 0.24rem;background:var(--hover-color);border-radius: 50%;right: 0;/* top: 50%;margin-top: -0.14rem; */}
.Efficacy .Singlepage .title i::before,
.Efficacy .Singlepage .title i::after {position: absolute;content: '';background: #fff;}
.Efficacy .Singlepage .title i::before {left: 25%;width: 50%;height: 2px;top: 50%;margin-top: -1px;}
.Efficacy .Singlepage .title i::after {left: 50%;margin-left: -1px;width: 2px;top: 25%;height: 50%;}
.Efficacy .Singlepage .title.select i::after {display: none;}
.Efficacy .Singlepage .title.select .ti{color: var(--hover-color);}

.Efficacy .Singlepage .ti{color:var(--black);font-size: var(--font-size18);line-height: 1.5; width: 95%;}
.Efficacy .Singlepage .box  dd{color:var(--hover-color);font-size: var(--font-size20);}

.Efficacy .Singlepage .box_info{padding-bottom:0.24rem;margin-bottom:0.24rem;border-bottom:1px solid #eee;font-size: var(--font-size18);}
.Efficacy .Singlepage .info{display:flex;flex-wrap:wrap;}
.Efficacy .Singlepage .info p{ margin: 0; padding-left:.18rem;position:relative;margin-top:.1rem; color:var(--black);font-size: var(--font-size16); line-height: 1.75;}
.Efficacy .Singlepage .info p:before{content:'';display:block;position:absolute;left:0;top:.12rem;width:.05rem;height:.05rem;border-radius:50%;background-color:var(--hover-color);}

.Efficacy .Singlepage .list{ display: none;}
.Efficacy .Singlepage .ullist{ display: flex; flex-wrap: wrap; margin-top: 0.2rem;}
.Efficacy .Singlepage .ullist li{float: left;margin-right: 2%; margin-bottom: 2%; overflow: hidden; cursor: pointer;}
.Efficacy .Singlepage .ullist li .imgbox{padding-bottom: 100%;transition: 0.3s;border: 0.02rem solid #eee; border-radius: var(--radius); }
.Efficacy .Singlepage .ullist li .imgbox img{ object-fit: contain;}
.Efficacy .Singlepage .ullist li p{text-align: center;}
.Efficacy .Singlepage .edit_info{font-size:var(--font-size18);line-height: 1.875;color:#333;}
.Efficacy .Singlepage .edit_info p{ margin:0.05rem 0;}

@media(min-width:1025px){
.Efficacy .main{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
.Efficacy .left{width: 3.2rem;position: sticky;}   
.Efficacy .right{ flex:1;margin-left:.6rem;width: calc(100% - 3.2rem); }

.Efficacy .Singlepage .info p{width:32%;}

.Efficacy .Singlepage .ullist li{ width: 32%;}
.Efficacy .Singlepage .ullist li:nth-child(3n){  margin-right: 0%;}
}
@media(max-width:1024px){
.Efficacy .left{ margin-bottom: 0.3rem;}
.Efficacy .tab_ul li{font-size: var(--font-size20);}
.Efficacy .Singlepage .info p{ width: 100%;}
.Efficacy .Singlepage .ullist li{ width: 100%;margin-right: 0%;}
}


.PlaIntro{padding:var(--padMar100) 0 ;}
.PlaIntro .Intro{font-size: var(--font-size18);color: var(--grey);line-height: 1.8;}
.PlaIntro .Intro.center{ text-align: center;}
.PlaIntro table{width: 100%;}
.PlaIntro table tr,
.PlaIntro table td{text-align: left; padding:0.12rem 0.16rem;font-size: var(--font-size16);color: #333;border: 1px solid #eee; }
.PlaIntro table tr:first-child td{font-size: var(--font-size18);font-weight: 500;background-color: var(--hover-color);color:#fff;}
.PlaIntro table tr:nth-child(2n+1) {background-color:#f8f9fb;}
.PlaIntro table tr td:first-child{ width: 15%;}
@media(max-width:1024px){
.PlaIntro table tr, .PlaIntro table td{padding:0.1rem 0.12rem;}
.PlaIntro table tr td:first-child{ width: 30%;}
}


.Scientific{padding:var(--padMar100) 0 ; background-color: #fffbf8;}
.Scientific .list ul{ display: flex; flex-wrap: wrap;}
.Scientific .list li{ float: left;  margin-right: 2%; border: 0.02rem solid #fff;background-image: linear-gradient(to bottom right, #fcf3ee, #ffffff); border-radius: var(--radius); padding: 0.35rem 0; box-shadow: 0 0 .15rem rgba(0, 0, 0, .05); transition: 0.3s; display: flex;align-items: center; }
.Scientific .list li:nth-child(2){background-image: linear-gradient(to bottom right, #fdf8e9, #ffffff);}
.Scientific .list li:nth-child(3){background-image: linear-gradient(to bottom right, #fcf3ee, #ffffff);}
.Scientific .list li .icon{width: 0.65rem; flex: 0 0 auto; margin-right: 0.12rem;}
.Scientific .list li .icon img{ max-width: 0.6rem;}
.Scientific .list li .txt{ flex: 1 1 auto; overflow: hidden;}
.Scientific .list li .tit,
.Scientific .list li .desc{padding:0 .35rem;}
.Scientific .list li .tit{font-size:var(--font-size24);color:var(--black); line-height: 1.3; margin-bottom:0.16rem; font-weight: 500;position:relative;}
.Scientific .list li .tit::before{content:'';display:block;position:absolute;left:0;background: #e27932;width:.08rem;height:.24rem;top:50%;border-radius: 0 0.04rem 0.04rem 0;transform:translate(0,-50%);}
.Scientific .list li:nth-child(2) .tit::before{background: #f4ba19;}
.Scientific .list li:nth-child(3) .tit::before{background: #e27932;}
.Scientific .list li .desc{font-size:var(--font-size16);line-height:1.875;color:var(--grey2); }

@media (min-width:1025px) {
.Scientific .list li{width:32%;}
.Scientific .list li:nth-child(3n){margin-right:0;}
}
@media (max-width:1024px) {
.Scientific .list li{width:100%;margin-right:0;margin-bottom: 0.2rem;padding: 0.3rem 0;}
.Scientific .list li .tit{font-size:var(--font-size20);}
}



.Natural{padding:var(--padMar100) 0 ;position: relative;z-index: 5;}
.Natural .desc{font-size: var(--font-size18);color: var(--grey); line-height: 1.8; text-align: center; max-width: 10rem; margin: 0 auto;  margin-top: 0.2rem;}

.Natural .box{position:relative;}
.Natural .box .img{width: 27%;margin: auto;position: relative;text-align: center;}
.Natural .img img{max-height:3rem;max-width:3rem;}
.Natural .title{text-align:center;color:var(--black);font-size: var(--font-size24);display: flex;justify-content:center;align-items:center;width:100%;height:100%;line-height:1.2; margin-top: 0.2rem;}

.Natural .list ul{display: flex; flex-wrap: wrap;justify-content: space-between;}
.Natural .list li {display: flex; flex-wrap: wrap;width: 40%; line-height: 1.5;cursor:pointer;padding: 0.1rem 0;}
.Natural .list li:nth-child(even){justify-content: flex-end}
.Natural .list li .inner{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;background-image: linear-gradient(90deg, #ebeef6 0%, rgba(228, 231, 242, 0.3) 100%);border-radius: var(--radius);padding: 0.3rem;font-size: var(--font-size20);color: var(--black);  width: 100%;border-bottom: 2px solid #fff;background:#f2f4f7; position: relative;}
.Natural .list li .inner::before{content:'';display:block;position:absolute;background-color:var(--hover-color);width:.08rem;height:.24rem; left: 0; top:50%;transform:translate(0,-50%);border-radius: 0 0.04rem 0.04rem 0;}
.Natural .list li:nth-child(2n) .inner{background: #fdf8e9;}
.Natural .list li:nth-child(2n+1) .inner{background: #fcf3ee;}
.Natural .list li:nth-child(2n) .inner::before{ background: #f4ba19;}
.Natural .list li:nth-child(2n+1) .inner::before{background: #e27932;}
@media (min-width:1025px) {
.Natural .list{position: absolute; width: 100%; top: 50%; transform: translateY(-50%)}
.Natural .list li .inner{width: 87%;}
.Natural .list li:nth-child(2n+1) .inner{justify-content: flex-end;text-align:right;}
.Natural .list li:nth-child(2n) .inner::before{ border-radius: 0 0.04rem 0.04rem 0;}
.Natural .list li:nth-child(2n+1) .inner::before{right:0;left: auto;border-radius:0.04rem 0 0 0.04rem;}
}

@media(max-width:1024px) {
.Natural .list li {width: 100%; }
.Natural .box .img{width:80%; margin-bottom: 0.2rem ;}
.Natural .list li .inner{font-size: var(--font-size18);}
}

.AppZebrafish{padding:var(--padMar100) 0 ; background: #f9fafc;}
.AppZebrafish .tit{font-size: var(--font-size32);color: var(--black); font-weight: 500;  margin-bottom: 0.2rem;}
.AppZebrafish .edit_info{font-size:var(--font-size18);line-height: 1.875;color:var(--grey);}
.AppZebrafish .edit_info p{ margin:0.1rem 0;}
.AppZebrafish .pic img{ border-radius: var(--radius);}
@media(min-width:1025px){
.AppZebrafish .box{display: flex; justify-content: space-between; align-items: center;}
.AppZebrafish .left{width: 47%;}   
.AppZebrafish .right{ width: 47%; }
}
@media(max-width:1024px){
.AppZebrafish .left{ margin-bottom: 0.2rem;}
.AppZebrafish .tit{font-size: var(--font-size24);}
}

.pb80{ padding-bottom: var(--padMar80);}
.pb40{ padding-bottom: 0.4rem;}
.pt40{ padding-top: 0.4rem;}

.Cosmeibai{padding:var(--padMar100) 0 ;}
.Cosmeibai .intro{font-size: var(--font-size18);color: var(--grey);line-height: 1.8;}
.Cosmeibai .intro.center{ text-align: center;}
.Cosmeibai .intro strong{ color: #333; }
.meibailist ul{display: flex;flex-wrap: wrap;margin: 0.4rem 0;}
.meibailist li{display: flex;align-items: center; margin-right: 2%;background-color: #f5f6fa;border-radius: var(--radius);padding: 0.3rem 0.3rem 0.3rem 0; overflow: hidden;transition: all .3s;}
.meibailist li .icon{ margin-right: 0.2rem;}
.meibailist li .icon img{max-width:0.6rem;}
.meibailist li .num{-webkit-text-stroke: 1px #b2d1f0;color: transparent;transform: translate(-.15rem, 0);font-size: var(--font-size60);font-weight:bold;line-height: 1.2;}
.meibailist li .txt{ flex: 1; margin-left: 0.3rem;}
.meibailist li .name{font-size: var(--font-size24);color: var(--black);margin-bottom: 0.1rem; line-height: 1.2;}
.meibailist li .desc{font-size: var(--font-size16); color:var(--grey2); line-height:1.75;}
.meibailist li:hover{background-color:var(--hover-color);}
.meibailist li:hover .name,
.meibailist li:hover .desc{color:#fff;}

@media(min-width:1025px){
.meibailist li{width: 32%;}
.meibailist li:nth-child(3n){ margin-right: 0;}
}
@media(max-width:1024px){
.meibailist ul{margin: 0.3rem 0;}
.meibailist li{width: 100%;padding: 0.24rem 0.24rem 0.24rem 0;margin-bottom: 2%;margin-right: 0;}
.meibailist li .txt{margin-left: 0.2rem;}
.meibailist li .name{font-size: var(--font-size20);}
}

.hxgx .title{font-size: var(--font-size32);color: var(--black);font-weight: 500; margin-bottom: 0.36rem; line-height: 1.2; text-align: center;}
.hxgx li{background-color: #f5f6fa; padding: 0.3rem;border-radius: var(--radius); margin-bottom: 0.2rem;}
.hxgx li .tit{font-size: var(--font-size24);color: var(--black);font-weight: 500; margin-bottom: 0.12rem; line-height: 1.4;}
.hxgx li .desc{font-size: var(--font-size16); color:var(--grey); line-height:1.75; }
.hxgx li .pic{ margin-top: 0.24rem;border-radius: var(--radius); overflow: hidden;}
@media(min-width:1025px){
.hxgx ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.hxgx li{width: 48.5%;}
}
@media(max-width:1024px){
.hxgx .title{font-size: var(--font-size26);margin-bottom: 0.3rem;}
.hxgx li{padding: 0.24rem;}
.hxgx li .tit{font-size: var(--font-size20);}
}


.Caselist{ padding-top: var(--padMar60);}
.Caselist .slider { margin: 0 -0.1rem; }
.Caselist .item{ margin: 0 0.1rem; text-align: center; overflow: hidden;}
.Caselist .item .pic{border-radius: var(--radius);overflow: hidden;}
.Caselist .item .imgbox{padding-top: 70.145%;  transition: 0.3s;}
.Caselist .item:hover .imgbox img{transform: scale(1.1);}
.Caselist .item .txt{padding: 0.2rem 0 0.1rem 0; }
.Caselist .item .tit{font-size: var(--font-size18);color: var(--black);  }
.Caselist .item:hover .tit{ color: var(--hover-color);}

.Caselist .slick-arrow{width: 0.5rem; height: 0.5rem;  border-radius: 0.5rem; z-index: 22;background-color: var(--white);position: absolute;top: 50%; padding: 0;right: 0;text-indent: -9999em;transition: 0.5s; transform: translate(0, -50%); box-shadow: 0 0 0.12rem rgba(0, 0, 0, 0.1);}
.Caselist .slick-arrow:before{position: absolute; content: ''; width: 20%; height: 20%;border-left: 2px solid var(--hover-color);border-top: 2px solid var(--hover-color); transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); left: 40%; top: 40%;}
.Caselist .slick-next:before{transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
.Caselist .slick-arrow:hover {background-color: var(--hover-color);border-color: var(--hover-color);}
.Caselist .slick-arrow:hover:before{ border-color: #fff;}
.Caselist .slick-prev{left:0.1rem;}
.Caselist .slick-next{right:0.1rem;}

@media(min-width:1025px){
.Caselist .slick-prev{left:-0.6rem;}
.Caselist .slick-next{right:-0.6rem;}
}

.kangzhou{}
.kangzhou .title{font-size: var(--font-size32);color: var(--black); margin-bottom: 0.36rem; line-height: 1.2; text-align: center;}
.kangzhou .info{font-size: var(--font-size18);color: var(--grey); line-height: 1.8; text-align: center; /* max-width: 10rem; margin: 0 auto; */ margin-top: 0.3rem;}
.kangzhou .list ul{ display: flex; flex-wrap: wrap;}
.kangzhou li{ float: left;  margin-right: 2%; margin-bottom: 2%; padding: 0.3rem 0.24rem; border: 0.02rem solid #fff;background-image: linear-gradient(to bottom right, #f1f7fc, #ffffff); border-radius: var(--radius); box-shadow: 0 0 .15rem rgba(0, 0, 0, .08); transition: 0.3s;  }
.kangzhou li:hover{transform: translateY(-0.1rem);}
.kangzhou li .txt{ flex: 1 1 auto; overflow: hidden;}
.kangzhou li .tit{font-size:var(--font-size24);color:var(--black); line-height: 1.4; margin-bottom:0.16rem; font-weight: 500;position:relative;}
.kangzhou li .desc{font-size:var(--font-size16);line-height:1.875;color:var(--grey); }

@media (min-width:1025px) {
.kangzhou li{width:49%;}
.kangzhou li:nth-child(2n){margin-right:0;}
.kangzhou li:nth-child(5){width:100%;margin-right:0;}
}
@media (max-width:1024px) {
.kangzhou li{width:100%;margin-right:0;margin-bottom: 0.2rem;padding:0.24rem;}
.kangzhou li .tit{font-size:var(--font-size20);}
}


.Health{padding:var(--padMar100) 0 ; background: #f5f6fa;}
.Health .intro{font-size: var(--font-size18);color: var(--grey);line-height: 1.8;}
.Health .intro.center{ text-align: center;}
.Health .intro strong{ color: #333; }
.jjbg{}
.jjbg .jjbglist ul{ display: flex; flex-wrap: wrap;}
.jjbg li{ float: left;  margin-right: 1%; margin-bottom: 2%;  padding: 0.4rem 0.2rem;background:#ffffff; border-radius: var(--radius); box-shadow: 0 0 .15rem rgba(0, 0, 0, .08); transition: 0.3s;  }
.jjbg li:hover{transform: translateY(-0.1rem);}
.jjbg li .tit{font-size:var(--font-size24);color:var(--black); line-height: 1.4; margin-bottom:0.16rem; font-weight: 500;position:relative;}
.jjbg li .desc{font-size:var(--font-size16);line-height:1.875;color:var(--grey); }


@media (min-width:1025px) {
.jjbg li{width:19.2%;}
.jjbg li:nth-child(5n){margin-right:0;}
}
@media (max-width:1024px) {
.jjbg li{width:100%;margin-right:0;margin-bottom: 0.2rem; padding: 0.24rem;}
.jjbg li .tit{font-size:var(--font-size20);}
}


.pilaolist ul{display: flex;flex-wrap: wrap;margin-top: 0.5rem;}
.pilaolist li{display: flex;align-items: center; margin-right: 2%;background-color: #fff;border-radius: var(--radius);padding: 0.3rem ; overflow: hidden;transition: all .3s;}
.pilaolist li .txt{ flex: 1; }
.pilaolist li .name{font-size: var(--font-size24);color: var(--black);margin-bottom: 0.1rem; line-height: 1.2;}
.pilaolist li .desc{font-size: var(--font-size16); color:var(--grey2); line-height:1.75;}
.pilaolist li:hover{background-color:var(--hover-color);}
.pilaolist li:hover .name,
.pilaolist li:hover .desc{color:#fff;}

@media(min-width:1025px){
.pilaolist li{width: 32%;}
.pilaolist li:nth-child(3n){ margin-right: 0;}
}
@media(max-width:1024px){
.pilaolist li{width: 100%;padding: 0.24rem;margin-bottom: 0.2rem;margin-right: 0;}
.pilaolist li .name{font-size: var(--font-size20);}
}


.Biology{padding:var(--padMar100) 0 ; background:#f5f6fa;}
.Biology .info{font-size: var(--font-size18);color: var(--grey); line-height: 1.8; }
.Biology .info strong{ color: #333; }
.Biology table{width: 100%;background: #fff;}
.Biology table tr,
.Biology table td{text-align: left; padding:0.12rem 0.16rem;font-size: var(--font-size16);color: #333;border: 1px solid #eee; }
.Biology table tr:first-child td{font-size: var(--font-size18);font-weight: 500;background-color: var(--hover-color); color: #fff; }
.Biology table tr:nth-child(2n+1) {background-color:#f8f8f8;}

@media(max-width:1024px){
.Biology table tr, .Biology table td{padding:0.1rem 0.12rem;}

}


.CoreStreng{}
.CoreStreng{padding:var(--padMar100) 0 ;background-repeat: no-repeat; background-position: center center; background-size: cover;}
.CoreStreng ul{ display: flex; flex-wrap: wrap;}
.CoreStreng li{position: relative;float: left; text-align: center; margin-right: 2%; transition: all 0.5s ease 0s;padding:0.5rem 0.5rem; ;background-color:rgba(255,255,255,1);border:1px solid rgba(255,255,255,.3); border-radius: var(--radius);}
.CoreStreng li .icon { margin-bottom: 0.24rem;}
.CoreStreng li .icon img {max-width: 0.6rem;}
.CoreStreng li .tit{font-size:var(--font-size26);color: var(--black); font-weight: 500; margin-bottom: 0.16rem;}
.CoreStreng li .desc{font-size:var(--font-size16);line-height: 1.875;color: var(--grey);}
.CoreStreng li:hover{transform: translateY(-0.1rem); }

@media(min-width:1025px){
.CoreStreng li{ width: 32%;}
.CoreStreng li:nth-child(3n){margin-right: 0;}
}
@media(max-width:1024px){
.CoreStreng li{ width: 100%; padding: 0.24rem;  margin-bottom: 0.2rem;margin-right: 0;}
.CoreStreng li .tit{font-size: var(--font-size24);}
}

.CoreScene{padding:var(--padMar100) 0 ;}
.CoreScene .intro{font-size: var(--font-size18);color: var(--grey);line-height: 1.8;}
.CoreScene .intro.center{ text-align: center;}
.CoreScene .intro strong{ color: #333; }
.CoreScene .intro .p{padding-left: .24rem;position:relative;color: #333;font-size: var(--font-size20);}
.CoreScene .intro .p:before{display: block;position: absolute;content: '';width: 0.08rem;height: 0.08rem;border-radius:0.5rem;background: var(--hover-color);left: 0;top: 0.15rem;}


.Vmeibai .mblist ul{ display: flex; flex-wrap: wrap;}
.Vmeibai .mblist li{ margin-right: 1%; margin-bottom: 1%; background-color: #f5f6fa; border-radius: var(--radius); padding:0.2rem 0.24rem;position:relative;font-size: var(--font-size18);color: #333;}
.Vmeibai .mblist li:before{display: block;position: absolute;content: '';width: 0.04rem;height: 0.15rem;border-radius:0 0.03rem 0.03rem 0;background: var(--hover-color);left: 0;top: 50%;transform: translate(0, -50%);}


.Vmeibai .boxitem .item{border-radius: var(--radius); overflow: hidden; background-color: #f4f6f7; margin-top: 0.3rem;}
.Vmeibai .boxitem .item .Ttit{font-size: var(--font-size24); background-image: linear-gradient(to right, var(--blue) , var(--hover-color)); color:#fff;padding:.3rem 0.2rem; text-align: center;}
.Vmeibai .boxitem .item ul{ padding:0.24rem 0.3rem;}
.Vmeibai .boxitem .item li{  line-height: 1.8; border-radius: var(--radius); padding-left: .16rem; position:relative;font-size: var(--font-size16);color: #333;}
.Vmeibai .boxitem .item li:before{display: block;position: absolute;content: '';width: 0.05rem;height: 0.05rem;border-radius:0.5rem;background: var(--hover-color);left: 0;top: 0.13rem;}
.Vmeibai .boxitem .item li{margin-bottom:.1rem;}

@media(min-width:1025px){
.Vmeibai .mblist li{width: calc(33.33% - 1%);}
.Vmeibai .boxitem{display: flex; justify-content: space-between;}
.Vmeibai .boxitem .item{ width: 32%;}
}
@media(max-width:1024px) {
.Vmeibai .mblist li{width: calc(50% - 1%); margin-bottom: 2%;}
.Vmeibai .boxitem .item .Ttit{font-size: var(--font-size22);padding: .24rem 0.2rem;}
.CoreScene .intro .p{font-size: var(--font-size18);}
}
@media(max-width:640px){
.Vmeibai .mblist li{width: 100%;margin-right: 0%;}
}


.xiuhu .box{ border-radius: var(--radius); overflow: hidden; background-color: #f4f6f7; }
.xiuhu .left{ padding: 0.2rem 0.55rem;}
.xiuhu .subtit{font-size:var(--font-size24);line-height: 1.2;color:var(--black); font-weight: 500; margin-bottom: 0.15rem;}
.xiuhu .stit{font-size:var(--font-size20);line-height: 1.2;color:var(--black); margin-bottom: 0.15rem;}
.xiuhu .edit_info{font-size:var(--font-size16);line-height: 1.8;color:var(--grey);}
.xiuhu .edit_info p{ margin:0.08rem 0;}
.xiuhu .pic img{ border-radius: var(--radius);}
@media(min-width:1025px){
.xiuhu .box{display: flex; justify-content: space-between;align-items: center; }
.xiuhu .left{width: 50%;}   
.xiuhu .right{ width: 50%; }
}
@media(max-width:1024px){
.xiuhu .left{padding: 0.24rem ; }
}


.yanghua .box{ border-radius: var(--radius); overflow: hidden; background-color: #f4f6f7; }
.yanghua .right{ padding: 0.2rem 0.66rem;}
.yanghua .subtit{font-size:var(--font-size24);line-height: 1.2;color:var(--black); font-weight: 500; margin-bottom: 0.15rem;}
.yanghua .stit{font-size:var(--font-size20);line-height: 1.2;color:var(--black); margin-bottom: 0.15rem;}
.yanghua .edit_info{font-size:var(--font-size16);line-height: 1.8;color:var(--grey);}
.yanghua .edit_info p{ margin:0.08rem 0;}
.yanghua .pic img{ border-radius: var(--radius);}
@media(min-width:1025px){
.yanghua .box{display: flex; justify-content: space-between;align-items: center; }
.yanghua .left{width: 50%;}   
.yanghua .right{ width: 50%; }
}
@media(max-width:1024px){
.yanghua .right{ padding: 0.24rem ;}
}


.Validation{padding:var(--padMar100) 0 ; background: #f4f6f7;}

.mianyi .subtit{font-size:var(--font-size24);line-height: 1.2;color:var(--black); margin-bottom: 0.12rem;}
.mianyi .edit_info{font-size:var(--font-size18);line-height: 1.875;color:var(--grey);}
.mianyi .edit_info p{ margin:0.05rem 0;}
.mianyi .pic img{ border-radius: var(--radius);}
@media(min-width:1025px){
.mianyi .box{display: flex; justify-content: space-between;  }
.mianyi .left{width: 50%;}   
.mianyi .right{ width: 50%; }
}
@media(max-width:1024px){
.mianyi .left{ margin-bottom: 0.2rem;}
.mianyi .subtit{font-size:var(--font-size20);}
}

.guge{}
.guge .gugelist .item{ background: #fff;border-radius: var(--radius); overflow: hidden;}
.guge .gugelist .item:not(:last-child){ margin-bottom: 0.3rem; }
.guge .left{padding: 0.2rem 0.6rem;}
.guge .stit{font-size:var(--font-size30);line-height: 1.2;color:var(--black); font-weight: 500; margin-bottom: 0.16rem;}
.guge .edit_info{font-size:var(--font-size18);line-height: 1.875;color:var(--grey);}
.guge .edit_info p{ margin:0.05rem 0;}
.guge .pic img{ border-radius: var(--radius);}
@media(min-width:1025px){
.guge .gugelist .item{display: flex; justify-content: space-between; align-items: center; }
.guge .gugelist .item:nth-child(2n){ flex-direction: row-reverse;}
.guge .left{width: 52%;}   
.guge .right{ width: 48%; }
}
@media(max-width:1024px){
.guge .left{ padding: 0.24rem;}
.guge .stit{font-size:var(--font-size24);}
}


.JointModel{padding:var(--padMar100) 0 ;}
.JointModel .de{font-size: var(--font-size20);color: var(--grey); line-height: 1.8; text-align: center; max-width: 10rem; margin: 0 auto;  margin-top: 0.24rem;}
.JointModel table{width: 100%;text-align: center;}
.JointModel table tr,
.JointModel table td{ padding:0.18rem 0.2rem;font-size: var(--font-size18);color: #333;border: 1px solid #eee;}
.JointModel table tr:first-child td{padding: 0.22rem 0.2rem;font-size: var(--font-size18);font-weight: 500;background-color: var(--hover-color);color:#fff;}
.JointModel table tr:nth-child(2n+1){background-color:#f4f7fc;}

@media(max-width:1024px){
.JointModel .de{font-size: var(--font-size18);}
.JointModel table tr, .JointModel table td{font-size: var(--font-size16);}
.JointModel table td{padding:0.15rem 0.16rem;}
.JointModel table tr:first-child td{padding: 0.15rem 0.16rem;}
}

.InteDrug{padding:var(--padMar100) 0 ;}
.InteDrug .info{font-size: var(--font-size20);color: var(--grey); line-height: 1.8; text-align: center; max-width: 10rem; margin: 0 auto; }
@media(max-width:1024px){
.InteDrug .info{font-size: var(--font-size18);}
}


.IntePlat{padding:var(--padMar100) 0 ;background-repeat: no-repeat; background-position: center center; background-size: cover;}
.IntePlat ul{ display: flex; flex-wrap: wrap;}
.IntePlat li{position: relative;float: left; margin-right: 2%; transition: all 0.5s ease 0s;padding:0.4rem; ;background-color:rgba(255,255,255,1);border:1px solid rgba(255,255,255,.3); border-radius: var(--radius);}
.IntePlat li .icon { width: 0.8rem; height: 0.8rem; background-color: #6375b3; border-radius: 0.5rem;display: flex;justify-content: center;align-items: center;margin-bottom: 0.24rem;}
.IntePlat li .icon img {max-width: 0.45rem;}
.IntePlat li .tit{font-size:var(--font-size26);color: var(--black); font-weight: 500; margin-bottom: 0.16rem;}
.IntePlat li .desc{font-size:var(--font-size16);line-height: 1.875;color: var(--grey); text-align: left;}
.IntePlat li .desc p{ margin:0.05rem 0;}
.IntePlat li:hover{transform: translateY(-0.1rem); }

@media(min-width:1025px){
.IntePlat li{ width: 23.5%;}
.IntePlat li:nth-child(4n){margin-right: 0;}
}
@media(max-width:1024px){
.IntePlat li{ width: 100%; padding: 0.24rem;  margin-bottom: 0.2rem;margin-right: 0;}
.IntePlat li .tit{font-size: var(--font-size24);}
}


.InteFeat{padding:var(--padMar100) 0 ;}
.InteFeat .edit_info{font-size:var(--font-size18);line-height: 1.875;color:var(--grey);}
.InteFeat .edit_info p{ margin:0.05rem 0;}
.InteFeat .pic img{ border-radius: var(--radius);}
@media(min-width:1025px){
.InteFeat .intro{display: flex; justify-content: space-between; align-items: center;}
.InteFeat .info{width: 45%;}   
.InteFeat .img{ width: 50%; }
}
@media(max-width:1024px){
.InteFeat .img{ margin-bottom: 0.2rem;}
}




.DrugInfo{padding:var(--padMar100) 0 ;}
.DrugInfo .desc{font-size: var(--font-size20);color: var(--grey); line-height: 1.8; text-align: center; max-width: 10rem; margin: 0 auto; }


.PlatCompos{padding:var(--padMar100) 0 ;background-repeat: no-repeat; background-position: center center; background-size: cover;}
.PlatCompos ul{ display: flex; flex-wrap: wrap;}
.PlatCompos li{position: relative;float: left; margin-right: 2%; transition: all 0.5s ease 0s;padding:0.5rem 0.4rem; ;background-color:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3); border-radius: var(--radius);text-align: center;}
.PlatCompos li .icon { margin-bottom: 0.24rem;}
.PlatCompos li .icon img {max-width: 0.5rem;}
.PlatCompos li h2{font-size:var(--font-size36);color: var(--white);font-weight:bold;margin:0;margin-bottom:0.15rem; }
.PlatCompos li .tit{font-size:var(--font-size26);color: var(--white); font-weight: 500; margin-bottom: 0.16rem;}
.PlatCompos li .desc{font-size:var(--font-size16);line-height: 1.875;color: rgba(255,255,255,.8);text-align: center;}
.PlatCompos li .desc p{ margin:0.05rem 0;}
.PlatCompos li:hover{transform: translateY(-0.1rem); }

@media(min-width:1025px){
.PlatCompos li{ width: 23.5%;}
.PlatCompos li:nth-child(4n){margin-right: 0;}
}
@media(max-width:1024px){
.PlatCompos li{ width: 48%; margin-right: 4%; padding: 0.24rem;  margin-bottom: 4%;}
.PlatCompos li:nth-child(2n){margin-right: 0;}
.PlatCompos li .tit{font-size: var(--font-size24);}
}

@media(max-width:640px){
.PlatCompos li{ width: 100%;margin-right: 0; padding: 0.24rem;  margin-bottom: 0.2rem;}
.PlatCompos li .tit{font-size: var(--font-size24);}
}

.Coreservices{padding:var(--padMar100) 0;}
.Coreservices ul{display: flex;flex-flow: wrap;}
.Coreservices ul li{width: 23.5%;float:left;margin-right:2%;margin-bottom: 2%;background: #fff;box-shadow: 0 0 0.15rem rgba(0, 0, 0, .08);border-radius: var(--radius);padding:0.3rem 0.25rem;}
.Coreservices ul li:nth-child(4n){margin-right:0;}
.Coreservices ul li dl dt .icon{margin-bottom:0.2rem;}
.Coreservices ul li dl dt .icon img{max-width:0.5rem;}
.Coreservices ul li dl dd h2{font-size: var(--font-size24);color: var(--black);line-height: 1.3;margin-top:0; margin-bottom: 0.15rem;font-weight: 500;position: relative;}
.Coreservices ul li .txt{}
.Coreservices ul li .txt .tit{line-height: 1.75;}
.Coreservices ul li .txt p{position: relative; margin:0.1rem 0;line-height: 1.75;}
.Coreservices ul li .txt .p{padding-left:0.15rem;}
.Coreservices ul li .txt .p:after{display: block;position: absolute;content: '';width: 0.05rem;height: 0.05rem;border-radius: 0.5rem;background: var(--hover-color);left: 0;top: 0.12rem;}

@media(max-width:768px){
  .Coreservices ul li{width:100%;margin-right:0;margin-bottom:3%;}
}

.ToolMatrix{padding: 0 0 var(--padMar100) 0;}
.ToolMatrix ul{display: flex;flex-flow: wrap;}
.ToolMatrix ul li{width:15.83%;float:left;margin-right:1%;margin-bottom:1%;border:1px solid #e8e8e8;}
.ToolMatrix ul li:nth-child(6n){margin-right:0;}
.ToolMatrix ul li a{display: block;padding: 0.15rem 0.1rem;border-radius: 0.05rem;text-align: center;font-size: 0.18rem;color: #333;word-break: break-all;}
.ToolMatrix ul li a:hover{background: var(--hover-color);color:#fff;}
@media(max-width:768px){
  .ToolMatrix ul li{width:49.5%;}
  .ToolMatrix ul li:nth-child(2n){margin-right:0;}
}


.PlatFeat{padding:var(--padMar100) 0 ;}
.PlatFeat .edit_info{font-size:var(--font-size18);line-height: 1.875;color:var(--grey);}
.PlatFeat .edit_info p{ margin:0.05rem 0;}
.PlatFeat .pic img{ border-radius: var(--radius);}
@media(min-width:1025px){
.PlatFeat .intro{display: flex; justify-content: space-between; align-items: center;}
.PlatFeat .info{width: 45%;}   
.PlatFeat .img{ width: 50%; }
}
@media(max-width:1024px){
.PlatFeat .info{ margin-bottom: 0.2rem;}
}



.PlatCase{padding:0 0 var(--padMar100) 0 ;}
.PlatCase .info{font-size: var(--font-size20);color: var(--grey); text-align: center; max-width: 10rem; margin: 0 auto; }

.PlatCase .edit_info{font-size:var(--font-size18);line-height: 1.875;color:#333;}
.PlatCase .edit_info p{ margin:0.05rem 0;}
.PlatCase ul{ display: flex; flex-wrap: wrap; margin-top: 0.4rem;}
.PlatCase li{float: left;margin-right: 1%; margin-bottom: 1%; border: 0.01rem solid #eee;padding:0.05rem; border-radius: var(--radius);}
.PlatCase li .imgbox{padding-bottom: 100%;transition: 0.3s;}
.PlatCase li .imgbox img{ object-fit: contain;}

@media(min-width:1025px){
.PlatCase li{ width: 19.2%;}
.PlatCase li:nth-child(5n){  margin-right: 0%;}
}
@media(max-width:1024px){
.PlatCase .info{font-size: var(--font-size18);}
.PlatCase li{width: 100%;margin-right: 0%;}
}


.bg5{background-color: #f3f7f9;}
.bg5f{background-image: linear-gradient(to bottom, #fff, #f5f6fa);}

.PersonInfo{ padding-top:var(--padMar100) ;}
.PersonInfo .intro{font-size: var(--font-size18);color: var(--grey);line-height: 1.8;}
.PersonInfo .intro .tit{font-size: var(--font-size30);color: var(--black);font-weight: 500;margin-bottom: 0.15rem;line-height: 1.5;}

@media(max-width:1024px){
.PersonInfo .intro .tit{font-size: var(--font-size24);}
}


.CosCustom{padding:var(--padMar100) 0 ;}
.CosCustom ul{ display: flex; flex-wrap: wrap;}
.CosCustom li{ padding: 0.6rem 0.4rem; background: #fff; border-radius: var(--radius); margin-right: 2%; position: relative; overflow: hidden; transition: 0.3s;box-shadow: 0 0 .15rem rgba(0, 0, 0, .08);counter-increment: itemcounter;transition: 0.3s ;}
.CosCustom li:hover{ transform: translateY(-0.1rem);box-shadow: 0 0 .2rem rgba(0, 0, 0, .12);}
.CosCustom li .inner{position: relative;z-index: 1; display: flex; align-items: center;margin-bottom: 0.3rem;}
.CosCustom li .icon { width: 0.8rem; height: 0.8rem; background-color: #6375b3; border-radius: 0.5rem;display: flex;justify-content: center;align-items: center;margin-right: 0.24rem;}
.CosCustom li .icon img {max-width: 0.45rem;}
.CosCustom li:nth-child(2) .icon{background-color: #4d81b4;}
.CosCustom li:nth-child(3) .icon{background-color: #07a8c6;}
.CosCustom li .tit{font-size: var(--font-size24);color: var(--black); font-weight: 500;  margin-bottom: 0.1rem; }
.CosCustom li .subtit{font-size: var(--font-size20);color: var(--grey);  }
.CosCustom li .desc{font-size: var(--font-size16);color: var(--grey2); line-height: 1.875; }
@media(min-width:1025px){
.CosCustom li{ width: 32%;}
.CosCustom li:nth-child(3n){margin-right: 0;}
}
@media(max-width:1024px){
.CosCustom li{ width: 100%; padding: 0.24rem;  margin-bottom: 0.2rem;margin-right: 0;}
}


.Cusplan{padding:var(--padMar100) 0 ;}
.Cusplan .item{}
.Cusplan .item:not(:last-child){ margin-bottom: 0.3rem;}
.Cusplan .item:nth-child(2n){ }
.Cusplan .tit{font-size: var(--font-size32);color:var(--black); font-weight: 500; margin-bottom: 0.3rem;position: relative; }
.Cusplan .info { font-size: var(--font-size18); color: var(--grey); line-height: 1.875; margin:0; }
.Cusplan .info p{ margin: 0.1rem 0; }
.Cusplan .pic img{ border-radius: var(--radius);}

@media (min-width:1025px) {
.Cusplan .item{display: flex; justify-content: space-between; align-items: center;}
.Cusplan .box .item:nth-child(2n) { flex-direction: row-reverse;}
.Cusplan .left{width: 47%;}   
.Cusplan .right{ width: 47%; }
}
@media (max-width:1024px) {
.Cusplan .info{ margin-bottom:.2rem;}
.Cusplan .tit{ font-size:var(--font-size26); margin-bottom:.16rem;}
}





.Service{padding:var(--padMar100) 0 ;}
.Service .desc{font-size: var(--font-size18); color: var(--grey); line-height: 1.875; max-width: 10.7rem; margin:0  auto; text-align: center; margin-bottom: var(--padMar50);}

.Service .formInfo{background: #f4f6f7; border-radius: var(--radius);padding: var(--padMar80) 0;}
.Service .form-ul{ max-width: 12rem; margin: 0 auto;}
.Service .form-ul li{margin-bottom: 0.4rem;position: relative;}
.Service .form-ul li .tit{font-size: var(--font-size16);line-height: 1.3;color: var(--black);display: block;}
.Service .form-ul li .tit span{ color: #f00; padding-left: 0.05rem; vertical-align: sub;}
.Service .form-ul li select,
.Service .form-ul li .text{width: 100%; border: none; border-bottom: solid 1px #dcdcdc;font-size: var(--font-size16);line-height: 0.4rem;height: 0.4rem;background: none;color:  var(--black);}
.Service .form-ul li textarea.text{height: 1.2rem; line-height: 1.6;}
.Service .btn{width: 1.8rem;background: var(--hover-color);border-radius: 0.5rem;font-size: var(--font-size18);height:0.55rem;color: #fff;cursor: pointer;border: 0;  display: table; margin: 0.2rem auto 0 ;}
.Service .btn:hover{background-image: linear-gradient(to right, #627cb9, #12b8d7);}

@media (min-width:1025px) { 
.Service .form-ul .row2 li{float: left;width: calc(50% - 0.2rem);}
.Service .form-ul .row2 li:nth-child(2n){float: right;}
.Service .form-ul .row3 li{float: left; width: 32%; margin-right: 2%;}
.Service .form-ul .row3 li:nth-child(3n){ margin-right: 0;}
}
@media (max-width:1024px) {
.Service .form-ul{padding: 0.2rem;}
}


.Knowlist{padding:var(--padMar100) 0 ;}
.Knowlist li {background: #fff; overflow: hidden;border-bottom: 1px solid #f3f3f3; padding-bottom: 0.3rem; margin-bottom: 0.3rem; transition: 0.3s; position: relative; z-index: 2;}
.Knowlist li .date{color: var(--grey2);flex: 0 0 auto;}
.Knowlist li .date span{ font-size:var(--font-size42);color:var(--hover-color); font-weight: 500; margin-bottom: 0.05rem;}
.Knowlist li .txt{ flex: 1 1 auto;  overflow: hidden;position: relative;padding-left: 0.5rem;}
.Knowlist li .txt::before{ position:absolute; content:''; width:1px; height:80%; top:10%; background-color:rgba(0, 0, 0, 0.08); left:0;}
.Knowlist li .txt .tit{font-size:var(--font-size22);color:var(--black);margin-bottom:0.12rem; line-height: 1.2;}
.Knowlist li .txt .desc{font-size:var(--font-size16);line-height:1.875;color:var(--grey2);  }
.Knowlist li .more .icon {display: block;width: 0.5rem;height: 0.5rem; border-radius: 50%; position: relative; overflow: hidden;border: 0.01rem solid var(--grey2); }
.Knowlist li .more .icon:before { position: absolute; content: ''; z-index: 5; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/more2.svg) no-repeat center; background-size: auto 0.12rem; }
.Knowlist li:hover .tit{ color: var(--hover-color);}
.Knowlist li:hover .more .icon{ background-color: var(--hover-color); border-color: var(--hover-color);}
.Knowlist li:hover .more .icon:before{ background-image:url(../images/more-w.svg) ;}

@media (min-width:1025px) {
.Knowlist li a{display: flex; justify-content: space-between; align-items: center;}
.Knowlist li .info{width: calc(100% - 1.5rem); display: flex; justify-content: space-between;align-items: center;}
.Knowlist li .date{width: 14%;display: flex;flex-wrap: wrap; justify-content: center; flex-direction: column; align-items: center;}
}

@media (max-width:1024px) {
.Knowlist li .txt{padding-left: 0rem;}
.Knowlist li .txt::before{ display: none;}
.Knowlist li .date{ margin-bottom: 0.1rem;}
.Knowlist li .date span{ font-size:var(--font-size32); margin-bottom: 0; margin-right: 0.1rem;}
.Knowlist li .more{ margin-top: 0.2rem;}
}


.Downlist{padding:var(--padMar100) 0 ;}
.Downlist ul{display: flex; flex-wrap: wrap;}
.Downlist li{padding:0.3rem; background:#f4f6f7; border-radius:var(--radius); border-bottom: 5px solid transparent; transition: .3s; margin-bottom: 2%;}
.Downlist li:hover{transform: translateY(-.1rem);}
.Downlist li time{display: block; color:#999; padding-left:.3rem; background:url(../images/icon-time.svg) left center no-repeat; background-size: auto .18rem; line-height:.18rem;}
.Downlist li .tit{font-size:var(--font-size20);color:var(--black); line-height: 1.7; height: calc(1.7em * 2); color:#333; margin:.15rem 0 .3rem;}
.Downlist li:hover .tit{ color:var(--hover-color);}
.Downlist li .dow{display: flex; align-items: center; justify-content: space-between;border-top: 1px solid rgba(0, 0, 0, 0.05); padding-top: 0.2rem;}
.Downlist li .icon{width:.32rem; height:.32rem; background: url(../images/icon-file.svg) no-repeat center; background-size: contain; }
.Downlist li .more{color: #666; padding-right:.4rem; background:url(../images/icon-down.svg) no-repeat right center; background-size:auto .28rem; line-height: .26rem; }
.Downlist li:hover{border-bottom-color: var(--hover-color); }
.Downlist li:hover .more{background-image: url(../images/icon-down-hover.svg); color: var(--hover-color); }
@media(min-width:1025px){
.Downlist li{ width:32%; margin-right:2%;}
.Downlist li:nth-child(3n){ margin-right: 0;}
}
@media(max-width:1024px){
.Downlist li{ width:49%; margin-right:2%;padding:0.2rem;}
.Downlist li:nth-child(2n){ margin-right: 0;}
}

@media(max-width:640px){
.Downlist li{ width:100%; margin-right:0%; margin-bottom: 4%;}
.Downlist li .tit{ height: auto;}
}


.Newlist{padding: var(--padMar100) 0;}
.Newlist li {background: #fff; overflow: hidden;border-bottom: 1px solid #f3f3f3; padding-bottom: calc(30 / 16* 1em);  margin-bottom: calc(30 / 16* 1em); }
.Newlist li .pic{flex: 0 0 auto;}
.Newlist li .pic .imgbox{padding-top:65%;transition: 0.3s; border-radius: var(--radius);}
.Newlist li a:hover .imgbox img{transform: scale(1.1);}
.Newlist li time{ display: block; font-size: var(--font-size16);color:#999; font-weight: lighter; margin-top: 0.2rem;padding-left: 0.24rem; background: url(../images/icon-time.svg) no-repeat left center; background-size: 0.16rem auto;}
.Newlist li .txt{ flex: 1 1 auto;  overflow: hidden;}
.Newlist li .txt .tit{font-size:var(--font-size22);color:var(--black); line-height: 1.3; margin-bottom:0.16rem;}
.Newlist li .txt .desc{font-size:var(--font-size16);line-height:1.875;color:var(--grey2);  }
.Newlist li a:hover .txt .tit{color:var(--hover-color);}
.Newlist li .more .icon {display: block;width: 0.5rem;height: 0.5rem; border-radius: 50%; position: relative; overflow: hidden;border: 0.01rem solid var(--grey2); }
.Newlist li .more .icon:before { position: absolute; content: ''; z-index: 5; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/more2.svg) no-repeat center; background-size: auto 0.12rem; }
.Newlist li:hover .more .icon{ background-color: var(--hover-color); border-color: var(--hover-color);}
.Newlist li:hover .more .icon:before{ background-image:url(../images/more-w.svg) ;}


@media (min-width:1025px) {
.Newlist li a{display: flex; justify-content: space-between; align-items: center;}
.Newlist .pic{width: 23%;}
.Newlist .txt{width: 70%;padding: 0 0.5rem; border-right: 1px solid #eee; margin-right: 0.5rem; padding-right: 0.5rem;}
}

@media(max-width:1024px){
.Newlist li a{display: flex; justify-content: space-between; align-items: center;}
.Newlist .pic{width: 32%;}
.Newlist .txt{width: 63%;padding: 0 0.3rem; border-right: 1px solid #eee; margin-right: 0.24rem; padding-right: 0.24rem;}
}
@media(max-width:640px){
.Newlist li a{ display: block; }
.Newlist li .pic{width: 100%; margin-bottom: 0.2rem;}
.Newlist .txt{width: 100%; padding: 0;margin-right: 0rem; border: none;}
.Newlist li .more{ margin-top: 0.2rem;}
}

.News_detail {padding: var(--padMar100) 0; }
.News_detail .news_info {}
.News_detail .news_info .title { text-align: center; padding-bottom: 0.2rem; border-bottom: 1px solid #eee; margin-bottom: 0.3rem; }
.News_detail .news_info .title h1 { margin: 0; padding-bottom: 0.15rem; font-size: var(--font-size30); font-weight: 500;  color: #333; }
.News_detail .news_info .title time {display: inline-block;color: #999; font-weight: lighter; font-size: var(--font-size16);padding-left: 0.3rem;background: url(../images/icon-time.svg) no-repeat left center;background-size: auto 0.18rem;line-height: 1.6}
.News_detail .news_info img {margin: 1% auto; /* margin: 2% auto; max-width: 50%; */ text-align: center }
.News_detail .info { line-height: 2; color: #333; font-size: var(--font-size16); }
.News_detail .info p{margin:0.1rem 0;}
.News_detail .bot { position: relative; margin-top: 0.4rem; padding-top: 0.32rem; border-top: 1px dashed #eee }
.News_detail .info_back { text-align: center; clear: both; position: absolute; right: 0; bottom: 0 }
.News_detail .info_back a { position: relative; color: #fff; display: block; width: 1.8rem; line-height: 0.5rem; border-radius: 0.5rem; background: var(--hover-color); }
.News_detail .info_back a:hover{background-image: linear-gradient(to right, #627cb9, #12b8d7);}
.News_detail .info_back a:before{display: inline-block; vertical-align: top;content: '';background-image: url(../images/icon-back.svg);background-size: contain;background-position: center; background-repeat: no-repeat; width: 0.24rem;height: 0.5rem;margin-right: 0.1rem;}
.News_detail .info_pn span { display: block;  margin: 1% 0; }
.News_detail .info_pn span a { color: var(--grey2);  }
.News_detail .info_pn span a:hover { color: var(--hover-color); }

@media (min-width:1025px) {

}

@media(max-width:1024px) {
.News_detail .bot{margin-top: 0.3rem;padding-top: 0.24rem;}
.News_detail .info_back { position: relative; margin-bottom: 1em;}
.News_detail .news_info .title h1 { font-size:var(--font-size24); }
.News_detail .info_back a{ text-align: center; display: table;margin: 0 auto; }
.News_detail .info_pn span {  margin: 2% 0; }
.News_detail .info img{width: 100% !important; height: 100% !important;}
}

.ContactInfo{padding: var(--padMar100) 0; }
.ContactInfo .Contact h2{font-size: var(--font-size30); font-weight: 500; line-height: 1.2; color: #333; margin: 0;margin-bottom: 0.2rem; }
.ContactInfo .Contact li{display: flex;flex-wrap: wrap; padding:0.2rem 0;}
.ContactInfo .Contact li:not(:last-child){border-bottom: 1px dashed #e6e6e6;}
.ContactInfo .Contact li .icon{width: 0.42rem;}
.ContactInfo .Contact li .icon img{max-width: 0.26rem;}
.ContactInfo .Contact li .txt{font-size: var(--font-size16);color: #333;  }
.ContactInfo .Contact li .txt .tit{color:var(--grey2); margin-bottom: 0.1rem;  }
.ContactInfo .Contact li .txt p{ margin: 0.05rem 0; line-height: 1.7;font-size: var(--font-size18); }
.ContactInfo .Contact li .ewm{display: flex; justify-content: flex-start; align-items: center;}
.ContactInfo .Contact li .ewm img{ max-width: 1.2rem;background-color: #fff;border: 1px solid #eee; border-radius: 0.03rem; margin-right: 0.2rem;}
.ContactInfo .Contact li .ewm .ti{color:var(--grey2); line-height: 1.75;}
.ContactInfo .pic img{ border-radius: var(--radius);}
@media (min-width:1025px) { 
.ContactInfo .box{display: flex; align-items: center; justify-content: space-between;  }
.ContactInfo .Contact{width:42%;}
.ContactInfo .pic{width:52%;}
}
@media (max-width:1024px) {
.ContactInfo .box{display: flex; flex-wrap: wrap; flex-direction: column-reverse; }
.ContactInfo .Contact{ margin-bottom: 0.2rem;}
}




.Joinlist{ padding: var(--padMar100) 0;}
.Joinlist .list {padding: 0 0.5rem;background: #f4f6f7;border-radius: var(--radius);}
.Joinlist .list+.list {margin-top: 0.2rem;}
.Joinlist .job-title {line-height: 1.8;padding: 0.25rem 0;cursor: pointer;position: relative;color: var(--black);}
.Joinlist .job-title p {margin: 0 0 0.15rem;position: relative;line-height: 1.7;font-size: var(--font-size22);}
.Joinlist .job-title span+span {margin-left: calc(45 / 1920 * 100vw);}

.Joinlist .job-title span{color: var(--grey); display: inline-block;font-size: var(--font-size16);  padding-left: 0.24rem;background-repeat: no-repeat;background-position: left center; background-size: 0.18rem auto;}
.Joinlist .job-title span.edu{background-image: url(../images/icon-edu.svg);}
.Joinlist .job-title span.ep{background-image: url(../images/icon-ep.svg);}
.Joinlist .job-title span.wp{background-image: url(../images/icon-place.svg);}
.Joinlist .job-title span.time{background-image: url(../images/icon-time.svg);}

.Joinlist .job-title i {position: absolute;width: 0.28rem;height: 0.28rem;background:var(--hover-color);border-radius: 50%;right: 0;top: 50%;margin-top: -0.14rem;}
.Joinlist .job-title i::before,
.Joinlist .job-title i::after {position: absolute;content: '';background: #fff;}
.Joinlist .job-title i::before {left: 25%;width: 50%;height: 2px;top: 50%;margin-top: -1px;}
.Joinlist .job-title i::after {left: 50%;margin-left: -1px;width: 2px;top: 25%;height: 50%;}
.Joinlist .job-title.select i::after {display: none;}
.Joinlist .job-title.select {color: var(--hover-color);}
.Joinlist .job-main {display: none;padding: 0.4rem 0 0.3rem;border-top: 1px dotted rgba(0, 0, 0, 0.15);}
.Joinlist strong {display: block;color: #333;margin-bottom: 0.12rem;}
.Joinlist .job-main .job-info {line-height: 1.8; }
.Joinlist .job-main .job-info p {margin: 0;}
.Joinlist .job-main .job-info p+p {margin-top: 0.08rem;}

.Joinlist .apply{width:1.8rem;line-height: 0.55rem;border-radius: 0.5rem;background: var(--hover-color);text-align: center; margin: 0.32rem 0;}
.Joinlist .apply a{color:#fff;display: inline-block;font-size: calc(16 / 16 * 1em);background: url(../images/apply.svg) no-repeat right center;padding-right: 0.32rem;background-size: auto 0.24rem; cursor: pointer;}

.Joinlist .send {padding: 0.2rem 0;margin-top: 0.2rem;border-top: 1px dashed rgba(0, 0, 0, 0.15);font-size: var(--font-size18);}
.Joinlist .send em {font-style: normal;border-bottom: 1px solid var(--hover-color);font-weight: bold;margin-left: 0.12rem;}
.Joinlist .send a {line-height: 1.8;color: var(--hover-color);background: url(../images/send.svg) no-repeat right center;padding-right: 0.4rem;background-size: 0.28rem auto ;}


@media (max-width:1024px) {
.Joinlist .job-title p::before {left: -12px;width: 6px;  height: 6px;}
.Joinlist .job-title {line-height: 1.6;padding: 0.2rem 0px;}
.Joinlist .job-title p {margin: 0px 0px 0.1rem 0px;line-height: 1.6;}
.Joinlist .job-title span:nth-of-type(1) {width: 100%;max-width: 100%;}
.Joinlist .job-title span+span {margin-left: 0px;width: 100%;line-height: 1.8;}
.Joinlist .job-main .job-info p+p, 
.Joinlist .job-main .job-info p {}
.Joinlist .list{padding: 0 0.2rem;}
.Joinlist .send{font-size: var(--font-size16);}
}


.SingleInfo{padding:var(--padMar100) 0;}
.SingleInfo .edit_info{line-height:2; color: #333333;}
.SingleInfo li{ margin-bottom: 1%;}

.DeveopInfo .deveop_img{ margin-bottom: 0.3rem; text-align: center;}
.DeveopInfo .edit_info{line-height:2; font-size: var(--font-size18); color: #333333;}

.Sitemap{ padding:var(--padMar100) 0;}
.Sitemap li{ padding: 0.2rem 0; border-bottom: solid 1px #eee}
.Sitemap li span{display: block;font-size: var(--font-size20); color: var(--black); font-weight: 500; margin-bottom: 0.12rem;}
.Sitemap .sub a{padding-right:0.2rem;font-size: var(--font-size16);margin-bottom: 0.1rem; color: var(--grey); }
.Sitemap .sub a:hover{color: var(--hover-color);}

.top_back{ position: fixed; right: 0; top: 70%; width: .5rem; line-height: .5rem; text-align: center;  background: var(--hover-color); color: #fff; z-index: 10; text-transform: uppercase; cursor: pointer; }
.top_back:hover{background-image: linear-gradient(to right, #627cb9, #12b8d7); color: #fff;}



.FloatBox{position: fixed;z-index:999;right:0.1rem;top:50%;transform: translateY(-50%);}
.FloatBox li{margin-bottom:0.05rem;position: relative;}
.FloatBox li>a{width:0.55rem;height:0.55rem;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 0.5rem;background: var(--hover-color);font-weight: lighter;color:#fff;font-size: var(--font-size14);}
.FloatBox li .icon{display: flex;align-items: center;justify-content: center;}
.FloatBox li .icon img{ max-width: 0.3rem;}
.FloatBox li:hover>a{background: var(--hover-color);}
.FloatBox li .tcbox{min-height:100%;min-width:1.5rem;right:108%;border-radius: 0.05rem;background: var(--hover-color);position: absolute;color:#fff;text-align: center;top:0%; padding:0.12rem;display: flex;align-items: center;flex-direction: column;white-space: nowrap;justify-content: center;display: none;}
.FloatBox li .tcbox p{ margin: 0; line-height: 1.5; }
.FloatBox li .tcbox p b{ font-size: var(--font-size20);}
.FloatBox li .tcbox img{ margin-bottom: 0.08rem;}
.FloatBox li:hover .tcbox{display: flex;}
.FloatBox li.gotop{opacity: 0;visibility: hidden;transition: all .5s;}
.FloatBox li.gotop a{background:var(--hover-color);}
.FloatBox li.gotop .icon img{ max-width: 0.16rem;}
.FloatBox li.gotop.on{opacity: 1;visibility: visible;}




/*Floor003091 */
.Floor003091{padding:var(--padMar100) 0; overflow: hidden;}
.Floor00309 .lm-title{margin-bottom: .6rem;}
.Floor003091 .flipster-nav{display: none;}
.Floor003091 .cur-info{position: relative;z-index: 10;padding:3vw 0;}
.Floor003091 .cur-info:before{position: absolute;content: ''; top: 0;left:0; width: 100vw;height: 10px;background-color: #f5f7f9;}
.Floor003091 .cur-info .txt .name{color: #333;font-size: 0.24rem;line-height: 1; }

.Floor003091 .flipster .ul li{background:url(../images/ul_l.png) repeat-x left bottom;}
.Floor003091 .flipster .pic{width:3.2rem; background: url(../images/honor-bg.jpg)no-repeat center;background-size: cover;padding-bottom: 128%;border-radius: .1rem;overflow: hidden;position: relative;display: flex;justify-content: center;align-items: center}
.Floor003091 .flipster .pic img{padding: .17rem;background: url(../images/honor-kuang.png)no-repeat center;background-size: 100% 100%;position: absolute;z-index: 2;object-fit: contain;max-width: 90%;max-height: 90%;left: 50%;top: 50%;transform: translate(-50%,-50%);box-shadow: none;}
.Floor003091 .flipster .Ispic{width: 380px; height: 470px;background-size: contain;background-position: center bottom;}
.Floor003091 .flipster .txt{display:none;}
.Floor003091 .flipster > a{position: absolute;background-color:var(--hover-color); width: 0.5rem; height: 0.5rem; transition: 0.3s; font-size: 0; z-index: 20; border-radius: 50%;}
.Floor003091 .flipster > a:before{position: absolute; content: ''; width:.1rem; height:.1rem; border-right: 2px solid #fff;border-top: 2px solid #fff; left: 50%; top: 50%; margin: -5px 0 0 -6px; transform: rotate(45deg);}
.Floor003091 .flipster > a.flipto-prev:before{}
.Floor003091 .flipster > a:hover{background-color: #1e2b68;}
@media(min-width:1025px) and (max-width:1600px){
.Floor003091 .flipster .pic{width: 23.75vw; height: 29.375vw;}
.Floor003091 .flipster .Ispic{width: 23.75vw; height: 29.375vw;}
.flipster-carousel .flip-past{transform: translateX(-180%) translateZ(0) rotateY(0deg) scale(0.426);}
.flipster-carousel .flip-future{transform: translateX(180%) translateZ(0) rotateY(0deg) scale(0.426);}
.Floor003091 .flipster > a.flipto-prev{margin-left: -18.125vw;}
.Floor003091 .flipster > a.flipto-next{ margin-left: calc(18.125vw - 50px);}
}
@media(min-width:1025px){
.Floor003091 .h-title{float: left;width: 36.625%;max-width: 458px;}
.Floor003091 .cur-info{ float: right;width:32.75%; }
.Floor003091 .flipster{float: left;}
.Floor003091 .flipster > a{ bottom:1rem; left:47.3%;}
.Floor003091 .flipster > a.flipto-prev{margin-left: -2rem;transform: rotate(180deg);}
.Floor003091 .flipster > a.flipto-next{ margin-left:2.3rem;}
}
@media(max-width:1024px){
.Floor003091 .cur-info:before{width: 100%}
.Floor003091 .flipster > a{top: 50%; margin-top: -25px;}
.Floor003091 .flipster > a.flipto-prev{left: 0;}
.Floor003091 .flipster > a.flipto-next{right: 0;}
.Floor003091 .flipster .Ispic{width: 60vw; height: 60vw;}
.Floor003091 .cur-info{padding-top: 8vw;margin-top: 5vw;}
}
@media(max-width:480px){
.Floor003091{font-size: 3.5vw;}
.Floor003091 .cur-info .txt .name{font-size: 5vw;}
.Floor003091 .flipster > a{width: 10vw;height: 10vw;margin-top: -5vw;}
}

.deveop{
  padding: 1rem 0;
  background-color: rgba(238, 238, 238, 1);
}

.deveop_box{
  display: flex;
  flex-wrap: wrap;
}
.deveop_box .deveop_cpt{
  font-size: var(--font-size28);
}
.deveop_box .deveop_left{
  width: 3rem;
}
.deveop_box .deveop_right{
  width: calc(100% - 3rem);
  padding-left: .35rem;
}
.deveop_box .deveop_cpt{
  padding: .2rem;
  text-align: center;
  color: var(--white);
  background-color: var(--hover-color);
} 
.deveop_lis{
  background-color: #fff;  
}
.deveop_lis .deveop_li{
  border-bottom: 1px solid #7b8a96;
}
.deveop_lis .deveop_li a{
  color: #7b8a96;
  font-size: var(--font-size20);
  position: relative;
  padding: .15rem;
  display: block;
}
.deveop_lis .deveop_li:hover,
.deveop_lis .deveop_li.on{
  /* border-color:var(--hover-color); */
  /* background-color: var(--hover-color); */
}
.deveop_lis .deveop_li:hover a,
.deveop_lis .deveop_li.on a{
  color: var(--hover-color);
  position: relative;
}
.deveop_lis .deveop_li a::before{
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-50%,0);
  height: .03rem;
  width: 0;
  transition: all .5s;
  background-image: linear-gradient(to right, #627cb9, #12b8d7);
  bottom: -.02rem;
}
.deveop_lis .deveop_li:hover a::before,
.deveop_lis .deveop_li.on a::before{
  width: 100%;
}
.deveop_items{
  display: flex;
  flex-wrap: wrap;
}
.deveop_items .deveop_item{
  margin-bottom: .6rem;
  width: calc((100% - 1rem)/3);
  cursor: pointer;
}
.deveop_items .deveop_item:not(:nth-child(3n+1)){
  margin-left: .5rem;
}
.deveop_items .imgbox{
  padding-bottom: 70%;
  position: relative;
}
.deveop_items .imgbox img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  max-height: 100%;
  z-index: 2;
}
.deveop_items .deveop_item .imgbox::before{
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .3);
  z-index: 3;
  opacity: 0;
  pointer-events: none;
}
.deveop_items .deveop_item:hover .imgbox::before{
  opacity: 1;
}
.deveop_items .text_box{
  padding: .3rem;
}
.deveop_items .tit{
  color: #000;
  font-size: var(--font-size24);
  margin-bottom: .2rem;
}
.deveop_btn{
  display: block;
  font-size: var(--font-size16);
  color: #666;
  padding-right: .25rem;
  background-image: url(../images/deveop_ico.svg);
  background-repeat: no-repeat;
  background-position: center right;
}
.art_box{
  text-align: right;
  margin-top: .3rem;
}
.art_btn{
  display: inline-block;
  background-color: var(--hover-color);
  color: #fff;
  padding: .1rem .15rem;
}
.art_btn:hover{
  color: var(--white);
}

@media(max-width:1024px){
.deveop {
    padding: .5rem 0;
}

.deveop_box .deveop_left {
    width: 2rem;
}

.deveop_box .deveop_cpt {
    font-size: var(--font-size20);
    padding: .1rem;
}

.deveop_lis .deveop_li {
    padding: .1rem;
}

.deveop_lis .deveop_li a {
    font-size: var(--font-size16);
}

.deveop_box .deveop_right {
    width: calc(100% - 2rem);
}

.deveop_items .deveop_item:not(:nth-child(3n+1)) {
    margin-left: .2rem;
}

.deveop_items .deveop_item {
    width: calc((100% - .4rem) / 3);
    margin-bottom: .4rem;
}

.deveop_items .text_box {
    padding: .15rem;
}

.deveop_items .tit {
    margin-bottom: .1rem;
    font-size: var(--font-size18);
}

.deveop_btn {
    font-size: var(--font-size14);
}
}
@media(max-width:768px){
.deveop_box .deveop_left {
    width: 100%;
}

.deveop_box .deveop_right {
    width: 100%;
    margin-top: .2rem;
    padding-left: 0;
}

.deveop_items .deveop_item {
    width: calc((100% - .2rem)/2);
}

.deveop_items .deveop_item:not(:nth-child(3n+1)) {
    margin-left: 0;
}

.deveop_items .deveop_item:not(:nth-child(2n+1)) {
    margin-left: .2rem;
}
}