@charset "utf-8";
@font-face{font-family:"HarmonyOS_Sans_SC";src:url(../fonts/HarmonyOS_Sans_SC_Regular.ttf);font-style:normal;font-weight:400;}
@font-face{font-family:"HarmonyOS_Sans_SC";src:url(../fonts/HarmonyOS_Sans_SC_Medium.ttf);font-style:normal;font-weight:500;}

/*初始化样式*/
*{-webkit-tap-highlight-color:transparent;}

/*html5设置*/
article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block;}
html,body,div,pre,code,form,fieldset,legend,input,textarea,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main,p,h1,h2,h3,h4,h5,h6,dl,dd,ol,ul,li{margin:0;padding:0;}
body{background-color:#fff;background-image:linear-gradient(90deg,rgba(3,110,184,.15),rgba(0,162,154,.15));color:#394147;font:400 16px/1.875em 'HarmonyOS_Sans_SC','Arial','Sans-serif';overflow-x:hidden;width:100%;word-wrap:break-word;}
a{text-decoration:none;outline:none;color:#394147;}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:#00a29a;}
a img{border:none;}
img{max-width:100%;}
li{list-style:none;}
select,input,textarea,button{border-radius:0;-webkit-border-radius:0;background:none;border:none;margin:0;padding:0;outline:none;font-family:Arial,'Microsoft Yahei';}
input:focus{outline:none;}
textarea{resize:none;}
input[type='text']::-moz-placeholder{opacity:0.5;}
input[type='text']:-moz-placeholder{opacity:0.5;}
input[type='text']::-webkit-input-placeholder{opacity:0.5;}
input[type='text']:-ms-input-placeholder{opacity:0.5;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;font-size:16px;width:100%;border-top:solid 1px #e4e4e4;border-left:solid 1px #e4e4e4;box-sizing:border-box;}
table th{background-color:#f9f9f9;text-align:center;box-sizing:border-box;}
table td,table th{padding:1%;border:1px solid #e4e4e4;box-sizing:border-box;}

/*全局样式*/
.inner{width:93.75%;max-width:1200px;margin:0 auto;}
.clear{clear:both;height:0px;overflow:hidden;}
.pic{overflow:hidden;position:relative;}
.pic img{display:block;width:100%;height:auto;}
.pic .bg{background:no-repeat center center;background-size:cover;display:block;transition:all .3s;}
.rows{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.clip{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#00a29a,#036eb8);color:transparent;display:inline-block;}
.hide{opacity:0;visibility:hidden;transition:all .2s;}

/* Slider */
.slick-load{display:none;}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility:hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;font-size:0;line-height:normal;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide img{display:block;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;}
.slick-arrow.slick-hidden{display:none;}
.slick-arrow{overflow:hidden;text-indent:-99999em;font-size:0;background:no-repeat 0 0;background-size:100% auto;cursor:pointer;}
.slick-dots{line-height:0;white-space:nowrap;z-index:2;text-align:center;}
.slick-dots li{display:inline-block;margin:0 8px;}
.slick-dots button{display:block;background-color:transparent;cursor:pointer;text-indent:-99999em;line-height:0;width:18px;height:18px;border:1px solid #fff;position:relative;transition:all .2s;border-radius:50%;}
.slick-dots button:after{background-color:#fff;border-radius:50%;display:none;position:absolute;content:'';width:22.22222222%;padding-bottom:22.22222222%;left:38.88888889%;top:38.88888889%;}
.slick-dots .slick-active button:after{display:block;}

/*header*/
#header{background-color:#fff;position:fixed;left:0;top:0;width:100%;z-index:9;transition:all .3s;opacity:1;transform:translateY(0);}
#header.fixed{position:fixed;transform:translateY(0);opacity:1;}
#header.opacity{opacity:0;transform:translateY(-100%);}
#blank{height:80px;clear:both;width:100%;}

/*logo*/
#logo{width:155px;float:left;padding:15px 0;}
#logo h1{padding-bottom:32.25806452%;position:relative;}
#logo a{position:absolute;left:0;top:0;width:100%;height:100%;display:block;text-indent:-9999em;overflow:hidden;background:url(../images/logo.png) no-repeat left center;background-size:contain;}

/*searchBtn*/
#topBtn{float:right;width:185px;padding:22px 0;position:relative;}

/*searchBtn*/
#searchBtn{float:right;padding:8px 0;}
#searchBtn span{display:block;width:20px;height:20px;background:url(../images/icon_search_01.png) no-repeat center center;background-size:contain;cursor:pointer;}
#searchBtn span:hover{opacity:.85;}

/*searchForm*/
#searchForm{position:absolute;right:-10px;top:100%;width:350px;background-color:rgba(255,255,255,0.5);transition:all .3s;box-shadow:0px 0px 5px rgba(0,0,0,0.1);visibility:hidden;opacity:0;transition:all .2s;}
#searchForm .input{position:relative;margin-right:40px;}
#searchForm .text{font-size:14px;color:#333;height:24px;padding:8px 5%;width:90%;background-color:#fff;}
#searchForm .submit{position:absolute;left:100%;top:0;height:100%;background:#00a29a url(../images/icon_search_02.png) no-repeat center center;background-size:50% auto;text-indent:-99999em;overflow:hidden;cursor:pointer;width:40px;}
#searchForm.active{visibility:visible;opacity:1;}

/*language*/
/* #language{float:left;width:120px;font-size:14px;position:relative;user-select:none;}
#language span{display:block;border:2px solid #00a29a;height:32px;line-height:32px;border-radius:18px;padding:0 25px 0 15px;cursor:pointer;position:relative;transition:all .1s;}
#language span:after{border-top:4px solid #333;border-right:4px solid transparent;border-left:4px solid transparent;content:'';display:block;position:absolute;right:15px;top:50%;margin-top:-2px;transition:all .2s;}
#language ul{position:absolute;left:0;top:100%;background-color:#f7f7f7;width:100%;margin-top:22px;padding:2px 0;visibility:hidden;opacity:0;transition:all .2s;text-align:center;}
#language ul:before{border-bottom:8px solid #f7f7f7;border-left:8px solid transparent;border-right:8px solid transparent;content:'';display:block;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);}
#language li{margin:0 25%;padding:6.66666667% 0;}
#language li:not(:last-child){border-bottom:1px solid #e2e2e2;}
#language a{display:block;overflow:hidden;height:26px;line-height:26px;}
#language.active span:after{transform:rotate(-180deg);}
#language.active ul{visibility:visible;opacity:1;} */
.top-lang{float: left; overflow: hidden; margin-top: calc(5 / 16 * 1em);}
.top-lang a{float: left;display: block;color: #000; line-height: calc(25 / 16 * 1em);min-width:calc(25 / 16 * 1em);text-align: center;}
.top-lang a:hover,
.top-lang a.on{color: #00a29a;}
.top-lang a:not(:last-child){margin-right: calc(5 / 16 * 1em);}

/*navBtn*/
#navBtn{position:relative;cursor:pointer;display:none;width:20px;height:24px;padding:4px 0;float:left;z-index:11;}
#navBtn span,#navBtn span:before,#navBtn span:after{height:2px;background-color:#00a29a;position:absolute;left:0;display:block;content:'';width:100%;transition:all .3s;}
#navBtn span{top:50%;transform:translateY(-50%);margin-top:1px;}
#navBtn span:before{top:-8px;}
#navBtn span:after{bottom:-8px;}
#navBtn.active span{height:0;}
#navBtn.active span:before{top:0;transform:rotate(45deg);}
#navBtn.active span:after{bottom:-2px;transform:rotate(-45deg);}

/*menu*/
#menu{margin:0 185px 0 155px;}
#menu ul{float:right;padding:0 2.3255814%;}
#menu li{float:left;font-size:18px;line-height:30px;padding:25px 26px;position:relative;}
#menu a{display:block;position:relative;color:#333;}
#menu a:after{width:100%;height:2px;background-color:#0e6eb8;content:'';display:block;position:absolute;left:0;bottom:-25px;opacity:0;}
#menu a:hover{color:#036eb8;}
#menu li ul{position:absolute;left:50%;top:100%;width:100%;background-color:rgba(255,255,255,0.95);padding:1.30208333% 0;visibility:hidden;opacity:0;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;width:100000%;transform:translate(-50%,0);display:flex;justify-content:center;}
#menu li ul  .content{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;padding:15px 0;}

/* #menu li ul{position:absolute;left:0;top:100%;width:100%;background-color:rgba(255,255,255,0.95);padding:1.30208333% 0;visibility:hidden;opacity:0;transition:all .2s;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;} */
#menu li ul:before{border-bottom:6px solid rgba(255,255,255,0.9);border-left:6px solid transparent;border-right:6px solid transparent;content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);bottom:100%;display:none!important;}
#menu li li{font-size:16px;padding:0 3.04166667%;float:none;}
#menu li li a{white-space:nowrap;color:#666;}
#menu li li a:hover{color:#00a29a;}
#menu em{display:none;}
#menu .on > a,#menu .current > a{color:#036eb8;}
#menu li.current,#menu li.on{background-color:#036eb8;}
#menu li.current>a,#menu li.on>a{color:#fff;}

/* #menu .on > a:after,#menu .current > a:after{opacity:1;} */
#menu .on ul{visibility:visible;opacity:1;}
@keyframes scale{
  0%{transform:scale(1) rotate(0deg);}
  100%{transform:scale(1.2) rotate(5deg);}
}
@keyframes slidesInUp{
  from{opacity:0;visibility:hidden;transform:translateY(50%);}
  to{opacity:1;visibility:visible;transform:translateY(0);}
}

/*slides*/
#slides{color:#fff;overflow:hidden;}
#slides .bg,#slides .loading{padding-bottom:45.83333333%;}
#slides .wap{display:none;}
#slides a{color:#fff;display:block;overflow:hidden;}
#slides .text{position:absolute;left:0;bottom:34.77272727%;width:100%;overflow:hidden;}
#slides .en,#slides .cn{white-space:pre-line;padding:0.78125vw 0;}
#slides .en{font-size:3.64583333vw;line-height:1em;text-align:left;}
#slides .cn{font-size:3.125vw;line-height:1.25em;font-weight:normal;}
#slides .slick-current .bg{animation:scale 8s linear 0s infinite;}
#slides .slick-current .en,#slides .slick-current .cn{animation-name:slidesInUp;animation-duration:3s;}
#slides .slick-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:7.38636364%;z-index:2;white-space:nowrap;}
#slides .slick-dots button{opacity:0.5;}
#slides .slick-dots .slick-active button{opacity:1;}

/*bottom*/
#bottom{background-color:#036eb8;padding:0.78125% 0;font-size:16px;line-height:1.875em;color:#fff;}
#bottom a{color:#fff;opacity:.5;}
#bottom a:hover{opacity:1;}

/*links*/
#links{overflow:hidden;}
#links h3{float:left;font-size:16px;line-height:1.875em;font-weight:normal;opacity:.5;}
#links ul{margin-left:60px;overflow:hidden;}
#links li{float:left;padding-right:2.23214286%;}

/*copyright*/
#copyright{color:#fff;opacity:.33;}
#copyright a{opacity:1;}
#copyright a:hover{opacity:0.5;}

/*links*/
#links{padding:1% 0;margin-bottom:0.58333333%;}

/*footer*/
#footer{color:#fff;font-size:16px;line-height:1.875em;background-color:#036eb8;border-bottom:1px solid #3889c7;padding:4.16666667% 0;}
#footer .inner{overflow:hidden;}
#footer a{color:#fff;}

/*contact*/
#contact{float:left;width:28.33333333%;}
#contact .logo{width:57.35294118%;margin-bottom:15.58823529%;}
#contact .logo img{display:block;width:100%;height:auto;}
#contact .search{margin-bottom:5.88235294%;}
#contact .submit{width:80px;display:block;background-color:#3889c7;color:#fff;cursor:pointer;font-size:16px;height:100%;position:absolute;right:0;top:0;-webkit-appearance:none;}
#contact .input{position:relative;padding-right:80px;border:2px solid #3889c7;}
#contact .text{display:block;font-size:14px;height:24px;line-height:24px;padding:11px 8%;width:84%;color:#fff;}
#contact input[type='text']::-moz-placeholder{opacity:0.2;}
#contact input[type='text']:-moz-placeholder{opacity:0.2;}
#contact input[type='text']::-webkit-input-placeholder{opacity:0.2;}
#contact input[type='text']:-ms-input-placeholder{opacity:0.2;}
#contact .info{line-height:1.5625em;}
#contact .info p{padding:2.79411765% 0;}
#contact .info .addr{padding-right:40px;background:url(../images/icon_addr.png) no-repeat right center;}

/*pages*/
#pages{width:60%;float:right;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#pages dl{padding-left:2%;max-width:18%;}
#pages dt{font-size:18px;line-height:1.66666667em;padding:15px 0;margin-bottom:15px;}
#pages dt a:hover{opacity:.85;}
#pages dd a{opacity:.5;}
#pages dd a:hover{opacity:1;}

/*homeTitle*/
.homeTitle{font-size:40px;line-height:1.125em;}
.homeTitle span{position:relative;padding-bottom:1.66666667%;}
.homeTitle span:after{width:100%;height:2px;background-image:linear-gradient(90deg,#00a29a,#036eb8);content:'';display:block;position:absolute;left:0;bottom:0;}
.homeTitle.center{text-align:center;}

/*play*/
.play{position:absolute;cursor:pointer;transition:all .3s;}
.play a{display:block;overflow:hidden;padding-bottom:100%;background:url(../images/icon_play.png) no-repeat center center;background-size:contain;}
.play:hover{transform:scale(0.8);}

/*homeAbout*/
#homeAbout{background:url(../images/bg_home_about.jpg) no-repeat center center;background-size:cover;}
#homeAbout .inner{padding:5.72916667% 0 90px;position:relative;}
#homeAbout .info{display:table;table-layout:fixed;overflow:hidden;}
#homeAbout .video{width:40.16666667%;display:table-cell;vertical-align:bottom;padding-right:10px;}
#homeAbout .play{width:10.57142857%;left:50%;top:50%; transform: translate(-50%,-50%);}
#homeAbout .text{display:table-cell;vertical-align:middle;}
#homeAbout .homeTitle{margin-bottom:11.02040816%;}
#homeAbout .homeTitle span{padding-bottom:4.08163265%;}
#homeAbout .intro{width:90.7755102%;font-size:16px;line-height:1.5em;color:#1fa69d;}
#homeAbout .intro p{margin-bottom:2.94117647%;padding-left:5.58823529%;position:relative;}
#homeAbout .intro p:before{width:10px;height:10px;border-radius:50%;border:3px solid #00a29a;content:'';display:block;position:absolute;left:0;top:4px;}
#homeAbout .data{color:#394147;line-height:2em;text-align:center;font-size:16px;position:absolute;left:0;bottom:0;width:100%;transform:translateY(50%);}
#homeAbout .data ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;overflow:hidden;padding:1.83333333% 0 1.66666667%;background-color:#f1faff;box-shadow:0px 0px 29px rgba(57,65,71,0.1);border-radius:10px;}
#homeAbout .data li{width:22%;padding:1.5%;float:left;position:relative;}
#homeAbout .data li:after{width:1px;height:80%;background-color:#d8e1e5;content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
#homeAbout .data p{position:relative;}
#homeAbout .data .num{font-weight:bold;}
#homeAbout .data span{font-size:70px;line-height:1em;padding-right:7px;}
#homeAbout .data sup{font-size:22px;line-height:1em;position:absolute;left:auto;top:3px;}
#homeAbout .data i{font-style:normal;font-size:18px;margin-top:-3.787%;line-height:1.5em;display:inline-block;vertical-align:middle;}

/*homePipeline*/
.homePipeline{padding:12.29166667% 0 7.29166667%;}

/*wrapper*/
.wrapper{padding:5.20833333% 0 7.8125%;overflow:hidden;}

/*pipeline*/
#pipeline{background:#cee1ee url(../images/bg_home_product.jpg) no-repeat center center;background-size:cover;overflow:hidden;}
#pipeline .homeTitle{margin-bottom:3.58333333%;}
#pipeline .pageTitle{margin-bottom:3.58333333%;}
#pipeline .intro{font-size:18px;line-height:1.66666667em;width:76.66666667%;margin:0 auto 3.75%;text-align:center;}
#pipeline .table{background-color:rgba(255,255,255,0.3);font-size:22px;line-height:1.45454545em;text-align:center;}
#pipeline .table ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;}
#pipeline .table li{position:relative;padding:0 0.83333333%;}
#pipeline .table li:nth-child(n+4):before{width:1px;height:100%;background-color:rgba(57,65,71,0.2);content:'';display:block;position:absolute;left:0;top:0;}
#pipeline .table .w1{width:15%;}
#pipeline .table .w2{width:22%;}
#pipeline .table .w3{width:9.16666667%;padding-left:0;text-align:left;}
#pipeline .table .w4{width:10%;}
#pipeline .table .w5{width:12.6%;}
#pipeline .table .w6{width:63%;padding:0;}
#pipeline .table .th ul{padding:2% 0;}
#pipeline .table .td{position:relative;overflow:hidden;}
#pipeline .table .td:before{width:15.83333333%;height:100%;content:'';display:block;position:absolute;left:0;top:0;background-image:linear-gradient(180deg,#00a29a,#036eb8);}
#pipeline .table .td ul{position:relative;z-index:2;padding:4.5% 0;border-top:2px solid #bed4e3;}
#pipeline .table .td li:first-child{color:#fff;}
#pipeline .table .td span{display:block;width:0;transition:width 2s;}
#pipeline .table .td i{display:block;height:36px;background-image:linear-gradient(90deg,#00a29a,#036eb8);margin-right:36px;position:relative;}
#pipeline .table .td i:after{border-left:18px solid #036eb8;border-top:18px solid transparent;border-bottom:18px solid transparent;content:'';display:block;position:absolute;left:100%;top:0;height:100%;box-sizing:border-box;}

/*homeFor*/
#homeFor{background:no-repeat center center;background-size:cover;background-attachment:fixed;margin-bottom:7.29166667%;}
#homeFor .inner{padding-bottom:340px;position:relative;}
#homeFor .title{position:absolute;left:0;top:50%;transform:translateY(-50%);text-align:center;width:100%;color:#fff;}
#homeFor .cn{font-size:50px;font-weight:normal;line-height:1.35em;}
#homeFor .en{font-size:56px;line-height:1.25em;text-transform:uppercase;}
.readmore{width:170px;}
.readmore i{font-style:normal;position:absolute;left:15.29411765%;top:50%;transform:translateY(-50%);}
.readmore a{display:block;padding-bottom:28.23529412%;font-size:14px;background:url(../images/readmore.png) no-repeat center center;background-size:contain;position:relative;border-radius:20px 0 20px 0;overflow:hidden;}
.readmore a:after{width:11.17647059%;padding-bottom:5.29411765%;background:url(../images/arrow_01.png) no-repeat 0 0;background-size:100% auto;content:'';display:block;position:absolute;right:16.47058824%;top:50%;transform:translateY(-50%);}
.readmore a:before{width:0;height:100%;content:'';display:block;position:absolute;background-image:linear-gradient(145deg,#00a29a,#036eb8);transition:width .3s;}
.readmore a:hover:before{width:100%;}
.readmore a:hover:after{background-position:0 100%;}
.readmore a:hover i{color:#fff;}

/*homeInfo*/
#homeInfo{margin-bottom:6.25%;margin-top:6.25%;}
#homeInfo .inner{overflow:hidden;}
#homeInfo .item{float:left;width:49.16666667%;padding-bottom:1.66666667%;}
#homeInfo .item:nth-child(2n){float:right;}
#homeInfo .box{background-color:#e7f1f6;border-radius:10px;padding:12.71186441% 38.98305085% 14.40677966% 10.16949153%;box-shadow:0px 3px 8px rgba(57,65,71,0.05);position:relative;overflow:hidden;}
#homeInfo .homeTitle{margin-bottom:9%;}
#homeInfo .homeTitle span{padding-bottom:5%;}
#homeInfo .intro{font-size:16px;line-height:1.875em;height:7.5em;margin-bottom:16.66666667%;-webkit-line-clamp:4;}
#homeInfo .icon{width:34.74576271%;position:absolute;right:0;bottom:0;opacity:.6;transition:all .2s;}
#homeInfo .icon i{padding-bottom:195.12195122%;background:no-repeat right bottom;background-size:contain;display:block;overflow:hidden;}
#homeInfo .item:hover .icon{opacity:1;}

/*homeNews*/
#homeNews{margin-bottom:7.55208333%;}
#homeNews .inner{overflow:hidden;position:relative;}
#homeNews .top{float:right;width:48.33333333%;}
#homeNews .top .bg{padding-bottom:72.4137931%;}
#homeNews .top .text{background-color:#036eb8;padding:4.31034483% 5.17241379%;}
#homeNews .top h4{font-size:22px;font-weight:normal;line-height:1.5em;height:3em;-webkit-line-clamp:2;}
#homeNews .top time{display:block;font-size:16px;line-height:1.5em;margin-top:1.92307692%;}
#homeNews .top a{display:block;overflow:hidden;color:#fff;}
#homeNews .top a:hover .bg{transform:scale(1.1);}
#homeNews .homeTitle{float:left;width:47.5%;}
#homeNews .homeTitle span{padding-bottom:3.50877193%;}
#homeNews .list{width:47.5%;float:left;padding:4% 0 7.08333333%;}
#homeNews li{font-size:18px;border-bottom:1px solid rgba(1,149,161,0.2);padding:2.80701754% 0;background:url(../images/ico_xz.png) no-repeat left center;background-size:15px 9px;}
#homeNews li a{padding-right:7.01754386%;padding-left:27px;position:relative;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:80px;}
#homeNews li time{display:block;float:right;font-size:16px;}
#homeNews .readmore{position:absolute;left:0;bottom:0;}

/*banner*/
#banner{padding-bottom:31.25%;position:relative;background:no-repeat center center;background-size:cover;color:#fff;text-transform:uppercase;}
#banner .text{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;}
#banner p{width:36vw;padding:0.83333333vw 0;}
#banner .en{font-size:3.64583333vw;line-height:0.94285714em;text-align:left;font-weight:bold;}
#banner .cn{font-size:3.125vw;line-height:1.25em;}
#banner .cn span{display:inline-block;border-bottom:1px solid rgba(255,255,255,0.5);padding-bottom:2.30769231%;}

/*bar*/
#bar{position:relative;z-index:2;background-color:#ecf5fa;overflow:hidden;}
#bar .inner{display:flex;flex-direction:row-reverse;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}

/*breadcrumb*/
#breadcrumb{font-size:16px;line-height:1.875em;background:url(../images/icon_home.png) no-repeat left center;padding-left:25px;}
#breadcrumb .clip{display:block;}
#breadcrumb a{-webkit-text-fill-color:transparent;}
#breadcrumb a:hover{-webkit-text-fill-color:#036eb8;}

/*submenu*/
#submenu{position:relative;}
#submenu i{position:absolute;left:0;bottom:0;width:100%;height:1px;background-image:linear-gradient(90deg,#00a29a,#036eb8);opacity:0;}
#submenu ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
#submenu li{font-size:18px;line-height:1.66666667em;padding:25px 0 25px 0;margin-right:25px;}
#submenu a{-webkit-text-fill-color:transparent;display:block;}
#submenu a{padding:0 15px;}
#submenu li.current{background:#036eb8;}
#submenu li.current a{color:#fff;-webkit-text-fill-color:unset;}

/*pageTitle*/
.pageTitle{font-size:40px;line-height:1.125em;text-align:center;margin-bottom:3.58333333%;}
.pageTitle span{position:relative;padding-bottom:1.66666667%;}
.pageTitle span:after{width:100%;height:1px;background-image:linear-gradient(90deg,#00a29a,#036eb8);content:'';display:block;position:absolute;left:0;bottom:0;}

/*aboutus*/
#aboutus{background:url(../images/bg_aboutus.jpg) no-repeat center center;background-size:cover;}
#aboutus .pageTitle{margin-bottom:6%;}
#aboutus .data{color:#394147;font-size:18px;line-height:1.77777778em;margin:0 14.58333333% 5.58333333%;}
#aboutus .data ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#aboutus .data li{width:22%;padding:1.5%;float:left;position:relative;}
#aboutus .data .num{font-weight:bold;white-space:nowrap;}
#aboutus .data span{font-size:60px;line-height:1em;display:inline-block;vertical-align:middle;}
#aboutus .data i{font-style:normal;font-size:18px;line-height:1.125em;display:inline-block;vertical-align:middle;margin-top:15.213%;}
#aboutus .data sup{font-size:22px;line-height:1em;display:inline-block;vertical-align:top;}
#aboutus .info{display:table;table-layout:fixed;width:100%;}
#aboutus .video{display:table-cell;vertical-align:middle;position:relative;z-index:2;}
#aboutus .play{top:50%;left:50%;width:10%;margin:-5% 0 0 -5%;}
#aboutus .pic{width:136.36363636%;}
#aboutus .bg{padding-bottom:90%;}
#aboutus .text{display:table-cell;vertical-align:middle;width:63.33333333%;background-color:rgba(255,255,255,0.5);box-shadow:0px 3px 8px rgba(57,65,71,0.1);overflow:hidden;}
#aboutus .box{margin-left:21.05263158%;padding:5.81578947% 6.52631579% 6.47368421%;}
#aboutus .title{font-size:30px;font-weight:normal;line-height:1.35em;margin-bottom:5.09090909%;}
#aboutus .intro{font-size:16px;color:#394147;line-height:1.875em;}

/*pagenavi*/
#pagenavi{font-size:0;line-height:normal;text-align:center;}
#pagenavi a{min-width:42px;display:inline-block;height:48px;margin:0.83333333%;font-size:18px;vertical-align:top;padding:0 3px;line-height:48px;color:#394147;border:1px solid rgba(0,0,0,0.1);}
#pagenavi a:hover{border-color:#036eb8;color:#036eb8;}
#pagenavi .a_cur{color:#fff;background-color:#036eb8;border-color:#036eb8;}
#pagenavi .a_cur:hover{color:#fff;}
#pagenavi .a_prev,#pagenavi .a_next{text-indent:-99999em;position:relative;width:88px;padding:0;}
#pagenavi .a_prev:before,#pagenavi .a_next:before,#pagenavi .a_prev:before,#pagenavi .a_next:before{width:29.54545455%;padding-bottom:3.40909091%;background:no-repeat 0 0;background-size:100% auto;content:'';display:block;position:absolute;left:35.22727273%;top:50%;transform:translateY(-50%);}
#pagenavi .a_prev:hover:before,#pagenavi .a_next:hover:before{background-position:0 100%;}
#pagenavi .a_prev:before{background-image:url(../images/a_prev.png);}
#pagenavi .a_next:before{background-image:url(../images/a_next.png);}

/*more*/
.more{font-size:14px;line-height:1.5em;}
.more:after{display:inline-block;content:'';vertical-align:middle;width:18px;height:8px;background:url(../images/arrow_02.png) no-repeat center center;margin-left:3.33333333%;transition:margin .2s;}

/*technology*/
#technology{overflow:hidden;width:102.5%;margin-bottom:2.5%;display:flex;justify-content:center;flex-wrap:wrap;}
#technology .item{float:left;width:30.89430894%;padding:0 2.43902439% 3.25203252% 0;}
#technology .bg{padding-bottom:65%;}
#technology .text{background-color:rgba(255,255,255,0.5);padding:6.05263158% 10.52631579% 9.21052632%;}
#technology .title{font-size:22px;font-weight:normal;overflow:hidden;line-height:1.35em;height:2.7em;margin-bottom:3.66666667%;-webkit-line-clamp:2;}
#technology a{display:block;overflow:hidden;}
#technology a:hover .bg{transform:scale(1.1);}
#technology a:hover .more:after{margin-left:6%;}

/*contactus*/
#contactus .map{padding-bottom:460px;position:relative;margin-bottom:3.83333333%;z-index:1;}
#contactus #allmap{position:absolute;left:0;top:0;width:100%;height:100%;}
#contactus .info{margin-bottom:1%;}
#contactus ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;width:102%;}
#contactus li{font-size:16px;line-height:1.875em;padding:0.66666667% 2% 0.66666667% 0;}
#contactus li p{padding:8px 0;}
#contactus li .mail{white-space:pre-line;}
#contactus li span{font-size:18px;line-height:1.66666667em;}

/*entry*/
.entry{font-size:16px;line-height:1.875em;}
.entry img{height:auto!important;}
.entry ol,.entry ul{margin-left:2em;}
.entry ol li,.entry ul li{margin-left:1em;}
.entry ul li{list-style:outside disc none;}
.entry ol li{list-style:outside decimal none;}
.entry blockquote{margin:0 2em;font-style:italic;opacity:.9;}
.entry hr{border:none;height:1px;background-image:linear-gradient(90deg,#00a29a,#036eb8);}
.entry h3{font-size:1.375em;line-height:1.875em;font-weight:normal;}
.entry small{font-size:0.9375em;}

/*postTitle*/
.postTitle{font-size:36px;text-align:center;line-height:1.5em;font-weight:normal;margin-bottom:4.16666667%;}

/*techDetails*/
#techDetails .entry{max-width:1000px;margin:0 auto;}
#techDetails .list{text-align:center;font-size:18px;line-height:1.66666667em;}
#techDetails .list li{margin-top:6.16666667%;}
#techDetails .pic{margin-bottom:2%;}

/*extracorporeal*/
#extracorporeal .list{overflow:hidden;width:102.16%;}
#extracorporeal .item{  /* float:left; */
width:22.84%;  /* padding: 0 2%; */  /* padding:0 2.16% 2.16% 0; */}
#extracorporeal .slick-slide>div{padding:0 7%;}

/* #extracorporeal .item{float:left;width:22.84%;padding:0 2.16% 2.16% 0;} */
#extracorporeal .item:hover .bg{transform:scale(1.1);}
#extracorporeal .item:hover .excerpt{opacity:1;}
#extracorporeal .item:hover .text{background-color:#fff;}
#extracorporeal .bg{padding-bottom:66.42857143%;}
#extracorporeal .text{background-color:rgba(255,255,255,0.5);padding:14.28571429% 10.71428571% 17.85714286%;transition:all .2s;}
#extracorporeal .title{font-size:22px;line-height:1.36em;height:2.72em;-webkit-line-clamp:2;font-weight:normal;margin-bottom:7.72727273%;}
#extracorporeal .title a{display:block;}
#extracorporeal .excerpt{font-size:16px;line-height:1.875em;height:5.625em;-webkit-line-clamp:3;opacity:.8;margin-bottom:13.63636364%;}

/*extDetails*/
#extDetails{background:url(../images/bg_ext_details.png) no-repeat center top;background-size:100% auto;}
#extDetails .title{font-size:40px;font-weight:normal;line-height:1.3em;text-align:center;margin-bottom:5.16666667%;}
#extDetails .box{position:relative;margin-bottom:7.5%;}
#extDetails .box:last-child{padding-top:7.5%;}
#extDetails .box:last-child:before{width:100%;height:1px;background-image:linear-gradient(90deg,#00a29a,#036eb8);content:'';display:block;position:absolute;left:0;top:0;}
#extDetails .name{font-size:38px;font-weight:normal;line-height:1.5em;margin-bottom:2.91666667%;}
#extDetails .name span{position:relative;margin-right:70px;}
#extDetails .name span:after{width:50px;height:1px;background-image:linear-gradient(90deg,#00a29a,#036eb8);content:'';display:block;position:absolute;left:100%;top:50%;margin-left:20px;transform:translateY(-50%);}

/*searchPage*/
#searchPage{background:url(../images/bg_home_product.jpg) no-repeat center top;background-size:cover;}

/*sBanner*/
#sBanner{padding-bottom:28.125%;position:relative;background:no-repeat center center;background-size:cover;color:#fff;}
#sBanner .inner{position:absolute;left:50%;transform:translateX(-50%);top:21.2962963%;}
#sBanner h2{font-size:3.125vw;font-weight:normal;line-height:1.125em;}

/*sResult*/
#sResult{margin-top:-13.02083333%;margin-bottom:6.25%;position:relative;z-index:2;}
#sResult .inner{background-color:#ecf5fa;}
#sResult .box{padding:3.33333333% 3.33333333% 7.91666667%;}
#sResult .result{font-size:16px;color:#999;line-height:1.875em;margin-bottom:2.67857143%;}
#sResult .result span{color:#086ab6;}

/*rSearch*/
#rSearch{border-bottom:1px solid #dae3e8;padding-bottom:3.57142857%;margin-bottom:2.23214286%;}
#rSearch .input{padding-left:40px;background:url(../images/icon_search_03.png) no-repeat left center;}
#rSearch .text{display:block;width:100%;font-size:16px;color:#555;height:24px;line-height:24px;padding:3px 0;}
#rSearch input[type="submit"]{display:none;}

/*searchList*/
#searchList{overflow:hidden;margin-bottom:5.35714286%;}
#searchList .item{margin-bottom:0.89285714%;font-size:16px;line-height:2.25em;}
#searchList .info{display:table;table-layout:fixed;width:100%;}
#searchList .td{display:table-cell;vertical-align:middle;padding:0 3.57781753%;}
#searchList .date{width:170px;}
#searchList .details{width:130px;}
#searchList .title{color:#333;padding:0 1.78890877%;}
#searchList h4{font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:390px;}
#searchList a{background-color:#f9f9f9;border:1px solid #f9f9f9;color:#777;padding:1.51785714% 0;display:block;overflow:hidden;}
#searchList a:hover{border-color:#00a29a;}
#searchList a:hover .title,#searchList a:hover .details{color:#00a29a;}

/*dynamicsTop*/
#dynamicsTop{overflow:hidden;}
#dynamicsTop .item{width:49.16666667%;float:left;padding-bottom:1.66666667%;}
#dynamicsTop .item:nth-child(2n){float:right;}
#dynamicsTop .bg{padding-bottom:56.61016949%;}
#dynamicsTop .text{background-color:#0c4e68;padding:3.38983051% 6.77966102%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
#dynamicsTop time{display:block;font-size:16px;line-height:1.375em;}
#dynamicsTop .title{font-size:22px;line-height:1.375em;height:2.75em;-webkit-line-clamp:2;font-weight:normal;padding-right:10.78431373%;white-space:pre-line;}
#dynamicsTop a{display:block;overflow:hidden;color:#fff;}
#dynamicsTop a:hover .bg{transform:scale(1.1);}

/*dynamics*/
#dynamics{overflow:hidden;margin-bottom:5%;}
#dynamics .item{margin-bottom:2.5%;}
#dynamics .pic{width:30.97345133%;}
#dynamics .bg{padding-bottom:57.14285714%;}
#dynamics .text{width:69.02654867%;}
#dynamics .date{float:left;width:84px;background:url(../images/border_date.png) no-repeat center center;background-size:100% 100%;text-align:center;position:relative;font-size:16px;line-height:1.75em;}
#dynamics .date:before{display:block;content:'';padding-bottom:107.14285714%;width:100%;}
#dynamics .date i{display:block;font-style:normal;}
#dynamics time{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;}
#dynamics .day{font-size:30px;line-height:1em;}
#dynamics .intro{padding:0 5.12820513%;margin-left:84px;overflow:hidden;}
#dynamics .title{font-size:22px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:normal;line-height:1.125em;margin-bottom:2.92207792%;}
#dynamics .excerpt{font-size:16px;line-height:1.875em;height:3.75em;-webkit-line-clamp:2;opacity:.8;margin-bottom:5.19480519%;color:#394147;}
#dynamics a{display:block;overflow:hidden;background-color:rgba(255,255,255,0.5);padding:2.5% 2.5% 2.5% 3.33333333%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;flex-direction:row-reverse;align-items:center;}
#dynamics a:hover .bg{transform:scale(1.1);}
#dynamics a:hover .more:after{margin-left:6%;}

/*newsDetails*/
#newsDetails{max-width:1000px;margin:0 auto;}
#newsDetails .postTitle{margin-bottom:3%;}
#newsDetails .entry{margin-bottom:4.3%;}

/*postmeta*/
#postmeta{text-align:center;position:relative;margin-bottom:6.5%;}
#postmeta:after{width:100%;height:1px;background-image:linear-gradient(90deg,#00a29a,#036eb8);display:block;content:'';margin-top:2%;}
#postmeta span{display:inline-block;margin:0 2%;font-size:16px;line-height:1.875em;}

/*postnavi*/
#postnavi{font-size:16px;line-height:1.875em;position:relative;}
#postnavi:before{width:100%;height:1px;background-image:linear-gradient(90deg,#00a29a,#036eb8);display:block;content:'';margin-bottom:2%;}
#postnavi p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/*postOther*/
#postOther{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;margin-bottom:2.2%;}

/*backList*/
#backList{font-size:16px;line-height:1.875em;}
#backList a{-webkit-text-fill-color:transparent;}
#backList a:hover{-webkit-text-fill-color:#036eb8;}

/*share*/
#share{font-size:16px;line-height:30px;}
#share span,#share a{display:inline-block;vertical-align:middle;}
#share span{margin-right:3px;}
#share a{  /* text-indent:-99999em; */
height:15px;width:15px;background:no-repeat center center;background-size:contain;margin-right:30px;}
#share .wb{width:18px;background-image:url(../images/share_wb.png);}
#share .qq{background-image:url(../images/share_qq.png);}
#share .wx{width:19px;background-image:url(../images/share_wx.png);}

/* 2022/6/8 */
#share .icon-wechat::before{display:none;}
#share .icon-wechat .wechat-qrcode{left:50%;transform:translateX(-50%);}
#share .icon-weibo::before{display:none;}
#share .social-share .social-share-icon{border:none;border-radius:0;}
#share .icon-weibo{width:18px;background-image:url(../images/share_wb.png);}
#share .icon-wechat{width:19px;background-image:url(../images/share_wx.png);}

/*divPopup*/
#divPopup{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9;overflow-y:auto;-webkit-overflow-scrolling:touch;}
#divPopup .table{display:table;table-layout:fixed;height:100%;width:100%;}
#divPopup .td{display:table-cell;vertical-align:middle;height:100%;}
#divPopup .btn{text-align:center;background-color:#6b6b6b;position:absolute;right:0;top:0;height:34px;width:100px;line-height:34px;z-index:2;color:#fff;font-size:14px;cursor:pointer;}
#divPopup .btn span{display:inline-block;background:url(../images/icon_close.png) no-repeat right center;padding-right:25px;}
#divPopup #close{position:absolute;left:0;top:0;width:100%;height:100%;}

/*wxShare*/
#wxShare{width:150px;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);background-color:#fff;text-align:center;border:2px solid #888;padding:5px;z-index:2;}
#wxShare #qrcode{padding-bottom:100%;position:relative;}
#wxShare img,#wxShare canvas{position:absolute;left:0;top:0;width:100%;height:100%;}
#wxShare .text{font-size:14px;line-height:1.5em;color:#999;}

/*newsTop*/
#newsTop{margin-bottom:2.91666667%;}
#newsTop .pic{width:50%;}
#newsTop .bg{padding-bottom:57%;}
#newsTop .text{width:38.33333333%;padding:0 5% 0 6.66666667%;}
#newsTop .title{font-size:26px;line-height:1.5em;max-height:3em;-webkit-line-clamp:2;font-weight:normal;margin-bottom:1.52173913%;}
#newsTop .date{font-size:16px;line-height:1.5em;margin-bottom:9.7826087%;color:#394147;}
#newsTop .excerpt{font-size:16px;line-height:1.875em;height:5.625em;-webkit-line-clamp:3;margin-bottom:10.2173913%;color:#394147;}
#newsTop .more{font-size:14px;line-height:1.5em;}
#newsTop a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;overflow:hidden;align-items:center;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;background-color:rgba(255,255,255,0.5);}
#newsTop a:hover .bg{transform:scale(1.1);}
#newsTop a:hover .more:after{margin-left:5%;}
#newsTop .slick-dots{margin-top:4.16666667%;}
#newsTop .slick-dots button{background:url(../images/dot_01.png) no-repeat 0 0;background-size:100% auto;border:none;transition:all 0s;}
#newsTop .slick-dots .slick-active button{background-position:0 100%;}
#newsTop .slick-dots .slick-active button:after{display:none;}

/*newslist*/
#newslist{overflow:hidden;width:102.5%;margin-bottom:3.33333333%;}
#newslist .item{width:30.89430894%;padding-right:2.43902439%;padding-bottom:2.43902439%;float:left;}
#newslist .bg{padding-bottom:56.31578947%;}
#newslist .text{padding:11.84210526% 10.52631579% 10.52631579%;}
#newslist .title{font-size:22px;line-height:1.35em;height:2.7em;-webkit-line-clamp:2;font-weight:normal;margin-bottom:9.33333333%;}
#newslist .excerpt{font-size:16px;line-height:1.875em;height:3.75em;-webkit-line-clamp:2;color:#394147;}
#newslist .meta{border-top:1px solid #dae3e8;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:5.78947368% 10.52631579%;align-items:center;}
#newslist .more{white-space:nowrap;}
#newslist .date{font-size:16px;line-height:1.875em;}
#newslist a{background-color:rgba(255,255,255,0.5);display:block;}
#newslist a:hover .bg{transform:scale(1.1);}
#newslist a:hover .more:after{margin-left:16px;}

/*recruitment*/
#recruitment{margin-bottom:4.16666667%;}
#recruitment .tr{padding:1.5% 4%;display:table;table-layout:fixed;width:92%;line-height:24px;}
#recruitment .tr span{display:table-cell;vertical-align:middle;text-align:center;width:16%;padding:0 1%;}
#recruitment .tr .name{width:35%;text-align:left;}
#recruitment .tr .btn{width:20px;padding-left:0;padding-right:0;}
#recruitment .tr .btn i{width:14px;height:9px;background:url(../images/arrow_03.png) no-repeat center center;background-size:contain;display:block;transition:all .3s;}
#recruitment .th{background-image:linear-gradient(90deg,#00a29a,#036eb8);color:#fff;font-size:18px;margin-bottom:2px;}
#recruitment .td{font-size:16px;background-color:rgba(255,255,255,0.5);padding-top:1.91666667%;padding-bottom:1.91666667%;cursor:pointer;margin-bottom:0.33333333%;}
#recruitment .entry{margin-bottom:1.66666667%;background-color:rgba(255,255,255,0.5);padding:2.33333333% 5% 6.16666667%;display:none;}
#recruitment .box{padding:1.57407407% 0;}
#recruitment .title{font-size:16px;line-height:1.875em;}
#recruitment .current .btn i{transform:rotate(180deg);}

/*menuTab*/
#menuTab .clip{margin:0 3.75%;-webkit-text-fill-color:#394147;opacity:.5;color:transparent;padding-bottom:1.66666667%;position:relative;font-weight:500;display:block;}
#menuTab .clip:not(:first-child){margin-top:10px;}
#menuTab .clip:after{width:100%;height:1px;background-image:linear-gradient(90deg,#00a29a,#036eb8);content:'';display:block;position:absolute;left:0;bottom:0;opacity:0;}
#menuTab .clip:hover{-webkit-text-fill-color:transparent;opacity:1;}
#menuTab .current{-webkit-text-fill-color:transparent;opacity:1;}
#menuTab .current:after{opacity:1;}

/*honor*/
#honor{width:103.8%;overflow:hidden;margin-bottom:4.16666667%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
#honor .item{width:29.533%;padding:0 3.8% 4% 0;float:left;}
#honor .pic{border:6px solid #943238;margin-bottom:6.26702997%;}
#honor .bg{padding-bottom:70.40229885%;}
#honor .name{font-size:18px;font-weight:normal;line-height:1.66666667em;text-align:center;padding:0 9.53678474%;}
#honor a{display:block;overflow:hidden;}
#honor a:hover .bg{transform:scale(1.1);}

/*honorPopup*/
#honorPopup{width:47.91666667%;margin:0 auto;position:relative;background-color:#fefefe;text-align:center;padding:2.34375% 1.82291667% 2.08333333%;z-index:2;}
#honorPopup .slick-load{width:86.19565217%;margin:0 auto;}
#honorPopup .pic{margin-bottom:1.63043478%;}
#honorPopup .bg{padding-bottom:70.74401009%;}
#honorPopup .name{font-size:22px;font-size:1.14583333vw;line-height:1.36363636em;font-weight:normal;max-width:360px;margin:0 auto;}
#honorPopup a:hover{color:#394147;}
#honorPopup .slick-arrow{width:6.30517024%;position:absolute;top:50%;transform:translateY(-50%);margin-top:-3.78310214%;z-index:5;background-image:linear-gradient(180deg,#00a29a,#036eb8);border-radius:50%;padding:1px;overflow:hidden;}
#honorPopup .slick-arrow:before{padding-bottom:100%;display:block;content:'';background-color:#fefefe;border-radius:50%;}
#honorPopup .slick-arrow:after{width:36%;padding-bottom:16%;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);left:32%;background:url(../images/arrow_04.png) no-repeat 0 0;background-size:100% auto;}
#honorPopup .slick-prev{left:-7.56620429%;}
#honorPopup .slick-next{background-position:0 100%;right:-7.56620429%;}
#honorPopup .slick-next:after{background-position:0 100%;}

/*blueBook*/
#blueBook{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;width:103.33333333%;overflow:hidden;margin-bottom:2.5%;}
#blueBook .item{width:46.77419355%;float:left;padding-right:3.22580645%;padding-bottom:3.22580645%;}
#blueBook .info{background-color:rgba(255,255,255,0.5);padding:5.17241379%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#blueBook .pic{width:45.19230769%;}
#blueBook .bg{padding-bottom:97.87234043%;}
#blueBook .text{width:50.96153846%;position:relative;padding:1.92307692% 0;padding:1.92307692% 0 45px;}
#blueBook .name{font-weight:normal;font-size:26px;line-height:1.35em;margin-bottom:3.03030303%;}
#blueBook .date{font-size:16px;line-height:1.5em;}
#blueBook .btn{position:absolute;bottom:0;left:0;width:100%;margin-bottom:3.78787879%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#blueBook .btn a{position:relative;}
#blueBook .btn a:after{display:inline-block;content:'';background:no-repeat center center;background-size:contain;margin-left:5px;}
#blueBook .download a:after{background-image:url(../images/icon_download.png);width:18px;height:19px;vertical-align:top;margin-top:3px;}
#blueBook .preview a:after{background-image:url(../images/icon_preview.png);width:22px;height:18px;vertical-align:middle;margin-top:-4px;}

/*arrows*/
.arrows{margin-top:4.16666667%;text-align:center;line-height:0;}
.arrows .slick-arrow{width:4.16666667%;z-index:5;background-image:linear-gradient(180deg,#00a29a,#036eb8);border-radius:50%;padding:1px;overflow:hidden;margin:0 1.66666667%;position:relative;display:inline-block;}
.arrows .slick-arrow:before{padding-bottom:100%;display:block;content:'';background-color:#daebf4;border-radius:50%;}
.arrows .slick-arrow:after{width:36%;padding-bottom:16%;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);left:32%;background:url(../images/arrow_04.png) no-repeat 0 0;background-size:100% auto;}
.arrows .slick-next{background-position:0 100%;}
.arrows .slick-next:after{background-position:0 100%;}

/*team*/
#team{background:url(../images/bg_team.jpg) no-repeat center center;background-size:cover;}
#team .inner{overflow:hidden;}
#team .pic{width:75.810%;margin:0 auto 18.18181818%;border-radius:50%;}
#team .bg{padding-bottom:100%;}
#team .name{font-size:22px;text-align:center;font-weight:normal;line-height:1.35em;height:2.7em;margin-bottom:8.63636364%;overflow:hidden;}
#team .excerpt{font-size:16px;line-height:1.875em;height:5.625em;-webkit-line-clamp:3;color:#394147;margin-bottom:12.27272727%;}
#team .views{font-size:14px;text-align:center;line-height:1.5em;}
#team .slick-load{margin:0 -1.08333333%;}
#team a{display:block;overflow:hidden;background-color:rgba(255,255,255,0.5);padding:11.66666667% 7% 15%;margin:0 4.33333333%;}
#team a:hover .bg{transform:scale(1.1);}

/*teamPopup*/
#teamPopup{background-color:#fff;position:relative;}
#teamPopup .info{padding:30px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;}
#teamPopup .pic{width:34.73684211%;}
#teamPopup .text{width:57.89473684%;}
#teamPopup .box{padding-bottom:66.66666667%;position:relative;}
#teamPopup .scroll{position:absolute;left:0;top:0;width:100%;height:100%;overflow-y:auto;}
#teamPopup .intro{font-size:16px;line-height:1.875em;}
#teamPopup .title{margin-bottom:5.75427683%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;align-items:center;flex-direction:row-reverse;}
#teamPopup .name{font-size:36px;font-weight:normal;line-height:1.5em;}
#teamPopup .navi{width:23.38709677%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;font-size:16px;line-height:1.875em;}
#teamPopup .navi span{cursor:pointer;}
#teamPopup .navi span:hover{color:#036eb8;}
#teamPopup .mCSB_inside > .mCSB_container{margin-right:6.06060606%;}

/*history*/
#history{background:url(../images/bg_team.jpg) no-repeat center center;background-size:cover;}

/*timeline*/
#timeline{padding:5px 60px;position:relative;}
#timeline .slick-load:before{width:100%;height:1px;background-image:linear-gradient(90deg,#00a29a,#036eb8);content:'';display:block;position:absolute;left:0;top:20px;}
#timeline .item{cursor:pointer;}
#timeline .year{font-size:30px;line-height:1.35em;text-align:center;opacity:.5;}
#timeline .dot{width:18px;padding:1px;position:relative;border-radius:50%;margin:10px auto;background-color:#d9eaf4;overflow:hidden;}
#timeline .dot:before{background-color:#d9eaf4;padding-bottom:100%;display:block;content:'';border-radius:50%;}
#timeline .dot:after{width:3px;height:3px;border-radius:50%;background-color:#036eb8;content:'';display:block;position:absolute;left:50%;top:50%;margin:-1.5px 0 0 -1.5px;}
#timeline .slick-current .year{opacity:1;}
#timeline .slick-current .year span{-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#00a29a,#036eb8);color:transparent;display:inline-block;}
#timeline .slick-current .dot{background-image:linear-gradient(180deg,#00a29a,#036eb8);}
#timeline .slick-current .dot:before{background-color:#ecf5fa;}
#timeline .arrows{margin-top:0;}
#timeline .slick-arrow{position:absolute;top:0;display:block;margin:0;width:50px;}
#timeline .slick-prev{left:0;}
#timeline .slick-next{right:0;}

/*timeInfo*/
#timeInfo{margin-bottom:3.33333333%;}
#timeInfo .info{display:table;table-layout:fixed;width:100%;background-color:rgba(255,255,255,0.5);}
#timeInfo .pic{width:50%;display:table-cell;vertical-align:middle;}
#timeInfo .bg{padding-bottom:75%;}
#timeInfo .text{display:table-cell;vertical-align:middle;padding:0 2.08333333% 0 3.33333333%;box-shadow:0px 3px 8px rgba(57,65,71,0.1);}
#timeInfo .scroll{max-height:260px;overflow:hidden;}
#timeInfo .title{font-size:40px;font-weight:normal;line-height:1.35em;margin-bottom:6.73469388%;}
#timeInfo .intro{font-size:16px;line-height:1.875em;white-space:pre-line;}
#timeInfo .mCSB_inside > .mCSB_container{margin-right:8.41121495%;}

/*clearbox*/
.clearbox{background:no-repeat center center;background-size:cover;}
.clearbox .info{display:table;table-layout:fixed;width:100%;}
.clearbox .pic{display:table-cell;vertical-align:top;}
.clearbox .title{font-size:38px;line-height:1.25em;font-weight:normal;}
.clearbox .text{display:table-cell;vertical-align:middle;font-size:16px;line-height:1.875em;}
.clearbox .intro{overflow:hidden;}
.clearbox .mail{font-size:26px;line-height:1.5em;}

/*clearing*/
#clearing{background-image:url(../images/bg_01.jpg);padding:5.20833333% 0 6.25%;}
#clearing .pic{width:50%;}
#clearing .text{padding-left:6.66666667%;}
#clearing .title{margin-bottom:7.69230769%;}
#clearing .intro{margin-bottom:9.61538462%;}

/*huaFund*/
#huaFund{background-image:url(../images/bg_02.jpg);padding:6.25% 0 6.51041667%;color:#fff;}
#huaFund .pic{width:39.16666667%;}
#huaFund .text{padding-right:9.16666667%;}
#huaFund .title{margin-bottom:9.35483871%;}
#huaFund .intro{margin-bottom:4.19354839%;}
#huaFund .intro p{margin-bottom:4.51612903%;}
#huaFund .data{font-size:18px;line-height:1.75em;margin-bottom:11.61290323%;}
#huaFund .data ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#huaFund .data li{max-width:30.333%;}
#huaFund .data sup{font-size:16px;display:inline-block;vertical-align:top;margin-left:10px;font-weight:bold;line-height:2em;}
#huaFund .data span{font-size:60px;line-height:1em;font-weight:bold;}
#huaFund .data .name{margin-right:5%;line-height:1.5em;}

/*welfare*/
#welfare{background-image:url(../images/bg_03.jpg);padding:7.55208333% 0 8.07291667%;}
#welfare .name{text-align:center;margin-bottom:6.08333333%;}
#welfare .des{font-size:20px;line-height:1.5em;margin-top:1.16666667%;}
#welfare .pic{width:48.33333333%;}
#welfare .text{padding-left:7.08333333%;}
#welfare .intro p{margin-bottom:5.98130841%;}

.PicList000593{max-width:900px;margin: 0 auto 3%;}
.PicList000593 li{width:100%;position:relative;list-style: none;}
.PicList000593 li .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.PicList000593 li .video_files video{width:100%; height:100%; background-color:#000;}
.PicList000593 li .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #036eb8;cursor: pointer;}
.PicList000593 li .video_files .close::before,
.PicList000593 li .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.PicList000593 li .video_files .close::before{ transform:rotate(45deg);}
.PicList000593 li .video_files .close::after{ transform:rotate(-45deg);}
.PicList000593 li figure{ position:relative;}
.PicList000593 li figure em{display:block;padding-bottom: 62%;background-size: cover;background-position:center center;background-repeat:no-repeat;}
.PicList000593 li figure a{width:100%;height:100%;position:absolute;left:0;top:0;background-color: rgba(0,0,0,0.1);}
.PicList000593 li figure a::before,
.PicList000593 li figure a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;}
.PicList000593 li figure a::before{width: 60px;height: 60px;border: 3px solid rgba(255,255,255,1);margin-left: -30px;margin-top: -30px;border-radius: 50%;}
.PicList000593 li figure a::after{width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 14px solid rgba(255,255,255,1);margin-left: -2px;margin-top: -8px;}
.PicList000593 li p{text-align:center;}
@media(max-width:480px){
.PicList000593 li figure a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;}
.PicList000593 li figure a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -7px;}
}
@media(max-width:375px){
.PicList000593 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;}
.PicList000593 li{width:100%; float:none; margin-right:0 !important;}
}

/*knowledge*/
#knowledge .topvideo{max-width:900px;margin:0 auto 2%;}
#knowledge .topvideo video{width:100%;object-fit: cover;}
#knowledge .box{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding-bottom:8.33333333%;margin-bottom:7.91666667%;position:relative;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
#knowledge .box:after{width:100%;height:1px;background-image:linear-gradient(180deg,#00a29a,#036eb8);content:'';display:block;position:absolute;left:0;bottom:0;}
#knowledge .box:last-child{padding-bottom:0;margin-bottom:0;}
#knowledge .box:last-child:after{display:none;}
#knowledge .box:last-child .title{margin-bottom:2.75%;}
#knowledge .pic{width:50%;text-align:center;}
#knowledge .pic figcaption{margin-top:2.54237288%;}
#knowledge .text{width:44.16666667%;}
#knowledge .title{font-size:36px;line-height:1.38888889em;font-weight:normal;margin-bottom:6.22641509%;width:100%;}
#knowledge .left{flex-direction:row-reverse;}
#knowledge .center .text{width:100%;}
#knowledge .center .title{margin-bottom:2.75%;}
#knowledge .center .pic{margin-top:1.66666667%;width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;display:none;}
#knowledge .center .pic figure{width:49.16666667%;padding:1.66666667% 0;display:block;}
#knowledge ul li{position:relative;padding-left:20px;margin-bottom:0.83333333%;}
#knowledge ul li:before{width:6px;height:6px;border-radius:50%;content:'';display:block;position:absolute;left:0;top:12px;background-image:linear-gradient(180deg,#00a29a,#036eb8);}
@media only screen and (max-width:1280px){

  /*1280px*/
  #topBtn{width:170px;}

  /*1280px*/
  #menu{margin-right:170px;}
  #menu li{padding-left:1.640625vw;padding-right:1.640625vw;}

  /*1280px*/
  #contact .logo{margin-bottom:10%;}
  #contact .text{padding-top:9px;padding-bottom:9px;}

  /*1280px*/
  #pages{width:61%;}
  #pages dt{margin-bottom:0;padding:1.171875vw 0;}

  /*1280px*/
  .homeTitle,.pageTitle{font-size:3.125vw;}

  /*1280px*/
  #homeAbout .data span{font-size:5.46875vw;}
  #homeAbout .data i{font-size:1.40625vw;}
  #homeAbout .data sup{font-size:1.71875vw;}

  /*1280px*/
  #pipeline .table{font-size:1.71875vw;}
  #pipeline .table .td i{height:2.8125vw;margin-right:2.8125vw;}
  #pipeline .table .td i:after{border-width:1.40625vw;}

  /*1280px*/
  #homeFor .inner{padding-bottom:26.5625%;}
  #homeFor .cn{font-size:3.90625vw;}
  #homeFor .en{font-size:4.375vw;}

  /*1280px*/
  .readmore{width:150px;}
  .readmore a{border-radius:15px 0 15px 0;}

  /*1280px*/
  #homeNews .top h4{font-size:1.71875vw;}
  #homeNews li{font-size:1.40625vw;}
  #homeNews li time{font-size:1.25vw;}

  /*1280px*/
  #breadcrumb{font-size:14px;background-size:auto 13px;padding-left:20px;}

  /*1280px*/
  #submenu li{font-size:16px;padding:1.953125vw 1.90625vw 1.953125vw 1.90625vw;}
  #submenu a:after{bottom:-1.953125vw;}

  /*1280px*/
  #aboutus .data{font-size:1.40625vw;}
  #aboutus .data span{font-size:4.6875vw;}
  #aboutus .data i{font-size:3.59375vw;}
  #aboutus .data sup{font-size:1.71875vw;}
  #aboutus .title{font-size:2.34375vw;}

  /*1280px*/
  #pagenavi a{height:40px;line-height:40px;min-width:34px;font-size:16px;}
  #pagenavi .a_prev,#pagenavi .a_next{width:80px;}

  /*1280px*/
  #technology .title{font-size:1.71875vw;}

  /*1280px*/
  #contactus li p{padding:0.625vw 0;}

  /*1280px*/
  .postTitle{font-size:2.8125vw;}

  /*1280px*/
  #extracorporeal .title{font-size:1.71875vw;}
  #extracorporeal .excerpt{font-size:1.25vw;}

  /*1280px*/
  #extDetails .title{font-size:3.125vw;}
  #extDetails .name{font-size:2.96875vw;}
  #extDetails .name span{margin-right:5.46875vw;}
  #extDetails .name span:after{width:3.90625vw;margin-left:1.5625vw;}

  /*1280px*/
  #dynamicsTop .title,#dynamics .title{font-size:1.71875vw;}

  /*1280px*/
  #share a{margin-right:2.34375vw;}

  /*1280px*/
  #newsTop .title{font-size:2.03125vw;}

  /*1280px*/
  #newslist .title{font-size:1.71875vw;}

  /*1280px*/
  #divPopup .btn{width:80px;height:30px;line-height:30px;}

  /*1280px*/
  #honorPopup{width:660px;padding-top:35px;}
  #honorPopup .name{font-size:16px;}

  /*1280px*/
  #blueBook .name{font-size:2.03125vw;}

  /*1280px*/
  #team .name{font-size:1.71875vw;}

  /*1280px*/
  #teamPopup .name{font-size:2.8125vw;}

  /*1280px*/
  #timeline{padding-left:50px;padding-right:50px;}
  #timeline .year{font-size:2.34375vw;}
  #timeline .slick-arrow{width:40px;top:5px;}

  /*1280px*/
  #timeInfo .title{font-size:3.125vw;}

  /*1280px*/
  .clearbox .title{font-size:2.96875vw;}
  .clearbox .mail{font-size:2.03125vw;}

  /*1280px*/
  #huaFund .data span{font-size:4.6875vw;}
  #huaFund .data sup{margin-left:0.78125vw;}

  /*1280px*/
  #welfare .des{font-size:1.5625vw;}

  /*1280px*/
  #knowledge .title{font-size:2.8125vw;}
}
@media only screen and (max-width:1024px){

  /*1024px*/
  body{font-size:14px;}

  /*1024px*/
  #header.opacity{opacity:1;transform:none;}

  /*1024px*/
  #blank{height:70px;}

  /*1024px*/
  #logo{padding:10px 0;}

  /*1024px*/
  #topBtn{width:auto;padding:19px 0;}

  /*1024px*/
  #language{width:100px;}
  #language span{height:28px;line-height:28px;border-radius:16px;}
  #language a{height:22px;line-height:22px;}
  #language ul{margin-top:19px;}
  #language ul:before{border-width:6px;}
  #language li{margin:0 15px;}

  /*1024px*/
  #searchBtn{float:left;padding:6px 20px;}

  /*1024px*/
  #navBtn{display:block;}

  /*1024px*/
  #menu{margin:0;position:fixed;width:100%;height:100vh;left:0;top:0;background-color:rgba(0,0,0,0.5);z-index:10;transition:all .3s;visibility:hidden;opacity:0;transition:all .2s;}
  #menu > ul{position:fixed;right:0;top:0;width:300px;height:100vh;overflow-y:auto;background-color:#fff;padding:7vh 30px;-webkit-overflow-scrolling:touch;box-sizing:border-box;transform:translateX(100%);transition:all .3s;float:none;}
  #menu li{float:none;font-size:16px;padding:5px 0;position:relative;}
  #menu a{padding:5px 35px 5px 20px;border-radius:20px;transition:all .2s;}
  #menu a:after{display:none;}
  #menu a:hover{background-color:rgba(23,26,32,0.05);color:#555;}
  #menu li ul{position:static;width:auto;margin-top:5px;float:none;display:none;visibility:visible;opacity:1;padding:0;}
  #menu li ul .content{display:block;}
  #menu li li{padding:0 0 0 2em;font-size:14px;line-height:24px;text-align:left;}
  #menu li ul{transform:unset;-webkit-transform:unset;-moz-transform:unset;-ms-transform:unset;-o-transform:unset;}
  #menu li.active ul{display:block;}
  #menu em{position:absolute;right:5px;top:10px;width:30px;height:30px;z-index:2;display:block;cursor:pointer;}
  #menu em:after{width:6px;height:6px;border-right:1px solid #555;border-bottom:1px solid #555;transform:rotate(45deg);content:'';display:block;position:absolute;left:50%;top:50%;margin:-5px 0 0 -5px;}
  #menu .current ul{margin-top:5px;transform:unset;-webkit-transform:unset;-moz-transform:unset;-ms-transform:unset;-o-transform:unset;}
  #menu.active{visibility:visible;opacity:1;}
  #menu.active > ul{transform:translateX(0);}

  /*1024px*/
  #bottom{font-size:14px;}

  /*1024px*/
  #links h3{font-size:14px;}
  #links ul{margin-left:50px;}

  /*1024px*/
  #footer{font-size:14px;}

  /*1024px*/
  #contact,#pages{float:none;width:auto;padding:1% 0;}

  /*1024px*/
  #contact .logo{width:20.3125%;margin:0 auto 2.5%;}
  #contact .search{margin-bottom:2%;}
  #contact .text{padding:8px 3%;width:94%;}
  #contact .submit{font-size:14px;}
  #contact .info p{padding:5px 0;}
  #contact .info .addr{background-size:auto 25px;}

  /*1024px*/
  #pages dl{padding-left:0;}
  #pages dt{font-size:16px;}

  /*1024px*/
  #homeAbout .intro{font-size:14px;line-height:1.75em;}
  #homeAbout .intro p:before{border-width:2px;width:8px;height:8px;top:6.25px;}
  #homeAbout .data{font-size:14px;}
  #homeAbout .data span{font-size:5.83333333vw;}
  #homeAbout .data i{font-size:14px;}

  /*1024px*/
  #pipeline .intro{font-size:16px;line-height:1.875em;width:auto;}

  /*1024px*/
  #homeInfo .intro{font-size:14px;}

  /*1024px*/
  .readmore{width:130px;}
  .readmore a{border-radius:14px 0 14px 0;}

  /*1024px*/
  #homeNews .top h4{font-size:18px;}
  #homeNews .top time{font-size:14px;}
  #homeNews .list{padding:2% 0 5%;}
  #homeNews li{font-size:16px;}
  #homeNews li a{margin-right:72px;}
  #homeNews li time{font-size:14px;}

  /*1024px*/
  #submenu li{font-size:14px;padding-right:2.5vw;}

  /*1024px*/
  #aboutus .data{font-size:14px;margin-left:8%;margin-right:8%;}
  #aboutus .title{font-size:24px;}
  #aboutus .intro{font-size:14px;}

  /*1024px*/
  #pagenavi a{height:34px;line-height:34px;min-width:28px;font-size:14px;}
  #pagenavi .a_prev,#pagenavi .a_next{width:70px;}

  /*1024px*/
  #technology .title{font-size:18px;}

  /*1024px*/
  #contactus li{font-size:14px;}
  #contactus li span{font-size:16px;}

  /*1024px*/
  .entry{font-size:14px;}

  /*1024px*/
  #techDetails .list{font-size:16px;}

  /*1024px*/
  #extracorporeal .title{font-size:18px;}
  #extracorporeal .excerpt{font-size:14px;}

  /*1024px*/
  #sResult .result{font-size:14px;}

  /*1024px*/
  #rSearch .input{background-size:22px auto;padding-left:30px;}
  #rSearch .text{font-size:14px;}

  /*1024px*/
  #searchList .item{font-size:14px;}
  #searchList .date{width:145px;}
  #searchList .details{width:110px;}

  /*1024px*/
  #dynamicsTop time{font-size:14px;}

  /*1024px*/
  #dynamics .date{width:70px;font-size:14px;}
  #dynamics .day{font-size:26px;}
  #dynamics .intro{margin-left:70px;padding-left:3.125%;}
  #dynamics .title{font-size:18px;}
  #dynamics .excerpt{font-size:14px;}

  /*1024px*/
  #postmeta span,#postnavi,#backList{font-size:14px;}

  /*1024px*/
  #share{font-size:14px;line-height:24px;}
  #share a{margin-right:15px;}

  /*1024px*/
  #newsTop .text{padding-left:5%;}
  #newsTop .excerpt,#newsTop .date{font-size:14px;margin-bottom:5%;}

  /*1024px*/
  #newslist .title{font-size:16px;}
  #newslist .excerpt,#newslist .date{font-size:14px;}

  /*1024px*/
  #recruitment .th{font-size:16px;}
  #recruitment .td,#recruitment .title{font-size:14px;}

  /*1024px*/
  #honor .name{font-size:16px;}

  /*1024px*/
  #divPopup .btn{width:60px;font-size:12px;height:26px;line-height:26px;}
  #divPopup .btn span{background-size:auto 14px;padding-right:20px;}

  /*1024px*/
  #honorPopup{width:600px;padding-top:30px;}
  #honorPopup .name{font-size:14px;}

  /*1024px*/
  #blueBook .text{padding-bottom:35px;}
  #blueBook .date{font-size:14px;}
  #blueBook .btn{font-size:14px;line-height:1.75em;}
  #blueBook .download a:after{width:14px;height:15px;}
  #blueBook .preview a:after{width:18px;height:15px;}

  /*1024px*/
  #team .name{font-size:18px;}
  #team .excerpt{font-size:14px;}
  #team .views{font-size:12px;}

  /*1024px*/
  .arrows .slick-arrow{width:40px;}

  /*1024px*/
  #teamPopup .text{width:60%;}
  #teamPopup .info{padding:20px;}
  #teamPopup .intro{font-size:14px;}
  #teamPopup .navi{font-size:14px;width:110px;}

  /*1024px*/
  #timeline{padding-left:46px;padding-right:46px;}
  #timeline .year{font-size:2.34375vw;}
  #timeline .slick-arrow{width:36px;top:7px;}

  /*1024px*/
  #timeInfo .scroll{max-height:220px;}
  #timeInfo .title{margin-bottom:3.5%;}
  #timeInfo .intro{font-size:14px;}

  /*1024px*/
  .clearbox .text{font-size:14px;}
  .clearbox .mail{font-size:20px;}

  /*1024px*/
  #clearing .title{margin-bottom:5%;}
  #clearing .intro{margin-bottom:6%;}

  /*1024px*/
  #huaFund .title{margin-bottom:5%;}
  #huaFund .intro,#huaFund .intro p{margin-bottom:2.5%;}
  #huaFund .data{font-size:16px;margin-bottom:6%;}
  #huaFund .data sup{font-size:14px;}

  /*1024px*/
  #welfare .des{font-size:16px;}
  #welfare .intro p{margin-bottom:2.5%;}

  /*1024px*/
  #knowledge ul li{padding-left:15px;}
  #knowledge ul li:before{width:4px;height:4px;top:11px;}
}
@media only screen and (max-width:960px){

  /*960px*/
  #team .slick-load{margin:0 -10px;}
  #team a{margin:0 10px;}
}
@media only screen and (max-width:768px){

  /*768px*/
  .slick-dots li{margin:0 6px;}
  .slick-dots button{width:14px;height:14px;}

  /*768px*/
  #blank{height:62px;}

  /*768px*/
  #logo{width:130px;}

  /*768px*/
  #topBtn{padding:16px 0;position:static;}

  /*768px*/
  #language{font-size:12px;width:90px;}
  #language span{height:26px;line-height:26px;padding:0 10px;}
  #language span:after{right:10px;}
  #language ul{margin-top:16px;}
  #language li{margin:0 10px;}

  /*768px*/
  #searchBtn{padding-top:5px;padding-bottom:5px;}
  #searchForm{width:100%;right:0;}

  /*768px*/
  #navBtn{padding:3px 0;}

  /*768px*/
  #menu li{font-size:14px;}

  /*768px*/
  #bottom{padding:2% 0;}

  /*768px*/
  #links h3{float:none;}
  #links ul{margin-left:0;}

  /*768px*/
  #contact{padding-bottom:0;}
  #contact .logo{width:145px;margin-bottom:3.5%;}
  #contact .search{margin-bottom:3%;}
  #contact .input{padding-right:60px;}
  #contact .text{padding:5px 5%;width:90%;}
  #contact .submit{width:60px;}
  #contact .info p{padding:3px 0;}

  /*768px*/
  #pages{display:none;}

  /*768px*/
  .homeTitle,.pageTitle{font-size:24px;}

  /*768px*/
  #homeAbout .inner{padding-top:6.5%;}
  #homeAbout .info{display:block;}
  #homeAbout .text,#homeAbout .video{display:block;width:auto;}
  #homeAbout .video{padding-right:5px;}
  #homeAbout .homeTitle{margin-bottom:4%;}
  #homeAbout .homeTitle span{padding-bottom:2%;}
  #homeAbout .intro{width:auto;}
  #homeAbout .intro p{padding-left:20px;margin-bottom:2%;}
  #homeAbout .data{line-height:1.75em;}
  #homeAbout .data ul{border-radius:5px;}
  #homeAbout .data li{width:47%;}
  #homeAbout .data span{font-size:40px;}
  #homeAbout .data sup{font-size:14px;}

  /*768px*/
  .homePipeline .inner{margin-top:65px;}

  /*768px*/
  .wrapper{padding:7% 0;}

  /*768px*/
  #pipeline .intro{font-size:14px;}

  /*768px*/
  #pipeline .table{font-size:14px;}

  /*768px*/
  #homeInfo .item{float:none;width:auto;}
  #homeInfo .item:nth-child(2n){float:none;}
  #homeInfo .box{padding:5% 28% 6% 5%;}
  #homeInfo .homeTitle{margin-bottom:5%;}
  #homeInfo .homeTitle span{padding-bottom:3.15%;}
  #homeInfo .intro{font-size:14px;margin-bottom:5%;}
  #homeInfo .icon{width:21.5%;}

  /*768px*/
  .readmore{width:120px;}
  .readmore a{border-radius:12px 0 12px 0;}

  /*768px*/
  #homeNews .top,#homeNews .homeTitle,#homeNews .list{float:none;width:auto;}
  #homeNews .homeTitle{margin-bottom:3.8%;}
  #homeNews .homeTitle span{padding-bottom:2%;}
  #homeNews .top .text{padding:3.125%;}
  #homeNews .top h4{font-size:16px;height:auto;max-height:3em;}
  #homeNews .top time{font-size:12px;}
  #homeNews .list{padding:2% 0 4%;}
  #homeNews li{padding:6px 0;font-size:14px;}
  #homeNews li a{margin-right:62px;padding-left:23px;}
  #homeNews li time{font-size:12px;}
  #homeNews .readmore{position:static;}

  /*768px*/
  #bar .inner{display:block;}

  /*768px*/
  #breadcrumb{margin-top:8px;}

  /*768px*/
  #submenu{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  #submenu::-webkit-scrollbar{height:0;opacity:0;}
  #submenu ul{display:block;white-space:nowrap;}
  #submenu li{padding:0;width:auto;display:inline-block;margin-right:1em;}
  #submenu li:last-child{margin-right:0;}
  #submenu a{display:inline-block;border-bottom:1px solid transparent;padding:10px 0;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#00a29a,#036eb8);color:transparent;}
  #submenu .current a{border-bottom-color:#0284ab;}
  #submenu i{display:none;}

  /*768px*/
  #aboutus .data{margin-left:0;margin-right:0;}
  #aboutus .data ul{justify-content:space-around;}
  #aboutus .data span{font-size:36px;}
  #aboutus .data i{font-size:28px;}
  #aboutus .data sup{font-size:16px;}
  #aboutus .info,#aboutus .video,#aboutus .text{display:block;width:auto;}
  #aboutus .pic{width:auto;}
  #aboutus .box{margin-left:0;padding:5%;}
  #aboutus .title{font-size:20px;margin-bottom:5%;}

  /*768px*/
  #pagenavi a{height:30px;line-height:30px;min-width:24px;}
  #pagenavi .a_prev,#pagenavi .a_next{width:50px;}

  /*768px*/
  #technology .item{width:47.5%;padding-right:2.5%;}
  #technology .title{font-size:16px;}

  /*768px*/
  #contactus .map{padding-bottom:63.88888889%;}
  #contactus ul{display:block;width:auto;}
  #contactus li{padding-right:0;}

  /*768px*/
  .postTitle{font-size:22px;}

  /*768px*/
  .entry{line-height:1.75em;}

  /*768px*/
  #extracorporeal .list{width:102.5%;}
  #extracorporeal .item{width:47.5%;padding:0 2.5% 2.5% 0;}
  #extracorporeal .text{padding:15px;}
  #extracorporeal .title{font-size:16px;margin-bottom:8px;}
  #extracorporeal .excerpt{line-height:1.75em;height:5.25em;margin-bottom:10px;}

  /*768px*/
  #extDetails .title{font-size:24px;line-height:1.5em;}
  #extDetails .name{font-size:22px;}

  /*768px*/
  #rSearch .input{background-size:18px auto;padding-left:25px;}
  #rSearch .text{padding:0;}

  /*768px*/
  #searchList .date{width:80px;padding:0 10px;}
  #searchList .title{padding:0 10px 0 0;}
  #searchList .details{display:none;}

  /*768px*/
  #dynamicsTop .text{display:block;}
  #dynamicsTop .title{font-size:14px;padding-right:0;margin-bottom:5px;}

  /*768px*/
  #dynamics .pic{width:34%;}
  #dynamics .text{width:66%;}
  #dynamics .date{width:55px;font-size:12px;}
  #dynamics .day{font-size:22px;}
  #dynamics .intro{margin-left:55px;}
  #dynamics .title{font-size:16px;}
  #dynamics .excerpt{margin-bottom:3%;line-height:1.75em;height:3.5em;}
  #dynamics a{padding-left:2.5%;}

  /*768px*/
  #newsTop{margin-bottom:5%;}
  #newsTop .pic{width:auto;}
  #newsTop .text{padding:5% 5%;width:auto;}
  #newsTop .title{font-size:18px;margin-bottom:5px;}
  #newsTop .excerpt,#newsTop .date{margin-bottom:2.5%;}
  #newsTop a{display:block;}

  /*768px*/
  #newslist{width:102.5%;}
  #newslist .item{width:47.5%;padding:0 2.5% 2.5% 0;}
  #newslist .text{padding:5%;}
  #newslist .title{margin-bottom:5%;}
  #newslist .meta{padding:3.125% 5%;}

  /*768px*/
  #recruitment .tr{padding-left:3%;padding-right:3%;width:94%;}
  #recruitment .tr .btn,#recruitment .tr .date,#recruitment .tr span:nth-child(3),#recruitment .tr span:nth-child(4){display:none;}
  #recruitment .tr span{width:22%;}
  #recruitment .tr .name{width:34%;}
  #recruitment .th{font-size:14px;}

  /*768px*/
  #honor .item{width:46.2%;}
  #honor .name{font-size:14px;padding:0;}

  /*768px*/
  #honorPopup{width:90%;padding-top:30px;padding-bottom:20px;padding:30px 3.90625% 20px;box-sizing:border-box;}
  #honorPopup .slick-prev{left:-10%;}
  #honorPopup .slick-next{right:-10%;}

  /*768px*/
  #blueBook{width:auto;display:block;}
  #blueBook .item{float:none;width:auto;padding-right:0;}
  #blueBook .pic{width:36.5%;}
  #blueBook .text{width:60%;}
  #blueBook .name{font-size:16px;}
  #blueBook .btn{margin-bottom:1.5%;}

  /*768px*/
  #team .name{font-size:16px;}

  /*768px*/
  .arrows .slick-arrow{width:35px;}

  /*768px*/
  #teamPopup .info{padding:3.125%;}
  #teamPopup .title{display:block;margin-bottom:2.5%;}
  #teamPopup .name{font-size:22px;}
  #teamPopup .navi{line-height:1.35em;margin-bottom:1.5%;}
  #teamPopup .intro{line-height:1.75em;}

  /*768px*/
  #timeline{padding-left:40px;padding-right:40px;}
  #timeline .year{font-size:18px;}
  #timeline .slick-arrow{width:30px;top:10px;}

  /*768px*/
  #timeInfo .info,#timeInfo .pic{display:block;width:auto;}
  #timeInfo .text{display:block;padding:5%;}
  #timeInfo .scroll{max-height:250px;}
  #timeInfo .title{margin-bottom:2.5%;font-size:22px;}

  /*768px*/
  .clearbox .info{display:block;width:auto;}
  .clearbox .pic,.clearbox .text{display:block;}
  .clearbox .title{font-size:22px;}
  .clearbox .mail{font-size:18px;}

  /*768px*/
  #clearing{padding:6% 0 7%;}
  #clearing .pic{width:auto;margin-bottom:3.125%;}
  #clearing .text{padding-left:0;}
  #clearing .title{margin-bottom:2%;}
  #clearing .intro{margin-bottom:3%;}

  /*768px*/
  #huaFund{padding:7% 0;}
  #huaFund .text{margin-bottom:3.125%;padding-right:0;}
  #huaFund .title{margin-bottom:2%;}
  #huaFund .intro,#huaFund .intro p{margin-bottom:1.5%;}
  #huaFund .data{margin-bottom:3%;font-size:14px;}
  #huaFund .data sup{font-size:12px;line-height:1em;}
  #huaFund .pic{width:auto;}

  /*768px*/
  #welfare .pic{width:auto;margin-bottom:3.125%;}
  #welfare .text{padding-left:0;}
  #welfare .intro p{margin-bottom:1.5%;}

  /*768px*/
  #knowledge .box{display:block;}
  #knowledge .pic{width:auto;}
  #knowledge .text{width:auto;margin-bottom:2.5%;}
  #knowledge .title{font-size:22px;margin-bottom:3.5%;}

  /*768px*/
  #slides .pc{display:none;}
  #slides .wap{display:block;padding-bottom:120%;}
  #slides .loading{padding-bottom:120%;}
}
@media only screen and (max-width:540px){

  /*540px*/
  #logo,#topBtn{position:relative;z-index:11;}

  /*540px*/
  #slides .en{font-size:24px;line-height:1.125em;}
  #slides .cn{font-size:22px;}

  /*540px*/
  .homeTitle,.pageTitle{font-size:20px;}

  /*540px*/
  #pipeline .table{font-size:12px;}
  #pipeline .th span{display:block;margin:0 auto;}

  /*540px*/
  #homeFor .inner{padding-bottom:145px;}
  #homeFor .cn{font-size:22px;}
  #homeFor .en{font-size:24px;}

  /*540px*/
  .readmore{width:110px;}
  .readmore a{font-size:12px;}
  .readmore a:after{right:13%;}

  /*540px*/
  #banner{padding-bottom:50%;}
  #banner p{width:180px;}
  #banner .en{font-size:16px;}
  #banner .cn{font-size:14px;}

  /*540px*/
  #breadcrumb{display:none;}

  /*540px*/
  #aboutus .data ul{-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;}
  #aboutus .data li{width:46%;text-align:center;padding:2%;}
  #aboutus .data span{font-size:34px;}
  #aboutus .data i{font-size:12px;}

  /*540px*/
  #technology{width:auto;}
  #technology .item{width:auto;padding-right:0;float:none;}
  #technology .text{padding:5%;}
  #technology .title{margin-bottom:2.5%;}

  /*540px*/
  .postTitle{font-size:20px;}

  /*540px*/
  #extDetails .title{font-size:20px;}
  #extDetails .name{font-size:18px;}

  /*540px*/
  #sBanner h2{font-size:20px;}

  /*540px*/
  #dynamicsTop .item{float:none;width:auto;}
  #dynamicsTop .item:nth-child(2n){float:none;}
  #dynamicsTop .text{padding:3.5%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
  #dynamicsTop time{font-size:12px;}
  #dynamicsTop .title{padding-right:5%;margin-bottom:0;}

  /*540px*/
  #dynamics .pic{width:auto;margin-bottom:3.5%;}
  #dynamics .text{width:auto;}
  #dynamics a{display:block;padding:3.125%;}

  /*540px*/
  #newslist{width:auto;}
  #newslist .item{width:auto;float:none;padding-right:0;}
  #newslist .text{padding:5%;}
  #newslist .title{margin-bottom:2.5%;height:auto;max-height:2.7em;}

  /*540px*/
  #menuTab{font-size:16px;}
  #menuTab .clip{margin:0 1.5% 1%;}

  /*540px*/
  #team a{padding-left:5%;padding-right:5%;}

  /*540px*/
  #teamPopup .info{display:block;}
  #teamPopup .pic{width:auto;height:25vh;margin:0 auto 3.5%;padding-right:3.5%;}
  #teamPopup .pic img{width:auto;max-width:100%;height:100%;margin:0 auto;}
  #teamPopup .text{width:auto;}
  #teamPopup .box{padding-bottom:50vh;}
  #teamPopup .navi{margin:0 auto 2%;display:none;}
  #teamPopup .name{text-align:center;}
  #teamPopup .mCSB_inside > .mCSB_container{margin-right:3.5%;}

  /*540px*/
  #timeline .year{font-size:24px;}

  /*540px*/
  #huaFund .data ul{display:block;}
  #huaFund .data li{max-width:none;text-align:center;padding:1.5% 0;}
  #huaFund .data span{font-size:30px;}
  #knowledge .center .pic{display:block;}
  #knowledge .center .pic figure{width:auto;}

  /*540px*/
  #menu.active > ul{width:100%;padding-top:90px;}
  #menu em:after{left:auto;right:0;}
  #menu em{width:70%;}
}
@media only screen and (max-width:420px){

  /*420px*/
  #team .pic{width:58%;margin-bottom:7%;}
  #team .name{margin-bottom:5%;font-size:18px;}
  #team .excerpt{margin-bottom:6%;}
  #team a{padding:11% 10%;}
}

/* 2022/6/8 */
#pagenavi .a_next:before,#pagenavi .a_prev:before{width:26px;height:3px;background-image:url(../images/a_prev2.png);background-size:contain;padding-bottom:0;left:50%;transform:translate(-50%,-50%);}
#pagenavi .a_next:before{transform:translate(-50%,-50%) rotateY(180deg);}
#pagenavi .a_prev:hover:before,#pagenavi .a_next:hover:before{background-position:0;background-image:url(../images/b_prev2.png);}
.arrows .slick-arrow:after,.arrows .slick-arrow:after{width:18px;height:8px;padding-bottom:0;left:50%;top:50%;transform:translate(-50%,-50%);background-image:url(../images/icoz.png);background-size:contain;}
.arrows .slick-next:after{transform:translate(-50%,-50%) rotate(180deg);}

/* 2022.6.16 */
#pipeline .inner{overflow:hidden;}
#pipeline .table .th ul{align-items:unset;}
#pipeline .table .th ul li{display:flex;align-items:center;justify-content:center;}
#pipeline .table .th ul li:nth-of-type(3)::after,#pipeline .table .th ul li:nth-of-type(4)::after,#pipeline .table .th ul li:nth-of-type(5)::after,#pipeline .table .th ul li:nth-of-type(6)::after{content:'';position:absolute;right:-1px;top:175%;height:1000000px;width:1px;background-color:rgba(57,65,71,0.2);display:block;}
@media(max-width:600px){
  #pipeline .table .th ul li:nth-of-type(3)::after,#pipeline .table .th ul li:nth-of-type(4)::after,#pipeline .table .th ul li:nth-of-type(5)::after,#pipeline .table .th ul li:nth-of-type(6)::after{top:60px;}
}
@media(max-width:580px){
  #pipeline .table .th ul li:nth-of-type(3)::after,#pipeline .table .th ul li:nth-of-type(4)::after,#pipeline .table .th ul li:nth-of-type(5)::after,#pipeline .table .th ul li:nth-of-type(6)::after{top:51px;}
}
@media(max-width:540px){
  #pipeline .table .th ul li:nth-of-type(3)::after,#pipeline .table .th ul li:nth-of-type(4)::after,#pipeline .table .th ul li:nth-of-type(5)::after,#pipeline .table .th ul li:nth-of-type(6)::after{top:60px;}
}
@media(max-width:539px){
  #pipeline .table li:nth-child(n+4):before{height:50%;top:25%;}
  #pipeline .table .th ul li:nth-of-type(3)::after,#pipeline .table .th ul li:nth-of-type(4)::after,#pipeline .table .th ul li:nth-of-type(5)::after,#pipeline .table .th ul li:nth-of-type(6)::after{top:42px;}
}
#footer{padding-bottom:2.16666667%;}
#footer .inner.inner01{overflow:unset;}
#footer .new_link{display:inline-block;font-size:0;padding-top:2%;}
#footer .new_link a:first-child{background-image:url(../images/weixin.png);background-repeat:no-repeat;background-position:center;background-size:cover;}
#footer .new_link a:last-child{background-image:url(../images/weibo.png);background-repeat:no-repeat;background-position:center;background-size:cover;}
#footer .new_link a{display:inline-block;position:relative;width:30px;height:30px;}
#footer .new_link a:hover .new_linkbox{display:flex;}
#footer .new_link a:not(:first-child){margin-left:10px;}
#footer .new_link .new_linkbox{width:120px;position:absolute;display:none;left:50%;top:-130px;transform:translate(-50%,0);-webkit-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);align-items:center;justify-content:center;padding:15%;background-color:#fff;box-sizing:border-box;}
#contact .xg_div{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:15.58823529%;}
#contact .logo{margin-bottom:0;position:relative;}
#contact .logo::before{content:'';width:1px;height:100%;background:#fff;position:absolute;right:-24px;top:0;}
#contact .xg_div .new_link{width:42%;padding-left:40px;box-sizing:border-box;}
.fd::after{content:" ";display:block;clear:both;}
.fd{zoom:1;}
#footer .inner{overflow:initial;}
.kf{width:50px;position:fixed;bottom:20%;right:10px;z-index:9999;box-shadow:0 0 15px rgba(0,0,0,0.1);}
.kf .div{width:100%;height:50px;background:rgba(20,36,36,.9);position:relative;cursor:pointer;border-bottom:1px solid #036eb8;}
.kf .div:last-child{border-bottom:none;}
.kf .div a{width:100%;height:100%;display:block;background-size:24px;background-repeat:no-repeat;background-position:center;}
.kf .div.js a{background-image:url(../images/kf1.png);}
.kf .div.yx a{background-image:url(../images/kf2.png);}
.kf .div.wx a{background-image:url(../images/kf3.png);}
.kf .div.db a{background-image:url(../images/kf4.png);}
.kf .div .p{height:50px;width:144px;position:absolute;top:0;left:-154px;font-size:14px;color:#333;background:#fff;text-align:center;line-height:50px;display:none;}
.kf .div .ig{width:144px;height:144px;position:absolute;top:0;left:-154px;background:#fff;display:none;}
.kf .div .ig img{width:100%;}
.kf .div:hover .p,.kf .div:hover .ig{display:block;}
@media(max-width:500px){
  .kf{display:none;}
  #contact .xg_div{margin-bottom:10px;}
}
#footer .new_link a{width:34px;height:34px;margin-top:10px;}

/**/
@keyframes platRight {
    0% {
        left: 0;
    }
    100% {
        left: 100%;
    }
}


@keyframes platRightDefault {
    0% {
        transform: translateX(-13.33em);
    }
    100% {
        transform: translateX(0);
    }
}


@keyframes platLeftDefault {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(13.333em);
    }
}


@keyframes platLeft {
    0% {
        left: -100%;
    }
    100% {
        left: 0;
    }
}
#sidebar{width:20%;float:left;}
#sidebar .name{background-color:#76787b;color:#fff;font-size:22px;height:4em;line-height:4em;border-top:0.1667em solid #36adad;padding:0 1.3636em; white-space: nowrap;}
#sidebar li{background-color:#f3f3f3;border-bottom:1px solid #dedede;border-top:1px solid #fff;font-size:18px;line-height:2em;position:relative;overflow:hidden;}

#sidebar li a{display:block;padding:1.17em 1.17em;position:relative;z-index:2;box-sizing: border-box;}
#sidebar li a:before,#sidebar li a:after {display:block;content:'';position:absolute;left:0;top:0;height:100%;width:100%;}
#sidebar li a:before {background-color:#036eb8; left:0; animation: platRight .4s 300ms ease forwards; z-index:2;}
#sidebar li a:after {background-color:#f3f3f3; z-index:1;}
#sidebar li a:before{animation: platRight .4s 300ms ease forwards;}
#sidebar li a:hover {color:#394147;}
#sidebar li a:hover:before {left:-100%;animation: platLeft .4s 300ms ease forwards;}
#sidebar li i {display:block; font-style:normal; position:relative; z-index:2;}
#sidebar li i:nth-child(1){transform: translateX(-13.333em);animation: platRightDefault .4s 350ms ease forwards;}
#sidebar li i:nth-child(2){animation: platRight .4s ease forwards; position:absolute; left:0; top:0; width:100%; height:100%;display:flex;height: 100%; padding:0 1.17em;box-sizing: border-box; align-items:center; color:#fff;}
#sidebar li a:hover i:nth-child(1) {transform:translateX(0%);animation: platLeftDefault .4s 250ms ease forwards;}
#sidebar li a:hover i:nth-child(2) {left: -100%;animation: platLeft .4s 400ms ease forwards;}
#sidebar li.cur:before{transform:translateX(0);}
#sidebar li.cur a{color:#fff;background-color:#036eb8;}
#sidebar li.cur a:before,#sidebar li.cur a:after {display:none;}
#sidebar li.cur i:nth-child(1) {animation:none; transform:none;}
#sidebar li.cur i:nth-child(2) {display:none;}
#sidebar li.cur a:hover i:nth-child(1) {animation:none; transform:none;}
#main{margin-left:25%;overflow:hidden;}
.maintop{display:flex;justify-content:space-between;align-items:center;margin-bottom:7.8%;}
.maintop .title{font-size:28px;line-height:1.5em;position:relative;color:#333;padding:0.35em 0;}
.maintop .title:after{width:100%;height:2px;background-image:linear-gradient(90deg,#00a29a,#036eb8);content:'';display:none;position:absolute;left:0;bottom:0;}
.maintop .lmore a{background-color:#036eb8;color:#fff;height:72px;line-height:72px;border-radius:36px;display:block;text-align:center;min-width:180px; padding:0 1em; position:relative;}
.maintop .lmore i {display:block; font-style:normal; position:absolute; left:0; top:0; width:100%; height:72px;line-height:72px;}
.maintop .lmore i:nth-child(1){transition: all .5s .25s cubic-bezier(.165, .84, .44, 1);}
.maintop .lmore i:nth-child(2){transition: all .5s cubic-bezier(.165, .84, .44, 1); opacity:0; top:50%;}
.maintop .lmore a:hover i:nth-child(1) {transform: translateX(50%); opacity: 0;transition: all .5s cubic-bezier(.165, .84, .44, 1);}
.maintop .lmore a:hover i:nth-child(2) {opacity: 1; transition: all .5s .25s cubic-bezier(.165, .84, .44, 1); top:0;}
.singlepage .entry h3{font-weight:bold;}
.popup{position:fixed;left:0;top:0;width:100%;height:100%;z-index:10;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:rgba(0,0,0,0.6);display:none;}
.popup .flex{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.popup .info{width:600px;max-width:88%;position:relative;opacity:0;transform:translateY(-2em);transition:all 0.6s;}
.popup .info.show{transform:translateY(0);opacity:1;}
.popup .close{width:1em;height:1em;background-color:#fff;border-radius:50%;color:#777;font-size:3em;position:absolute;right:0;top:0;text-align:center;line-height:1em;transform:translate(50%,-50%);cursor:pointer;}
.popup *{box-sizing:border-box;}
.popup .top{color:#fff;background-color:#36adad;font-size:1.375em;padding:0 2.2728em;height:5em;line-height:5em;}
.popup .btm{max-height:calc(80vh - 5em);background-color:#f5f5f5;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:2em 3.125em;}
.popup .box{margin-bottom:1em;}
.popup .title{font-size:1.5em;line-height:1.5em;color:#333;margin-bottom:0.5em;}
.popup .entry{font-size:0.875em;color:#666;line-height:2em;}
.popup .item{margin-bottom:0.625em;}
.popup .text{background-color:#fff;color:#333;font-size:1em;padding:0 1.25em;height:3.5em;line-height:3.5em;width:100%;display:block;}
.popup textarea.text{height:7em;resize:vertical;}
.popup .submit{color:#fff;width:100%;display:block;background-color:#36adad;font-size:1em;height:4.125em;cursor:pointer;}
.popup .column{display:flex;justify-content:space-between;flex-wrap:wrap;}
.popup .column .item{width:calc(50% - 0.3125em);}

.about_content_line {
    margin-top: 20px;
    width: 100%;
    height: 3px;
    position: absolute;
	left:0;
	bottom:0;
    overflow: hidden;
    -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1);
    transition: all .6s cubic-bezier(.165, .84, .44, 1);
}

.about_content_color {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.about_content_after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_content_purple {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #6850a1;
    z-index: 1;
}

.about_content_blue {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #b1ddd3;
    z-index: 2;
}

.about_content_green {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #36adad;
    z-index: 3;
}
.AboutFadeInUp {
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    opacity: 0;
    -webkit-transition: transform 1s cubic-bezier(.165, .84, .44, 1), opacity .5s linear;
    transition: transform 1s cubic-bezier(.165, .84, .44, 1), opacity .5s linear;
}

.AddPlatformShow .AboutFadeInUp {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.AddPlatformShow .about_content_purple {
    width: 100%;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.AddPlatformShow .about_content_blue {
    width: 71%;
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.AddPlatformShow .about_content_green {
    width: 50%;
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}
@media only screen and (max-width:1280px){
  .maintop .title,#sidebar .name{font-size:1.34375vw;}
  #sidebar li{font-size:1.40625vw;}
  .maintop .lmore a{min-width:17.1875vw;height:5.625vw;line-height:5.625vw;border-radius:2.8125vw;}
  .maintop .lmore i {height:5.625vw;line-height:5.625vw;}
}
@media only screen and (max-width:1024px){
  #sidebar{width:auto;float:none;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:8%;}
  #sidebar .name{display:none;}
  #sidebar ul{white-space:nowrap;}
  #sidebar li{font-size:14px;margin-right:10px;display:inline-block;vertical-align:middle;}
  #sidebar li:last-child{margin-right:0;}
  #sidebar li a{white-space:nowrap;padding:0.5em 1.125em;}
  #main{margin-left:0;}
}
@media only screen and (max-width:768px){
  .maintop .title{font-size:20px;}
  .maintop .lmore a{min-width:132px;height:44px;line-height:44px;border-radius:22px;}
  .maintop .lmore i {height:44px;line-height:44px;}
  .popup .close{font-size:2em;}
  .popup .top{height:3em;line-height:3em;padding:0 20px;}
  .popup .btm{padding:15px 20px;}
  .popup .column .item{width:100%;}
  .popup .submit{height:3em;}
}

.homePipeline .videoBox iframe{width: 100%; height: 42em; }
.homePipeline .videoBox{margin-bottom: 6%; position: relative;}
.homePipeline .videoBox .play{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2;}
.homePipeline .videoBox .play a{ position: absolute; left: 0; top: 0; background-size: 60px; width: 100%; height: 100%; padding-bottom: 0;  }
.homePipeline .videoBox video{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 20; object-fit: cover; display: none;}
@media only screen and (max-width:1024px){
  .homePipeline {
        padding: 120px 0 20px;
    }
  .homePipeline .videoBox .play a{ background-size: 40px;}
}