@charset "utf-8";

/*初始化样式*/
*{-webkit-tap-highlight-color:transparent;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{box-sizing:border-box;}
@media (min-width:1025px){
    body *::-webkit-scrollbar{width:0.06rem;height:0.12rem;background-color:#fff;}
    body *::-webkit-scrollbar-thumb{background-color:#d2d2d2;border-radius:0.2rem;}
}

/*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;}
html{-webkit-text-size-adjust:none;font-size:5.208334vw;}
body{background-color:#f6f7fb;color:#222;font:normal 0.16rem/1.875em Sans-serif;overflow-x:hidden;word-wrap:break-word;text-align:justify;}
a{text-decoration:none;outline:none;color:#222;}
a:focus{outline:none;-moz-outline:none;}
a:hover{color:#0273f3;}
a img{border:none;}
img{vertical-align:middle;max-width:100%;height:auto;}
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:inherit;font-size:1em;}
input:focus{outline:none;}
textarea{resize:none;}
input::-moz-placeholder{color:#bebebe;opacity:1;}
input:-moz-placeholder{color:#bebebe;opacity:1;}
input::-webkit-input-placeholder{color:#bebebe;opacity:1;}
input:-ms-input-placeholder{color:#bebebe;opacity:1;}
textarea::-moz-placeholder{color:#bebebe;opacity:1;}
textarea:-moz-placeholder{color:#bebebe;opacity:1;}
textarea::-webkit-input-placeholder{color:#bebebe;opacity:1;}
textarea:-ms-input-placeholder{color:#bebebe;opacity:1;}
table{background-color:transparent;border-spacing:0;border-collapse:collapse;width:100%;border-top:solid 1px #e4e4e4;border-left:solid 1px #e4e4e4;box-sizing:border-box;table-layout:fixed;}
table th{background-color:#f9f9f9;box-sizing:border-box;}
table td,table th{padding:0.05rem;border:1px solid #e4e4e4;box-sizing:border-box;}

/*全局样式*/
.inner{width:93.75%;max-width:14.4rem;margin:0 auto;}
.clear{clear:both;overflow:hidden;width:100%;}
.clearfix{zoom:1;}
.clearfix:after{display:block;content:'';clear:both;width:100%;}
.figure{overflow:hidden;position:relative;}
.figure a{display:block;position:relative;overflow:hidden;}
.figure img{display:block;width:100%;height:auto;transition:all .3s;}
.figure:after{content:'';display:block;}
.figure .img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block;transition:all .3s;}
.bgimg{background:no-repeat center center;background-size:cover;}
.rows{display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;}
.rows2{-webkit-line-clamp:2;}
.rows3{-webkit-line-clamp:3;}
.rows4{-webkit-line-clamp:4;}
.rows5{-webkit-line-clamp:5;}
.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.submit{cursor:pointer;}

/*flexbox*/
.flex{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;}
.flex_js{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.flex_jc{justify-content:center;}
.flex_je{justify-content:flex-end;}
.flex_as{align-items:flex-start;}
.flex_ac{align-items:center;}
.flex_ae{align-items:flex-end;}
.flex_frr{flex-direction:row-reverse;}
.flex_fc{flex-direction:column;}
.flex_fcr{flex-direction:column-reverse;}
.table{display:table;table-layout:fixed;width:100%;}
.table .td{display:table-cell;vertical-align:middle;}

/*entry*/
.entry *{line-height:1.875em;}
.entry img{max-width:100%;height:auto!important;}
.entry ul li{position:relative;padding-left:1.66666667em;}
.entry ul li:before{width:0.27777778em;height:0.27777778em;border-radius:50%;background-color:#3f3a39;content:'';display:block;position:absolute;left:0.38888889em;top:0.75em;}
.entry ol li{list-style:outside decimal none;}
.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:0.95;padding:1em;border:1px solid #e8e8e8;background-color:#f9f9f9;}
.entry hr{border:none;clear:both;border-bottom:1px solid #e6e6e6;}

/*header*/
#header{z-index:12;position:relative;background-color:#fff;}
#header > .inner{display:table;table-layout:fixed;position:relative;}

/*logo*/
#logo{width:2.3rem;font-size:1em;display:table-cell;vertical-align:middle;position:relative;z-index:10;}
#logo a{display:block;overflow:hidden;padding-bottom:40%;position:relative;}
#logo i{position:absolute;width:100%;height:100%;text-indent:-99999em;display:block;overflow:hidden;background:no-repeat left center;background-size:contain;}

/*button*/
#button{display:table-cell;vertical-align:middle;width:0.16rem;}


/*search*/
#search{ display:none;}
#search span{width:0.16rem;height:0.16rem;background:url(../images/search_01.svg) no-repeat center center;background-size:contain;cursor:pointer;display:block;overflow:hidden;}
#search span:hover{opacity:0.75;}
#search .input{background-color:#fff;position:absolute;right:0;top:100%;z-index:8;width:3.5rem;box-shadow:0px 0.05rem 0.05rem 0px rgba(32,58,99,0.08);display:none;}
#search .text{display:block;width:100%;height:3.375em;line-height:1.875em;padding:0.75em 2.75em 0.75em 1em;}
#search .go{display:block;position:absolute;right:0;top:0;height:100%;width:3.375em;cursor:pointer;background:url(../images/search_01.svg) no-repeat center center;background-size:auto 40%;}

/*navi*/
#navbtn{display:none;}

/*navi*/
#navi{display:table-cell;vertical-align:middle;padding:0 4.86111111%;}
#navi a{display:block;}
#navi .parent{padding:0.34rem 0.26rem;font-size:18px;line-height:1.77777778em;position:relative;}
#navi .cur > a,
#navi .on > a{color:#0273f3;}
#navi .drop{font-size:16px;line-height:1.875em;position:relative;display:none;}
#navi .drop a{color:#555;}
#navi .drop a:hover{color:#0273f3;}
#navi em{display:none;}
@media only screen and (min-width:1025px){
#navi .parent{ margin:0 5px;}
#navi .drop{position:absolute;top:100%;background-color:#fff;min-width:100%;box-shadow:0px 0.05rem 0.05rem 0px rgba(32,58,99,0.08);left:50%;transform:translateX(-50%);text-align:center;padding:0.625em 0;}
#navi .drop a{padding:0.25em 1em;white-space:nowrap;}
#navi em{ width:10px; height:10px; background:url(../images/arrow_down_02.svg); display: block; background-repeat:no-repeat; background-position:center; background-size:contain; position:absolute; right:0; top:50%; margin-top:-5px;}
.voice a{ font-size:16px; display:inline-block; vertical-align:middle; line-height:1;}
}

/*banner*/
#banner{position:relative;}
#banner .figure{padding-bottom:20.83333333%;}
#banner .text{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;color:#fff;z-index:2;}
#banner .name{font-size:0.48rem;line-height:1.5em;}
#banner .alias{font-size:0.22rem;line-height:1.5em;}

/*footer*/
#footer{background-color:#fff;position:relative;}

/*bottom*/
#bottom{border-bottom:1px solid #e2e2e2;padding:0.8rem 0 0.27rem;}
#bottom .info{width:45%;}
#bottom .info dl dt{ font-size:.18rem; font-weight:bold;}
#bottom .info dl dd{ margin:.8em 0; line-height:1.5;}
#bottom .info dl dd a{ color:#5e646a;}
#bottom .info dl dd a:hover{ color:#333;}
#bottom .text-rig{ width:41%;}
#bottom .text{ width:calc(100% - 1.7rem);}
#bottom .text .tit-small{ font-weight:500;}
#bottom .text .tel-txt{ font-weight:bold; font-size:.21rem;}
#bottom .text .footer-logo .io-wit{ width:.4rem; display:block; margin-right:.1rem;}
#bottom .text .footer-logo .io-wit:last-child{ margin-right:0;}
#bottom .text dl{ margin:.1rem 0;}
#bottom .text dl dd .name{ color:#222;}
#bottom .text dl dd .txt{ color:#5e646a;}


/*follow*/
#follow{width:1.3rem;}
#follow .qr{background-color:#e2e2e2;padding:0.03rem;margin-bottom:0.03rem;}
#follow .qr img{display:block;width:100%;height:auto;}
#follow .name{text-align:center;font-size:0.14rem;line-height:2em;}

/*slogan*/
#slogan{font-size:0.22rem;line-height:1.36363636em;font-weight:bold;margin-bottom:0.5rem;}

/*menu*/
#menu li:not(:last-child){margin-right:0.8rem;position:relative;}
#menu li:not(:last-child):after{width:1px;height:0.75em;background-color:#e2e2e2;content:'';display:block;position:absolute;right:-0.4rem;top:50%;transform:translateY(-50%);}
#menu a{display:block;}

/*copyright*/
#copyright{padding:0.23rem 0 0.31rem; color:#5e646a;}
#copyright .color1{ color:#222;}
#copyright a{display:inline-block; color:#5e646a;}
#copyright a:hover{ color:#0273f3;}
#copyright .info{font-size:0.14rem;line-height:2.28571429em;}
#copyright .info i{font-style:normal;margin:0 0.1rem;}
#copyright .tel{text-align:right;line-height:1.5em;}
#copyright .tel .num{font-size:0.24rem;line-height:1.58333333em;}
#copyright .tel .num em{ font-style: normal;}

/*submenu*/
#submenu{border-bottom:1px solid #e2e2e2; font-size:16px;}
#submenu li{position:relative;line-height:2em;}
#submenu li:after{width:100%;height:0.02rem;background-color:#0273f3;content:'';display:block;position:absolute;left:0;bottom:-1px;opacity:0;}
#submenu a{white-space:nowrap;display:block;padding:0.24rem 0.28rem;}
#submenu .cur:after{opacity:1;}
#submenu .cur a{color:#0273f3;background-color:#e8effb;}

/*wrapper*/
#wrapper{padding:4.6875% 0 5.20833333%;}

/*columninfo*/
.columninfo{text-align:center;margin-bottom:5.34722222%;}
.columninfo .name{font-size:0.4rem;line-height:1.35em;}
.columninfo .alias{color:#c8dbf0;font-size:0.14rem;line-height:1.5em;letter-spacing:0.42857143em;margin-top:0.08rem;}
.columninfo.nmb{margin-bottom:0;}

/*pagenavi*/
#pagenavi{justify-content:center;align-items:center;}
#pagenavi a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;margin:0.025rem;height:3.125em;min-width:3.125em;padding:0 0.25em;position:relative;color:#888;border-radius:0.1rem;background:#fff no-repeat center center;background-size:auto 22%;}
#pagenavi a:hover,#pagenavi .a_cur{background-color:#0273f3;color:#fff;border-color:#0273f3;}
#pagenavi .a_prev{background-image:url(../images/prev_01.svg);margin-right:0.175rem;width:5em;}
#pagenavi .a_prev:hover{background-image:url(../images/prev_01_on.svg);}
#pagenavi .a_next{background-image:url(../images/next_01.svg);margin-left:0.175rem;width:5em;}
#pagenavi .a_next:hover{background-image:url(../images/next_01_on.svg);}

/*newslist*/
#newslist{margin-bottom:0.3rem;overflow:hidden;}

/*nitem*/
.nitem{margin-bottom:0.3rem;}
.nitem .figure{width:3.6rem;border-radius:0.2rem;}
.nitem .figure:after{padding-bottom:66.66666667%;}
.nitem .text{width:calc(100% - 3.6rem);padding:1.69014085% 3.52112676% 0.98591549% 4.22535211%;}
.nitem .title{font-size:0.2rem;line-height:1.5em;margin-bottom:0.15rem;width:calc(100% - 1.15rem);}
.nitem .title i{font-style:normal;color:#0273f3;}
.nitem .date{font-size:0.18rem;line-height:1.66666667em;color:#0273f3;font-weight:bold;}
.nitem .excerpt{color:#555;height:3.75em;padding-right:16.84210526%;margin-bottom:0.2rem;}
.nitem .more span{line-height:1.75em;color:#888;display:block;background:url(../images/next_01.svg) no-repeat right center;background-size:0.4375em auto;padding-right:1.375em;}
.nitem a{background-color:#fff;padding:0.1rem;border-radius:0.2rem;transition:all 0.2s;}
.nitem a:hover{background-color:#0273f3;color:#fff;}
.nitem a:hover .date,.nitem a:hover .excerpt{color:#fff;}
.nitem a:hover .more span{color:#fff;background-image:url(../images/next_01_on.svg);}
.nitem a:hover .img{transform:scale(1.05);}
.nitem a:hover .title i{color:#fff;}
.wbox{background-color:#fff;border-radius:0.2rem;}

/*goback*/
.goback{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;}
.goback a{background-color:#0273f3;color:#fff;border-radius:0.1rem;width:8.75em;height:3.125em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;border:1px solid #0273f3;transition:all 0.2s;}
.goback i{display:block;font-style:normal;background:url(../images/next_01_on.svg) no-repeat right center;background-size:0.4375em auto;padding-right:1.375em;}
.goback a:hover{background-color:#fff;color:#0273f3;}
.goback a:hover i{background-image:url(../images/arrow_right_01.svg);}

/*tool*/
#tool{position:fixed;right:2.60416667%;top:50%;transform:translateY(-50%);box-shadow:0px 0px 0.12rem 0px rgba(69,74,79,0.12);width:0.8rem;border-radius:0.1rem;z-index:8;background-color:#fff;font-size:0.12rem;line-height:2em;text-align:center;}
#tool li{padding:0.14rem 0 0.08rem;position:relative;cursor:pointer;}
#tool li:not(:last-child):after{content:'';display:block;position:absolute;left:12.5%;width:87.5%;height:1px;background-color:#e2e2e2;bottom:0;}
#tool .span{display:block;}
#tool .span:before{width:50%;padding-bottom:50%;border-radius:50%;background:#439bff no-repeat center center;background-size:45% auto;margin:0 auto;display:block;content:'';}
#tool .form .span:before{background-image:url(../images/tool_01.svg);}
#tool .top .span:before{background-image:url(../images/tool_02.svg);}
#tool .qq .span:before{background-image:url(../images/tool_03.svg);}

/*npost*/
#npost{padding:5.20833333% 8.33333333% 6.59722222%;}
#npost .hgroup{border-bottom:1px solid #e2e2e2;padding-bottom:0.16rem;margin-bottom:0.28rem;}
#npost .title{font-size:0.24rem;line-height:1.25em;text-align:center;}
#npost .meta{color:#0273f3;margin-top:0.06rem;}
#npost .meta span{display:block;margin:0 0.1rem;}
#npost .entry{font-size:0.18rem;color:#555;}
#npost .entry *{line-height:1.77777778em;}
#npost .other{border-top:1px solid #e2e2e2;padding-top:0.23rem;margin-top:9.16666667%;}
#npost .pnav{width:calc(100% - 10em);line-height:1.75em;}
#npost .pnav a{color:#555;}
#npost .pnav a:hover{color:#0273f3;}

/*searchbox*/
#searchbox{position:relative;padding:1.05rem 0 0.65rem;background:no-repeat center center;background-size:cover;color:#fff;}
#searchbox .columninfo{margin-bottom:0.3rem;}
#searchbox .name{font-size:0.48rem;}
#searchbox .alias{font-size:0.22rem;margin-top:0.05rem;letter-spacing:0;color:#fff;}
#searchbox .input{background-color:#fff;width:6rem;max-width:96%;margin:0 auto 0.25rem;position:relative;padding-right:3.5em;box-shadow:0.04rem 0.04rem 0.05rem 0px rgba(3,0,0,0.03);border-radius:1.4375em;overflow:hidden;}
#searchbox .text{display:block;width:100%;height:2.8125em;line-height:2.0625em;padding:0.375em 1.25em;}
#searchbox .go{position:absolute;right:0;top:0;height:100%;width:3.5em;background:url(../images/search_01.svg) no-repeat center center;background-size:auto 35.55555556%;cursor:pointer;}
#searchbox .data{text-align:center;font-size:0.18rem;line-height:1.33333333em;}

/*laboratory*/
#laboratory{padding-top:4.6875%;}
#laboratory .columninfo{margin-bottom:2.34375%;}
#laboratory .list{ padding:.8rem 0;}
#laboratory .form-box .columninfo{margin-bottom:1.5%;}
#laboratory .form-box .des{ color:#5e646a; margin-bottom:1%; text-align:center;}
#laboratory .form-box{ padding:.8rem 0;}
#laboratory .form-box .input-box{ padding:.1rem .2rem; border:solid 1px #cfcfcf; margin-bottom:.2rem; border-radius:.08rem;}
#laboratory .form-box input{ width:100%;}
#laboratory .form-box .textarea-box{ padding:.1rem .2rem; border:solid 1px #cfcfcf; margin-bottom:.2rem; border-radius:.08rem;}
#laboratory .form-box textarea{ width:100%;}
#laboratory .form-box .moren{ margin-top:.4rem;}
#laboratory .form-box .moren .submit{ background:#0273f3; color:#fff; padding:.1rem .2rem; border-radius:.1rem;}
#laboratory .form-box .moren .submit span{ background-image:url(../images/arrow_right_07.svg); background-repeat:no-repeat; background-position:right .35em; background-size:.1rem; padding-right:.2rem;}
#laboratory .form-box input::-moz-placeholder{color:#222222;opacity:1;}
#laboratory .form-box input:-moz-placeholder{color:#222222;opacity:1;}
#laboratory .form-box input::-webkit-input-placeholder{color:#222222;opacity:1;}
#laboratory .form-box input:-ms-input-placeholder{color:#222222;opacity:1;}
#laboratory .form-box textarea::-moz-placeholder{color:#222222;opacity:1;}
#laboratory .form-box textarea:-moz-placeholder{color:#222222;opacity:1;}
#laboratory .form-box textarea::-webkit-input-placeholder{color:#222222;opacity:1;}
#laboratory .form-box textarea:-ms-input-placeholder{color:#222222;opacity:1;}


/*litem*/
.back-white{ background:#fff;}
.litem .figure{width:40%; border-radius:.1rem;}
.litem .figure:after{padding-bottom:70.333333%;}
.litem .text{width:56%;}
.litem .text .wtd100{ width:100%;}
.litem .text .box{width:48%;}
.litem .title{font-size:0.2rem;line-height:1.5em;margin-bottom:0.12rem;}
.litem .meta{line-height:2.25em;color:#555;}
.litem .meta p{padding-left:1.9375em;background:no-repeat left 0.5em;background-size:1.25em auto;}
.litem .meta .add{background-image:url(../images/icon_add.svg);}
.litem .meta .mail{background-image:url(../images/icon_mail.svg);}
.litem .meta .tel{background-image:url(../images/icon_tel.svg);}
.litem:nth-child(2n){flex-direction:row-reverse;}
.litem:hover .img{transform:scale(1.05);}

/*download*/
.download a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;font-size:0.18rem;background-color:#0273f3;color:#fff;justify-content:center;align-items:center;width:11.11111111em;height:3.33333333em;border-radius:0.2rem;border:1px solid #0273f3;}
.download i{display:block;font-style:normal;padding-left:1.66666667em;background:url(../images/download_01.svg) no-repeat left center;background-size:1.11111111em auto;}
.download a:hover{background-color:#fff;color:#0273f3;}
.download a:hover i{background-image:url(../images/download_02.svg);}

/*template*/
#template{margin-top:0.25rem;}
#template .download{margin-bottom:4.16666667%;}
#template .list{overflow:hidden;}
#template ul{width:102.08333333%;}
#template li{width:33.333%;padding-right:2.04081633%;padding-bottom:2.04081633%;}
#template li .figure{padding-bottom:129.53367876%;}
#template li .wbox{padding:10.86956522% 8.04347826%;}
#template li .wbox:hover .img{transform:scale(1.05);}
#template .citem .view span{ background:url(../images/download_03.svg) no-repeat left center;}

/*columnintro*/
.columnintro{text-align:center;color:#5e646a;font-size:0.2rem;line-height:1.5em;letter-spacing:0.2em;margin-bottom:6.25%;}

/*joinus*/
#joinus{margin-bottom:0.3rem;overflow:hidden;}

/*jitem*/
.jitem{padding:0 0.4rem;margin-bottom:0.3rem;}
.jitem .meta{padding:0.35rem 11.76470588% 0.35rem 0;position:relative;cursor:pointer;}
.jitem .meta:after{width:0.08rem;height:0.14rem;background:url(../images/arrow_right_02.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;right:0;top:0.5rem;transform:translateY(-50%);}
.jitem .name{font-size:0.2rem;line-height:1.5em;width:calc(100% - 1.25rem);}
.jitem .addr{color:#555;padding-left:1.5625em;background:url(../images/icon_add.svg) no-repeat left center;background-size:0.9375em auto;font-size:16px;}
.jitem .cont{border-top:1px solid #e2e2e2;padding:0.2rem 0 0.6rem;display:block;}
.jitem .entry{width:calc(100% - 1.8rem); font-size:16px;}
.jitem.active .meta:after{width:0.14rem;height:0.08rem;background-image:url(../images/arrow_down_01.svg);}
.jitem.active .name{color:#0273f3;}

/*popup*/
.popup{position:fixed;left:0;top:0;width:100%;height:100%;overflow-y:auto;background-color:rgba(0,0,0,0.5);z-index:15;-webkit-overflow-scrolling:touch;display:none;}
.popup > .flex{width:100%;min-height:100%;padding:2em 0;}
.popup .wbox{position:relative;width:8rem;max-width:93.5%;}
.popup .close{position:absolute;right:0.3rem;top:0.3rem;cursor:pointer;z-index:2;background:url(../images/close_01.svg) no-repeat center center;background-size:contain;width:0.14rem;height:0.14rem;}
.popup .title{text-align:center;font-size:0.24rem;line-height:1.25em;margin-bottom:0.34rem;font-weight:normal;}
.popup .tips{text-align:center;color:#555;line-height:1.625em;margin-bottom:0.25rem;}

/*bsubmit*/
.bsubmit{display:block;background-color:#0273f3;color:#fff;border-radius:0.1rem;width:8.75em;height:3.125em;border:1px solid #0273f3;transition:all 0.2s;cursor:pointer;margin:0 auto;}
.bsubmit i{font-style:normal;background:url(../images/next_01_on.svg) no-repeat right center;background-size:0.4375em auto;padding-right:1.375em;}
.bsubmit:hover{background-color:#fff;color:#0273f3;}
.bsubmit:hover i{background-image:url(../images/arrow_right_01.svg);}

/*fpopup*/
.fpopup .wbox{padding:0.55rem 0.6rem 0.6rem;}
.fpopup .form{max-width:4.5rem;margin:0 auto;}
.fpopup .input{position:relative;overflow:hidden;margin-bottom:0.1rem;}
.fpopup .label{display:none;color:#666;position:absolute;left:0;top:0;line-height:3.75em;padding:0 1.25em;}
.fpopup .text{display:block;width:100%;height:3.75em;line-height:1.875em;padding:0.9375em 1.25em;border:1px solid #eee;border-radius:0.05rem;}
.fpopup textarea.text{height:10em;}
.fpopup .upload input[type="file"]{display:none;}
.fpopup .upload .text{padding-right:5.625em;}
.fpopup .upload a{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#999;width:4.375em;text-align:center;line-height:1.25em;border-left:1px solid #eee;}
.fpopup .bsubmit{margin-top:0.3rem;}

/*message*/
.message .title{margin-bottom:0.1rem;}

/*citem*/
.citem{margin-bottom:0.3rem;}
.citem .pic{width:50.70422535%;background-color:#f5f5f5;border-radius:0.2rem;padding:0.3rem;}
.citem .figure{padding-bottom:63.63636364%;}
.citem .img{object-fit:contain;}
.citem .text{width:49.29577465%;position:relative;padding:0 4.01408451% 0 5.63380282%;}
.citem .icon{width:1rem;height:1rem;background-color:#fff;border-radius:50%;position:absolute;left:0;top:0.5rem;transform:translateX(-50%);}
.citem .icon img{width:66%;height:66%;object-fit:contain;display:block;position:absolute;left:17%;top:17%;}
.citem .title{font-size:0.24rem;line-height:1.25em;margin-bottom:0.2rem;transition:all 0.2s;}
.citem .intro{line-height:1.75em;margin-bottom:12.78863233%;color:#222;}
.citem .view{font-size:0.18rem;background-color:#0273f3;color:#fff;border-radius:0.2rem;width:8.88888889em;height:3.33333333em;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.citem .view span{display:block;background:url(../images/icon_view@2x.png) no-repeat left center;background-size:1.11111111em auto;padding-left:1.66666667em;}
.citem a{padding:0.1rem;}
.cpopup .wbox{padding:0.43rem 0.6rem 0.6rem;}
.cpopup .title{color:#0273f3;font-weight:bold;}
.cpopup .figure{background-color:#f5f5f5;border-radius:0.1rem;padding:0.1rem;max-width:5.72rem;margin:0 auto;}
.cpopup .figure img{max-width:100%;max-height:81.25vh;object-fit:contain;}

/*team*/
#team{padding-top:4.6875%;}
#team .columninfo{margin-bottom:2.34375%;}

/*titem*/
.titem{background-image:linear-gradient(0deg,#f6f7fb 0%,#ffffff 100%); margin:.5rem 0;}
.titem .gallery{width:50%;}
.titem .figure:after{padding-bottom:52.08333333%;}
.titem .text{width:50%;padding:0 12.5% 0 4%;}
.titem .title{font-size:0.24rem;line-height:1.5em;margin-bottom:0.17rem;}
.titem .intro{font-size:0.16rem;line-height:1.55555556em; color:#5e646a;}
.titem .data{margin-top:12.14285714%;}
.titem .data li{margin-right:17.85714286%;}
.titem .data li:last-child{margin-right:0;}
.titem .data .num{color:#0273f3;font-weight:bold;font-size:0.6rem;line-height:1em; display:-webkit-flex; display:flex; align-items:center; justify-content:center;}
.titem .data .num em{ font-style:normal; display:block;}
.titem .data span{display:inline-block;}
.titem .data sub{ font-size:0.53333333em;line-height:1;display:block;}
.titem .process{margin-top:7.67857143%;}
.titem .process .tit{color:#0273f3;}
.titem .process .dot{width:0.1rem;height:0.1rem;border-radius:50%;border:0.02rem solid #0273f3;background-color:#fff;margin:0.03rem 0;}
.titem .process .tim{color:#888;}
.titem .process ul{position:relative;}
.titem .process ul:after{content:'';display:block;position:absolute;left:100%;top:50%;transform:translateY(-50%);border-left:0.05rem solid #0273f3;border-top:0.05rem solid transparent;border-bottom:0.05rem solid transparent;}
.titem .process ul:before{background-color:#0273f3;content:'';display:block;position:absolute;left:0;width:100%;height:0.02rem;top:50%;transform:translateY(-50%);}
.titem .process li{position:relative;z-index:2;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-direction:column;align-items:center;padding:0 1em;}
.titem:nth-child(2n){flex-direction:row-reverse; background:#fff;}
.titem:nth-child(2n) .text{padding:0 4% 0 12.5%;}
.titem:hover .img{transform:scale(1.05);}
.titem .swiper-pagination{width:auto;bottom:12%;left:33.33333333%;}
.titem .swiper-pagination-bullet{width:0.12rem;height:0.12rem;background-color:#fff;opacity:0.4;display:block;margin:0 0.05rem;}
.titem .swiper-pagination-bullet-active{opacity:1;}
.titem:last-child{ margin-bottom:0;}

/*term*/
#term{overflow:hidden;margin-bottom:0.3rem;}

/*iitem*/
.iitem{width:48.95833333%;margin-bottom:2.08333333%;}
.iitem .td{vertical-align:top;}
.iitem .pic{width:2.1rem;padding-left:0.3rem;}
.iitem .figure{padding-bottom:66.66666667%;border-radius:0.1rem;}
.iitem .title{padding-left:.5em; text-align:left;font-size:0.2rem;line-height:1.4em;position:relative;margin-bottom:0.09rem;}
.iitem .title:before{ position:absolute; left:0; top:.25em; width:2px; height:1em; background:#0273f3; content:''; display:inline-block; vertical-align:middle;}
/* .iitem .title:before{content:'';display:block;position:absolute;width:0.18rem;height:0.18rem;background:url(../images/arrow_right_03.svg) no-repeat center center;background-size:contain;left:-0.4rem;top:0.05rem;} */
.iitem .intro{line-height:1.75em;color:#555;}
.iitem a{position:relative;height:100%;padding:0.3rem 0.3rem 0.3rem 0.4rem;transition:all 0.2s;}
.iitem a:hover{background-color:#0273f3;color:#fff;}
/* .iitem a:hover .title:before{background-image:url(../images/arrow_right_04.svg);} */
.iitem a:hover .title:before{background:#fff;}
.iitem a:hover .intro{color:#fff;}

/*abox*/
.abox{background:no-repeat center center;background-size:cover;overflow:hidden;padding:4.6875% 0 6.25%;}

/*profile*/
.profile{padding:8.61979167% 0;}
.profile .text{width:50%;}
.profile .title{font-size:0.24rem;line-height:1.5em;font-weight:normal;margin-bottom:0.25rem;max-width:6.2rem;}
.profile .entry{max-width:6.2rem;margin-bottom:0.7rem;}
.profile .entry *{line-height:1.75em;}
.profile .data{text-align:center;}
.profile .data .num{color:#0273f3;font-weight:bold;font-size:0.6rem;line-height:1em;margin-bottom:0.04rem;}
.profile .data .num em{ font-style: normal;}
.profile .data span{display:inline-block;}
.profile .data sub{font-size:0.53333333em;line-height:1em;display:inline-block;vertical-align:middle;}

/*  */
.about-intro .figure-img{width:50%;}
.about-intro .figure{width:49.5vw;}
.about-intro .figure video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;display:block;}
.about-intro .figure:after{padding-bottom:56%;}
.about-intro .title{position:absolute;z-index:6;color:#fff;font-size:0.36rem;line-height:1.11111111em;font-weight:lighter;width:100%;padding:0.24rem 0.3rem;left:0;bottom:0;}
.about-intro .title strong{font-weight:bold;}
.about-intro .text{width:44.79166667%; padding:.5rem 0;}
.about-intro .text .more a{ cursor:pointer; color:#a7a7a7; display:-webkit-flex; display:flex; align-items:center;}
.about-intro .text .more a::after{ content:''; display:block; background-image:url(../images/arrow_right_02.svg); background-repeat:no-repeat; background-position:center; background-size:.06rem; width:.2rem; height:.2rem;}
.about-intro .entry{line-height:1.75em; font-size:16px;}
.about-intro .data{ padding:.5rem 0;}
.about-intro .data ul{overflow:hidden; justify-content:space-between;}
.about-intro .data li{width:auto;margin-top:0.26rem; text-align:center;}
.about-intro .data .num{color:#0273f3;font-weight:bold;font-size:0.6rem;line-height:1em;margin-bottom:0.04rem; display:-webkit-flex; display:flex; align-items:center; justify-content:center;}
.about-intro .data .num em{ font-style: normal; display:block;}
.about-intro .data span{display:inline-block;}
.about-intro .data sub{font-size:0.53333333em;line-height:1em;display:inline-block;vertical-align:middle;}




/*philosophy*/
.philosophy{color:#fff;padding:1rem 0; background-repeat:r;}
.philosophy .columninfo{margin-bottom:0.05rem;}
.philosophy .des{ margin:.3rem 0 .45rem; font-size:.22rem; text-align:center; letter-spacing:.02rem;}
.philosophy .box{max-width:12rem;margin:0 auto; position:relative;}
.philosophy .box .bg{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:rgba(137,188,255,0.3);}
.philosophy .box ul{ line-height:1.5; position:relative;z-index:5;backdrop-filter:saturate(100%) blur(0.2rem);border:solid 1px rgba(255,255,255,0.5); padding:.5rem 10%;border-radius:.1rem;position:relative;overflow:hidden;}
.philosophy .box li{ line-height:1.8; margin:.1rem 0;width:49%;text-align:center;}
.philosophy .box li h2{margin:0; font-size:.22rem;}
.philosophy .box li p{ font-size:.2rem;}

/*advantage*/
.advantage{color:#222222;}
.advantage .columninfo{ margin-bottom:3%;}
.advantage .columninfo .alias{ color:rgba(45,145,255,0.5);}
.advantage .list{border-radius:0.2rem;border:1px solid rgba(255,255,255,0.2);backdrop-filter:saturate(100%) blur(0.2rem); position:relative; z-index:5;overflow:hidden;}
.advantage .iowls{ position:relative;}
.advantage .iowls .bg{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:rgba(255,255,255,0.6);border-radius:.2rem;overflow:hidden;}
.advantage .item{width:20%;text-align:center;}
.advantage .item:not(:last-child){border-right:1px solid rgba(255,255,255,0.2);}
.advantage .title{font-size:0.2rem;line-height:1.4em;font-weight:normal;margin-bottom:0.25rem;}
.advantage .intro{line-height:1.75em;color:#5e646a;}
.advantage .info{padding:40% 0.3rem;position:relative;height:100%;transition:all 0.2s;}
.advantage .info:hover{background-color:rgba(2,115,243,0.6);}
.advantage .info:hover .intro{ color:#fff;}


/*equipment*/
#equipment{overflow:hidden;margin-bottom:0.3rem;}
#equipment .list{width:102.08333333%;overflow:hidden;}

/*eitem*/
.eitem{width:33.333%;padding-right:2.04081633%;padding-bottom:2.04081633%;}
.eitem .figure{padding-bottom:66.81415929%;background-color:#f8f9fc;border-radius:0.2rem 0.2rem 0 0;}
.eitem .title{font-size:16px;line-height:2em;padding:0.27rem 0 0.23rem;text-align:center;font-weight:normal;}
.eitem a{padding:0.04rem;display:block;overflow:hidden;transition:all 0.2s;}
.eitem a:hover{background-color:#0273f3;color:#fff;}

/*esticky*/
.esticky{margin-bottom:0.3rem; display:none;}
.esticky .figure{width:47.82608696%;background-color:#f8f9fc;border-radius:0.2rem;}
.esticky .figure:after{padding-bottom:66.66666667%;}
.esticky .text{width:52.17391304%;padding:0 5.07246377% 3.11594203% 7.97101449%;}
.esticky .title{font-size:0.2rem;line-height:1.5em;margin-bottom:0.17rem;}
.esticky .excerpt{height:9.375em;color:#222;margin-bottom:7.40740741%;}
.esticky .more{border-top:1px solid #eee;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;padding-top:0.22rem;}
.esticky .more span{line-height:1.75em;color:#888;display:block;background:url(../images/arrow_right_02.svg) no-repeat right center;background-size:0.5em auto;padding-right:1.375em;}
.esticky .swiper-pagination{width:50%;left:47.91666667%;padding:0 7.63888889%;bottom:0;margin-bottom:4.16666667%;}
.esticky .swiper-pagination .swiper-pagination-bullet{width:0.12rem;height:0.12rem;opacity:1;background-color:#e5e5e5;margin:0 0.1rem 0 0;}
.esticky .swiper-pagination .swiper-pagination-bullet-active{background-color:#0273f3;}
.esticky .info{padding:0.3rem;color:#0273f3;}
.esticky .info:hover .img{transform:scale(1.05);}

/*standard*/
#standard{background:no-repeat center center;background-size:cover;color:#fff;overflow:hidden;padding:4.6875% 0 3.64583333%;}
#standard li{width:48.95833333%;font-size:0.18rem;line-height:1.77777778em;margin-bottom:2.08333333%;}
#standard li i{display:block;padding-left:1.5em;font-style:normal; border-left:solid .03rem #0273f3; line-height:1.5;}
#standard li a{display:block;overflow:hidden;position:relative;height:100%;padding:6.24113475% 5.67375887%;}

/*iprocess*/
.iprocess .list{width:109.375%;}
.iprocess 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;}
.iprocess li{width:20%;padding-right:8.57142857%;padding-bottom:7.61904762%;position:relative;z-index:2;}
.iprocess .info{position:relative;padding-bottom:100%;width:100%;}
.iprocess .info::before{content:''; display:block; width:90%; position:absolute; top:50%; left:95%; height:1.2em; margin-top:-.6em; background:#dfe0e6;}
.iprocess .info:after{width:43%;height:1.2em;background:url(../images/arrow_right_05.png) no-repeat left center;background-size:contain;content:'';display:block;position:absolute;top:50%;right:-37.5%;transform:translate(50%,-50%);}
.iprocess .box{background-color:#439bff;position:absolute;left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;z-index:5; border-radius:100%;}
.iprocess .box span{ width:2.2em; height:2.2em; background:#95c6ff; border-radius:100%; text-align:center; line-height:2.2; position:absolute; left:0.5em; top:0; font-size:.18rem;}
.iprocess .icon{width:40%;padding-bottom:40%;position:relative;}
.iprocess .icon img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;}
.iprocess .name{font-size:0.18rem;line-height:1.5em; height:3em; text-align:center; width:100%;}
.iprocess .text-con{ width:100%; background:#fff; padding:.2rem .15rem; margin-bottom:1em; color:#5e646a; font-size:.15rem; border-radius:.1rem; overflow: hidden; box-shadow:0 0 .1rem rgba(0,0,0,0.05);}
.iprocess .text-con .name{ color:#222;}
.iprocess .text-con .des{ height:1.3rem; line-height:1.7; overflow:auto; text-align:center;}
.iprocess .intro{position:absolute;left:50%;transform:translateX(-50%);top:92.3%;box-shadow:0px 0px 0.12rem 0px rgba(69,74,79,0.12);line-height:1.5em;text-align:center;padding:0.23rem 0.4rem;width:3.2rem;z-index:3;display:none !important;}
.iprocess .intro pre{ font-family:Sans-serif;}
.iprocess ul:nth-child(2n+1) li:last-child .info::before{ display:none;}
.iprocess li:last-child .info:after{transform:translate(50%,-50%) rotate(90deg);right:50%;top:100%;margin-top:33.33333333%;}
.iprocess ul:nth-child(2n){flex-direction:row-reverse;}
.iprocess ul:nth-child(2n) .info:before{ left:auto; right:100%;}
.iprocess ul:nth-child(2n) .info:after{right:auto;left:-37.5%;transform:translate(-50%,-50%) rotate(180deg);}
.iprocess ul:nth-child(2n) li:last-child .info:after{transform:translate(-50%,-50%) rotate(90deg);right:auto;left:50%;}
.iprocess ul:nth-child(2n) li:last-child .info::before{ display:none;}
.iprocess ul:last-child li:last-child .info:after{display:none;}
.iprocess .cur{position:relative;}

/*process*/
#process{padding:4.6875% 0 1.5625%;overflow:hidden;position:relative;z-index:5;}
#process .iprocess li{ padding-right:6%;}
#process .iprocess .info{ width:80%; padding-bottom:80%; margin:0 auto;}




/*testtab*/
.testtab{padding:0 0.25rem;position:relative;margin-bottom:0.3rem;}
.testtab a{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;background-color:#439bff;border-radius:0.1rem;color:#fff;height:0.8rem;font-size:0.18rem;transition:all 0.2s;}
.testtab .current a{background-color:#0273f3;font-size:0.2rem;color:#f6f7fb;font-weight:bold;}
.testtab .arrow{position:absolute;top:50%;transform:translateY(-50%);width:0.1rem;height:0.16rem;background:no-repeat center center;background-size:contain;cursor:pointer;}
.testtab .arrow:hover{opacity:0.8;}
.testtab .prev{left:0;background-image:url(../images/prev_01.svg);}
.testtab .next{right:0;background-image:url(../images/next_01.svg);}
.testtab .swiper-button-lock{display:block;}

/*testcont*/
.testcont{padding:4.93055556% 4.16666667% 6.66666667%;overflow:hidden;}

/*swiper-dots*/
.swiper-dots .swiper-pagination{left:50%;transform:translateX(-50%);bottom:0.2rem;}
.swiper-dots .swiper-pagination .swiper-pagination-bullet{width:0.12rem;height:0.12rem;opacity:1;background-color:#e5e5e5;margin:0 0.05rem;}
.swiper-dots .swiper-pagination .swiper-pagination-bullet-active{background-color:#0273f3;}
.testinfo{padding-bottom:6.06060606%;border-bottom:1px solid #e2e2e2;}
.testinfo .intro{text-align:center;line-height:1.75em;max-width:10.6rem;margin:0 auto 3.78787879%;}
.testinfo .swiper{width:8.4rem;max-width:100%;}
.testinfo .figure{padding-bottom:66.66666667%;border-radius:0.2rem;background-color:#f6f7fb;}
.testinfo .title{text-align:center;font-weight:normal;font-size:0.18rem;line-height:1.66666667em;position:absolute;left:0;bottom:0.5rem;width:100%;z-index:2;}

/*testlist*/
.testlist .item{border-bottom:1px solid #e2e2e2;color:#555;padding:0.25rem 0;}
.testlist .name{color:#0273f3;font-weight:600;font-size:0.18rem;line-height:1.66666667em;position:relative;padding-right:2.5em;cursor:pointer;}
.testlist .name:after{width:0.12rem;height:0.12rem;content:'';display:block;position:absolute;right:1.11111111em;top:0.5em;background:url(../images/icon_hide.svg) no-repeat center center;background-size:contain;}
.testlist .drop{padding:0.03rem 0.45rem 0.06rem 0;display:none;}
.testlist .drop em{ font-style: normal;}
.testlist .process em{display:block;position:relative;}
.testlist .process em:not(:last-child){padding-right:0.24rem;}
.testlist .process em:not(:last-child):after{width:0.1rem;height:0.16rem;background:url(../images/arrow_right_06.svg) no-repeat center center;background-size:contain;content:'';display:block;position:absolute;top:50%;right:0.12rem;margin-top:-0.08rem;transform:translateX(50%);}
.testlist .active .name:after{background-image:url(../images/icon_show.svg);}

/*slides*/
#slides .figure{padding-bottom:41.66666667%;}
#slides .text{position:absolute;left:0;width:100%;z-index:5;color:#fff;top:43%;transform:translateY(-50%);font-size:0.48rem;margin-top:1rem;opacity:0;transition:all 1s;}
#slides .name{font-size:1em;line-height:1.65em;}
#slides .title{font-size:1.25em;line-height:1.33333333em;}
#slides .alias{font-size:0.45833333em;line-height:1.5em;margin-top:0.3rem;}
#slides .alias:before{width:1rem;height:0.04rem;background-color:#fff;display:block;content:'';margin-bottom:0.3rem;}
#slides .video{padding-bottom:41.66666667%;position:relative;}
#slides video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;}
#slides .play{width:3.125%;margin:0 auto 0.28rem;cursor:pointer;}
#slides .play:after{display:block;content:'';padding-bottom:100%;background:url(../images/play_01.svg) no-repeat center center;background-size:contain;}
#slides .center{top:50%;text-align:center;}
#slides a{display:block;overflow:hidden;position:relative;}
#slides .inner{position:relative;}
#slides .dots{position:absolute;left:0;width:100%;bottom:7.5%;}
#slides .swiper-pagination{bottom:0;left:0;width:auto;}
#slides .swiper-pagination-bullet{width:0.14rem;height:0.14rem;background-color:#fff;opacity:0.3;margin:0 0.2rem 0 0;}
#slides .swiper-pagination-bullet-active{opacity:1;}
#slides .swiper-slide-active .text{margin-top:0;opacity:1;}

/*  */
.index_banner .figure img{ position: relative; max-height:620px; object-fit:cover;}
.index_banner .text{position:absolute;left:0;width:100%;z-index:5;color:#fff;top:43%;transform:translateY(-50%);font-size:0.48rem;margin-top:1rem;opacity:0;transition:all 1s;}
.index_banner .name{font-size:1em;line-height:1.65em;}
.index_banner .title{font-size:1.25em;line-height:1.33333333em;}
.index_banner .alias{font-size:0.45833333em;line-height:1.5em;margin-top:0.3rem;}
.index_banner .alias:before{width:1rem;height:0.04rem;background-color:#fff;display:block;content:'';margin-bottom:0.3rem;}
.index_banner .video{position:relative;}
.index_banner .video video{width:100%;height:100%; max-height:620px; object-fit:cover; display:block;}
.index_banner .center{top:50%;text-align:center;}
.index_banner a{display:block;overflow:hidden;position:relative;}
.index_banner .inner{position:relative;}
.index_banner .slick-dots{position:absolute;left:0;width:100%;bottom:7.5%; text-align:center; font-size:0; z-index:5;}
.index_banner .slick-dots li{width:0.14rem;height:0.14rem;background-color:#fff;opacity:0.3;margin:0 0.2rem 0 0; display:inline-block; border-radius:100%; overflow: hidden; vertical-align:middle;}
.index_banner .slick-dots li button{ display:none;}
.index_banner .slick-dots li.slick-active{opacity:1;}
.index_banner .slick-active .text{margin-top:0;opacity:1;}
.index_banner .slick-arrow{ display:none;}



/*hbox*/
.hbox{overflow:hidden;background:no-repeat center center;background-size:cover;padding:5.72916667% 0 6.25%;}
.hbox .columninfo .name{font-size:0.48rem;}
.hbox.white{color:#fff;}
.hbox.white .columninfo .alias{color:rgba(255,255,255,0.5);}

/*hprocess*/
#hprocess{padding:5.72916667% 0 3.125%;background-image:url(../images/hprocess_bg.jpg);}
#hprocess .iprocess .name{ margin-bottom:1em;}

@media only screen and (min-width:751px){

    /*  */
    .iprocess .info:after{right:-20%;}
    .iprocess li:last-child .info:after{right:50%;margin-top:20%;}
    .iprocess ul:nth-child(2n+1) li:last-child .info::before{left:auto;right:50%;top:120%;display:block; transform:translate(50%,100%) rotate(90deg); width:100%; display:block;}
    .iprocess ul:nth-child(2n){flex-direction:row-reverse;}
    .iprocess ul:nth-child(2n) li{ display:-webkit-flex; display:flex; flex-wrap:wrap-reverse;}
    .iprocess ul:nth-child(2n) li .text-con{ margin-top:1em; margin-bottom:0;}
    .iprocess ul:nth-child(2n) .info:after{left:-20%;}

    
    /*751px*/
    #hprocess .iprocess{max-width:14rem;margin:0 auto;}
    #hprocess .iprocess .list{width:110%;}
    #hprocess .iprocess li{padding-right:9%;padding-bottom:7.73395205%;}
    #hprocess .iprocess .info:after{right:-20%;}
    #hprocess .iprocess li:last-child .info::before{left:auto;right:50%;top:120%;display:block; transform:translate(50%,100%) rotate(90deg); width:100%;}
    #hprocess .iprocess li:last-child .info:after{right:50%;margin-top:20%;}
    #hprocess .iprocess ul:nth-child(2n){flex-direction:row-reverse;}
    #hprocess .iprocess ul:nth-child(2n) .info:after{left:-20%;}
    #hprocess .iprocess ul:nth-child(2n) li{ display:-webkit-flex; display:flex; flex-wrap:wrap-reverse;}
    #hprocess .iprocess ul:nth-child(2n) li .name{ margin-top:1em; margin-bottom:0;}
    #hprocess .iprocess ul:nth-child(2n) li:last-child .info::before{ display:none;}
    #hprocess .iprocess ul:nth-child(2n) li:last-child .info:after{left:50%;}
}

/*hintro*/
#hintro{ background:#fff;}
#hintro .figure{width:50%;border-radius:0.1rem;}
#hintro .figure:after{padding-bottom:57%;}
#hintro .title{position:absolute;z-index:6;color:#fff;font-size:0.36rem;line-height:1.11111111em;font-weight:lighter;width:100%;padding:0.24rem 0.3rem;left:0;bottom:0;}
#hintro .title strong{font-weight:bold;}
#hintro .text{width:44.79166667%;}
#hintro .text .more a{ cursor:pointer; color:#a7a7a7; display:-webkit-flex; display:flex; align-items:center;}
#hintro .text .more a::after{ content:''; display:block; background-image:url(../images/arrow_right_02.svg); background-repeat:no-repeat; background-position:center; background-size:.06rem; width:.2rem; height:.2rem;}
#hintro .entry{line-height:1.75em;margin-bottom:0.46rem; font-size:16px;}
#hintro .data{ margin-top:.4rem;}
#hintro .data ul{overflow:hidden; justify-content:space-between;}
#hintro .data li{width:auto;margin-top:0.26rem;}
#hintro .data .num{color:#0273f3;font-weight:bold;font-size:0.6rem;line-height:1em;margin-bottom:0.04rem;}
#hintro .data .num em{ font-style: normal;}
#hintro .data span{display:inline-block;}
#hintro .data sub{font-size:0.53333333em;line-height:1em;display:inline-block;vertical-align:middle;}

/*hcert*/
#hcert{background-image:url(../images/hcer_bg.jpg);}
#hcert .box{position:relative;}
#hcert .swiper{overflow:visible;}
#hcert .figure{padding-bottom:95.23809524%;background-color:#f5f5f5;border-radius:0.2rem;}
#hcert .img{max-height:77.5%;max-width:77.5%;object-fit:contain;top:7.5%;left:50%;transform:translateX(-50%);}
#hcert .icon{width:19.04761905%;padding-bottom:19.04761905%;border-radius:50%;background-color:#fff;position:relative;margin:0 auto;margin-top:-9.52380952%;z-index:2;}
#hcert .icon img{display:block;position:absolute;left:12.5%;top:12.5%;width:75%;height:75%;border-radius:50%;}
#hcert .title{text-align:center;font-size:0.18rem;line-height:1.66666667em;}
#hcert .info{padding:0.1rem 0.1rem 0.2rem;overflow:hidden;display:block;position:relative;height:100%;}
#hcert .info:hover .img{transform:translateX(-50%) scale(1.05);}
#hcert .swiper-slide{opacity:0.2;transition:opacity 0.2s;width:4.2rem;}
#hcert .my-slide-visible{opacity:1;}
#hcert .prev{left:-11.80555556%;}
#hcert .next{right:-11.80555556%;}
#hcert .PCswitch .swiper-wrapper{ justify-content:center;}
#hcert .PCswitch .swiper-slide{ margin-right:4.167%;}
#hcert .PCswitch .swiper-slide:last-child{ margin-right:0;}

/*hnews*/
#hnews{background-image:url(../images/hnews_bg.jpg);}
#hnews .wbox{padding:0.3rem;}
#hnews .figure:after{padding-bottom:66.66666667%;}
#hnews .info{display:block;position:relative;overflow:hidden;}
#hnews .info:hover .img{transform:scale(1.05);}
#hnews time{font-weight:bold;font-size:0.18rem;line-height:1.66666667em;}
#hnews .title{font-size:0.2rem;line-height:2em;}
#hnews .sticky{width:47.82608696%;border-radius:0.2rem;overflow:hidden;}
#hnews .sticky .figure:before{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:50.45454545%;background-image:linear-gradient(0deg,#0273f3,transparent);z-index:5;opacity:0.7;}
#hnews .sticky .text{position:absolute;width:100%;padding:3.18181818% 1.5rem 3.18181818% 4.54545455%;bottom:0;left:0;z-index:5;padding-bottom:0.2rem;}
#hnews .sticky .info{color:#fff;border-radius:0.2rem;}
#hnews .list{width:50%;}
#hnews .list time{color:#0273f3;}
#hnews .li{border-bottom:1px solid #eee;padding:3.91304348% 0;}
#hnews .li span{font-size:0.18rem;line-height:1.66666667em;display:block;width:calc(100% - 0.8rem);}
#hnews .top .figure{width:39.13043478%;border-radius:0.2rem;}
#hnews .top .text{width:53.62318841%;border-bottom:1px solid #eee;padding-bottom:0.2rem;}
#hnews .top time{margin-bottom:0.12rem;}
#hnews .top .excerpt{color:#555;height:3.75em;}
#hnews .top:hover .img{transform:scale(1.05);}
#hnews .swiper-pagination{width:auto;left:auto;right:0.3rem;bottom:0.3rem;}
#hnews .swiper-pagination-bullet{width:0.1rem;height:0.1rem;background-color:rgba(255,255,255,0.4);}
#hnews .swiper-pagination-bullet-active{background-color:#fff;}

/*swiper-arrows*/
.swiper-arrows .arrow{background:#fff no-repeat center center;background-size:13.33333333% auto;border-radius:50%;width:0.6rem;height:0.6rem;position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;z-index:5;}
.swiper-arrows .arrow:hover{opacity:0.85;}
.swiper-arrows .prev{left:0;background-image:url(../images/swiper_prev_01.svg);}
.swiper-arrows .next{right:0;background-image:url(../images/swiper_next_01.svg);}



/*TestItem*/
#TestItem .box{margin:0 auto;}
#TestItem .swiper-slide{height:auto;}
#TestItem .figure{width:100%;}
#TestItem .figure:after{padding-bottom:66.66666667%;}
#TestItem .text{width:100%;padding:0.6rem;}
#TestItem .cont{ padding-bottom:0.33rem;}
#TestItem .title{font-size:0.2rem;line-height:1.5em;margin-bottom:0.16rem; text-align:center;}
#TestItem .excerpt{line-height:1.75em;max-height:8.75em;color:#5e646a;}
#TestItem .more .but{ background:#0273f3; padding:0 .3rem; border-radius:.1rem;}
#TestItem .more .but span{line-height:3;color:#fff;display:block;background:url(../images/next_01_on.svg) no-repeat right center;background-size:0.4375em auto;padding-right:1.375em;}
#TestItem .info{transition:all 0.2s;overflow:hidden;position:relative;height:100%;}
#TestItem .info:hover .img{transform:scale(1.05);}
#TestItem .arrow{transform:none;position:static; margin:0 .2rem; background-color:rgba(222,222,226,0.6);}
#TestItem .arrow:hover{ background-color:rgba(222,222,226,1);}
#TestItem .prev{ background-image: url(../images/prev_01.svg);}
#TestItem .next{ background-image: url(../images/next_01.svg);}
#TestItem .prev:hover{ background-image: url(../images/prev_02_on.svg);}
#TestItem .next:hover{ background-image: url(../images/next_02_on.svg);}
#TestItem .control{position:relative;margin-top:5%;}
#TestItem .swiper-pagination{width:calc(100% - 2rem);position:relative;left:auto;top:auto;height:0.02rem;background-color:rgba(255,255,255,0.3);}
#TestItem .swiper-pagination-progressbar-fill{background-color:#fff;}


/* #Testbox */
#Testbox .let-box{ width:3rem; background:#fff; box-shadow:0 0 .1rem rgba(0,0,0,0.05);}
#Testbox .let-box>ul>li>a{ position:relative; font-size:.18rem; font-weight:500; padding:0 .2rem; display:block; }
#Testbox .let-box>ul>li>a>span{ padding:.1rem 0; border-bottom:solid 1px rgba(0,0,0,0.1); display:block;}
#Testbox .let-box>ul>li>a::after{ position:absolute; right:.2rem; top:50%; margin-top:-0.07rem; content:''; display:block; width:.14rem; height:.14rem; background-image: url(../images/arrow_right_08.png); background-repeat:no-repeat; background-position:center; background-size:.12rem; transform:rotate(-90deg); transition:.3s;}
#Testbox .let-box>ul>li:last-child>a>span{ border-bottom:none;}
#Testbox .let-box>ul>li>ul{ padding:.1rem 0; display:none; width:calc(100% - .4rem); margin:0 auto; border-bottom:solid 1px rgba(0,0,0,0.1);}
#Testbox .let-box>ul>li>ul>li{ font-size:.16rem;}
#Testbox .let-box>ul>li>ul>li a{ display:block; padding:.05rem 0; color:#5e646a;}
#Testbox .let-box>ul>li>ul>li.on a,
#Testbox .let-box>ul>li>ul>li a:hover{ color:#0273f3;}
#Testbox .let-box>ul>li.on>a:after,
#Testbox .let-box>ul>li.active>a:after,
#Testbox .let-box>ul>li:hover>a::after{ background-image:url(../images/arrow_right_07.png);}
#Testbox .let-box>ul>li.on>a,
#Testbox .let-box>ul>li.active>a{ background:#e8effb;}
#Testbox .let-box>ul>li.on>a>span,
#Testbox .let-box>ul>li.active>a>span{ border-bottom-color:transparent;}
#Testbox .let-box>ul>li.on>a,
#Testbox .let-box>ul>li.active>a:after{ transform:rotate(0);}
#Testbox .rig-box{ padding:.5rem; width:calc(100% - 3.3rem); background:#fff; box-shadow:0 0 .1rem rgba(0,0,0,0.05);}
#Testbox .rig-box .text-one{ margin-bottom:.4rem;}
#Testbox .rig-box .text-one .pic{ width:45%; border-radius:.1rem; overflow: hidden;}
#Testbox .rig-box .text-one .pic img{ width:100%;}
#Testbox .rig-box .text-one .text{ width:55%; padding-left:.4rem;}
#Testbox .rig-box .text-one .text .tit{ margin-bottom:.15rem; font-size:.3rem; color:#222222;}
#Testbox .rig-box .testlist .item{ margin-bottom:.2rem; padding:.2rem .4rem; background:#f6f7fb; border-bottom:none; border-left:solid 0.03rem #0273f3;}
#Testbox .rig-box .testlist .name:after{ display:none;}
#Testbox .rig-box .testlist .drop{ display:block;}




/*hloc*/
#hloc .list{overflow:hidden; justify-content:center;}
#hloc .item{width:33.333%; max-width:33.333%; overflow: hidden;}
#hloc .item:first-child{ border-radius:0.2rem 0 0 0.2rem;}
#hloc .item:last-child{ border-radius:0 0.2rem 0.2rem 0;}
#hloc .figure{padding-bottom:104.16666667%;}
#hloc .figure:before{content:'';display:block;position:absolute;left:0;bottom:0;width:100%;height:83%;background-image:linear-gradient(0deg,#0273f3 10%,transparent);z-index:5;opacity:0.8;transition:all 0.2s;}
#hloc .text{position:absolute;left:0;bottom:0;width:100%;z-index:5;padding:0 6.25%;}
#hloc .title{font-size:0.2rem;line-height:1.5em;padding:0.25rem 0;}
#hloc .meta{line-height:1.5em;border-top:1px solid rgba(255,255,255,0.2);padding:0.25rem 0;display:none;}
#hloc .meta p{max-width:3.5rem;}
#hloc .meta em{ font-style:normal; text-decoration:underline;}
#hloc .info{display:block;overflow:hidden;position:relative;color:#fff;}
#hloc .info:hover .figure:before{opacity:1;}
#hloc .info:hover .meta{display:block;}

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

    /*1280px*/
    html{font-size:7.8125vw;}

    /*1280px*/
    .titem:nth-child(2n) .text,
    .titem .text{padding:2% 5%;}
    
    .titem .data{margin-top:6%;}
    .titem .process{margin-top:5%;}
    .titem .process li{padding:0;}

    /*1280px*/
    .iprocess .intro{width:2rem;padding:0.2rem;}

    /*1280px*/
    #hcert .box{padding:0 0.6rem;}
    #hcert .prev{left:-0.2rem;}
    #hcert .next{right:-0.2rem;}
}
@media only screen and (max-width:1024px){

    /*1024px*/
    html{font-size:9.765625vw;}

    /*1024px*/
    #header > .inner{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:0.05rem 0;}

    /*1024px*/
    #button{display:block;width:0.8rem;position:static;}

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

    /*1024*/
    #navbtn{position:relative;cursor:pointer;width:0.18rem;height:0.16rem;transition:all 0.3s;display:block;z-index:10;overflow:hidden;}
    #navbtn:before,#navbtn:after,#navbtn i{width:100%;height:0.02rem;background-color:#0273f3;display:block;position:absolute;left:0;transition:all 0.3s;content:'';}
    #navbtn:before{top:0;}
    #navbtn:after{bottom:0;}
    #navbtn i{top:50%;transform:translateY(-50%);}
    #navbtn.active:before{transform:rotate(45deg);top:50%;}
    #navbtn.active:after{transform:rotate(-45deg);bottom:auto;top:50%;}
    #navbtn.active i{opacity:0;}

    /*1024px*/
    #navi{position:fixed;width:100%;height:100%;background-color:rgba(255,255,255,0.9);z-index:9;left:0;top:0;padding:0;display:none;}
    #navi .menu{position:fixed;right:0;top:0.6rem;width:80%;max-width:3.5rem;background-color:#fff;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:calc(100% - 0.6rem);display:block;padding:0.3rem 0.4rem;transform:translateX(100%);transition:transform 0.2s;box-shadow:0px 0.05rem 0.15rem rgba(0,0,0,0.05);border-top-left-radius:5px;}
    #navi.active .menu{transform:translateX(0);}
    #navi .parent{padding:0.13rem 0;line-height:2em;}
    #navi em{display:block;position:absolute;right:-0.3rem;width:0.62rem;height:0.62rem;z-index:2;top:0;cursor:pointer;margin-left:0;}
    #navi em:after{width:10.9375%;height:10.9375%;border-right:1px solid #333;border-bottom:1px solid #333;content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);transition:all 0.3s;}
    #navi .on > em:after{border-right-color:#0273f3;border-bottom-color:#0273f3;transform:translate(-50%,-50%) rotate(45deg);}
    #navi .drop{padding:1em 0 0;}
    #navi .drop li{margin-left:2em;padding:0.5em 0;}
    #navi .drop a{padding:0;}

    /*1024px*/
    .litem .figure{width:100%;}
    .litem .text{width:100%; padding:.2rem 0 0;}
    .litem .text .box{width:100%; margin-bottom:.2rem;}
    .litem .text .box:last-child{ margin-bottom:0;}

    /*1024px*/
    .citem .pic{width:100%;}
    .citem .text{width:100%;padding:0.7rem 5% 5%;}
    .citem .icon{left:0.5rem;top:0;transform:translateY(-50%);}
    .citem .intro{margin-bottom:0.35rem;}
    .citem .view{width:100%;}

    /*1024px*/
    .titem .gallery{width:100%;}
    .titem .text{width:100%;padding:5%;}
    .titem .process li{padding:0;}

    /*1024px*/
    .iitem{width:100%;}

    /*1024px*/
    .profile .text{width:60%;}

    /*1024px*/
    .esticky .text{padding-left:5%;padding-right:3%;}
    .esticky .excerpt{-webkit-line-clamp:4;height:7.5em;margin-bottom:5%;}
    .esticky .swiper-pagination{padding:0 4.7%;}
    .esticky .more{padding-top:0.18rem;}

    /*1024px*/
    #standard li{width:100%;}

    /*1024px*/
    .iprocess .intro{width:1.8rem;}
    .iprocess .list{width:106.222384%;}
    .iprocess .text-con .name{ font-size:.18rem;}

    /*1024px*/
    .index_banner .text,
    #slides .text{font-size:3.7109375vw;}

    /*1024px*/
    #hintro .text{width:100%;margin-bottom:0.5rem;}
    #hintro .entry{margin-bottom:0.3rem;}
    #hintro .figure{width:100%;}
    #hintro .data li{width:25%;}

    /*1024*/
    .about-intro .text{ width:100%;}
    .about-intro .figure-img{ width:100%;}
    .about-intro .figure{ width:100%;}

    /*1024px*/
    #hnews .sticky{width:100%;margin-bottom:3.91304348%;}
    #hnews .list{width:100%;}
}
@media only screen and (max-width:750px){

    /*750px*/
    html{font-size:20vw;}

    /*750px*/
    #banner .figure{padding-bottom:50%;}
    #banner .name{font-size:0.36rem;}
    #banner .alias{font-size:0.18rem;}

    /*750px*/
    #bottom{padding:0.35rem 0 0.4rem;}
    #bottom .info{width:100%;margin-bottom:0.35rem;}
    #bottom .text-rig{ width:100%;}
    #bottom .text{ width:100%; margin-bottom:.3rem;}

    /*750px*/
    #slogan{margin-bottom:0.3rem;text-align:center;}

    /*750px*/
    #menu li:not(:last-child){margin-right:0.7rem;}
    #menu li:not(:last-child):after{right:-0.35rem;}

    /*750px*/
    #follow{margin:0 auto;}

    /*750px*/
    #copyright{flex-direction:column;text-align:center;align-items:center;padding:0.35rem 0;}
    #copyright .tel{text-align:center;}

    /*750px*/
    #wrapper{padding:0.5rem 0;}

    /*750px*/
    .columninfo{margin-bottom:0.35rem;}

    /*750px*/
    #pagenavi .a_num{display:none;}

    /*750px*/
    .nitem .figure{width:100%;}
    .nitem .text{width:100%;padding:0.3rem 0.2rem 0.2rem;}
    .nitem .excerpt{padding-right:0;}

    /*750px*/
    #npost .pnav{width:100%;margin-bottom:0.2rem;}
    #npost .goback{width:100%;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;}

    /*750px*/
    #searchbox{padding:0.7rem 0;}
    #searchbox .name{font-size:0.36rem;}
    #searchbox .alias{font-size:0.18rem;}

    /*750px*/
    #laboratory{padding-top:0.6rem;}
    #laboratory .columninfo{margin-bottom:0.35rem;}
    #laboratory .form-box .moren .submit span{ background-position:right .3em;}

    /*750px*/
    #template .download{margin-bottom:0.5rem;}
    #template li{width:100%;padding-bottom:0.25rem;}

    /*750px*/
    .columnintro{letter-spacing:0;margin-bottom:0.35rem;}

    /*750px*/
    .jitem{padding:0 0.3rem;}
    .jitem .meta{padding-right:7.5%;}
    .jitem .entry{width:100%;margin-bottom:0.3rem;}
    .jitem .goback,.jitem .goback a{width:100%;}

    /*750px*/
    #team{padding-top:0.6rem;}
    #team .columninfo{margin-bottom:0.25rem;}

    /*750px*/
    .iitem{margin-bottom:0.2rem;}
    .iitem .td{display:block;width:100%;}
    .iitem .pic{padding-left:0;}
    .iitem .figure{margin-top:0.3rem;}
    .iitem a{display:block;}

    /*750px*/
    #submenu ul{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-y:hidden;}
    #submenu a{white-space:nowrap;}

    /*750px*/
    .profile{padding:0.6rem 0;}
    .profile .text{width:100%;}
    .profile .entry{margin-bottom:0.25rem;}
    .profile .data li{width:50%;margin-top:0.2rem;}

    /*750px*/
    .abox{padding:0.6rem 0;}

    /*750px*/
    .philosophy{padding:0.6rem 0;}
    .philosophy .columninfo{margin-bottom:0.15rem;}
    .philosophy .box li{ width:100%;}

    /*750px*/
    .advantage .item{width:100%;}
    .advantage .item:not(:last-child){border-right:none;border-bottom:1px solid rgba(255,255,255,0.2);}
    .advantage .info{padding:0.4rem;}

    /*750px*/
    .eitem{width:100%;padding-bottom:0.2rem;}

    /*750px*/
    .esticky .figure{width:100%;}
    .esticky .text{width:100%;padding:6% 0 8%;}
    .esticky .swiper-pagination{width:100%;left:0;padding:0 0.2rem;justify-content:center;}
    .esticky .info{padding:0.2rem;}

    /*750px*/
    #standard{padding:0.6rem 0 0.5rem;}

    /*750px*/
    .iprocess li{width:50%;padding-right:13.27814934%;padding-bottom:13.27814934%;}
    .iprocess .info:after{right:-16.95392263%;}
    .iprocess li:last-child .info:after{margin-top:16.95392263%;}
    .iprocess ul:nth-child(2n) .info:after{left:-16.95392263%;}
    .iprocess .intro{width:2.2rem;}

    /*750px*/
    #process{padding:0.6rem 0 0.2rem;}

    /*750px*/
    .testcont{padding:0.3rem 0.3rem 0.35rem;}

    /*750px*/
    .testinfo{padding-bottom:0.5rem;}
    .testinfo .intro{margin-bottom:0.3rem;}

    /*750px*/
    #slides .figure,
    #slides .video{padding-bottom:75%;}
    .index_banner .text,
    #slides .text{font-size:0.32rem;}
    #slides .play{width:10%;}

    /*750px*/
    .hbox{padding:0.55rem 0 0.6rem;}

    /*750px*/
    #hintro .data li{width:50%;text-align:center;}

    /*750px*/
    .about-intro .data li{width:50%;text-align:center;}


    /*750px*/
    #hitems .figure{width:100%;}
    #hitems .text{width:100%;}

    /*750px*/
    #hcert .prev{left:-0.1rem;}
    #hcert .next{right:-0.1rem;}

    /*750px*/
    #hnews .wbox{padding:0.2rem;}
    #hnews .top .figure{width:100%;margin-bottom:0.2rem;}
    #hnews .top .text{width:100%;}

    /*750px*/
    #hloc .item{width:100%;}

    /*  */
    #Testbox .let-box{ margin-bottom:.3rem; width:100%;}
    #Testbox .rig-box{ padding:5%; width:100%;}
    #Testbox .rig-box .text-one .pic{ width:100%;}
    #Testbox .rig-box .text-one .text{ padding:2%; width:100%;}
    
}