@charset "utf-8";
@font-face{
  font-family:'SourceHanSansCN';
  src:url('../fonts/SourceHanSansCN-Heavy.ttf');
  font-style:normal;
  font-weight:900;
}
@font-face{
  font-family:'SourceHanSansCN';
  src:url('../fonts/SourceHanSansCN-Bold.ttf');
  font-style:normal;
  font-weight:700;
}
@font-face{
  font-family:'SourceHanSansCN';
  src:url('../fonts/SourceHanSansCN-Medium.ttf');
  font-style:normal;
  font-weight:500;
}
@font-face{
  font-family:'SourceHanSansCN';
  src:url('../fonts/SourceHanSansCN-Regular.ttf') format('truetype');
  font-style:normal;
  font-weight:400;
}
@font-face{
  font-family:'SourceHanSansCN';
  src:url('../fonts/SourceHanSansCN-Light.ttf') format('truetype');
  font-style:normal;
  font-weight:300;
}
@font-face{
  font-family:'DMSerifText';
  src:url('../fonts/DMSerifText-Regular.ttf') format('truetype');
  font-style:normal;
  font-weight:400;
}
@font-face{
  font-family:'Oswald';
  src:url('../fonts/Oswald-Regular.eot'); /*IE9*/
  src:url('../fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  
  url('../fonts/Oswald-Regular.woff') format('woff'), /* Modern Browsers */
  url('../fonts/Oswald-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/Oswald-Regular.svg#DFSong') format('svg'); /* Legacy iOS */
  font-style:normal;
  font-weight:400;
}
/*初始化样式*/
*{-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:#f3fafd; background-image: linear-gradient(90deg, #eff9fb 10%, #dbeef9 70%, #e6f7fa 100%); color:#333;font:16px/1.875em 'arial', 'sans-serif'; overflow-x:hidden;width:100%;word-wrap:break-word;/* text-align:justify; */}
a{text-decoration:none;outline:none;color:#333; display: inline-block;}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:transparent;  -webkit-background-clip: text; -webkit-text-fill-color: transparent; -ms-background-clip: text; background-clip: text;background-image: linear-gradient(90deg, #594990, #5fa6da);}
a img{border:none;}
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:1;}
input[type='text']:-moz-placeholder{opacity:1;}
input[type='text']::-webkit-input-placeholder{opacity:1;}
input[type='text']:-ms-input-placeholder{opacity:1;}*/
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:1440px;margin:0 auto;}
.clear{clear:both;height:0px;overflow:hidden;}
.pic {overflow: hidden; position: relative;}
.pic a {display: block; overflow: hidden;}
.pic img {display: block; width: 100%; height: auto;}
.pic .img {background: no-repeat center center; background-size: cover; display: block; transition: all .3s;}
.bg {background-image: linear-gradient(90deg, #594990, #5fa6da);}
.rows {display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden;}
.hide {visibility: hidden; opacity: 0; transition: all .2s;}
.show {visibility: visible; opacity: 1;}
.border {border:20px solid rgba(21,11,102,.05); position:relative;}
.border:before,.border:after {position: absolute;left:50%;top:50%;width: 100%; height: 100%; display: block; content: ''; transform: translate(-50%,-50%);}
.border:before {border:12px solid rgba(21,11,102,.05);}
.border:after {border:6px solid rgba(21,11,102,.05);}
.clip {color:transparent;  -webkit-background-clip: text; -webkit-text-fill-color: transparent; -ms-background-clip: text; background-clip: text;background-image: linear-gradient(90deg, #594990, #5fa6da); display: inline-block;}
/* 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 {font-size: 0; line-height: normal;}
.slick-dots button {display: block; border:none; background-color: transparent; cursor: pointer;}



#bg{position:fixed;left:0;bottom:0;width:100%;height:100%;z-index:-1;}
#header{padding:1.5625% 3.125%;position:absolute;left:0;top:0;width:93.75%;z-index:9;display:table;table-layout:fixed;}

/*logo*/
#logo{width:144px;display:table-cell;vertical-align:middle;position:relative;z-index:9;}
#logo h1{padding-bottom:38.19444444%;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;}

/*btn*/
#btn{display:table-cell;vertical-align:middle;position:relative;width:17px;z-index:9;}

/*navBtn*/
#navBtn{position:relative;cursor:pointer;width:20px;height:22px;display:none;}
#navBtn span,#navBtn span:before,#navBtn span:after{height:2px;background-color:#fff;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:-7px;}
#navBtn span:after{bottom:-7px;}
#navBtn.active span{height:0;}
#navBtn.active span:before{top:0;transform:rotate(45deg);}
#navBtn.active span:after{bottom:-2px;transform:rotate(-45deg);}

/*searchBtn*/
#searchBtn{width:17px;position:relative;margin-top:2px;}
#searchBtn span{padding-bottom:100%;background:url(../images/icon_search.png) no-repeat center center;background-size:contain;display:block;overflow:hidden;cursor:pointer;}

/*searchForm*/
#searchForm{position:absolute;right:-12px;top:55px;width:350px;transition:all .3s;}
#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%;text-indent:-99999em;overflow:hidden;cursor:pointer;width:40px;}
#searchForm .submit:after{background:url(../images/icon_search.png) no-repeat center center;background-size:contain;width:40%;padding-bottom:40%;content:'';display:block;position:absolute;left:30%;top:50%;transform:translateY(-50%);}

/*menu*/
#menu{display:table-cell;vertical-align:middle;padding:0 1.66666667%;}
#menu > ul{float:right;}
#menu a{color:#fff;display:block;overflow:hidden;}
#menu li{position:relative;font-size:16px;line-height:1.875em;padding:10px 18px;float:left;}
#menu li ul{position:absolute;left:50%;top:100%;min-width:100%;background-color:rgba(255,255,255,0.95);padding:1.30208333% 0;white-space:nowrap;transform:translateX(-50%);padding:5px 0;visibility:hidden;opacity:0;transition:all .2s;}
#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%;}
#menu li li{padding:0;text-align:center;font-size:14px;float:none;}
#menu li li a{color:#333;padding:3px 5px;}
#menu li li a:hover{color:transparent;}
#menu em{display:none;}
#menu .on > a{opacity:.75;}
#menu .on ul{visibility:visible;opacity:1;}
#header .language { position: relative;display: table-cell;vertical-align: middle;width: 100px;padding-right: 30px; }
#header .language > span { display: block; color:#fff; }
#header .language > span:before, .Top002899 .language > span:after { display: inline-block; content: ''; vertical-align: middle; }
#header .language > span:before { margin: 0 3px 0 0; width: 22px; height: 22px; background: url(../images/top_icon_lang.png) no-repeat; }
#header .language > span a  { height:28px;line-height:28px;color:#fff;vertical-align: middle;}

/*banner*/
#banner{position:relative;padding-bottom:31.25%;color:#fff;text-transform:uppercase; overflow: hidden;}
#banner figure {position:absolute;left:0;top:0;width:100%;padding-bottom:31.25%;background:no-repeat center center/cover;animation: scale 10s  linear;}
#banner .text{position:absolute;left:0;top:50%;transform:translateY(0);width:100%;font-size:48px;line-height:1.35em;text-align:center;opacity:0;transition:all 1s;}
#banner .inner{white-space:pre-wrap;}
#banner.active .text{transform:translateY(-45%);opacity:1;}
@keyframes scale {
  0% {transform:scale(1.3)}
  100% {transform:scale(1)}
}

/*bar*/
#bar{position:relative;transform:translateY(-50%);}
#bar .box{background-color:#fff;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:row-reverse;align-items:center;position:relative;z-index:2;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}

/*breadcrumb*/
#breadcrumb{font-size:14px;color:#999;line-height:20px;padding:5px 1.59722222%;}
#breadcrumb:before{display:inline-block;content:'';width:17px;height:20px;background:url(../images/icon_01.png) no-repeat center center;background-size:contain;vertical-align:middle;margin-right:5px;}
#breadcrumb i{font-style:normal;margin:0 8px;}
#breadcrumb a{color:#999;}
#breadcrumb a:hover{color:transparent;background-clip:text;background-image:linear-gradient(90deg,#594990,#5fa6da);}

/*submenu*/
#submenu{flex: 1;}
#submenu ul{overflow:hidden;display: flex;}
#submenu li{font-size: 18px;line-height: 30px;padding: 18px 25px;/* width: 25%; */display: flex;align-items: center;justify-content: center;}
#submenu a{    display: block;overflow: hidden;line-height: 1.2;text-align: center;}
#submenu i{display:inline-block;width:31px;height:31px;vertical-align:middle;margin-right:15px;background:no-repeat center center;background-size:contain;}
#submenu .current{background-image:linear-gradient(90deg,#594990,#5fa6da);}
#submenu .current a{color:#fff;}
#submenu .current a:hover {background-image: none; color: #fff; -webkit-text-fill-color: #fff;}
/*footer*/
#footer{overflow:hidden;font-size:14px;color:#666;line-height:2em;font-weight:300;padding:1.59722222% 0;}
#footer a{color:#666;display:inline-block;}
#footer a:hover{color:transparent;}

/*copyright*/
#copyright{float:right;text-align:center;}

/*pages*/
#pages{float:left;}
#pages ul{overflow:hidden;}
#pages li{float:left;padding-right:34px;position:relative;}
#pages li:not(:last-child):after{width:2px;height:2px;content:'';display:block;position:absolute;background-color:#666;top:50%;transform:translateY(-50%);right:16px;opacity:.5;}

/*bottom*/
#bottom{overflow:hidden;position:relative;padding:6.25% 0;}
#bottom:after{width:100%;height:1px;content:'';display:block;position:absolute;left:0;bottom:0;background-image:linear-gradient(90deg,#594990,#5fa6da);opacity:.1;}

/*colunm*/
#colunm{float:left;width:54.16666667%;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;}
#colunm dl{max-width:21%;}
#colunm dl:first-child{max-width:33%;}
#colunm dt{font-size:16px;line-height:1.875em;font-weight:500;margin-bottom:20px;}
#colunm dd{font-weight:300;font-size:14px;padding:10px 0;line-height:1.75em;}
#colunm dd a{color:#666;}
#colunm dd a:hover{color:transparent;}

/*information*/
#information{float:right;width:38.19444444%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:row-reverse;align-items:end;}
#information .qrcode{width:94px;padding:5.45454545% 0;}
#information .qr{background:url(../images/square_qr.png) no-repeat center center;background-size:100% 100%;padding:12px;}
#information .qr img{display:block;width:100%;height:auto;}
#information .info{width:calc(84% - 94px);padding-left:16.36363636%;font-weight:300;}
#information .logo{margin-bottom:9.82532751%;}
#information .logo img{display:block;width:auto;max-width:100%;height:auto;}
#information .tel{font-size:36px;line-height:1.25em;margin-bottom:4.36681223%;}
#backtop{width:51px;position:fixed;right:4.94791667%;top:60%;z-index:9;cursor:pointer;visibility:hidden;opacity:0;transition:all .2s;}
#backtop i{display:block;overflow:hidden;padding-bottom:100%;background:url(../images/backtop.png) no-repeat center center;background-size:contain;}
#backtop.active{visibility:visible;opacity:1;}

/*wrapper*/
#wrapper{padding:1.5625% 0 4.42708333%;overflow:hidden;}

/*pagenavi*/
#pagenavi{line-height:0;text-align:center;}
#pagenavi a{min-width:24px;display:inline-block;height:28px;margin:0.3125%;font-size:16px;vertical-align:top;padding:0 2px;line-height:28px;border-radius:14px;font-weight:300;}
#pagenavi a:hover{background-image:linear-gradient(90deg,#594990,#5fa6da);}
#pagenavi .a_cur{color:#fff;background-image:linear-gradient(90deg,#594990,#5fa6da);}
#pagenavi .a_cur:hover{color:#fff;background-clip:border-box;}
#pagenavi .a_prev,#pagenavi .a_next{text-indent:-99999em;position:relative;width:15px;min-width:0;padding:0;}
#pagenavi .a_prev:before,#pagenavi .a_next:before,#pagenavi .a_prev:before,#pagenavi .a_next:before{width:100%;padding-bottom:200%;background:url(../images/a_arrow.png) no-repeat 0 0;background-size:100% auto;content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);}
#pagenavi .a_prev{margin-right:2.77777778%;}
#pagenavi .a_next{margin-left:2.77777778%;}
#pagenavi .a_next:before{background-position:0 100%;}

/*readmore*/
.readmore a{display:block;width:30px;height:6px;background:url(../images/icon_more.png) no-repeat right center;background-size:auto 100%;text-indent:-99999em;overflow:hidden;transition:all .3s;}
.readmore a:hover{padding-left:30px;}

/*news*/
#news{margin-bottom:4.16666667%;overflow:hidden;}

/*newsItem*/
.newsItem{background-color:#fff;border:1px solid #eee;padding:1.73611111% 2.43055556% 1.73611111% 1.73611111%;margin-bottom:2.77777778%;}
.newsItem .box{display:table;table-layout:fixed;width:100%;}
.newsItem .td{display:table-cell;vertical-align:middle;}
.newsItem .pic{width:208px;}
.newsItem .pic a:hover .img{transform:scale(1.1);}
.newsItem .img{padding-bottom:73.07692308%;}
.newsItem .date{width:94px;text-align:center;font-family:'Arial';font-size:18px;color:#666;line-height:1.125em;}
.newsItem .date i{font-style:normal;display:block;font-weight:bold;font-size:48px;line-height:1em;color:#333;}
.newsItem .time{border:1px solid #dcdcdc;overflow:hidden;position:relative;padding:12.76595745% 0;}
.newsItem .time:after{width:100%;height:3px;background-image:linear-gradient(90deg,#594990,#5fa6da);content:'';display:block;position:absolute;left:0;bottom:0;}
.newsItem time{display:block;}
.newsItem .text{padding-left:3.26560232%;padding-right:4.35413643%;}
.newsItem .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:18px;line-height:1.66666667em;margin-bottom:2.05973223%;}
.newsItem .excerpt{color:#666;font-size:16px;line-height:1.875em;height:3.75em;-webkit-line-clamp:2;font-weight:300;margin-bottom:2.88362513%;}

/*postTitle*/
#postTitle{text-align:center;font-size:30px;color:#000;line-height:1.5em;font-weight:700;margin-bottom:1.04166667%;}

/*postmeta*/
#postmeta{text-align:center;border-bottom:1px solid #e5e5e5;padding-bottom:2.08333333%;font-size:16px;color:#666;line-height:1.875em;}
#postmeta span{display:inline-block;margin:0 10px;margin:0 0.69444444%;}

/*entry*/
#entry{font-weight:300;font-size:16px;line-height:1.875em;overflow:hidden;margin-top:2.43055556%;}
#entry img{max-width:100%;height:auto!important;}
#entry ul,#entry ol{margin-left:2em;}
#entry ul li{list-style:outside disc none;}
#entry ol li{list-style:outside decimal none;}
#entry h1,#entry h2,#entry h3,#entry h4,#entry h5,#entry h6{line-height:1.875em;}
#entry h1{font-size:1.5em;}
#entry h2{font-size:1.25em;}
#entry h3{font-size:1.125em;}
#entry h4{font-size:1em;}
#entry h5{font-size:0.875em;}
#entry h6{font-size:0.75em;}
#entry blockquote{margin:0 2em;font-style:italic;opacity:.95;padding:1em;border:1px solid #e8e8e8;background-color:#f9f9f9;}
#entry hr{border:none;clear:both;border-bottom:1px solid #e6e6e6;}

/*postBtm*/
#postBtm{border-top:1px solid #e5e5e5;overflow:hidden;display:table;table-layout:fixed;width:100%;font-size:16px;line-height:2.25em;font-weight:300;margin-top:4.51388889%;padding-top:2.63888889%;}
#postBtm a{color:#666;}
#postBtm a:hover{color:transparent;}

/*postnavi*/
#postnavi{display:table-cell;vertical-align:middle;padding-right:3.5%;}
#postnavi p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/*postBtn*/
#postBtn{display:table-cell;vertical-align:middle;width:270px;}
#postBtn span{display:block;}
#postBtn i{font-style:normal;}
#postBtn a{display:block;overflow:hidden;background:no-repeat left center;}
#postBtn a:hover i{color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-image:linear-gradient(90deg,#594990,#5fa6da);}
#postBtn .print{float:left;}
#postBtn .print a{background-image:url(../images/icon_02.png);padding-left:32px;}
#postBtn .close{float:right;}
#postBtn .close a{background-image:url(../images/icon_03.png);padding-left:30px;}

/*columnname*/
.columnname{text-align:center;position:relative;margin-bottom:3.95833333%;}
.columnname h2{font-size:40px;font-weight:400;line-height:1.5em;position:absolute;left:50%;bottom:0;transform:translateX(-50%);max-width:100%;z-index:2;white-space:nowrap;}
.columnname h3{font:400 110px/1.25em 'DMSerifText';text-transform:uppercase;color:#6f51c3;opacity:.05;}

/*square*/
.square{border:15px solid rgba(106,83,146,0.05);box-sizing:border-box;height:100%;position:relative;}
.square:before,.square:after{position:absolute;left:50%;top:50%;width:100%;height:100%;display:block;content:'';transform:translate(-50%,-50%);}
.square:before{border:10px solid rgba(106,83,146,0.05);}
.square:after{border:5px solid rgba(106,83,146,0.05);}
.square .info{background-color:#fff;box-shadow:0px 4px 16px rgba(40,100,247,0.26);position:relative;z-index:2;height:100%;box-sizing:border-box;}

/*contact*/
#contact ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;width:103.95833333%;overflow:hidden;}
#contact li{width:33.5257181%;padding-right:1%;padding-bottom:3.80761523%;float:left;text-align:center;}
#contact .info{padding:12.42774566% 4% 8.67052023%;}
#contact .icon{width:18.29268293%;margin:0 auto 10.97560976%;}
#contact .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#contact .icon .addr{background-image:url(../images/icon_addr.png);}
#contact .icon .tel{background-image:url(../images/icon_tel.png);}
#contact .icon .sale{background-image:url(../images/sale.png);}
#contact .icon .email { background-image: url(../images/email.png);}
#contact h4{font-size:24px;font-weight:500;line-height:1.5em;margin-bottom:4.06504065%;}
#contact .intro{font-size:18px;font-weight:300;color:#666;line-height:1.44444444em;}
#contact .mailbox.intro{font-size:20px;     color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -ms-background-clip: text;
  background-clip: text;
  background-image: linear-gradient(90deg, #594990, #5fa6da);
  display: inline-block;}
#contact .num{font-weight:700;font-size:30px;line-height:1.5em;}
#contact .qr{box-shadow:0px 4px 16px rgba(40,100,247,0.26);width:57.72357724%;margin:2.43902439% auto 0;}
#contact .qr img{display:block;width:100%;height:auto;}

/*values*/
#values ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;width:102.08333333%;overflow:hidden;}
#values li{width:31.29251701%;padding-right:2.04081633%;padding-bottom:2.04081633%;float:left;text-align:center;}
#values .info{position:relative;padding-top:64.56521739%;height:100%;box-sizing:border-box;}
#values .pic{box-shadow:0px 0px 23px rgba(40,100,247,0.26);position:absolute;left:0;top:0;width:100%;}
#values .img{padding-bottom:64.56521739%;}
#values .text{background:#fff url(../images/bg_01.jpg) no-repeat center center;background-size:cover;padding:9.56521739% 5%;border:1px solid #fff;box-shadow:0px 0px 11px rgba(40,100,247,0.26);height:100%;box-sizing:border-box;}
#values .num{font-size:48px;font-weight:700;line-height:1.125em;text-align:center;color:#fff;text-shadow:0px 5px 5px rgba(4,0,0,0.11);}
#values h4{font-size:30px;font-weight:700;line-height:1.35em;margin-bottom:3.8647343%;}
#values .intro{font-size:18px;font-weight:300;line-height:1.66666667em;}

/*assessment*/
#assessment .columnname{margin-bottom:7.29166667%;}

/*riskData*/
#riskData{padding-bottom:25.13888889%;background:no-repeat center center;background-size:cover;position:relative;margin-bottom:3.125%;}
#riskData .text{position:absolute;top:50%;transform:translateY(-50%);left:5%;width:90%;text-align:center;color:#fff;font-size:36px;line-height:1.5em;letter-spacing:18px;}
#riskData p{padding:1.15740741% 0;}
#riskData span{font-size:60px;color:#eba525;line-height:1em;letter-spacing:0;margin-right:18px;}

/*algorithm*/
#algorithm{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;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
#algorithm .source{background-color:#fff;background-image:linear-gradient(150deg,#f5f9ff 0%,#d5dffc 71%,#e7edf9 100%);width:22.84722222%;border:1px solid #fff;border-radius:10px;box-shadow:0px 4px 13px rgba(40,100,247,0.19);}
#algorithm .source .box{padding:10.63829787% 16.71732523% 4.25531915% 9.11854103%;overflow:hidden;}
#algorithm .source h4{font-size:24px;font-weight:400;line-height:1.5em;margin-bottom:10.24590164%;}
#algorithm .source p{margin-bottom:11.47540984%;}
#algorithm .text{width:72.91666667%;background-color:#fff;box-shadow:0px 4px 13px rgba(40,100,247,0.19);}
#algorithm .text .box{padding:2.66666667% 6.66666667% 1.33333333% 5.71428571%;overflow:hidden;}
#algorithm .text h5{font-weight:700;font-size:60px;color:#666;line-height:1.125em;float:left;padding-right:5.42888165%;}
#algorithm .text p{margin-bottom:3.04017372%;}
#algorithm .intro{font-weight:300;color:#666;}

/*certification*/
#certification{width:93.75%;max-width:1600px;margin:0 auto;}
#certification ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;padding:0 3.125%;-webkit-flex-flow:wrap;-moz-flex-flow:wrap;-ms-flex-flow:wrap;-o-flex-flow:wrap;flex-flow:wrap;position:relative;}
#certification ul:before{width:100%;padding-bottom:4.6875%;background:url(../images/bg_honor_bottom.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:0;top:0;margin-top:17.75%;clear:both;}
#certification li{padding:2.66666667% 4.53333333%;width:24.26666667%;position:relative;z-index:2;}
#certification .pic{background:url(../images/bg_honor_square.png) no-repeat center center;background-size:contain;padding:1.64835165%;margin-right:6.59340659%;overflow:visible;margin-bottom:5.49450549%;}
#certification .pic:after{background:url(../images/bg__honor_shadow.png) no-repeat left bottom;background-size:100% 100%;content:'';display:block;position:absolute;left:100%;bottom:1px;width:7.05882353%;padding-bottom:54.41176471%;}
#certification .img{padding-bottom:70.99697885%;}
#certification .intro{font-size:16px;font-weight:300;line-height:1.5em;text-align:center;}

/*history*/
#history .name{text-align:center;font-size:36px;line-height:1.35em;font-weight:400;margin-bottom:0.83333333%;}
#history .logo{width:75px;margin:0 auto;transform:translateX(10%);}
#history .logo img{display:block;width:100%;height:auto;}
#history .radius{border-radius:30px;}
#history .list{position:relative;padding:0 4.16666667%;}
#history .list:before{content:'';display:block;margin:0 auto;width:8px;height:8px;background-color:#6f51c3;border-radius:50%;margin-top:2.15277778%;}
#history .list:after{width:1px;top:14px;height:calc(100% - 28px);background-color:#dadada;content:'';display:block;position:absolute;left:50%;transform:translateX(-50%);}
#history .item{position:relative;}
#history .dot{position:absolute;margin:5px 0;top:0;margin-top:7.57575758%;overflow:hidden;width:22px;height:22px;border:1px solid #999;border-radius:50%;z-index:2;background-color:#f3fbfe;}
#history .dot:after{width:8px;height:8px;background-color:#999;border-radius:50%;content:'';display:block;position:absolute;left:50%;top:50%;margin:-4px 0 0 -4px;}
#history .box{background-color:#fff;box-shadow:0px 3px 13px rgba(0,49,191,0.3);position:relative;}
#history .box:after{width:15px;height:15px;background-color:#fff;transform:rotate(45deg);content:'';display:block;position:absolute;top:0;margin-top:8.40336134%;transition:all .2s;}
#history .box:hover{color:#fff;}
#history .box:hover .info{background-image:linear-gradient(90deg,#594990,#5fa6da);}
#history .box:hover .intro{color:#fff;}
#history .box:hover .figure:before,#history .box:hover .figure:after{background-color:#fff;}
#history .box:hover + .dot{border-color:#6f51c3;}
#history .box:hover + .dot:after{background-color:#6f51c3;}
#history .info{overflow:hidden;padding:5.04201681% 6.72268908% 5.04201681% 3.36134454%;position:relative;z-index:2;background-color:transparent;transition:all .2s;}
#history .pic{width:42.21797552%;float:left;}
#history .figure{padding:6.19469027%;position:relative;}
#history .figure:before,#history .figure:after{content:'';display:block;position:absolute;background-color:#2d87d3;border-radius:30px;transition:all .2s;}
#history .figure:before{opacity:0.03;left:3.31858407%;width:93.36283186%;top:50%;transform:translateY(-50%);padding-bottom:65.92920354%;}
#history .figure:after{left:0;top:0;width:100%;height:100%;opacity:0.05;}
#history .img{padding-bottom:67.67676768%;position:relative;z-index:2;}
#history .text{padding:2.61682243% 0;width:54.17350841%;float:right;}
#history .intro{font-size:18px;font-weight:300;line-height:1.33333333em;color:#666;white-space:pre-line;}
#history .year{font:400 40px/1.125em 'Oswald';margin-bottom:4.4982699%;}
#history .item:nth-child(2n-1){margin-right:50%;padding-right:4.9%;}
#history .item:nth-child(2n-1) .box{text-align:right;}
#history .item:nth-child(2n-1) .box:after{margin-left:-10px;left:100%;}
#history .item:nth-child(2n-1) .box:hover:after{background-image:linear-gradient(135deg,#5fa6da,#64a6d9);}
#history .item:nth-child(2n-1) .dot{left:100%;transform:translateX(-50%);}
#history .item:nth-child(2n){margin-top:-4.54545455%;padding-left:4.9%;margin-left:50%;}
#history .item:nth-child(2n) .box{text-align:left;}
#history .item:nth-child(2n) .box:after{right:100%;margin-right:-10px;}
#history .item:nth-child(2n) .box:hover:after{background-image:linear-gradient(135deg,#4a3988,#594990);}
#history .item:nth-child(2n) .info{padding-left:6.72268908%;padding-right:3.36134454%;}
#history .item:nth-child(2n) .pic{float:right;}
#history .item:nth-child(2n) .text{float:left;}
#history .item:nth-child(2n) .dot{right:100%;transform:translateX(50%);}

/*testKit*/
#testKit{overflow:hidden;}
#testKit 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;width:104.16666667%;overflow:hidden;}
#testKit li{width:29.33333333%;padding-right:4%;padding-bottom:3.33333333%;}


#testKit .info{padding:13.05555556% 10% 10.55555556%; }
#testKit .icon{width:25%;margin:0 auto 12.84722222%;}
#testKit .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#testKit .name{font-size:20px;font-weight:400;line-height:1.5em;text-align:center;}
#testKit li a {display: block; height: 100%;}
#testKit li a:hover .name{color: transparent; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(90deg, #594990, #5fa6da);}

/*kitList*/
#kitList{margin-bottom:3.64583333%;overflow:hidden;}
#kitList .item{margin:0 2.77777778% 1.73611111%;border:1px solid #a8baf5;padding:1.04166667% 3.47222222% 1.31944444%;position:relative;transition:all .2s;}
#kitList .item:before{width:5px;padding-bottom:4.37201908%;background-color:#6f51c3;content:'';display:block;position:absolute;left:-3px;top:50%;transform:translateY(-50%);}
#kitList .title{font-size:20px;font-weight:400;line-height:1.8em;padding-right:20px;position:relative;cursor:pointer;}
#kitList .title:after{width:13px;height:13px;border-right:1px solid #6f51c3;border-bottom:1px solid #6f51c3;content:'';display:block;position:absolute;right:2px;top:10px;transform:rotate(-45deg);transition:all .2s;}
#kitList .intro{color:#666;font-weight:300;border-top:1px solid #a8baf5;padding-top:1.03338633%;margin-top:0.79491256%;display:none;}
#kitList .current{padding-top:1.73611111%;padding-bottom:2.15277778%;}
#kitList .current .title:after{right:5px;top:8px;transform:rotate(45deg);}

/*profile*/
#profile{overflow:hidden;}
#profile .pic{width:44.44444444%;float:right;padding-top:2.77777778%;}
#profile .text{width:45.13888889%;float:left;padding-bottom:6.25%;}
#profile .columnname{text-align:left;margin-bottom:6.92307692%;}
#profile .columnname h2{left:0;transform:none;}
#profile .intro{font-size:16px;line-height:1.875em;overflow:hidden;}
#profile .intro h3{font-size:28px;line-height:1.5em;color:#6f51c3;font-weight:500;margin-bottom:7.69230769%;}
#profile .intro p{margin-bottom:7.69230769%;}

/*advantage*/
#advantage{margin-top:-6.25%;overflow:hidden;position:relative;z-index:2;}
#advantage 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;width:103.95833333%;overflow:hidden;}
#advantage li{width:29.5257181%;padding-right:3.80761523%;padding-bottom:3.80761523%;text-align:center;}
#advantage .info{padding:11.04972376% 11.04972376% 11.60220994%;}
#advantage .icon{width:20.21276596%;margin:0 auto 6.38297872%; position: relative;}
#advantage .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain; position: relative; z-index: 2;}
#advantage span {font:900 60px/1em 'Gotham'; text-transform: uppercase; position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); color: #6f51c3; opacity: 0.07;}
#advantage .name{font-size:24px;font-weight:500;line-height:1.35em;margin-bottom:3.90070922%;}
#advantage .intro{font-size:18px;line-height:1.44444444em;font-weight:300;}

/*clinical*/
#clinical{overflow:hidden;}
#clinical 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;width:104.16666667%;overflow:hidden;}
#clinical li{width:29.33333333%;padding-right:4%;padding-bottom:3.66666667%;text-align:center;}
#clinical .info{padding:10.27777778% 10% 17.5%;position:relative;overflow:hidden;cursor: pointer;}
#clinical .icon{width:25%;margin:0 auto 7.98611111%;}
#clinical .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#clinical .name{font-size:20px;font-weight:400;line-height:1.5em;}
#clinical .num{font-size:100px;line-height:1em;font-weight:900;background-image:linear-gradient(90deg,#594990,#5fa6da);opacity:.4;position:absolute;left:0;bottom:0;width:100%;transform:translateY(31%);}

/*clinicalInfo*/
#clinicalInfo{margin-bottom:6.77083333%;}
#clinicalInfo .box{background-color:#fff;box-shadow:0px 4px 16px rgba(40,100,247,0.26);margin:0 2.63888889%;padding:2.08333333%;overflow:hidden;}

/*clinicalMenu*/
#clinicalMenu{width:275px;float:left;background-color:#f1f9fd;font-size:16px;color:#666;line-height:30px;overflow:hidden;padding-bottom:4.06189555%;}
#clinicalMenu .item{border-bottom:1px solid #cac6eb;}
#clinicalMenu .tab{padding:7.63636364% 10.90909091% 7.63636364% 9.09090909%;position:relative;cursor:pointer;text-align:left;}
#clinicalMenu .tab:after{width:8px;height:8px;border-right:1px solid #666;border-bottom:1px solid #666;transform:rotate(-45deg);content:'';display:block;position:absolute;right:7.27272727%;top:50%;margin-top:-4px;}
#clinicalMenu .tab .tb{display:table;}
#clinicalMenu .tab span{display:table-cell;vertical-align:middle;}
#clinicalMenu .tab .num{font-size:20px;white-space:nowrap;}
#clinicalMenu .tab .name{padding-left:16px;}
#clinicalMenu .current .tab{background-image:linear-gradient(90deg,#594990,#5fa6da);color:#fff;font-size:18px;border-bottom-color:transparent;}
#clinicalMenu .current .tab:after{border-color:#fff;}

/*clinicalMain*/
#clinicalMain{margin-left:275px;overflow:hidden;padding-left:4.14110429%;}

/*clinicalItem*/
.clinicalItem{display:none;}
.clinicalItem .pic{margin-bottom:3.07692308%;}
.clinicalItem .step{display:table;table-layout:fixed;width:100%;font-size:18px;line-height:2em;font-weight:300;margin-bottom:2.05128205%;}
.clinicalItem h3{font-size:24px;font-weight:400;line-height:1.5em;display:table-cell;vertical-align:top;width:130px;color:#333;}
.clinicalItem .intro{display:table-cell;vertical-align:top;}
.clinicalItem .key .intro{color:#666;font-weight:400;}
.clinicalItem .info .intro span{position:relative;margin-right:4.44444444%;}
.clinicalItem .info .intro span:before{content:'>';font-family:'Simsun';color:#6f51c3;display:inline-block;margin-right:8px;}

/*insMeta*/
.insMeta ul{overflow:hidden;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;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.insMeta li{padding:7px;width:130px;position:relative;float:left;display:inline-block;margin-right: 0;}
.insMeta li:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background-image:linear-gradient(90deg,#594990,#5fa6da);opacity:.1;}
.insMeta span{display:block;overflow:hidden;padding-bottom:100%;position:relative;border-radius:50%;}
.insMeta i{display:block;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);left:7%;width:86%;color:#fff;text-align:center;font-size:18px;line-height:1.35em;font-style:normal;white-space:pre-line;}

/*instrument*/
#instrument .item{display:table;table-layout:fixed;width:100%;margin-bottom:4.86111111%;}
#instrument .pic{width:50.27777778%;display:table-cell;vertical-align:middle;}
#instrument .pic a {background: url(../images/bg_pro.jpg) no-repeat center center; background-size: cover;padding-bottom:66.57458564%; position: relative;}
#instrument .img{width: 75.966%;padding-bottom:55.248%; background-size: contain; position: absolute; top: 50%; transform: translateY(-50%); left:12.016%; }
#instrument .text{display:table-cell;vertical-align:middle;}
#instrument .box{background-color:#fff;margin-left:-7.82122905%;position:relative;z-index:2;box-shadow:0px 4px 23px rgba(40,100,247,0.26);overflow:hidden;}
#instrument .box:before{content:'';display:block;position:absolute;right:0;bottom:0;width:51.03626943%;padding-bottom:50.77720207%;background:url(../images/bg_logo.png) no-repeat center bottom;background-size:contain;}
#instrument .intro{padding:7.96089385% 11.87150838% 6.2849162%;position:relative;z-index:2;}
#instrument .excerpt{font-size:16px;line-height:1.875em;height:3.75em;-webkit-line-clamp:2;font-weight:300;margin-bottom:3.7414966%;}
#instrument .title{margin-bottom:3.06122449%;}
#instrument h2{font-size:24px;font-weight:700;line-height:1.5em;display:inline-block;margin-right:3.91156463%;}
#instrument h3{display:inline-block;font-size:18px;font-weight:400;line-height:2em;}
#instrument .insMeta{margin-bottom:5.10204082%;}
/* #instrument .insMeta li{margin-right:13.60544218%;} */
#instrument .more a{display:block;width:8.66267051%;padding-bottom:8.66267051%;background:url(../images/more_circle.png) no-repeat left center;background-size:auto 100%;position:relative;padding-right:6.79425138%;text-indent:-99999em;overflow:hidden;line-height:0;}
#instrument .more a:after{content:'';display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:60.43956044%;padding-bottom:9px;background:url(../images/more_arrow.png) no-repeat right center;background-size:auto 100%;transition:right .3s;overflow:hidden;}
#instrument .more a:hover:after{right:10%;}

/*insDetails*/
#insDetails .name{font-size:30px;font-weight:700;line-height:1.125em;margin-bottom:3.75%;}

/*parameter*/
#parameter{overflow:hidden;}
#parameter 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;width:107.22222222%;}
#parameter li{width:18.2642487%;padding-right:6.7357513%;padding-bottom:2.91450777%;}
#parameter span{display:block;overflow:hidden;box-shadow:0px 4px 12px rgba(40,100,247,0.19);background-color:#fff;border:1px solid #fff;border-radius:10px;text-align:center;font-size:18px;line-height:1.66666667em;background-image:linear-gradient(145deg,#f5f9ff 0%,#d5dffc 71%,#e7edf9 100%);padding:8.15602837% 5%;height:100%;box-sizing:border-box;}

/*insIntro*/
#insIntro{overflow:hidden;}
#insIntro .text{width:44.79166667%;float:left;padding-bottom:4.16666667%;}
#insIntro .title{position:relative;margin-bottom:5.42635659%;}
#insIntro .title:after{content:'';display:block;width:72px;height:2px;background-image:linear-gradient(90deg,#594990,#5fa6da);margin-top:6.35658915%;}
#insIntro .title h2{font-size:30px;font-weight:400;line-height:1.6em;}
#insIntro .title h3{font-size:36px;font-weight:700;line-height:1.33333333em;}
#insIntro .intro{font-size:18px;font-weight:300;line-height:1.66666667em;overflow:hidden;margin-bottom:8.99224806%;}
#insIntro .intro p{margin-bottom:4.65116279%;padding-left:4.34108527%;position:relative;}
#insIntro .intro p:before{width:11px;height:11px;border-radius:50%;content:'';display:block;position:absolute;left:0;top:9.5px;background-image:linear-gradient(90deg,#594990,#5fa6da);}
#insIntro .pic{width:52.77777778%;float:right;}
#insIntro .pic i{display:block;position:absolute;left:50%;top:0;width:85.09433962%;padding-bottom:85.09433962%;background:no-repeat center center;background-size:contain;transform:translateX(-50%);}
#insIntro .circle{padding:15.13157895%;}
#insIntro .circle:before,#insIntro .figure:before,#insIntro .figure:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;background-color:rgba(111,81,195,0.05);}
#insIntro .figure{position:relative;}
#insIntro .figure:before{transform:scale(1.3);}
#insIntro .figure:after{transform:scale(1.15);}
#insIntro .img{position:relative;z-index:2;background:url(../images/bg_product.png) no-repeat center center;background-size:contain;display:block;padding-bottom:100%;border-radius:50%;}
#insIntro .img a{display:block;}
#insIntro .btn{width:10.56603774%;position:absolute;left:100%;bottom:0;z-index:2;}
#insIntro .btn a{display:block;overflow:hidden;padding-bottom:100%;border-radius:50%;background:#2b0148 url(../images/icon_3d_btn.png) no-repeat center center;background-size:60.71428571% auto;box-shadow:0px 4px 7px rgba(0,0,0,0.19);cursor:pointer;}

/*insIntro*/
.windMesh{width:100%;height:100%;position:fixed;z-index:1;overflow:hidden;}

/*stats*/
.stats{position:fixed;}

/*loading*/
.loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:5px;width:150px;height:10px;background-color:rgba(0,0,0,0.2);overflow:hidden;transition:all 1s;}
.loading .percent{background-color:rgba(0,0,0,0.5);width:1%;height:100%;transition:all 0.2s;}

/*details*/
.details{width:6.31944444%;}
.details a{display:block;overflow:hidden;padding-bottom:56.04395604%;background:url(../images/icon_more_arrow.png) no-repeat left center;background-size:contain;line-height:0;text-indent:-99999em;}
.details .purple{background-image:url(../images/icon_more_arrow_02.png);}
.details .blue{background-image:url(../images/icon_more_arrow_03.png);}

/*homeData*/
#homeData{position:relative;display: none;}
#homeData .img{padding-bottom:500px;}
#homeData .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;color:#fff;letter-spacing:13px;}
#homeData .intro{font-size:40px;line-height:1.25em;white-space:pre-line;margin-bottom:1.80555556%;}
#homeData .data{font-size:24px;line-height:1.33333333em;margin-bottom:3.81944444%;}
#homeData .data span{color:#eba525;font-size:30px;letter-spacing:0;margin-right:13px;}

/*homeAdvantage*/
#homeAdvantage{margin-top:-9.02777778%;position:relative;z-index:2;}
#homeAdvantage ul{width:68.75%;float:right;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;overflow:visible;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
#homeAdvantage li{width:30.3030303%;text-align:center;}
#homeAdvantage .info{background-color:#fff;height:100%;box-sizing:border-box;box-shadow:0px 4px 23px rgba(40,100,247,0.26);padding:23.33333333% 5% 13%;}
#homeAdvantage .icon{width:30px;margin:0 auto 7.03703704%;position:relative;}
#homeAdvantage .icon i{display:block;overflow:hidden;padding-bottom:100%;background:no-repeat center center;background-size:contain;}
#homeAdvantage .icon span{font:900 60px/1em 'Gotham';color:#6f51c3;opacity:.07;position:absolute;left:50%;transform:translateX(-50%);top:-75%;}
#homeAdvantage .name{font-size:20px;font-weight:400;line-height:1.5em;margin-bottom:3.7037037%;}
#homeAdvantage .excerpt{font-size:16px;line-height:1.875em;font-weight:300;}

/*homeAbout*/
#homeAbout{padding:8.85416667% 0 5.98958333%;background:#fafdfe url(../images/bg_home_about.png) no-repeat right 75%;background-size:54.27083333% auto;overflow:hidden;}
#homeAbout .pic{float:left;}
#homeAbout .text{padding-left:6.25%;padding-bottom:10.41666667%;}
#homeAbout .intro{margin-bottom:4.61538462%;}
#homeAbout .intro h3{margin-bottom:3.84615385%;}
#homeAbout .details{width:14%;}

/*homeService*/
#homeService{overflow:hidden;position:relative;padding:5.20833333% 0 8.33333333%;background-image:linear-gradient(360deg,#eff9fb 10%,#dbeef9 70%,#e6f7fa 100%);}
#homeService:before{width:100%;height:100%;content:'';display:block;position:absolute;left:0;top:0;background:url(../images/bg_home_service.png) no-repeat center bottom;background-size:100% auto;}
#homeService .inner{position:relative;z-index:2;}
#homeService .item{width:12.5%;float:left;padding-bottom:31.25%;position:relative;background:no-repeat center center;transition:width .3s;}
#homeService .item:before{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#05254e;opacity:.5;}
#homeService .text{position:absolute;left:0;bottom:0;width:100%;color:#fff;white-space: nowrap;}
#homeService .info{padding:0 30px;}
#homeService .num,#homeService h4{font-size:24px;font-weight:400;line-height:1.5em;}
#homeService .num{margin-bottom:12px;}
#homeService h4{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-ms-background-clip:text;background-clip:text;background-image:linear-gradient(90deg,#fff,transparent);}
#homeService .intro{font-size:18px;line-height:1.66666667em;margin-bottom:27px;display:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#homeService .list{margin-bottom:28px;overflow:hidden;}
#homeService ul{max-width:260px;display:none;}
#homeService li{font-size:16px;line-height:1.8;padding-bottom:5px;width:50%; padding-right: 10px;box-sizing: border-box;position: relative;padding-left:30px;/* white-space:nowrap;overflow:hidden;text-overflow:ellipsis; */}
#homeService li:nth-child(2n){float:right;}
#homeService li:before{width:12px;height:14px;background:url(../images/icon_dot.png) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;left:0;top:7px;}
#homeService .current{width:37.5%;}

#homeService .current:before{opacity:.7;}
#homeService .current .intro,#homeService .current ul{display:block;}
#homeService .current h4{-webkit-text-fill-color:#fff;}
 #homeService .current ul{display: flex;flex-wrap: wrap;max-width: 100%;}

/*homeProduct*/
#homeProduct{background-color:#ddf0fc;overflow:hidden;padding:3.125% 0 1.5625%;position:relative;}
#homeProduct:before{width:38.90625%;padding-bottom:36.71875%;background:url(../images/bg_home_product_logo.png) no-repeat center center;content:'';display:block;position:absolute;left:0;bottom:0;}
#homeProduct .inner{position:relative;z-index:2;}
#homeProduct .text{width:33.33333333%;float:left;}
#homeProduct .columnname{text-align:left;}
#homeProduct .columnname h2{left:0;transform:none;}
#homeProduct .intro{max-width:355px;font-size:16px;line-height:2em;font-weight:300;padding:4.16666667% 0 10.41666667%;}
#homeProduct .details{width:18.95833333%;}
#homeProduct .list{width:66.66666667%;padding-top:8.33333333%;float:right;}
#homeProduct .box{width:149.58333333%;padding-bottom:80.41666667%;background:url(../images/bg_home_product.png) no-repeat center center;background-size:contain;margin-left:-40%;position:relative;}
#homeProduct .item{width:32.24233983%;position:absolute;text-align:center; transition: all 0.3s linear 0s;}
#homeProduct .item:first-child{bottom:8%;left:25%;}
#homeProduct .item:nth-child(2){transform:scale(0.82);left:56%;bottom:33%;}
#homeProduct .item:nth-child(3){transform:scale(0.45);left:59%;bottom:65%;}
#homeProduct .item:nth-child(3) h4{transform:scale(1.5);}
#homeProduct .item:nth-child(4){transform:scale(0.35);left:42.5%;bottom:73%;}
#homeProduct .item:nth-child(4) h4{transform:scale(1.5);}
#homeProduct .item:nth-child(5){transform:scale(0.28);left:28%;bottom:75%;}
#homeProduct .item:nth-child(5) h4{transform:scale(1.5);}
#homeProduct .item:nth-child(n+6){left:28%;bottom:75%;opacity: 0;transform:scale(0.2);}
#homeProduct .pic a:hover{background-image:none;}
#homeProduct .img{padding-bottom:72.13822894%;background-size:contain;}
#homeProduct h4{font-size:22px;font-weight:400;/* white-space:nowrap;overflow:hidden;text-overflow:ellipsis; */line-height:1.35em;}
#homeProduct h4 a{/* white-space:nowrap;overflow:hidden;text-overflow:ellipsis; */max-width:100%;}
#homeProduct .btn{width:12.0950324%;position:absolute;right:5%;top:68%;z-index:2;}
#homeProduct .btn a{display:block;overflow:hidden;padding-bottom:100%;border-radius:50%;background:#2b0148 url(../images/icon_3d_btn.png) no-repeat center center;background-size:60.71428571% auto;box-shadow:0px 4px 7px rgba(0,0,0,0.19);cursor:pointer;}

/*slides*/
@keyframes mouse{
  0%{top:0;}
  50%{top:33.333%;}
  100%{top:0;}
}
#slides{position:relative;}
#slides .item{position:relative;}
#slides .img,#slides .load{padding-bottom:50%;}
#slides .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;z-index:2;color:#fff;overflow:hidden; pointer-events: none;}
#slides .box{padding:0 3.47222222%;float:right;opacity:0;transform:translateY(100%);transition:all 1s;}
#slides .active .box{opacity:1;transform:translateY(0);}
#slides .title{margin-bottom:6.81818182%;}
#slides h2{font-size:24px;line-height:1.5em;font-weight:400;display:inline-block;vertical-align:middle;margin-right:15px;}
#slides h3{font:normal 18px/1.4em 'Arial';color:#000;background-color:#e5a53d;border-radius:3px;padding:0 10px;display:inline-block;vertical-align:middle;}
#slides .intro{font-size:30px;line-height:1.5em;white-space:pre-line;}
#slides .meta{position:absolute;left:0;bottom:0;width:100%;color:#fff;margin-bottom:2.60416667%;}
#slides .inner{display:table;table-layout:fixed;}
#slides .td{display:table-cell;vertical-align:middle;}
#slides .dots{width:160px;}
#slides .slick-dots{white-space:nowrap;}
#slides .slick-dots li{display:inline-block;width:29px;height:29px;position:relative;margin-right:15px;}
#slides .slick-dots li:before{width:17.24137931%;padding-bottom:17.24137931%;content:'';display:block;position:absolute;border-radius:50%;background-color:#fff;left:41.37931034%;top:41.37931034%;}
#slides .slick-dots button{display:block;width:100%;height:100%;text-indent:-99999em;overflow:hidden;background:url(../images/slick_dot.png) no-repeat center center;background-size:contain;opacity:0;transform:rotate(65deg);transition:all .3s;}
#slides .slick-dots .slick-active button{opacity:1;transform:rotate(0deg);}
#slides .arrow{line-height:0;width:64px;}
#slides .slick-arrow{width:7px;height:11px;margin-left:25px;}
#slides .slick-prev{background-image:url(../images/arrow_left.png);}
#slides .slick-next{background-image:url(../images/arrow_right.png);}
#slides .pages{font-size:12px;width:45px;white-space:nowrap;padding-left:51px;}
#slides .tips{font-size:12px;font-weight:300;text-transform:uppercase;text-align:center;width:90px;}
#slides .tips span{display:block;width:1px;height:30px;background-color:rgba(255,255,255,0.1);position:relative;margin:0 auto;}
#slides .tips span:after{width:100%;height:66.667%;background-color:#fff;content:'';display:block;position:absolute;left:0;top:0;animation:mouse 3s ease-in 0s infinite;}
#slides .mouse{margin-top:-30px;}
#slides .line{padding:0 15px;}
#slides .line span{display:block;width:100%;height:1px;background-color:rgba(255,255,255,0.1);}
#slides .container { width: 48%;  height: 80%; position: absolute; left: 8%; top: 10%; z-index: 1; mix-blend-mode: screen;}

@media only screen and (max-width:1536px){

  /*1536px*/
  #banner .text{font-size:3.125vw;}

  /*1536px*/
  #logo{width:10%;}

  /*1536px*/
  #submenu li{padding:1.171875vw 1.47395833vw;}
  #submenu i{width:2.01822917vw;height:2.01822917vw;margin-right:1.23697917vw;}

  /*1536px*/
  #colunm dt{margin-bottom:1.30208333vw;}
  #colunm dd{padding:0.65104167vw 0;}

  /*1536px*/
  #postTitle{font-size:1.953125vw;}

  /*1536px*/
  .columnname h2{font-size:2.60416667vw;}
  .columnname h3{font-size:7.16145833vw;}

  /*1536px*/
  .square{border-width:2.60416667vw;}
  .square:before{border-width:1.62760417vw;}
  .square:after{border-width:0.78125vw;}
  .square .info{box-shadow:0px 0.26041667vw 1.04166667vw rgba(40,100,247,0.26);}

  /*1536px*/
  #contact h4{font-size:1.5625vw;}
  #contact .intro{font-size:1.171875vw;}
  #contact .num{font-size:1.953125vw;}

  /*1536px*/
  #values .num{font-size:3.125vw;}
  #values h4{font-size:1.953125vw;}
  #values .intro{font-size:1.171875vw;}

  /*1536px*/
  #riskData .text{font-size:2.34375vw;letter-spacing:1.171875vw;}
  #riskData span{margin-right:1.171875vw;font-size:3.90625vw;}

  /*1536px*/
  #algorithm .text h5{font-size:3.90625vw;}

  /*1536px*/
  #profile .intro h3{font-size:1.82291667vw;}

  /*1536px*/
  #advantage .name{font-size:1.5625vw;}
  #advantage .intro{font-size:1.171875vw;}
  #advantage span {font-size: 3.90625vw;}

  /*1536px*/
  #clinical .num{font-size:6.51041667vw;}

  /*1536px*/
  .clinicalItem .step{font-size:1.171875vw;}
  .clinicalItem h3{font-size:1.5625vw;width:8.8125vw;}

  /*1536px*/
  .insMeta li{width:8.33854167vw;padding:0.45572917vw;}
  .insMeta i{font-size:1.171875vw;}

  /*1536px*/
  #instrument h2{font-size:1.5625vw;}
  #instrument h3{font-size:1.171875vw;}

  /*1536px*/
  #history .name{font-size:2.34375vw;}
  #history .radius,#history .figure:before,#history .figure:after{border-radius:1.953125vw;}
  #history .year{font-size:2.60416667vw;}
  #history .intro{font-size:1.171875vw;}

  /*1536px*/
  #insDetails .name{font-size:1.953125vw;}

  /*1536px*/
  #parameter span{font-size:1.171875vw;}

  /*1536px*/
  #insIntro .title h2{font-size:1.953125vw;}
  #insIntro .title h3{font-size:2.34375vw;}
  #insIntro .title:after{width:4.6875vw;}
  #insIntro .intro{font-size:1.171875vw;}
  #insIntro .intro p:before{width:0.71614583vw;height:0.71614583vw;top:0.61848958vw;}

  /*1536px*/
  #homeData .img{padding-bottom:32.55208333%;}
  #homeData .text{letter-spacing:0.84635417vw;}
  #homeData .intro{font-size:2.60416667vw;}
  #homeData .data{font-size:1.5625vw;}
  #homeData .data span{margin-right:0.84635417vw;font-size:1.953125vw;}

  /*1536px*/
  #homeAdvantage .name{font-size:1.30208333vw;}
  #homeAdvantage .excerpt{font-size:1.04166667vw;}

  /*1536px*/
  #homeService .num,#homeService h4{font-size:1.5625vw;}
  #homeService .info{padding:0 1.953125vw;}
  #homeService li{font-size:1.04166667vw;padding-left:1.953125vw;}
  #homeService li:before{width:0.78125vw;height:0.91145833vw;top:0.52083333vw;}
  #homeService .intro{font-size:1.171875vw;}

  /*1536px*/
  #slides .intro{font-size:1.925vw;}
  #slides h2{font-size:1.5625vw;margin-right:0.9765625vw;}
  #slides h3{font-size:1.171875vw;padding:0 0.65104167vw;}

  /*1536px*/
  #homeProduct h4{font-size:1.43229167vw;}
}
@media only screen and (max-width:1280px){

  /*1280px*/
  #logo{width:120px;}

  /*1280px*/
  #submenu li{font-size:16px;}
  #submenu i{width:25px;height:25px;}

  /*1280px*/
  #information .logo{width:120px;}
  #information .tel{font-size:2.3vw;}

  /*1280px*/
  #backtop{width:45px;}

  /*1280px*/
  #postTitle{font-size:25px;}

  /*1280px*/
  #values .intro{font-size:16px;}

  /*1280px*/
  #algorithm .source{width:270px;}
  #algorithm .source .box{padding-right:9.23076923%;}
  #algorithm .source h4{font-size:22px;}
  #algorithm .text{width:calc(95.5% - 270px);}

  /*1280px*/
  #testKit .name,#kitList .title{font-size:18px;}

  /*1280px*/
  #kitList .title:after{width:10px;height:10px;top:11px;}
  #kitList .current .title:after{top:6.5px;}

  /*1280px*/
  #advantage .name{font-size:20px;}
  #advantage .intro{font-size:16px;}

  /*1280px*/
  #clinical .info{padding-bottom:20%;}
  #clinical .name{font-size:18px;}

  /*1280px*/
  #clinicalMenu{width:240px;}
  #clinicalMenu .tab .num{font-size:18px;}
  #clinicalMenu .tab .name{padding-left:15px;font-size:14px;}

  /*1280px*/
  #clinicalMain{margin-left:240px;}

  /*1280px*/
  .clinicalItem .step{font-size:16px;line-height:32px;}
  .clinicalItem h3{line-height:32px;}

  /*1280px*/
  #instrument h2{font-size:20px;}
  #instrument h3{font-size:16px;}
  #instrument .more a{width:43px;padding-bottom:43px;}

  /*1280px*/
  #history .name{font-size:30px;}
  #history .intro{font-size:16px;}

  /*1280px*/
  #parameter ul{width:104%;}
  #parameter li{width:21%;padding-right:4%;}
  #parameter span{font-size:15px;}

  /*1280px*/
  #insIntro .intro{font-size:16px;}
  #insIntro .intro p:before{width:9px;height:9px;top:8.5px;}

  /*1280px*/
  #homeAdvantage .name{font-size:18px;}
  #homeAdvantage .excerpt{font-size:14px;}

  /*1280px*/
  #homeService .info{padding:0 1.5vw;}
  #homeService .num,#homeService h4{font-size:18px;}
  #homeService li{font-size:14px;padding-left:20px;}
  #homeService li:before{width:10px;height:11px;top:7.5px;}
  #homeService .intro{font-size:16px;}

  /*1280px*/
  #slides .dots{width:140px;}
  #slides .slick-dots li{width:25px;height:25px;margin-right:10px;}
  #slides .arrow{width:54px;}
  #slides .slick-arrow{margin-left:20px;}
  #slides .pages{padding-left:41px;}

  /*1280px*/
  #homeProduct h4{font-size:18px;}
}

@media (min-width: 1025px) {
	#breadcrumb{white-space: nowrap;}
}
@media only screen and (max-width:1024px){
	

  /*1024px*/
  #header{padding-top:15px;padding-bottom:15px;display:block;}

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

  /*1024px*/
  #btn{position:absolute;right:3.125%;top:50%;transform:translateY(-50%);width:auto;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;width:60px;flex-direction:row-reverse;}

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

  /*1024px*/
  #searchForm{top:45px;}

  /*1024px*/
  #menu{margin:0;position:fixed;width:100%;height:100%;left:0;top:0;background-image:linear-gradient(90deg,#594990,#5fa6da);z-index:8;transition:all .3s;visibility:hidden;opacity:0;transition:all .2s;}
  #menu > ul{height:calc(90vh - 76px);overflow-y:auto;margin-top:76px;padding:5vh 15vw;-webkit-overflow-scrolling:touch;transform:translateX(100%);transition:all .3s;float:none;}
  #menu li{float:none;font-size:18px;padding:5px 0;line-height:30px;}
  #menu a{padding:6px 35px 6px 20px;border-radius:20px;transition:all .2s;}
  #menu a:hover{background-color:rgba(23,26,32,0.05);color:rgba(255,255,255,0.9);}
  #menu li ul{position:static;min-width:0;margin-top:5px;transform:none;background-color:transparent;display:none;padding:0;}
  #menu li ul:before{display:none;}
  #menu li li{margin-left:2em;font-size:16px;line-height:30px;text-align:left;}
  #menu li li a{color:#fff;padding:6px 20px;}
  #menu li li a:hover{color:rgba(255,255,255,0.9);}
  #menu em{position:absolute;right:5px;top:11px;width:30px;height:30px;z-index:2;display:block;cursor:pointer;}
  #menu em:after{width:6px;height:6px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg);content:'';display:block;position:absolute;left:50%;top:50%;margin:-5px 0 0 -5px;}
  #menu .on ul{display:block;}
  #menu.active{visibility:visible;opacity:1;}
  #menu.active > ul{transform:translateX(0);}

  #header .language {position: absolute;padding-right: 30px;right: 15vw;top: 50%;transform: translateY(-50%);}

  /*1024px*/
  #pages{float:none;}
  #pages ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;}
  #pages li{float:none;padding:0 1.66015625vw;}
  #pages li:not(:last-child):after{right:-1px;}

  /*1024px*/
  #copyright{float:none;}

  /*1024px*/
  #information{display:block;width:28%;}
  #information .info{padding-left:0;width:auto;}
  #information .text{font-size:14px;line-height:1.75em;}
  #information .qrcode{padding-bottom:0;}

  /*1024px*/
  #colunm{width:65%;}

  /*1024px*/
  #pagenavi a{font-size:14px;height:24px;line-height:24px;border-radius:12px;min-width:20px;}
  #pagenavi .a_prev:before,#pagenavi .a_next:before{width:80%;padding-bottom:160%;left:10%;}
  #pagenavi .a_prev{margin-right:5%;}
  #pagenavi .a_next{margin-left:5%;}

  /*1024px*/
  .newsItem .pic{width:180px;}
  .newsItem .date{font-size:16px;width:83px;}
  .newsItem .date i{font-size:42px;}
  .newsItem .excerpt{font-size:14px;}

  /*1024px*/
  #backtop{width:40px;}

  /*1024px*/
  #postTitle{font-size:22px;}

  /*1024px*/
  #postmeta,#entry,#postBtm{font-size:14px;}

  /*1024px*/
  #postBtn{width:220px;}
  #postBtn a{background-size:auto 18px;}
  #postBtn .print a{padding-left:28px;}
  #postBtn .close a{padding-left:26px;}

  /*1024px*/
  .columnname h2{font-size:26px;}
  .columnname h3{font-size:72px;}

  /*1024px*/
  #contact .info{padding-left:10%;padding-right:10%;}
  #contact .icon{width:30px;}
  #contact h4{font-size:18px;}
  #contact .intro{font-size:14px;}
  #contact .num{font-size:20px;}
  #contact .qr{width:94px;}

  /*1024px*/
  #values .num{margin-bottom:2%;font-size:30px;}
  #values h4{font-size:18px;}
  #values .intro{font-size:14px;}

  /*1024px*/
  #algorithm .source{width:230px;}
  #algorithm .source h4{font-size:20px;}
  #algorithm .text{width:calc(95.5% - 230px);}
  #algorithm .intro{font-size:14px;line-height:1.875em;}

  /*1024px*/
  #certification ul:before{margin-top:28.3%;}
  #certification li{padding-left:4.5%;padding-right:4.5%;width:41%;}
  #certification .intro{font-size:14px;}

  /*1024px*/
  #testKit .name,#kitList .title{font-size:16px;}

  /*1024px*/
  #kitList .title:after{width:8px;height:8px;top:10px;}
  #kitList .current .title:after{top:7px;}
  #kitList .intro{font-size:14px;line-height:1.875em;}

  /*1024px*/
  #profile .pic{width:46%;}
  #profile .text{width:48%;}
  #profile .intro{font-size:14px;}
  #profile .intro h3{font-size:18px;}

  /*1024px*/
  #advantage .icon{width:38px;}
  #advantage .name{font-size:18px;}
  #advantage .intro{font-size:14px;}

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

  /*1024px*/
  #clinicalMenu{width:auto;float:none;padding-bottom:0;}
  #clinicalMenu .tab{padding:2% 3.5% 2% 2.5%;}
  #clinicalMenu .tab:after{right:2.5%;}
  #clinicalMenu .tab .num{font-size:16px;}
  #clinicalMenu .tab .name{padding-left:8px;line-height:1.875em;}

  /*1024px*/
  #clinicalMain{margin-left:0;padding-left:0;}

  /*1024px*/
  .clinicalItem{padding:2% 2.5%;}
  .clinicalItem .pic{margin-bottom:2%;}
  .clinicalItem .step{font-size:14px;line-height:24px;margin-bottom:1.5%;}
  .clinicalItem h3{line-height:24px;font-size:16px;width:80px;}

  /*1024px*/
  #instrument h2{font-size:18px;}
  #instrument h3,#instrument .excerpt{font-size:14px;}
  #instrument .insMeta li{margin-right:0;}

  /*1024px*/
  #history .list{padding:0;}
  #history .name{font-size:28px;}
  #history .intro{font-size:14px;}

  /*1024px*/
  #insDetails .name{font-size:22px;}

  /*1024px*/
  .insMeta li{width:55px;padding:5px;}
  .insMeta i{font-size:12px;}

  /*1024px*/
  #parameter ul{width:103%;}
  #parameter li{width:22%;padding-right:3%;padding-bottom:2.5%;}
  #parameter span{font-size:14px;}

  /*1024px*/
  #insIntro .title h2{font-size:20px;}
  #insIntro .title h3{font-size:24px;}
  #insIntro .title:after{width:48px;}
  #insIntro .intro{font-size:14px;margin-bottom:2.5%;}
  #insIntro .intro:before{width:6px;height:6px;top:9.25px;}

  /*1024px*/
  #homeAbout .text{width:46%;}

  /*1024px*/
  #homeService .item{padding-bottom:45%;}

  /*1024px*/
  #slides .intro{font-size:3.125vw;}
  #slides h2{font-size:18px;}
  #slides h3{font-size:14px;padding:0 5px;}

  /*1024px*/
  #homeProduct .intro{font-size:14px;line-height:1.875em;}
}
@media only screen and (max-width:768px){

  /*768px*/
  .border{border-width:2.60416667vw;}
  .border:before{border-width:1.5625vw;}
  .border:after{border-width:0.78125vw;}

  /*768px*/
  #header{padding-top:10px;padding-bottom:10px;display:block;}

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

  /*768px*/
  #searchForm{right:0;width:93.75vw;top:40px;}
  #searchForm .input{margin-right:36px;}
  #searchForm .text{padding-top:6px;padding-bottom:6px;}
  #searchForm .submit{width:36px;}

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

  /*768px*/
  #banner{padding-bottom:75%;}
  #banner figure{padding-bottom: 50%;}
  #banner .text{font-size:3.73333333vw;}

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

  /*768px*/
  #breadcrumb{position:absolute;left:0;bottom:130%;padding:0;font-size:12px;color:#fff;}
  #breadcrumb:before{width:13px;height:16px;margin-right:3px;}
  #breadcrumb a{color:#fff;}

  /*768px*/
  #submenu li{font-size:14px;}
  #submenu i{width:20px;height:20px;}

  /*768px*/
  #pages{padding:5px 0;}

  /*768px*/
  #footer{line-height:1.75em;}

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

  /*768px*/
  #information{float:none;width:auto;padding-top:60px;position:relative;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;flex-direction:row;align-items:center;}
  #information .qrcode{padding:0;}
  #information .qr{padding:8px;}
  #information .logo{position:absolute;left:50%;top:0;transform:translateX(-50%);margin-bottom:0;}
  #information .text{padding-right:5vw;}
  #information .tel{font-size:22px;margin-bottom:3%;}

  /*768px*/
  #wrapper{padding:0 0 6%;}

  /*768px*/
  #news{margin-bottom:5%;}

  /*768px*/
  .newsItem .pic{width:120px;}
  .newsItem .date,.newsItem .readmore{display:none;}
  .newsItem .title{font-size:16px;white-space:normal;line-height:1.5em;max-height:3em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
  .newsItem .excerpt{white-space:nowrap;-webkit-line-clamp:1;height:auto;margin-bottom:0;}

  /*768px*/
  #backtop{width:35px;}

  /*768px*/
  #postTitle{font-size:18px;margin-bottom:3.5%;}

  /*768px*/
  #postmeta{font-size:12px;padding-bottom:3%;}

  /*768px*/
  #postBtm{display:block;margin-top:6%;padding-top:3.5%;}

  /*768px*/
  #entry{margin-top:5%;}

  /*768px*/
  #postnavi{display:block;padding-right:0;margin-bottom:3%;}

  /*768px*/
  #postBtn{display:flex;justify-content:center;width:auto;}
  #postBtn .print,#postBtn .close{float:none;padding:0 5vw;}

  /*768px*/
  .columnname{margin-bottom:5%;}
  .columnname h2{font-size:24px;}
  .columnname h3{font-size:50px;line-height:1em;}

  /*768px*/
  #contact ul{display:block;width:auto;}
  #contact li{float:none;width:auto;padding-right:0;}
  #contact .info{padding:10%;}
  #contact .icon{width:8.36431227%;margin-bottom:5%;}
  #contact h4{font-size:3.125vw;}
  #contact .intro{font-size:2.34375vw;}
  #contact .num{font-size:3.90625vw;}
  #contact .qr{width:26.39405204%;}

  /*768px*/
  #values ul{display:block;width:auto;}
  #values li{float:none;width:auto;padding-right:0;}
  #values .info{padding-top:0;display:table;table-layout:fixed;width:100%;}
  #values .pic{position:relative;width:40%;display:table-cell;vertical-align:middle;}
  #values .img{position:absolute;left:0;top:0;width:100%;height:100%;padding-bottom:0;}
  #values .text{display:table-cell;vertical-align:middle;padding:5%;}
  #values .num{font-size:26px;}
  #values h4{font-size:16px;}

  /*768px*/
  #riskData{padding-bottom:180px;}
  #riskData .text{font-size:18px;}
  #riskData span{font-size:30px;}

  /*768px*/
  #algorithm{display:block;}
  #algorithm .source .box,#algorithm .text .box{padding:5%;}
  #algorithm .source{width:auto;margin-bottom:5%;}
  #algorithm .source h4{font-size:18px;margin-bottom:2.5%;}
  #algorithm .source p{margin-bottom:2%;}
  #algorithm .text{width:auto;}
  #algorithm .text h5{font-size:30px;}
  #algorithm .intro{line-height:1.75em;}

  /*768px*/
  #testKit ul{width:103%;}
  #testKit li{width:30.333%;padding-right:3%;padding-bottom:3%;}
  #testKit .icon{width:32px;}
  #testKit .name{font-size:14px;}

  /*768px*/
  #kitList .item{padding-top:2%;padding-bottom:2%;}
  #kitList .item:before{width:3px;left:-2px;}
  #kitList .intro{line-height:1.75em;}
  #kitList .current .item{padding-top:3%;padding-bottom:3%;}

  /*768px*/
  #profile .pic,#profile .text{width:auto;float:none;padding:0;}
  #profile .text{margin-bottom:2.5%;}
  #profile .columnname{margin-bottom:4%;}
  #profile .intro{line-height:1.75em;}
  #profile .intro h3{font-size:16px;margin-bottom:2.5%;}
  #profile .intro p{margin-bottom:2.5%;}

  /*768px*/
  #advantage ul{width:102%;}
  #advantage li{width:31.333%;padding:0 2% 2% 0;}
  #advantage .name{font-size:16px;}
  #advantage span {font-size: 30px;}

  /*768px*/
  #clinical ul{width:104%;}
  #clinical li{width:46%;padding:0 4% 4% 0;}
  #clinical .num{font-size:12vw;}

  /*768px*/
  #clinicalMenu .item:last-child{border-bottom:none;}
  #clinicalMenu .tab{padding:2.5% 7% 2.5% 5%;}
  #clinicalMenu .tab:after{right:5%;}

  /*768px*/
  .clinicalItem{padding:5%;}
  .clinicalItem .pic{margin-bottom:3%;}
  .clinicalItem .step,.clinicalItem h3{display:block;width:auto;}
  .clinicalItem .step{margin-bottom:2.5%;}
  .clinicalItem .intro{display:block;margin-top:1.5%;}

  /*768px*/
  #instrument .item,#instrument .pic,#instrument .text{display:block;width:auto;}
  #instrument .box{width:auto;margin:0;}
  #instrument .intro{padding:6% 8%;}
  #instrument .insMeta li{margin-right:0;}
  #instrument .more a{width:38px;padding-bottom:38px;}

  /*768px*/
  #history .logo{margin-bottom:5%;width:65px;}
  #history .list:before{position:absolute;right:6px;bottom:100%;}
  #history .list:after{left:auto;transform:none;right:9.5px;}
  #history .dot{width:18px;height:18px;}
  #history .dot:after{width:6px;height:6px;margin:-3px 0 0 -3px;}
  #history .item{margin-bottom:5%;}
  #history .item:nth-child(2n-1){margin-right:0;padding-right:35px;}
  #history .item:nth-child(2n-1) .dot{left:auto;transform:none;right:0;}
  #history .item:nth-child(2n){margin-top:0;margin-left:0;padding-left:0;padding-right:35px;}
  #history .item:nth-child(2n) .box:after{margin-left:-10px;left:100%;}
  #history .item:nth-child(2n) .box:hover:after{background-image:linear-gradient(135deg,#5fa6da,#64a6d9);}
  #history .item:nth-child(2n) .dot{transform:none;right:0;}
  #history .name{font-size:24px;}
  #history .intro{line-height:1.75em;font-size:13px;}
  #history .year{font-size:18px;}

  /*768px*/
  #parameter ul{width:105%;}
  #parameter li{width:45%;padding-right:5%;padding-bottom:5%;}

  /*768px*/
  #insDetails .name{font-size:18px;margin-bottom:6%;}

  /*768px*/
  #insIntro .text,#insIntro .pic{width:auto;float:none;}
  #insIntro .title{margin-bottom:2.5%;}
  #insIntro .title h2{font-size:18px;}
  #insIntro .title h3{font-size:22px;}
  #insIntro .title:after{width:44px;margin-top:2.5%;}
  #insIntro .intro{line-height:1.75em;}
  #insIntro .intro p{margin-bottom:2%;}

  /*768px*/
  .details{width:48px;}

  /*768px*/
  #homeData .img{padding-bottom:75%;}
  #homeData .intro{font-size:20px;}
  #homeData .data{font-size:16px;}
  #homeData .data span{font-size:18px;}

  /*768px*/
  #homeAbout .details{width:48px;}
  #homeAbout .text,#homeAbout .pic{margin-bottom:5%;}

  /*768px*/
  #homeAdvantage{margin-top:0;}
  #homeAdvantage ul{float:none;width:auto;}
  #homeAdvantage .name{font-size:16px;}

  /*768px*/
  #homeService{padding:8% 0;}
  #homeService .item{padding-bottom:324px;width:50%;}
  #homeService .info{padding:0 30px;}
  #homeService .intro,#homeService ul{display:block;}
  #homeService .current{width:50%;}

  /*768px*/
  #slides .img{padding-bottom:75%;}
  #slides h2{font-size:16px;}
  #slides h3{font-size:12px;}
  #slides .dots{width:112px;}
  #slides .slick-dots li{width:20px;height:20px;margin-right:8px;}
  #slides .arrow{width:44px;}
  #slides .slick-arrow{margin-left:15px;}
  #slides .pages{padding-left:23px;}
  #slides .tips span{height:20px;}
  #slides .mouse{margin-top:-20px;}
  #slides .container { width: 60%;  height: 80%; left: 1%; top: 10%;}

  /*768px*/
  #homeProduct{padding:8% 0;}
  #homeProduct .text,#homeProduct .list{width:auto;float:none;}
  #homeProduct .text{margin-bottom:5%;}
  #homeProduct .intro{line-height:1.75em;max-width:none;padding:0;margin-bottom:5%;}
  #homeProduct .details{width:48px;}
  #homeProduct .list{padding-top:0;}
  #homeProduct h4{font-size:12px;}
  #homeProduct .item:nth-child(n+3) h4{transform:scale(2);}
}
@media only screen and (max-width:540px){

  /*540px*/
  #banner .text{font-size:14px;}

  /*540px*/
  .columnname{margin-bottom:7%;}

  /*540px*/
  #contact .icon{width:32px;}
  #contact h4{font-size:18px;}
  #contact .intro{font-size:14px;}
  #contact .num{font-size:20px;}
  #contact .qr{width:100px;}

  /*540px*/
  #values li{padding-bottom:5%;}
  #values .info{display:block;}
  #values .pic{position:relative;width:auto;display:block;padding-bottom:64.56521739%;}
  #values .text{display:block;padding:10% 5%;}
  #values .num{margin-bottom:3.5%;}
  #values h4{margin-bottom:2.5%;}

  /*540px*/
  #certification ul:before{margin-top:50.5%;}
  #certification li{padding-top:0;padding-bottom:7%;width:80%;margin:0 auto;}
  #certification .pic:after{bottom:0;}

  /*540px*/
  #advantage{margin-top:-10%;}
  #advantage ul{width:auto;display:block;}
  #advantage li{width:auto;padding:0 0 3% 0;}
  #advantage .info{padding:8%;}
  #advantage .icon{width:40px;}
  #advantage .name{font-size:18px;}

  /*540px*/
  #clinical .icon{width:40px;}
  #clinical .name{font-size:14px;}

  /*540px*/
  #parameter ul{width:auto;display:block;}
  #parameter li{width:auto;padding-right:0;}
  #parameter span{padding-top:5%;padding-bottom:5%;}

  /*540px*/
  #homeAdvantage ul{display:block;}
  #homeAdvantage li{width:auto;padding-bottom:3%;}
  #homeAdvantage .info{padding:8%;}
  #homeAdvantage .name{font-size:18px;}

  /*540px*/
  #homeService .item{width:auto;float:none;}
  #homeService .current{width:auto;}

  /*540px*/
  #slides .intro{font-size:18px;}

  /*540px*/
  #homeProduct .box{padding-bottom:0;width:auto;margin-left:0;}
  #homeProduct .item{position:relative;width:80%;margin:0 auto 5%;}
  #homeProduct .item:nth-child(n+1){left:auto;bottom:auto;transform:scale(1);}
  #homeProduct .item:nth-child(n+1) h4{transform:scale(1);}
  #homeProduct h4{font-size:16px;}
}