@charset "UTF-8";
@font-face {
  font-family: "PINGFANG HEAVY";
  src: url("../cssimg/PINGFANG HEAVY-subfont.woff2") format("woff2"),
       url("../cssimg/PINGFANG HEAVY-subfont.woff") format("woff"),
       url("../cssimg/PINGFANG HEAVY-subfont.ttf") format("truetype"),
       url("../cssimg/PINGFANG HEAVY-subfont.eot") format("embedded-opentype"),
       url("../cssimg/PINGFANG HEAVY-subfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DIN-BOLD";
  src: url("../cssimg/DIN-BOLD.woff2") format("woff2"),
       url("../cssimg/DIN-BOLD.woff") format("woff"),
       url("../cssimg/DIN-BOLD.ttf") format("truetype"),
       url("../cssimg/DIN-BOLD.eot") format("embedded-opentype"),
       url("../cssimg/DIN-BOLD.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DINMittelschriftStd";
  src: url("../cssimg/DINMittelschriftStd_0.woff2") format("woff2"),
       url("../cssimg/DINMittelschriftStd_0.woff") format("woff"),
       url("../cssimg/DINMittelschriftStd_0.ttf") format("truetype"),
       url("../cssimg/DINMittelschriftStd_0.eot") format("embedded-opentype"),
       url("../cssimg/DINMittelschriftStd_0.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PINGFANG BOLD";
  src: url("../cssimg/PINGFANG BOLD-subfont.woff2") format("woff2"),
       url("../cssimg/PINGFANG BOLD-subfont.woff") format("woff"),
       url("../cssimg/PINGFANG BOLD-subfont.ttf") format("truetype"),
       url("../cssimg/PINGFANG BOLD-subfont.eot") format("embedded-opentype"),
       url("../cssimg/PINGFANG BOLD-subfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "DIN-BLACK";
  src: url("../cssimg/DIN-BLACK.woff2") format("woff2"),
       url("../cssimg/DIN-BLACK.woff") format("woff"),
       url("../cssimg/DIN-BLACK.ttf") format("truetype"),
       url("../cssimg/DIN-BLACK.eot") format("embedded-opentype"),
       url("../cssimg/DIN-BLACK.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AGLettericaCondensed";
  src: url("../cssimg/AGLettericaCondensed.woff2") format("woff2"),
       url("../cssimg/AGLettericaCondensed.woff") format("woff"),
       url("../cssimg/AGLettericaCondensed.ttf") format("truetype"),
       url("../cssimg/AGLettericaCondensed.eot") format("embedded-opentype"),
       url("../cssimg/AGLettericaCondensed.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@media (min-width: 768px) {
    html {
        font-size: 28px!important;
    }
}
@media (min-width: 1025px) {
    ::-webkit-scrollbar {
        width: 6px;
        height:6px;
    }

    ::-webkit-scrollbar-track {
        background: #fff;
    }

    ::-webkit-scrollbar-thumb {
        background: #0075ad;
        /*border-radius: 4px;*/
    }

    ::-webkit-scrollbar-thumb:window-inactive {
        background: #0075ad;
    }

    ::-webkit-scrollbar-thumb:vertical:hover {
        background: #0075ad;
    }
    html {
        font-size: 30px!important;
    }
    body{
        -ms-overflow-style: scrollbar;
    }
}
@media (min-width: 1440px) {
    html {
        font-size: 34px!important;
    }
}
@media (min-width: 1680px) {
    html {
        font-size: 40px!important;
    }
}
/* 重置表单样式 */
select::-ms-expand { display: none; }
input,select,textarea{
    box-shadow: none;
    outline: none;
    border: none;
    border-radius: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance:none;
    appearance:none;  
    padding: 0;
}
textarea{
  resize: none;
}
select::-ms-expand { display: none; }
/* 更改placeholder颜色 */
input::-webkit-input-placeholder{
    color:#888;  
}  
input:-moz-placeholder{
    color:#888;
}  
input::-moz-placeholder{
    color:#888;
}  
input:-ms-input-placeholder {
    color:#888;
}  

textarea::-webkit-input-placeholder{
    color:#888;  
}  
textarea:-moz-placeholder{
    color:#888;
}  
textarea::-moz-placeholder{
    color:#888;
}  
textarea:-ms-input-placeholder {
    color:#888;
}
body{
    overflow: hidden;
}

.header-view{
    padding: 0 3.4375%;
}
header{
    position: relative;
    height: 2.5rem;
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(0,0,0,.04);
    z-index: 50;
}
header .logo{
    float: left;
    width: 4.3rem;
    margin-top: .75rem;
}
header .logo img{
    width: 100%;
    display: block;
}
.header-right{
    float: right;
    font-size: 0;
    height: 2.5rem;
}
.pc-nav,
.header-right .tel-box,
.header-right .search-box{
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.pc-nav li{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-left: 1.2rem;
}
.pc-nav li:first-child{
    margin-left: 0;
}
.pc-nav li .tit{
    display: block;
    line-height: 2.5rem;
    height: 2.5rem;
    font-size: .45rem;
    color: #1c1c1c;
    font-family: "PINGFANG HEAVY";
    position: relative;
}
.pc-nav li .tit:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 4px;
    background: -webkit-linear-gradient(left, #0075ad,#23a7a4 100%);
    background: -ms-linear-gradient(left, #0075ad,#23a7a4 100%);
    background: linear-gradient(left, #0075ad,#23a7a4 100%);
    transition: all .3s;
}
.pc-nav li.cur .tit:before{
    width: 100%;
}

.header-right .tel-box{
    padding-left: .65rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .25rem;
    font-size: .5rem;
    line-height: 2.5rem;
    height: 2.5rem;
    font-family: "DIN-BOLD";
    background-image: url('../cssimg/tel-btn.png');
    margin-left: 2.9rem;
}
.search-box{
    margin-left: 1rem;
}
.search-box .search-btn{
    display: block;
    width: .35rem;
    height: .35rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../cssimg/search-btn.png');
}
.search-dialog{
    position: absolute;
    right: 23.177%;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}
.search-dialog .search-close{
    position: absolute;
    width: .55rem;
    height: .575rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../cssimg/search-close.png');
    right: -2.2rem;
    top: 50%;
    margin-top: -.2875rem;
}
.search-dialog .search{
    width: 11.9rem;
    border: 1px solid #cac9c9;
    padding: .3rem .6rem;
    border-radius: 4px;
}
.search-dialog .search input[type=text]{
    float: left;
    width: 90%;
    height: .55rem;
    line-height: .55rem;
    font-size: .45rem;
    color: #cac9c9;
    background-color: transparent;
}
.search-dialog .search input[type=submit]{
    float: right;
    width: .55rem;
    height: .55rem;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url('../cssimg/search-btn.png');
    background-color: transparent;
}
.header-right.on .pc-nav li,

.header-right.on .tel-box,
.header-right.on .search-box .search-btn,
.header-right.on .nav-btn{
    transform: scale(0);
}
.nav-btn,
.m-nav{
    display: none;
}
.clearfixed{
    height: 2.5rem;
    display: none;
}
/* header end */
footer{
    overflow: hidden;
}
.footer-top{
    background-color: #353535;
}
.f-nav{
    padding: 2rem 0;
    position: relative;
}
.f-nav ul{
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.f-nav:before{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 108.45%;
    height: 1px;
    background: #fff;
    opacity: .1;
    filter: alpha(opacity=10);
}
/* @media all and (-webkit-min-device-pixel-ratio:0){
    .f-nav{
         font-size:0;
    }
}
.f-nav:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
} */
.f-nav li{
    /* display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top; */
    width: 2rem;
}
.f-nav li .tit{
    font-size: .5rem;
    line-height: .6rem;
    color: #fff;
    font-family: "PINGFANG BOLD";
}
.f-nav li .navson{
    margin-top: .75rem;
}
.f-nav li .navson a{
    font-size: .35rem;
    line-height: .6rem;
    color: #c9c9c9;
    display: block;
    text-align: left;
    text-align-last: left;
    transition: all .3s;
    white-space: nowrap;
}
.f-nav li .navson a:last-child{
    margin-bottom: 0;
}
.f-bottom{
    padding: 1rem 0 1.25rem;
}
.f-bottom .left{
    float: left;
    margin-top: .25rem;
}
.f-bottom .left .f-logo{
    width: 4rem;
}
.f-bottom .left .f-logo img{
    width: 100%;
}
.f-bottom .left .con{
    font-size: .325rem;
    line-height: .6rem;
    color: #b8b8b8;
    margin-top: .75rem;
}
.f-bottom .right{
    float: right;
}
.f-bottom .right .tit{
    font-size: .5rem;
    line-height: .6rem;
    color: #fff;
    font-family: arial;
    font-weight: bold;
    text-align: right;
}
.f-bottom .right .share-box{
    margin-top: .5rem;
    text-align: right;
    font-size: 0;
}
.f-bottom .right .share-box a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    padding: 0;
    margin: 0 0 0 .2rem;
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 100%;
}
.f-bottom .right .share-box .bshare-sinaminiblog{
    background-image: url('../cssimg/share-icon1.png');
}
.f-bottom .right .share-box .bshare-weixin{
    background-image: url('../cssimg/share-icon2.png');
}
.f-bottom .right .share-box .bshare-qqim{
    background-image: url('../cssimg/share-icon3.png');
}
.f-bottom .right .mail-box{
    margin-top: 1rem;
    padding:.5rem;
    width: 10.5rem;
    background-color: #fff;
}
.f-bottom .right .mail-box input[type=text]{
    float: left;
    width: 80%;
    color: #353535;
    font-size: .4rem;
    height: .6rem;
    line-height: .6rem;
    font-family: "PINGFANG BOLD";
}
.f-bottom .right .mail-box input[type=submit]{
    float: right;
    width: .6rem;
    height: .6rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../cssimg/send-btn.png');
    background-color: transparent;
}
.footer-bottom{
    background-color: #262626;
    padding: .5rem 0;
}
.footer-bottom .copy{
    float: left;
    font-size: .3rem;
    line-height: .5rem;
    color: #888;
}
.footer-bottom .right{
    float: right;
    font-size: 0;
}
.footer-bottom .build,
.footer-bottom .beian{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-left: .25rem;
}
.footer-bottom .build,
.footer-bottom .beian,
.footer-bottom .right a{
    color: #888;
    font-size: .3rem;
    line-height: .5rem;
    transition: all .3s;
}


/* footer end */
.banner .pc-box{
    overflow: hidden;
    position: relative;
}
.banner .swiper-slide{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.banner .ban-video{
    background-color: #000;
}
.banner .swiper-slide video{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    /* transform: translateY(-50%); */
    background-color: #000;
}
.banner .swiper-slide img{
    width: 100%;
}
.ban-view{
    padding: 0 6.77%;
}
.banner .text-box{
    position: absolute;
    left: 0;
    top: 28.94%;
    width: 100%;
}
.banner .text-box .tit{
    font-size: 1.4rem;
    line-height: 1.5rem;
    color: #fff;
    font-family: "PINGFANG BOLD";
}
.banner .text-box .con{
    font-size: .65rem;
    line-height: 1.2rem;
    color: #fff;
    margin-top: 1.1rem;
}
.banner .play-btn{
    margin: .6rem auto 0;
    display: block;
    width: 63px;
    height: 63px;
    cursor: pointer;
    z-index: 30;
    opacity: .85;
    filter: alpha(opacity=85);
}
.banner .swiper-slide-active #play-button #play-button-circle{
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 1s ease-in-out 0.6s;
}
.banner .swiper-slide-active #play-button #play-button-triangle {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 1s ease-in-out;
}
#play-button-circle{
    -webkit-transform-origin: center center;
    transform-origin: center center;
    stroke-dashoffset: 340;
    stroke-dasharray: 340;
}
#play-button-circle,
#play-button-triangle{
    fill: none;
    stroke:#fff;
    stroke-width: 5;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

#play-button-triangle{
    stroke-dashoffset: 180;
    stroke-dasharray: 180;
}
#play-button-circle,
#play-button-triangle{
   /*  fill: none;
    stroke: #fff;
    stroke-width: 5;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    transition-delay: 1s; */
}
.banner .ban-prev,
.banner .ban-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: .5rem;
    height: .9rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    z-index: 3;
    transition: all .3s;
}
.banner .ban-prev{
    background-image: url('../cssimg/ban-prev.png');
    left: 3.125%;
}
.banner .ban-next{
    background-image: url('../cssimg/ban-next.png');
    right: 3.125%;
}
.banner .btns{
    display: none;
}
.banner .m-box{
    display: none;
}
.fast-box{
    position: relative;
    z-index: 3;
    width: 74%;
    margin: -2.75rem auto 0; 
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    font-size: 0;
    text-align: center;
}
.fast-box .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 33.33%;
    padding: 1.1rem 0;
    position: relative;
}
.fast-box .item:before{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 3rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../cssimg/fast-divide.png');
    transform: translateY(-50%);
}
.fast-box .item:last-child:before{
    display: none;
}
.fast-box .item .icon,
.fast-box .item .text-box{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}
.fast-box .item .icon{
    width: 1.925rem;
}
.fast-box .item .icon img{
    width: 100%;
}
.fast-box .item .text-box{
    text-align: left;
    margin-left: .7rem;
}
.fast-box .item .text-box .tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #2e2e2e;
    font-weight: bold;
}
.fast-box .item .text-box .text{
    margin-top: .4rem;

}
.fast-box .item .text-box .text a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .4rem;
    line-height: .5rem;
    color: #666;
    margin-right: .3rem;
    padding-bottom: 4px;
    position: relative;
}
.fast-box .item .text-box .text a:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: -webkit-linear-gradient(left, #0075ad,#23a7a4 100%);
    background: -ms-linear-gradient(left, #0075ad,#23a7a4 100%);
    background: linear-gradient(left, #0075ad,#23a7a4 100%);
    transform: scaleX(0);
    transform-origin: left center;
    transition: all .3s;
}
.view{
    width: 74%;
    margin: 0 auto;
}
.index-about-box{
    background-repeat: no-repeat;
    background-position: center 4rem;
    background-size: 59.6354%;
    padding: 2.5rem 0 2.75rem;
}
.index-tit{
    text-align: center;
    font-size: 1.05rem;
    line-height: 1.1rem;
    color: #0b0b0b;
    font-family: "PINGFANG BOLD";
}
.pub-con{
    font-size: .4rem;
    line-height: .75rem;
    color: #4c4c4c;
}
.index-about-box .pub-con{
    text-align: center;
    width: 80.9859%;
    margin: 1.1rem auto 0;
}
.index-about-box .num-box{
    margin-top: 1.75rem;
    text-align: center;
    font-size: 0;
}
.index-about-box .num-box .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0 1.5rem;
}
.index-about-box .num-box .num,
.index-about-box .num-box .txt{
    display: inline-block;
    *display: inline;
    zoom: 1;
    
}
.index-about-box .num-box .num{
    font-size: 1.5rem;
    line-height: 1.5rem;
    font-family: "DINMittelschriftStd";
    color: #0075ad;
    background: -webkit-linear-gradient(bottom, #0075ad,#23a7a4 100%);
    background: linear-gradient(bottom, #0075ad,#23a7a4 100%);

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.index-about-box .num-box .num i{
    color: #0075ad;
    background: -webkit-linear-gradient(bottom, #0075ad,#23a7a4 100%);
    background: linear-gradient(bottom, #0075ad,#23a7a4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.index-about-box .num-box .txt{
    font-size: .4rem;
    line-height: .7rem;
    color: #808080;
    text-align: left;
    margin-left: .55rem;
    font-family: "PINGFANG BOLD";
}
.index-more{
    display: block;
    width: 3.25rem;
    height: 1.1rem;
    border-radius: .55rem;
    background: -webkit-linear-gradient(left, #0075ad,#23a7a4 100%);
    background: -ms-linear-gradient(left, #0075ad,#23a7a4 100%);
    background: linear-gradient(left, #0075ad,#23a7a4 100%);
    position: relative;
    overflow: hidden;
    font-size: 0;
}
.index-more:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #0075ad;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.index-more span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    line-height: 1.1rem;
    font-size: .35rem;
    color: #fff;
    z-index: 3;
    position: relative;
    width: 100%;
}
.index-about-box .index-more{
    margin: 2rem auto 0;
}
.index-system-box{
    height: 24rem;
    position: relative;
}
.index-system-box .item{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    transition: all 1s 3s;
}
.index-system-box .item:nth-child(1){
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.index-system-box .bg-box{
    height: 100%;
    position: relative;
}
.index-system-box .bg-box .pc-bg{
    height: 100%;
}
.index-system-box .bg-box .m-bg{
    display: none;
}
.index-system-box .bg-box .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.index-system-box .bg-box .bg2{
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s 1s;
}

.index-system-box .text-box{
    position: absolute;
    left: 0;
    top: 22%;
    width: 100%;
}
.index-system-box .text-box .index-tit{
    text-align: left;
    color: #fff;
}
.index-system-box .text-box .desc{
    font-size: .75rem;
    line-height: .8rem;
    color: #fff;
    margin-top: 1rem;
}
.index-system-box .text-box .con{
    width: 31.69%;
    margin-top: .5rem;
    color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    font-size: .4rem;
    line-height: .75rem;
}
.index-system-box .icon-box{
    position: absolute;
    left: 0;
    bottom: 6.28%;
    width: 100%;
    font-size: 0;
    text-align: center;
    overflow: hidden;
}


.index-system-box .icon-list .ico-item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    padding-right: 13.5rem;
    position: relative;
    margin-right: .25rem;
}
.index-system-box .icon-list .ico-item:before{
    content: "";
    position: absolute;
    right: 0;
    top: .7rem;
    width: 13.25rem;
    height: 1px;
    border-top: 1px dashed rgba(255,255,255,.2);
}

.index-system-box .icon-list .ico-item:nth-child(1):after{
    content: "";
    position: absolute;
    right: 14.8rem;
    top: .7rem;
    width: 500px;
    height: 1px;
    border-top: 1px dashed rgba(255,255,255,.2);
}
.index-system-box .icon-list .ico-item:last-child{
    padding-right: 0;
    margin-right: 0;
}
.index-system-box .icon-list .ico-item:last-child:before{
    display: none;
}
.index-system-box .icon-list .ico-item:last-child:after{
    content: "";
    position: absolute;
    left: 1.3rem;
    top: .7rem;
    width: 500px;
    height: 1px;
    border-top: 1px dashed rgba(255,255,255,.2);
}
.index-system-box .icon-list .icon{
    width: 1.05rem;
}
.index-system-box .icon-list .icon img{
    width: 100%;
}

.index-system-box .icon-list .txt{
    font-size: .45rem;
    line-height: .5rem;
    color: #fff;
    margin-top: .3rem;
}
.index-system-tab{
    height: 100%;
    background: #fff;
    overflow: hidden;
}
.index-system-box .left{
    position: absolute;
    left: 0;
    top: 0;
    width: 61.71875%;
    height: 100%;
}
.index-system-box .left .pc-bg,
.index-system-box .left .m-bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.index-system-box .left .m-bg{
    display: none;
}
.index-system-box .left img{
    width: 100%;
    display: none;
}
.index-system-box .num-list{
    position: absolute;
    left: 5.57%;
    bottom: 14.66%;
}
.index-system-box .num-item{
    margin-bottom: 1rem;
}
.index-system-box .num-item:last-child{
    margin-bottom: 0;
}
.index-system-box .num-wrap{
    font-size: 0;
}
.index-system-box .num,
.index-system-box .unit{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-family: "DIN-BOLD";
}
.index-system-box .num{
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.3rem;
}
.index-system-box .unit{
    font-size: .6rem;
    line-height: .7rem;
    margin-left: .1rem;
    color: #fff;
}
.index-system-box .num-list .txt{
    font-size: .4rem;
    line-height: .5rem;
    color: #fff;
    margin-top: .25rem;
}
.index-system-box .tab-btns{
    position: absolute;
    z-index: 3;
    width: 38.28125%;
    top: 5.86%;
    right: 0;
    box-sizing: border-box;
    padding-left: 6.77%;
}
.index-system-box .tab-btns .tab-tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #333;
    font-family: "PINGFANG BOLD";
}
.index-system-box .tab-btns .btns{
    font-size: 0;
    margin-top: .3rem;
}
.index-system-box .tab-btns .btns a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .75rem;
    line-height: .8rem;
    color: #333;
    font-family: "PINGFANG BOLD";
    padding-bottom: 4px;
    margin-right: .5rem;
    position: relative;
    transition: all .3s;
}
.index-system-box .tab-btns .btns a:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    border-radius: .55rem;
    background: -webkit-linear-gradient(left, #0075ad,#23a7a4 100%);
    background: -ms-linear-gradient(left, #0075ad,#23a7a4 100%);
    background: linear-gradient(left, #0075ad,#23a7a4 100%);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.index-system-box .tab-btns .btns a.cur{
    color: #23a7a4;
}
.index-system-box .tab-btns .btns a.cur:before{
    opacity: 1;
    filter: alpha(opacity=100);
}
.index-system-box .right{
    position: absolute;
    width: 38.28125%;
    right: 0;
    top: 22%;
    box-sizing: border-box;
    padding: 0 5.2% 0 6.77%;
}
.index-system-box .right .tit{
    font-size: 1.2rem;
    line-height: 1.3rem;
    color: #333;
    font-family: "PINGFANG BOLD";
}
.index-system-box .right .pub-con{
    margin-top: .5rem;
    color: #666;
    width: 91.2%;
}
.index-system-box .right .ico-box{
    margin-top: .9rem;
    font-size: 0;
}
.index-system-box .right .ico-item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 1.5rem;
}
.index-system-box .right .ico-item:last-child{
    margin-right: 0;
}
.index-system-box .right .icon{
    width: .9rem;
    margin: 0 auto;
}
.index-system-box .right .icon img{
    width: 100%;
}
.index-system-box .right .txt{
    font-size: .375rem;
    color: #666;
    line-height: .4rem;
    margin-top: .2rem;
}
.index-system-box .right .index-more{
    margin-top: 1.2rem;
}
.index-system-box .right .img{
    margin-top: 1.6rem;
}
.index-system-box .right .img img{
    width: 100%;
}
.index-system-box.on .bg-box .bg2{
    opacity: 1;
    filter: alpha(opacity=100);
}

.index-system-box.on .item:nth-child(2){
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}

.index-video-box{
    padding: 2rem 0 2.5rem;
    background-color: #f5f5f5;
}
.index-video-tab{
    margin-top: 1.5rem;
    position: relative;
}
.index-video{
    margin: 0 -.35rem;
    overflow: hidden;
}
.index-video .swiper-slide{
    box-sizing: border-box;
    padding: 0 .35rem;
}
.index-video .con-box{
    display: block;
}
.index-video .con-box .img{
    position: relative;
    overflow: hidden;
}
.index-video .con-box img{
    width: 100%;
}
.index-video .con-box .play-icon{
    position: absolute;
    left: .55rem;
    bottom: .55rem;
    width: .825rem;
    height: .55rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size:100%;
    background-image: url('../cssimg/index-play-btn.png');
}
.index-video .txt{
    font-size: .5rem;
    line-height: .6rem;
    color: #222;
    text-align: center;
    margin-top: .6rem;
    font-family: "PINGFANG BOLD";
}
.pub-prev,
.pub-next{
    width: 1.5rem;
    height: 1.5rem;
    background-size: 7px;
    background-color: #fff;
    box-shadow: 0 0 .75rem rgba(0,0,0,.1);
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    z-index: 3;
}
.pub-prev:before,
.pub-next:before{
    content: "";
    position: absolute;
    width: 7px;
    height: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -3px;
    z-index: 3;
    transition: all .3s;
}
.pub-prev:before{
    background-image: url('../cssimg/pub-prev.png');
}
.pub-next:before{
    background-image: url('../cssimg/pub-next.png');
}
.pub-prev:after,
.pub-next:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(left, #0075ad, #23a7a4 100%);
    background: -o-linear-gradient(left, #0075ad, #23a7a4 100%);
    background: linear-gradient(to right, #0075ad, #23a7a4 100%);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.index-video-tab .pub-prev,
.index-video-tab .pub-next{
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - .6rem));
}
.index-video-tab .pub-prev{
    left: -7.75%;
}
.index-video-tab .pub-next{
    right: -7.75%;
}

.apply-box{
    padding: 2rem 0 2.75rem;
    overflow: hidden;
}
.apply-box .tab-btns{
    text-align: center;
    margin-top: .7rem;
    font-size: 0;
}
.apply-box .tab-btns a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .6rem;
    line-height: .7rem;
    color: #b2b2b2;
    margin: 0 .4rem;
    position: relative;
    font-family: "PINGFANG BOLD";
    position: relative;
    transition: all .3s;
}

.apply-box .tab-btns a:before{
    content: "";
    position: absolute;
    right: -.4rem;
    top: 50%;
    width: 1px;
    height: .4rem;
    transform: translateY(-50%);
    background-color: #4a4a4a;
    opacity: .2;
    filter: alpha(opacity=20);
}
.apply-box .tab-btns a:last-child:before{
    display: none;
}
.apply-box .tab-btns a.cur{
    color: #23a7a4;
}
.apply-tab{
    margin-top: .6rem;
    position: relative;
}
.apply-tab .swiper-slide{
    width: 31.69%;
    margin-right: 2.535%;
}
.apply-tab .swiper-slide:last-child{
    margin-right: 0;
}
.apply-tab .con-box{
    position: relative;
    display: block;
    padding: .6rem .6rem 1.5rem;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.08);
}
.apply-tab .con-box:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(left, #0075ad,#23a7a4 100%);
    background: -ms-linear-gradient(left, #0075ad,#23a7a4 100%);
    background: linear-gradient(left, #0075ad,#23a7a4 100%);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.apply-tab .img{
    position: relative;
    z-index: 3;
}
.apply-tab img{
    width: 100%;
    transition: all .3s;
}
.apply-tab .text-box{
    text-align: center;
    margin-top: 1rem;
    position: relative;
    z-index: 3;
}
.apply-tab .tit{
    font-size: .7rem;
    line-height: .8rem;
    color: #1b1b1b;
    font-family: "PINGFANG BOLD";
    transition: all .3s;
}
.apply-tab .con{
    font-size: .4rem;
    line-height: .7rem;
    color: #666;
    padding: 0 .7rem;
    margin-top: .4rem;
    transition: all .3s;
}
.apply-tab .icon-box{
    font-size: 0;
    margin-top: .8rem;
}
.apply-tab .icon-box .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0 .675rem;
}

.apply-tab .icon-box .icon{
    width: .6rem;
    margin: 0 auto;
}
.apply-tab .icon-box .hover{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.apply-tab .icon-box .txt{
    font-size: .35rem;
    line-height: .4rem;
    color: #666;
    margin-top: .4rem;
    transition: all .3s;
}

.apply-tab .more-btn{
    display: block;
    width: 3.25rem;
    height: 1rem;
    border-radius: .5rem;
    border: 1px solid rgba(171,171,171,.3);
    text-align: center;
    margin: 1rem auto 0;
    color: #ababab;
    font-size: .35rem;
    font-family: "PINGFANG BOLD";
    line-height: 1rem;
    transition: all .3s;
}
.apply-tab .buttons{
    position: absolute;
    bottom: -.75rem;
    left: 0;
    z-index: 3;
    font-size: 0;
}
.apply-tab .buttons .pub-prev,
.apply-tab .buttons .pub-next{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: .3rem;
}
/* .apply-tab .buttons .swiper-button-disabled{
    display: none;
} */
.index-news-box{
    padding: 2rem 0 2.625rem;
    background-color: #f5f5f5;
}
.index-news .left{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 39.15%;
    height: 100%;
}
.index-news .left .img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;   
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.index-news .left .img img{
    display: none;
}
.index-news .left .mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../cssimg/index-news-mask.png');
}
.index-news .left .text{
    position: absolute;
    width: 86%;
    padding: 0 7%;
    left: 0;
    bottom: 7%;
}
.index-news .left .text .time{
    font-size: .35rem;
    line-height: .4rem;
    color: #fff;
    font-family: "PINGFANG BOLD";
}
.index-news .left .text .tit{
    font-size: .55rem;
    line-height: .6rem;
    font-family: "PINGFANG BOLD";
    color: #fff;
    margin-top: .2rem;
    width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index-news .left .text .arrow{
    position: absolute;
    top: 50%;
    right: 7%;
    width: .45rem;
    height: .275rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../cssimg/index-news-arrow.png');
}
.index-news .right{
    float: right;
    width: 56.338%;
}
.index-news{
    margin-top: 1.75rem;
}
.index-news .item{
    float: left;
    width: 46.25%;
    padding-bottom: 1rem;
    margin-bottom: 1.1rem;
    border-bottom: 1px solid rgba(102,102,102,.4);
}
.index-news .item:nth-child(2n){
    float: right;
}
.index-news .item:nth-child(3),
.index-news .item:nth-child(4){
    margin-bottom: 0;
}
.index-news .item .time{
    font-size: .35rem;
    line-height: .4rem;
    color: #333;
    font-family: "PINGFANG BOLD";
}
.index-news .item .tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #333;
    font-family: "PINGFANG BOLD";
    margin-top: .3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index-news .item .con{
    font-size: .4rem;
    line-height: .7rem;
    color: #666;
    margin-top: .5rem;
}

.index-icon-box{
    padding: 1.35rem 0;
    position: relative;
    z-index: 3;
}
.index-icon-box .icon-list .row1{
    /* text-align: justify;
    text-align-last: justify;
    line-height: 0; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;


}
.index-icon-box .icon-list .item{
    position: relative;
}
.index-icon-box .icon-list .img-box{
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
    width: 5rem;
    padding-bottom: 10px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.index-icon-box .icon-list .item:hover .img-box{
    visibility: visible;
    opacity: 1;
}
.index-icon-box .icon-list .img-box:before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #fff;
    left: 50%;
    bottom: 0;
    margin-left: -5px;
}
.index-icon-box .icon-list .img{
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
}
.index-icon-box .icon-list .img-box img{
    width: 100%;
}
/* @media all and (-webkit-min-device-pixel-ratio:0){
    .index-icon-box .icon-list{
         font-size:0;
    }
} */
/* .index-icon-box .icon-list:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
} */
/* .index-icon-box .icon-list .con-box{
    text-align-last: left;
}
.index-icon-box .icon-list .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
} */
/* .index-icon-box .icon-list .con-box{
    text-align-last: left;
} */
.index-icon-box .icon-list .icon{
    float: left;
    width: 1.4rem;
}
.index-icon-box .icon-list .icon img{
    width: 100%;
}
.index-icon-box .icon-list .text{
    float: left;
    margin-left: .75rem;
}
.index-icon-box .icon-list .tit{
    font-size: .55rem;
    line-height: .6rem;
    color: #333;
    font-family: "PINGFANG BOLD";
    text-align: left;
    text-align-last: left;
}
.index-icon-box .icon-list .con{
    font-size: .35rem;
    line-height: .5rem;
    color: #808080;
    margin-top: .3rem;
    word-break: break-all;
}

.sub-banner{
    overflow: hidden;
    position: relative;
}
.sub-banner img{
    width: 100%;
}
.sub-container{
    position: relative;
    z-index: 3;
    margin-top: -1rem;
    padding-top: 1rem;
}
.sub-nav-box{
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 3;
    transition: all .3s;
}
.sub-nav{
    font-size: 0;
    box-shadow: 0 5px 20px rgba(0,0,0,.08);
    transition: all .3s;
}
.sub-nav a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 33.33%;
    text-align: center;
    font-size: .45rem;
    line-height: 2rem;
    color: #666;
    background: #fff;
    position: relative;
    font-family: "PINGFANG BOLD";
    transition: all .3s;
}
.sub-nav a span{
    position: relative;
    z-index: 3;
}
.sub-nav a:before{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 1.5rem;
    transform: translateY(-50%);
    background: #e9e9e9;
}
.sub-nav a:last-child:before{
    display: none;
}
.sub-nav a:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(left, #0075ad,#23a7a4 100%);
    background: -ms-linear-gradient(left, #0075ad,#23a7a4 100%);
    background: linear-gradient(left, #0075ad,#23a7a4 100%);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.sub-nav a.cur{
    color: #fff;
}
.sub-nav a.cur:before{
    opacity: 0;
    filter: alpha(opacity=0);
}
.sub-nav a.cur:after{
    opacity: 1;
    filter: alpha(opacity=100);
}
.sub-container.fix .sub-nav-box{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 5px 20px rgba(0,0,0,.08);
    z-index: 10;
}
@media screen and (min-width:1000px){
	.sub-container.fix .sub-nav-box{top:60px;}
}
.sub-container.fix .sub-nav{
    box-shadow: none;
}
.app-wrap{
    padding: 4rem 0 2.5rem;
}
.pub-tit{
    font-size: 1.05rem;
    line-height: 1.1rem;
    color: #1a1a1a;
    font-family: "PINGFANG BOLD";
    text-align: center;
}
.app-box .left{
    float: left;
    width: 46.48%;
}
.app-box .pub-tit{
    text-align: left;
}
.app-box .left .con{
    font-size: .6rem;
    line-height: .9rem;
    color: #4c4c4c;
    margin-top: 1rem;
    font-family: "PINGFANG BOLD";
}
.app-box .left .tip{
    font-size: .4rem;
    line-height: .5rem;
    color: #4c4c4c;
    margin-top: .4rem;
}
.app-box .left .code-img{
    width: 5rem;
    margin-top: 1.2rem;
}
.app-box .left .code-img img{
    width: 100%;
}
.app-box .img{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 42%;
}
.app-box .img img{
    width: 100%;
}
.instructions-box{
    padding: 1.875rem 0 1.375rem;
    background: #f5f5f5;
}
.instructions-box .list{
    margin-top: 1rem;
}
.instructions-box .list .row{
    margin: 0 -.25rem;
}
.instructions-box .list .item{
    box-sizing: border-box;
    padding: 0 .25rem;
    margin-bottom: .5rem;
}
.instructions-box .list .con-box{
    background-color: #fff;
    display: block;
    padding: .7rem;
    border: 1px solid #e5e5e5;
}
.instructions-box .list .img{
    float: left;
    width: 38.46%;
}
.instructions-box .list .img img{
    width: 100%;
}
.instructions-box .list .text{
    float: right;
    width: 55.3846%;
    margin-top: .7rem;
}
.instructions-box .list .tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #222;
}
.instructions-box .list .pub-con{
    margin-top: .5rem;
    color: #666;
}
.instructions-box .list .download-btn{
    width: 2.75rem;
    height: 1rem;
    border: 1px solid #e6e6e6;
    border-radius: .5rem;
    text-align: center;
    line-height: 1rem;
    margin-top: 1.75rem;
}
.instructions-box .list .download-btn span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .35rem;
    line-height: 1rem;
    color: #585858;
    padding-left: .6rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .325rem;
    background-image: url('../cssimg/download-btn.png');
    vertical-align: top;
}
.contact-box{
    padding: 1.75rem 0 3.125rem;
}
.contact-box .map-box{
    margin-top: 1.2rem;
    position: relative;
}
.contact-box .map{
    height: 15.75rem;
}
.contact-box .contact-list{
    position: absolute;
    right: 2%;
    top: 50%;
    width: 9.25rem;
    background: -webkit-linear-gradient(left, #0075ad,#23a7a4 100%);
    background: -ms-linear-gradient(left, #0075ad,#23a7a4 100%);
    background: linear-gradient(left, #0075ad,#23a7a4 100%);
    text-align: center;
    margin-top: -6.425rem;
}
.contact-box .contact-list li{
    padding:  1.4rem 0 1.25rem;
    position: relative;
}
.contact-box .contact-list li:before{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 97%;
    height: 1px;
    transform: translateX(-50%);
    background: #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}
.contact-box .contact-list li:last-child:before{
    display: none;
}
.contact-box .contact-list .icon{
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid #fff;
    border-radius: 100%;
    margin: 0 auto;
}

.contact-box .contact-list .icon img{
    width: 100%;
}
.contact-box .contact-list li .tit{
    font-size: .4rem;
    line-height: .5rem;
    color: #fff;
    margin-top: .4rem;
}
.contact-box .contact-list li .tel{
    font-size: .9rem;
    line-height: 1rem;
    color: #fff;
    font-family: "DINMittelschriftStd";
    margin-top: .25rem;
}
.contact-box .contact-list li .pub-con{
    width: 64.865%;
    margin: .3rem auto 0;
    color: #fff;
}
.product-page .apply-box{
    background-color: #f5f5f5;
}
.product-page .apply-tab{
    margin-top: 1rem;
}
.apply-list-box{
    padding: 3.25rem 0 2.5rem;
}
.apply-list-box .apply-list{
    margin-top: 1.35rem;
}
.apply-list-box .apply-list .row{
    margin: 0 -.625rem;
}
.apply-list-box .apply-list .item{
    box-sizing: border-box;
    padding:0 .625rem;
    margin-bottom: 1.25rem;
}
.apply-list-box .apply-list img{
    width: 100%;
}

.apply-list-box .apply-list .txt{
    font-size: .45rem;
    line-height: .5rem;
    color: #232323;
    font-family: "PINGFANG BOLD";
    margin-top: .75rem;
    text-align: center;
}
.apply-list-box .apply-list .loading{
    width: .9rem;
    margin: 0 auto;
    display: none;
}
.product-page .sub-nav a,
.news-page .sub-nav a{
    width: 50%;
}
.news-box{
    padding: 3.25rem 0 2rem;
    position: relative;
    z-index: 1;
}
.news-search-box{
    font-size: 0;
    text-align: center;
    position: relative;
    z-index: 3;
}
.news-search-box .news-search,
.news-search-box .select{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 7.5rem;
    position: relative;
    
    margin: 0 .15rem;
    
    vertical-align: top;
}
.news-search-box .news-search{
    padding: .5rem .6rem;
    box-sizing: border-box;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
}
.news-search-box .news-search input[type=text]{
    height: .7rem;
    line-height: .7rem;
    width: 80%;
    float: left;
    background-color: transparent;
    color: #b3b2b2;
    font-size: .45rem;
}
.news-search-box .news-search input[type=submit]{
    float: right;
    width: .7rem;
    height: .7rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: .4rem;
    background-image: url('../cssimg/news-search.png');
    background-color: transparent;
}
.news-search-box .select .tit{
    display: block;
    height: .7rem;
    line-height: .7rem;
    font-size: .45rem;
    text-align: left;
    padding: .5rem .6rem;
    color: #444;
    position: relative;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
}
.news-search-box .select .tit:before{
    content: "";
    position: absolute;
    right: .6rem;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../cssimg/select-arrow.png');
}
.news-search-box .select .sub{
    position: absolute;
    left: 0;
    top: 1.5rem;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.1);
    border-radius: 4px;
    text-align: left;
    display: none;
    overflow: hidden;
}
.news-search-box .select .sub a{
    display: block;
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 .6rem;
    font-size: .45rem;
    color: #444;
    border-bottom: 1px solid #e6e6e6;
    transition: all .3s;
}
.news-search-box .select .sub a:last-child{
    border-bottom: none;
}

.news-search-box .select.on{
    z-index: 3;
}
.news-box .top-list{
    margin-top: 2.625rem;
}
.news-box .top-list .row{
    margin: 0 -.5rem;
}
.news-box .top-list .item{
    box-sizing: border-box;
    padding: 0 .5rem;
}
.news-box .top-list .con-box{
    display: block;
    position: relative;
}
.news-box .top-list .img{
    overflow: hidden;
}
.news-box .top-list img{
    width: 100%;
    transition: all .3s;
}
.news-box .top-list .mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../cssimg/top-mask.png');
}
.news-box .top-list .text-box{
    position: absolute;
    left: 0;
    bottom: .75rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0 5.8%;
}
.news-box .top-list .time{
    font-size: .4rem;
    line-height: .5rem;
    color: #fff;
}
.news-box .top-list .tit{
    font-size: .55rem;
    line-height: .7rem;
    color: #fff;
    font-family: "PINGFANG BOLD";
    margin-top: .3rem;
    width: 85%;
}
.news-box .top-list .arrow{
    position: absolute;
    width: 1.35rem;
    height: 1.35rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: .4rem;
    background-image: url('../cssimg/news-top-arrow.png');
    top: 50%;
    transform: translateY(-50%);
    right: 5.8%;
    border: 1px solid #fff;
    border-radius: 100%;
}
.news-box .news-list{
    padding-top: .9rem;
}
.news-box .news-list .item{
    display: block;
    padding: 1.1rem 0;
    border-bottom: 1px solid rgba(214,214,214,.8);
}
.news-box .news-list .img{
    float: left;
    width: 21.83%;
    overflow: hidden;
}
.news-box .news-list .img img{
    width: 100%;
    transition: all .3s;
}
.news-box .news-list .text-box{
    float: left;
    margin-left: 3%;
    width: 59.155%;
}
.news-box .news-list .tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #333;
    font-family: "PINGFANG BOLD";
    transition: all .3s;
}
.news-box .news-list .time{
    font-size: .325rem;
    line-height: .4rem;
    color: #808080;
    margin-top: .3rem;
    font-family: "Microsoft Yahei";
}
.news-box .news-list .con{
    font-size: .375rem;
    line-height: .75rem;
    color: #666;
    font-family: "Microsoft Yahei";
    margin-top: .3rem;
    height: 1.5rem;
    overflow: hidden;
}
.news-box .news-list .detail-btn{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .325rem;
    padding-right: .5rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('../cssimg/detail-btn.png');
    color: #808080;
    margin-top: 1.25rem;
    font-family: "Microsoft Yahei";
    transition: all .3s;
}
.news-box.on .top-list{
    display: none;
}
.news-box .page{
    margin-top: 1.5rem;
}
.page{
    padding: .4rem 0;
    text-align: center;
    font-size: 0;
    background-color: #f5f5f5;
}
.page a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../cssimg/page-bg1.png');
    font-family: "PINGFANG BOLD";
    font-size: .45rem;
    color: #444;
    text-align: center;
    line-height: 1.2rem;
    vertical-align: top;
    transition: all .3s;
    margin: 0 .1rem;
}
.page a[rel=prev]{
    background-image: url('../cssimg/page-prev.png');
    margin-right: .8rem;
}
.page a[rel=next]{
    background-image: url('../cssimg/page-next.png');
    margin-left: .8rem;
}
.page a.active{
    background-image: url('../cssimg/page-bg2.png');
    color: #fff;
}
.newsinfo-box{
    padding: 3.25rem 0 2.75rem;
}
.news-view{
    width: 47.3958%;
    margin: 0 auto;
}
.newsinfo-box .tit-box{
    text-align: center;
}
.newsinfo-box .newsinfo-tit{
    font-size: 1.1rem;
    line-height: 1.2rem;
    color: #333;
    font-family: "PINGFANG HEAVY";
}
.newsinfo-box .time{
    font-size: .45rem;
    line-height: .5rem;
    font-weight: bold;
    color: #333;
    font-family: arial;
    margin-top: .3rem;
}
.newsinfo-box .con{
    margin-top: .9rem;
    font-size: .45rem;
    line-height: .75rem;
    color: #666;
}
.newsinfo-box .con img{
    max-width: 100%;
}
.newsinfo-box .share-box{
    margin-top: 2rem;
    font-size: 0;
    text-align: center;
}
.newsinfo-box .share-box a{
    display: inline-block;
    *display: inline;
    zoom:1;
    width: .55rem;
    height: .55rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin: 0 .25rem;
    padding: 0;
}

.newsinfo-box .share-box .bshare-sinaminiblog{
    background-image: url('../cssimg/news-share1.png');
}
.newsinfo-box .share-box .bshare-weixin{
    background-image: url('../cssimg/news-share2.png');
}
.newsinfo-box .ctrl-box{
    padding: .5rem 0;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    margin-top: 1.25rem;
    position: relative;
}
.newsinfo-box .ctrl-box .prev,
.newsinfo-box .ctrl-box .next{
    float: left;
    max-width: 27.47%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: .35rem;
    line-height: .4rem;
    color: #666;
    transition: all .3s;
}
.newsinfo-box .ctrl-box .next{
    float: right;
}
.newsinfo-box .ctrl-box .back-btn{
    position: absolute;
    left: 50%;
    top: 50%;
    width: .5rem;
    height: .5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../cssimg/back-btn.png');
    margin: -.25rem 0 0 -.25rem;
}
.system-page .sub-nav a{
    width: 25%;
}
.about-page .sub-nav a{
    width: 20%;
}
.profile-box{
    padding: 4.25rem 0 3.25rem;
    background-repeat: no-repeat;
    background-position: 73.548% 3.5rem;
    background-size: 59.63%;
}
.profile-box .left{
    float: left;
    width: 61.2676%;
}
.profile-box .tit-box .pub-tit{
    text-align: left;
}
.about-desc{
    font-size: .75rem;
    line-height: .8rem;
    color: #000;
    font-family: "PINGFANG BOLD";
    margin-top: .3rem;
}
.profile-box .left .pub-con{
    margin-top: .9rem;
    color: #666;
}
.profile-box .right{
    float: right;
    width: 28.169%;
    padding-top: 2.95rem;
    
}
.profile-box .right .num-list{
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url('../cssimg/num-line.png');
    background-size: cover;
}
.profile-box .right .num-item{
    float: left;
    width: 50%;
    box-sizing: border-box;
    margin-bottom: 1.25rem;
}
.profile-box .right .num-item:nth-child(2n){
    padding-left: 1.25rem;
    float: right;
}
.profile-box .right .num-item:nth-last-child(-n+2){
    margin-bottom: 0;
}
.about-page .num-wrap{
    font-size: 0;
}
.about-page .num-wrap .num,
.about-page .num-wrap .unit{
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.about-page .num-wrap .num{
    font-size: 1.2rem;
    line-height: 1.3rem;
    font-family: "DINMittelschriftStd";
    color: #0075ad;
    background: -webkit-linear-gradient(bottom, #0075ad,#23a7a4 100%);
    background: linear-gradient(bottom, #0075ad,#23a7a4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.about-page .num-wrap .num i{
    color: #0075ad;
    background: -webkit-linear-gradient(bottom, #0075ad,#23a7a4 100%);
    background: linear-gradient(bottom, #0075ad,#23a7a4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.about-page .num-wrap .unit{
    font-size: .35rem;
    line-height: .4rem;
    color: #0075ad;
    background: -webkit-linear-gradient(bottom, #0075ad,#23a7a4 100%);
    background: linear-gradient(bottom, #0075ad,#23a7a4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-family: "PINGFANG BOLD";
}
.about-page .num-item .txt{
    font-size: .35rem;
    line-height: .6rem;
    color: #808080;
    margin-top: .1rem;
}
.culture-box{
    padding: 2.25rem 0 0;
    background-color: #f2f2f2;
    z-index: 1;
}
.culture-box .tab-btns{
    font-size: 0;
    text-align: center;
    border-top: 1px solid rgba(51,51,51,.3);
    margin-top: 1rem;
}
.culture-box .tab-btns a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 25%;
    height: 2.15rem;
    line-height: 2.15rem;
    position: relative;
}
.culture-box .tab-btns a:before{
    content: "";
    position: absolute;
    left: 0;
    top: -1px;
    width: 100%;
    height: 6px;
    background: -webkit-linear-gradient(right, #23a7a4,#0075ad 100%);
    background: -ms-linear-gradient(right, #23a7a4,#0075ad 100%);
    background: linear-gradient(right, #23a7a4,#0075ad 100%);
    transform: scaleX(0);
    transform-origin: left center;
    transition: all .3s;
}
.culture-box .tab-btns .init,
.culture-box .tab-btns .hover{
    height: 2.15rem;
    line-height: 2.15rem;
    font-size: .6rem;
    font-family: "PINGFANG BOLD";
    transition: all .3s;
    white-space: nowrap;
}
.culture-box .tab-btns .init{
    color: #333;
}
.culture-box .tab-btns .hover{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    color: #0075ad;
    background: -webkit-linear-gradient(right, #23a7a4,#0075ad 100%);
    background: linear-gradient(right, #23a7a4,#0075ad 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0;
}
.culture-box .tab-btns a.cur:before{
    transform: scaleX(1);
}
.culture-box .tab-btns a.cur .init{
    opacity: 0;
}
.culture-box .tab-btns a.cur .hover{
    opacity: 1;
}
.culture-box .culture-list .swiper-slide{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 17.25rem;
    box-sizing: border-box;
    padding: 5.729%;
}
.culture-box .culture-list .text-box{
    padding: 0 7.746%;
}
.culture-box .culture-list .tit{
    font-size: 1.2rem;
    line-height: 1.3rem;
    color: #fff;
    font-family: "PINGFANG BOLD";
}
.culture-box .culture-list .line{
    width: 1.5rem;
    height: 4px;
    background-color: #fff;
    margin-top: .5rem;
}
.culture-box .culture-list .con{
    font-size: .75rem;
    line-height: 1rem;
    color: #fff;
    margin-top: .5rem;
}
.culture-box .culture-list .icon{
    width: 1.4rem;
    margin-top: .75rem;
}
.culture-box .culture-list .icon img{
    width: 100%;
}

/* .culture-box .culture-list{
    margin-top: 1rem;
}
.culture-box .culture-list .row{
    margin: 0 -.4rem;
}
.culture-box .culture-list .item{
    box-sizing: border-box;
    padding: 0 .4rem;
}
.culture-box .culture-list .con-box{
    background-color: rgba(255,255,255,.8);
    padding: 1rem 0 1.4rem;
    text-align: center;
    position: relative;
}

.culture-box .culture-list .con-box:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(left, #0075ad,#23a7a4 100%);
    background: -ms-linear-gradient(left, #0075ad,#23a7a4 100%);
    background: linear-gradient(left, #0075ad,#23a7a4 100%);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.culture-box .culture-list .icon{
    width: 1.4rem;
    position: relative;
    margin: 0 auto;
    position: relative;
    z-index: 3;
}
.culture-box .culture-list .icon img{
    width: 100%;
    transition: all .3s;
}
.culture-box .culture-list .icon .hover{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.culture-box .culture-list .tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #414141;
    font-family: "PINGFANG BOLD";
    margin-top: .8rem;
    z-index: 3;
    position: relative;
    transition: all .3s;
}
.culture-box .culture-list .con{
    font-size: .45rem;
    line-height: .75rem;
    color: #666;
    margin-top: .5rem;
    z-index: 3;
    position: relative;
    transition: all .3s;
} */
.research-box{
    padding: 2rem 0 3.5rem;
}
.research{
    margin-top: .9rem;
}
.research .left{
    float: left;
    width: 60.56%;
}
.research .right{
    float: right;
    width: 28.169%;
    position: relative;
}
.research .right:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 2.75rem;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../cssimg/research-divide.png');
}
.research .right .num-item{
    width: 37.5%;
    float: left;
    text-align: center;
}
.research .right .num-item:nth-child(2n){
    float: right;
}
.research-box .pub-tit{
    text-align: left;
}
.research-list{
    margin-top: 1.5rem;
}
.research-list li{
    margin-bottom: 1.25rem;
}
.research-list li:last-child{
    margin-bottom: 0;
}
.research-list .tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #333;
    font-family: "PINGFANG BOLD";
}
.research-list .con{
    font-size: .4rem;
    line-height: .5rem;
    color: #666;
    margin-top: .25rem;
}
.organize-list{
    margin-top: 1rem;
}
.organize-list .row1{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    text-align: center;   
}

.organize-list .item{
    
    position: relative;
}
.organize-list .item:last-child:before{
    display: none;
}
.organize-list .con-box{
    text-align-last: center;
}
.organize-list .icon{
    height: 2rem;
    text-align: center;
}
.organize-list .icon img{
    width: auto;
    height: 100%;
}
.organize-list .txt{
    font-size: .35rem;
    line-height: .4rem;
    color: #666;
    margin-top: .3rem;
}
.develop-box{
    padding: 2rem 0 0;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-image: url('../cssimg/develop-bg.jpg');
    background-size: cover;
}
.develop-tab-box{
    margin-top: 1.75rem;
    position: relative;
}
.develop-tab{
    padding: 0 1.5rem 12.75rem;
    position: relative;
    overflow: hidden;
    z-index: 3;
}
.develop-tab:before{
    content: "";
    position: absolute;
    left: 0;
    top:1.25rem;
    width: 100%;
    height: 1px;
    background: #9c9c9c;
    opacity: .33;
    filter: alpha(opacity=33);
}
.develop-tab .swiper-slide{
    width: auto;
    /* height: 10rem; */
    margin-right: 2rem;
    position: relative;
    z-index: 3;
    /* padding-top: 1.5rem; */
}
.develop-tab .swiper-slide:last-child{
    margin-right: 0;
    /* margin-right: 5rem; */
    width: 11rem;
}
.develop-tab .time{
    background-repeat: no-repeat;
    background-position: left .15rem;
    background-image: url('../cssimg/develop-time.png');
    /* position: absolute; */
    padding-left: .7rem;
    /* bottom: calc(100% - .7rem);
    left: 0; */
    height: 1.25rem;
    line-height: 1.25rem;
    transition: all .3s;
}
.develop-tab .time span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .45rem;
    line-height: .1.25rem;
    color: #333;
    font-family: "AGLettericaCondensed";
    width: .9rem;
    transition: all .3s;
}
.develop-tab .swiper-slide:before{
	content: "";
	position: absolute;
	left: .2rem;
	top: 1.25rem;
	width: 1px;
	height: 12.75rem;
	background-color: #23a7a4;
	opacity: 0;
	transition: all .3s;
}
.develop-tab .con-box{
    position: absolute;
    left: 1.2rem;
    top: 0;
    width: 9.5rem;
    padding-top: 2.25rem;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}
.develop-tab-box .con{
    font-size: .45rem;
    line-height: .6rem;
    color: #525252;
    padding-left: .45rem;
    position: relative;
}
.develop-tab-box .con:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    background-color: #0075ad;
    margin-top: -3px;
    border-radius: 100%;
}
.develop-tab-box .img{
    margin-top: .4rem;
    padding-left: .45rem;
}
.develop-tab-box .img img{
    width: 100%;
}
/* .develop-tab .circle{
    position: absolute;
    left: -.65rem;
    bottom: 0;
    width: 1.7rem;
    height: 1.7rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../cssimg/develop-circle.png');
    text-align: center;
    line-height: 1.7rem;
    font-size: .4rem;
    color: #23a7a4;
    font-weight: bold;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
} */
/* .develop-tab .circle:before{
    content: "";
    position: absolute;
    left: 50%;
    bottom: 1.7rem;
    width: 1px;
    height: 6rem;
    background: #23a7a4;
} */
.develop-tab .swiper-slide.cur .time{
    background-image: url('../cssimg/develop-time2.png');
}
.develop-tab .swiper-slide.cur .time span{
    transform: skewX(-10deg);
    font-size: .7rem;
    line-height: 1rem;
    color: #0075ad;
}
.develop-tab .swiper-slide.cur .con-box{
	opacity: 1;
	visibility: visible;
}
.develop-tab .swiper-slide.cur:before{
	opacity: 1;
}
/* .develop-tab .swiper-slide.cur .circle{
    opacity: 1;
    filter: alpha(opacity=100);
} */
.develop-tab-box .pub-prev,
.develop-tab-box .pub-next{
    position: absolute;
    top: .4rem;
    z-index: 20;
}
.develop-tab-box .pub-prev{
    left: -1.5rem;
}
.develop-tab-box .pub-next{
    right: -1.5rem;
}
.develop-tab-box .m-tab{
    display: none;
}
.home-top-box{
    position: relative;
}
.home-top-box .prev,
.home-top-box .next{
	position: absolute;
	width: 1.325rem;
	height: 2.65rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	transition: all .3s;
}
.home-top-box .prev{
	left: 8.854%;
	background-image: url('../cssimg/public-prev.png');
}
.home-top-box .next{
	right: 8.854%;
	background-image: url('../cssimg/public-next.png');
}
.home-top-box .left{
    float: left;
    width: 50%;
    position: relative;
    border-bottom: 1px solid #ebebeb;
}
.home-top-box .bimg-box{
    float: right;
    width: 82.3%;
    overflow: hidden;
}
.home-top-box .bimg-box img{
    width: 100%;
}
.home-top-box .simg-box{
    position: absolute;
    left: 6.875%;
    top: 50%;
    width: 2.25rem;
    transform: translateY(-50%);
    z-index: 3;
}
.home-top-box .simg-box .item{
    display: block;
    border: 1px solid rgba(0,0,0,.18);
    margin: .25rem 0;
}
.home-top-box .simg-box .item.cur{
    border-image:linear-gradient(to right,#1d8ede,#34cbeb) 1 10;
}
.home-top-box .simg-box img{
    width: 100%;
}
.home-top-box .right{
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-color: #f5f5f5;
}
.home-top-box .right .text-box{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    box-sizing: border-box;
    padding: 0 26% 0 14.0625%;
}
.home-top-box .right .text-box .tit{
    font-size: .9rem;
    line-height: 1rem;
    color: #000;
    font-family: "PINGFANG BOLD";
}
.home-top-box .right .text-box .desc{
    font-size: .55rem;
    line-height: .6rem;
    color: #333;
    font-family: "PINGFANG BOLD";
    margin-top: .4rem;
}
.home-top-box .right .text-box .pub-con{
    color: #666;
    margin-top: .75rem;
}
.home-top-box .right .text-box .tips{
    margin-top: 3.25rem;
    font-size: .35rem;
    line-height: .5rem;
    color: #666;
}
.home-top-box .right .text-box .tips p{
    padding-left: .75rem;
    background-repeat: no-repeat;
    background-position: left 0rem;
    background-size: .5rem;
    margin-bottom: .5rem;
}
.home-top-box .right .text-box .tips p:last-child{
    margin-bottom: 0;
}
.home-top-box .right .text-box .tips p:nth-child(1){
    background-image: url('../cssimg/home-top-icon1.png');
}
.home-top-box .right .text-box .tips p:nth-child(2){
    background-image: url('../cssimg/home-top-icon2.png');
}
.home-tab-wrap{
    padding: 1.75rem 0;
}
.home-tabs{
    font-size: 0;
}
.home-tabs a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 20%;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #d8d8d8;
    border-right: none;
    position: relative;
    transition: all .3s;
}
.home-tabs a:last-child{
    border-right: 1px solid #d8d8d8;
}
.home-tabs a:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(left, #0177ad,#248191 100%);
    background: -ms-linear-gradient(left, #0177ad,#248191 100%);
    background: linear-gradient(left, #0177ad,#248191 100%);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.home-tabs a span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    position: relative;
    z-index: 3;
    font-size: .4rem;
    color: #4d4d4d;
    font-family: "Microsoft Yahei";
    height: 1.2rem;
    line-height: 1.2rem;
    vertical-align: top;
    transition:  all .3s;
}
.home-tabs a.cur span{
    color: #fff;
}
.home-tabs a.cur:before{
    opacity: 1;
    filter: alpha(opacity=100);
}
.home-tab-box{
    margin-top: 1.2rem;
}
.home-tab-box .tab-item{
    display: none;
}
.solution-list li{
    padding: 1.4rem 0;
    border-bottom: 1px solid #e2e2e2;
}
.solution-list li:last-child{
    border-bottom: none;
}
.solution-list .img{
    float: right;
    width: 51.69%;
}
.solution-list .img img{
    width: 100%;
}
.solution-list .text-box{
    float: left;
    width: 38.732%;
}
.solution-list .text-box .title{
    font-size: .75rem;
    line-height: .8rem;
    font-family: "PINGFANG BOLD";
}
.solution-list .text-box .text{
    margin-top: .9rem;
}
.solution-list .text-box h3{
    font-size: .6rem;
    line-height: .7rem;
    color: #0075ad;
    display: inline-block;
    *display: inline;
    zoom: 1;
    border-bottom: 2px solid #0075ad;
    font-family: "PINGFANG BOLD";
}
.solution-list .text-box .con{
    font-size: .4rem;
    line-height: .9rem;
    color: #666;
    margin-bottom: .9rem;
    margin-top: .6rem;
}
.home-tab-box .params-img{
    margin-top: 1rem;
}
.home-tab-box .params-img img{
    width: 100%;
}
.adv-list{
    margin-top: 1rem;
}
.adv-list .row{
    margin: 0 -.6rem;
}
.adv-list .item{
    box-sizing: border-box;
    padding: 0 .6rem;
}
.adv-list img{
    width: 100%;
}
.adv-list .text-box{
    margin: 1rem auto;
    width: 84%;
    box-sizing: border-box;
    padding-left: 1.75rem;
    background-repeat: no-repeat;
    background-position: left 0;
    background-size: .925rem;
}
.adv-list .text-box .tit{
    font-size: .6rem;
    line-height: .7rem;
    font-family: "PINGFANG BOLD";
}
.adv-list .text-box .con{
    font-size: .375rem;
    line-height: .6rem;
    color: #666;
    margin-top: .4rem;
    height: 1.8rem;
}
.crew-list{
    margin-top: 1rem;
}
.crew-list .row{
    margin: 0 -.5rem;
}
.crew-list .item{
    box-sizing: border-box;
    padding: 0 .5rem;
    margin-bottom: 1rem;
}
.crew-list .con-box{
    height: 9.5rem;
}
.crew-list .img{
    float: left;
    width: 40.6%;
    height:9.5rem;
    line-height: 9.5rem;
    box-shadow: 0 0 .5rem rgba(0,0,0,.07);
}
.crew-list .img img{
    width: 100%;
}
.crew-list .text-box{
    position: relative;
    z-index: 3;
    float: right;
    width: 59.4%;
    height:9.5rem;
    background-color: #f5f5f5;
    box-sizing: border-box;
    padding: 1.35rem .8rem 0 1.25rem;
}
.crew-list .text-box .tit{
    font-size: .6rem;
    font-family: "PINGFANG BOLD";
    line-height: .7rem;
    color: #000;
}
.crew-list .text-box .pub-con{
    margin-top: .5rem;
    height: 6rem;
    overflow: hidden;
}
.crew-list .text-box .pub-con p{
    padding-left: .5rem;
    position: relative;
}
.crew-list .text-box .pub-con p:before{
    content: "";
    position: absolute;
    left: 0;
    top: .3rem;
    width: .2rem;
    height: .2rem;
    background: -webkit-linear-gradient(left, #0075ad,#23a7a4 100%);
    background: -ms-linear-gradient(left, #0075ad,#23a7a4 100%);
    background: linear-gradient(left, #0075ad,#23a7a4 100%);
    border-radius: 100%;
}
.crew-list .text-box .pub-con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: -webkit-linear-gradient(bottom, #0075ad,#23a7a4 100%);
    background: -ms-linear-gradient(bottom, #0075ad,#23a7a4 100%);
    background: linear-gradient(bottom, #0075ad,#23a7a4 100%);
}
.controls-list{
    margin-top: 1rem;
}
.control-tit{
    font-size: .75rem;
    line-height: .8rem;
    color: #000;
    font-family: "PINGFANG BOLD";
}
.controls-list li{
    padding: .9rem 0;
    border-bottom: 1px solid #e6e6e6;
}
.controls-list li .img{
    float: right;
    width: 43.66%;
}
.controls-list li .img img{
    width: 100%;
}
.controls-list li .text{
    float: left;
    width: 38%;
    margin-top: 1rem;
}
.controls-list li .text .pub-con{
    margin-top: .5rem;
}
.controls-list li:nth-child(2n) .img{
    float: left;
}
.controls-list li:nth-child(2n) .text{
    float: right;
    text-align: right;
}
.module-box{
    margin-top: 1.5rem;
}
.module-box .control-tit{
    text-align: center;
}
.module-list{
    margin-top: 1rem;
}

.module-list .row{
    /* text-align: justify;
    text-align-last: justify;
    line-height: 0; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    text-align: center;
}
/* @media all and (-webkit-min-device-pixel-ratio:0){
    .module-list .row{
         font-size:0;
    }
}
.module-list .row:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
.module-list .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}
.module-list .con-box{
    text-align-last: center;
} */
.module-list .icon{
    width: 1.475rem;
    margin: 0 auto;
}
.module-list .icon img{
    width: 100%;
}
.module-list .pub-con{
    color: #666;
    margin-top: .3rem;
    line-height: .5rem;
}
.module-list .pub-con br{
    display: none;
}
.module-box .table-box{
    margin-top: 1.25rem;
}
.module-box table{
    width: 100%;
}
.module-box table th{
    /* height: 1.25rem; */
    text-align: center;
    background-color: #0075ad;
    color: #fff;
    font-size: .4rem;
    font-weight: normal;
    width: 16.66%;
    border: 1px solid #0075ad;
    border-right: 1px solid #e3e8ed;
    padding: .3rem 0;
    line-height: .6rem;
}

.module-box table td{
    font-size: .375rem;
    color: #4c4c4c;
    line-height: .75rem;
    padding: .75rem .3rem;
    background-color: #f2f5f7;
    border: 1px solid #e3e8ed;
    box-sizing: border-box;
    vertical-align: top;
}
.certification-list{
    margin-top: 1rem;
}
.certification-list .row{
    margin: 0 -.4rem;
}
.certification-list .item{
    box-sizing: border-box;
    padding: 0 .4rem;
    margin-bottom: .8rem;
}
.certification-list .con-box{
    display: block;
    border: 3px solid #1aa9ab;
}
.certification-list img{
    width: 100%;
}
.join-page .sub-nav a{
    width: 20%;
}
.advan-box{
    padding: 2rem 0 0;
    overflow: hidden;
}
.advan-wrap{
    margin: 1.5rem auto 0;
    width: 80%;
    position: relative;
}
.advan-tab{
    width: 85.5%;
    margin: 0 auto;
    overflow: hidden;
}
.advan-tab .swiper-slide{
    padding: .5rem;
    background: -webkit-linear-gradient(left, #0075ad,#23a7a4 100%);
    background: -ms-linear-gradient(left, #0075ad,#23a7a4 100%);
    background: linear-gradient(left, #0075ad,#23a7a4 100%);
    box-sizing: border-box;
}
.advan-tab .swiper-slide .img{
    float: left;
    width: 31.6%;
}
.advan-tab .swiper-slide .img img{
    width: 100%;
}
.advan-tab .swiper-slide .text{
    float: right;
    width: 61.3%;
    margin-right: 3%;
    margin-top: 3%;
}
.advan-tab .swiper-slide .tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #fff;
    font-family: "PINGFANG BOLD";
}
.advan-tab .swiper-slide .pub-con{
    color: #fff;
    margin-top: .3rem;
}
.advan-wrap .pub-prev,
.advan-wrap .pub-next{
    position: absolute;
    top: 50%;
    margin-top: -.625rem;
    box-shadow: none;
}
.advan-wrap .pub-prev{
    left: 0;
}
.advan-wrap .pub-next{
    right: 0;
}
.advan-wrap .pub-prev:before,
.advan-wrap .pub-next:before{
    width: 11px;
    height: 18px;
    margin: -9px 0 0 -5px;
}
.advan-wrap .pub-prev:before{
    background-image: url('../cssimg/advan-prev.png');
}
.advan-wrap .pub-next:before{
    background-image: url('../cssimg/advan-next.png');
}
.circle-box{
    width: 15.25rem;
    height: 15.25rem;
    margin: 5.4rem auto 0;
    position: relative;
    transition: 1s;
}
.circle-box .circle1{
    height: 14.66rem;
    width: 14.66rem;
    border-radius: 100%;
    /* border: 1px solid rgba(220,220,220,.5); */
    position: absolute;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    margin: -7.33rem 0 0 -7.33rem;
    border: 1px solid rgba(220,220,220,.5)
}
.circle-box .circle2{
    position: relative;
    width: 15.25rem;
    height: 15.25rem;
    border-radius: 100%;
    /* border: 1px solid #000;    */
}

.circle-box .circle2 .line-list{
    position: absolute;
    left: 0;
    top: 0;
}
.circle-box .line-list ul{
    /* position: relative; */
}
.circle-box .line-list li{
    position: absolute;
    left: 7.625rem;
    top: 0;
    width: 2px;
    height: .25rem;
    background-color: rgba(220,220,220,.5);
    transform-origin:center 7.625rem;
}
.circle-box .circle3{
    position: absolute;
    width: 16.125rem;
    height: 16.125rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border: 1px solid rgba(220,220,220,.5);
    border-radius: 100%;
}
.circle-box .text-list{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 15rem;
    height: 15rem;
    border-radius: 100%;
    margin: -7.5rem 0 0 -7.5rem;
    left: 50%;
}
.circle-box .text-list li{
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform-origin:center 7.5rem;
    /* padding-bottom: 1.25rem; */
    box-sizing: border-box;
    cursor: pointer;
}
.circle-box .text-list .tit{
    position: absolute;
    white-space: nowrap;
    left: 50%;
    top: -1.5rem;
    transform: translateX(-50%);
    transition: top .3s;
}
.circle-box .text-list .txt{
    font-size: .45rem;
    line-height: .5rem;
    color: #666;
}
.circle-box .text-list .num{
    position: absolute;
    left: 50%;
    top: 50%;
    /* width: 1.75rem; */
    transform: translate(-50%,-50%);
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 2.75rem;
    line-height: 2.75rem;
    font-family: "AGLettericaCondensed";
    -webkit-text-stroke:1px #daebf6;
    color: transparent;
    
}
.circle-box .text-list .num img{
    width: 100%;
}
.circle-box .text-list .line{
    position: absolute;
    left: 0;
    bottom: -.2rem;
    width: 1px;
    
    background-color: #4799d3;
    height: 0;
    
}
.circle-box .text-list .point{
    width: .6rem;
    height: .6rem;
    background-image: url('../cssimg/circle-point.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: -1.8rem;
    left: 50%;
    margin-left: -.3rem;
    z-index: 3;
    transform: scale(0);
    
}
.circle-box .text-list li.cur .tit{
    top: -3.5rem;
}
.circle-box .text-list li.cur .tit .txt{
    font-size: .65rem;
    line-height: .7rem;
    color: #0075ad;
    font-family: "PINGFANG BOLD";
    position: relative;
    z-index: 3;
}
.circle-box .text-list li.cur .line{
    height: 1.65rem;
    transition: height .3s .5s;
}
.circle-box .text-list li.cur .point{
    transform: scale(1);
    transition: transform .3s .8s;
}
.circle-box .text-list li.cur .num{
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all .3s;
}
.brand-box{
    position: relative;
    z-index: 1;
    padding: 1.5rem 0 2.15rem;
    background-color: #f6f6f6;
    margin-top: -10rem;
}
.brand-tab-box{
    position: relative;
}
.brand-box .brand-tab{
    margin-top: 1.25rem;
    overflow: hidden;
}
.brand-box .brand-tab .swiper-slide{
    width: 23.95%;
    margin-right: 1.4%;
    background-color: #fff;
    padding: 1.75rem 0 2rem;
}
.brand-box .brand-tab .con-box{
    text-align: center;
}
.brand-box .brand-tab .icon{
    width: 2.65rem;
    margin: 0 auto;
}
.brand-box .brand-tab .icon img{
    width: 100%;
}
.brand-box .brand-tab .tit{
    font-size: .7rem;
    line-height: .8rem;
    color: #1e1e1e;
    font-family: "PINGFANG BOLD";
    margin-top: .9rem;
}
.brand-box .brand-tab .pub-con{
    padding: 0 14.7%;
    margin-top: .6rem;
    height: 3rem;
}


.brand-tab-box .pub-prev,
.brand-tab-box .pub-next{
    display: none;
}
.step-box{
    padding: 2rem 0 1.75rem;
}
.step-box .step-tab{
    margin-top: 1.25rem;
    background-repeat: no-repeat;
    background-position: right .5rem;
    background-image: url('../cssimg/step-line.png');
    background-size: 36.325rem;
}
.step-box .step-tab .swiper-slide{
    width: 14.788%;
    margin-right: 5.28%;
}
.step-box .step-tab .swiper-slide:nth-child(5){
    margin-right: 2%;
}
.step-box .step-tab .swiper-slide:last-child{
    margin-right: 0;
    width: auto;
}
.step-box .step-tab .top-box{
    padding-left: 23.8%;
}
.step-box .step-tab .img{
    width: 3.2rem;
    position: relative;
}
.step-box .step-tab .img img{
    width: 100%;
}
.step-box .step-tab .img .num{
    position: absolute;
    right: 0;
    bottom: 0;
    width: .9rem;
    height: .9rem;
    background: -webkit-linear-gradient(left, #0177ad,#1d7d7b 100%);
    background: -ms-linear-gradient(left, #0177ad,#1d7d7b 100%);
    background: linear-gradient(left, #0177ad,#1d7d7b 100%);
    border-radius: 100%;
    text-align: center;
    line-height: .9rem;
}
.step-box .step-tab .img .num span{
    display: block;
    font-size: .4rem;
    color: #fff;
    font-family: "DIN-BLACK";
    transform: skewX(-10deg)
}

.step-box .step-tab .top-box .tit{
    font-size: .65rem;
    line-height: .7rem;
    color: #0a0a0a;
    font-family: "PINGFANG BOLD";
    padding-left: .35rem;
    margin-top: .4rem;
}
.step-box .step-tab .pub-con{
    margin-top: .3rem;
}
.step-box .step-tab .start{
    width: 1.9rem;
    height: 1.9rem;
    background: -webkit-linear-gradient(left, #0177ad,#1d7d7b 100%);
    background: -ms-linear-gradient(left, #0177ad,#1d7d7b 100%);
    background: linear-gradient(left, #0177ad,#1d7d7b 100%);
    border-radius: 100%;
    margin-top: 1.75rem;
    position: relative;
}
.step-box .step-tab .start span{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    line-height: .6rem;
    color: #fff;
    font-size: .4rem;
}
.condition-box{
    padding: 1.5rem 0 2.15rem;
    background-color: #f6f6f6;
}
.condition-tab{
    margin-top: .75rem;
    overflow: hidden;
}
.condition-tab .swiper-slide{
    width: 19%;
    margin-right: 1.25%;
}
.condition-tab .swiper-slide:last-child{
    margin-right: 0;
}
.condition-tab .con-box{
    background: -webkit-linear-gradient(left, #0075ad,#1daeab 100%);
    background: -ms-linear-gradient(left, #0075ad,#1daeab 100%);
    background: linear-gradient(left, #0075ad,#1daeab 100%);
    padding: 1.1rem .9rem 1.4rem;
}
.condition-tab .con-box .icon{
    width: 1.2rem;
}
.condition-tab .con-box .icon img{
    width: 100%;
}
.condition-tab .con-box .con{
    font-size: .45rem;
    line-height: .8rem;
    color: #fff;
    margin-top: .6rem;
    height: 3.2rem;
}
.condition-tab-box .pub-prev,
.condition-tab-box .pub-next{
    display: none;
}
.apply-form-box{
    padding: 1.75rem 0 1.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-top: 1.1rem;
}
.apply-form{
    width: 77.464%;
    margin: 0 auto;
}
.apply-form .row{
    margin: 0 -.25rem;
}
.apply-form .item{
    box-sizing: border-box;
    padding: 0 .25rem;
    margin-bottom: .5rem;
}
.apply-form .item:last-child{
    margin-bottom: 0;
}
.apply-form .con-box{
    background-color: #f5f5f5;
    padding: .5rem .6rem;
}
.apply-form .con-box .tit{
    font-size: .4rem;
    line-height: .6rem;
    float: left;
    padding-left: .75rem;
    padding-right: .45rem;
    position: relative;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .5rem;
    padding-right: .4rem;
}
.apply-form .item:nth-child(1) .con-box .tit{
    background-image: url('../cssimg/form-icon1.png');
}
.apply-form .item:nth-child(2) .con-box .tit{
    background-image: url('../cssimg/form-icon2.png');
}
.apply-form .item:nth-child(3) .con-box .tit{
    background-image: url('../cssimg/form-icon3.png');
}
.apply-form .item:nth-child(4) .con-box .tit{
    background-image: url('../cssimg/form-icon4.png');
}

.apply-form .con-box .tit:before{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 1.1rem;
    background-color: #000;
    opacity: .1;
    filter: alpha(opacity=10);
    transform: translateY(-50%);
}
.apply-form .con-box input[type=text]{
    float: right;
    width: 77.55%;
    height: .6rem;
    line-height: .6rem;
    font-size: .4rem;
    color: #999;
    background-color: transparent;
}
.apply-form .con-box textarea{
    float: right;
    width: 89.5%;
    background-color: transparent;
    font-size: .4rem;
    line-height: .6rem;
    color: #999;
    height: 4.5rem;
}
.apply-form .con-box .check{
    float: right;
    width: 77.55%;
    position: relative;
    font-size: 0;
}
.apply-form .con-box .check input{
    float: none;
    width: 65%;
}
.apply-form .con-box .check img{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2.85rem;
}
.apply-form .btns{
    text-align: center;
    font-size: 0;
    margin-top: .9rem;
}
.apply-form .btns input{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 3.35rem;
    height: 1.2rem;
    background-color: #f5f5f5;
    font-size: .4rem;
    color: #0075ad;
    font-family: "PINGFANG BOLD";
    border-radius: .6rem;
    margin: 0 .3rem;
}

.center-box{
    position: relative;
    padding: 3rem 0 1.25rem;
    background-color: #e3e6e7;
}
.center-box .pub-tit{
    text-align: center;
}
.center-box .system-desc{
    text-align: center;
    color: #666;
    margin-top: 1rem;
    padding: 0 5%;
}
.center-box .leaf1,
.center-box .leaf2{
    position: absolute;
}

.center-box .leaf1{
    width: 14.583%;
    left: 0;
    bottom: 0;
}
.center-box .leaf2{
    width: 8.958%;
    right: 0;
    top: 7.72%;
}
.center-box .leaf1 img,
.center-box .leaf2 img{
    width: 100%;
}
.center-box .tab-btns{
    margin-top: 1rem;
    text-align: center;
    font-size: 0;
}
.center-box .tab-btns a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 8.6rem;
    border-radius: 4px;
    background-color: #fff;
    text-align: center;
    margin: 0 3px;
    position: relative;
    overflow: hidden;
}
.center-box .tab-btns a span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    position: relative;
    z-index: 3;
    font-size: .45rem;
    font-family: "PINGFANG BOLD";
    color: #666;
    line-height: 1.25rem;
    height: 1.25rem;
    transition: all .3s;
}
.center-box .tab-btns a:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(left, #0075ad,#1daeab 100%);
    background: -ms-linear-gradient(left, #0075ad,#1daeab 100%);
    background: linear-gradient(left, #0075ad,#1daeab 100%);
    opacity: 0;
    transition: all .3s;
}
.center-box .tab-btns a.cur:before{
    opacity: 1;
}
.center-box .tab-btns a.cur span{
    color: #fff;
}
.center-box .tab-box{
    width: 84.375%;
    margin: 1rem auto 0;
    position: relative;
    z-index: 3;
}
.center-box .tab-box .item{
    display: none;
}
.center-box .tab-box img{
    width: 100%;
}
.center-box .tab-box .system-con{
    color: #1a1a1a;
    text-align: center;
    font-weight: bold;
}
.keep-box{
    position: relative;
}
.keep-box .item{
    float: left;
    width: 50%;
}
.keep-box .item img{
    width: 100%;
}
.keep-box .keep-text{
    position: absolute;
    top: 12.195%;
    width: 100%;
    text-align: center;
}
.keep-box .keep-text .pub-tit{
    color: #fff;
}
.system-desc{
    font-size: .6rem;
    line-height: .7rem;
    font-family: "PINGFANG BOLD";
    color: #fff;
}
.system-con{
    font-size: .45rem;
    line-height: .9rem;
    color: #fff;
    opacity: .8;
}
.keep-box .keep-text .system-desc{
    margin-top: .5rem;
}
.save-box{
    background: -webkit-linear-gradient(left, #237ebe,#0dc6d7 100%);
    background: -ms-linear-gradient(left, #237ebe,#0dc6d7 100%);
    background: linear-gradient(left, #237ebe,#0dc6d7 100%);
    padding: 4.25rem 0 3.375rem;
}
.save-box .img{
    float: left;
    width: 31.3%;
    margin-left: 11.71875%;
}
.save-box .img img{
    width: 100%;
}
.save-box .text-box{
    float: right;
    width: 30.2%;
    margin-right: 13%;
}
.save-box .text-box .desc{
    font-size: .75rem;
    line-height: .8rem;
    color: #fff;
    font-family: "PINGFANG BOLD";
}
.save-box .text-box .pub-tit{
    margin-top: .3rem;
    color: #fff;
    text-align: left;
}
.save-box .text-box .system-desc{
    margin-top: .4rem;
}
.save-box .text-box .system-con{
    margin-top: .9rem;
}
.save-box .text-box .icon-box{
    margin-top: 2.25rem;
    font-size: 0;
}
.save-box .text-box .icon-box .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 4.5rem;
    padding: .9rem 0;
    border: 1px solid rgba(255,255,255,.3);
    border-radius: 8px;
    text-align: center;
    margin-right: .4rem;
}
.save-box .text-box .icon-box .item:last-child{
    margin-right: 0;
}
.save-box .text-box .icon-box .icon{
    width: 1.2rem;
    margin: 0 auto;
}
.save-box .text-box .icon-box .icon img{
    width: 100%;
}
.save-box .text-box .icon-box .txt{
    font-size: .45rem;
    line-height: .5rem;
    color: #fff;
    margin-top: .5rem;
}

.disinfect-box{
    padding: 2.75rem 0 1.5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.disinfect-box .img{
    float: right;
    width: 49.6875%;
    margin-right: 5.2%;
}
.disinfect-box .img img{
    width: 100%;
}
.disinfect-box .text-box{
    float: left;
    width: 30.73%;
    margin-left: 13%;
    padding-top: 6.25%;
}
.disinfect-box .text-box .pub-tit{
    color: #fff;
    text-align: left;
}
.disinfect-box .text-box .system-desc{
    margin-top: .4rem;
}
.disinfect-box .text-box .system-con{
    margin-top: .9rem;
}
.adjust-box{
    padding: 2.75rem 0 1.75rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.adjust-box .img{
    float: left;
    width: 32.1354%;
    margin-left: 11.979%;
}
.adjust-box .img img{
    width: 100%;
}
.adjust-box .text-box{
    float: right;
    width: 31.25%;
    margin-right: 11.979%;
    padding-top: 3.125%;
}
.adjust-box .text-box .pub-tit{
    color: #fff;
    text-align: left;
}
.adjust-box .text-box .system-desc{
    margin-top: .4rem;
}
.adjust-box .text-box .system-con{
    margin-top: .9rem;
}
.adjust-box .text-box .icon-box{
    font-size: 0;
    margin-top: 2.25rem;
}
.adjust-box .text-box .icon-box .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 1.75rem;
}
.adjust-box .text-box .icon-box .item:last-child{
    margin-right: 0;
}
.adjust-box .text-box .icon-box .icon{
    width: 1.05rem;
}
.adjust-box .text-box .icon-box .icon img{
    width: 100%;
}
.adjust-box .text-box .icon-box .txt{
    font-size: .45rem;
    line-height: .5rem;
    color: #fff;
    margin-top: .3rem;
}
.filter-box{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 2.5rem;
}
.filter-box .text-box{
    float: left;
    width: 31.77%;
    margin-left: 13%;
    padding-top: 12.5%;
}
.filter-box .text-box .pub-tit{
	text-align: left;
    white-space: nowrap;
}
.filter-box .text-box .pub-tit span{
    font-family: "DINMittelschriftStd";
}
.filter-box .text-box .pub-tit .unit{
    font-size: .45rem;
    line-height: .5rem;
}
.filter-box .text-box .system-desc{
    color: #0a0a0a;
    margin-top: .6rem;
}
.filter-box .text-box .system-con{
    margin-top: .9rem;
    color: #0a0a0a;
}
.filter-box .img{
    float: right;
    width: 28.3854%;
    margin-right: 20.83%;
}
.filter-box .img img{
    width: 100%;
}
.noise-box{
    height: 20rem;
    box-sizing: border-box;
    padding-top: 5.2%;
    position: relative;
}
.noise-box .img{
    float: left;
    width: 29.479%;
    margin-left: 13%;
    position: relative;
    z-index: 3;
}
.noise-box .img img{
    width: 100%;
}
.noise-box .text-box{
    float: right;
    width: 31.25%;
    margin-right: 13%;
    position: relative;
    z-index: 3;
}
.noise-box .text-box .pub-tit{
	text-align: left;
}
.noise-box .text-box .system-desc{
    margin-top: .6rem;
    color: #000;
}
.noise-box .text-box .system-con{
    color: #000;
    margin-top: .9rem;
}
.system-bg-box .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.system-bg-box .m-bg{
    display: none;
}
.oxygen-box{
    height: 20rem;
    position: relative;
}
.oxygen-box .text-box{
    position: absolute;
    padding: 0 13%;
    top: 30%;
    width: 74%;
}
.oxygen-box .text-box .pub-tit{
    color: #fff;
    text-align: left;
}
.oxygen-box .text-box .system-desc{
    margin-top: .4rem;
    color: #fff;
}
.oxygen-box .text-box .system-con{
    margin-top: .9rem;
    color: #fff;
    width: 45%;
}
.panel-box{
    height: 20rem;
    position: relative;
}
.panel-box .text-box{
    position: absolute;
    right: 10.9375%;
    top: 50%;
    transform: translateY(-50%);
    width: 15rem;
}
.panel-box .text-box .pub-tit{
	text-align: left;
}
.panel-box .text-box .system-desc{
    color: #000;
    margin-top: .4rem;
}
.panel-box .text-box .system-con{
    margin-top: .9rem;
    color:#000;
}
.panel-box .text-box .icon-box{
    font-size: 0;
    margin-top: 1.75rem;
    text-align: justify;
    text-align-last: justify;
}
@media all and (-webkit-min-device-pixel-ratio:0){
    .panel-box .text-box .icon-box{
         font-size:0;
    }
}
.panel-box .text-box .icon-box:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
.panel-box .text-box .icon-box .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    /* margin-right: 8.3%; */
}
.panel-box .text-box .icon-box .item:last-child{
    margin-right: 0;
}
.panel-box .text-box .icon-box .icon{
    width: .875rem;
    display: block;
    margin: 0 auto;
}
.panel-box .text-box .icon-box .icon img{
    width: 100%;
}
.panel-box .text-box .icon-box .txt{
    font-size: .35rem;
    line-height: .4rem;
    margin-top: .2rem;
}
.phone-box{
    height: 20rem;
    position: relative;
}
.phone-box .text-box{
    position: absolute;
    left: 13%;
    top: 23.75%;
    width: 15rem;
}
.phone-box .text-box .pub-tit{
	text-align: left;
}
.phone-box .text-box .system-desc{
    color: #000;
    margin-top: .4rem;
}
.phone-box .text-box .system-con{
    color: #000;
    margin-top: .9rem;
}
.phone-box .text-box .icon-box{
    font-size: 0;
    width: 10.5rem;
    margin-top: 2.25rem;
}
.phone-box .text-box .icon-box .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 11.9%;
    margin-bottom: .7rem;
}
.phone-box .text-box .icon-box .item:nth-child(4n){
    margin-right: 0;
}
.phone-box .text-box .icon-box .icon{
    width: .95rem;
    margin: 0 auto;
}
.phone-box .text-box .icon-box .icon img{
    width: 100%;
}

.phone-box .text-box .icon-box .txt{
    font-size: .35rem;
    line-height: .4rem;
    margin-top: .25rem;
}
.system-step-box{
    padding: 2.25rem 0 2.75rem;
}
.step-view{
    padding: 0 3.4375%;
}
.system-step{
    margin: 1.5rem -.25rem 0;
}
.system-step .swiper-slide{
    padding: 0 .25rem;
    box-sizing: border-box;
}
.system-step .img-box{
    position: relative;
}
.system-step .img-box .img:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1c1c1c;
    opacity: .3;
}
.system-step .swiper-slide img{
    width: 100%;
}
.system-step .img-box .text{
    position: absolute;
    left: 0;
    top: 20%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 11%;
}
.system-step .img-box .text .con{
    margin-top: .3rem;
    font-size: .35rem;
    line-height: .5rem;
    color: #fff;
}
.system-step .img-box .text .con span{
    font-size: .45rem;
}
.system-step .list-box{
    border: 1px solid #ececec;
    box-sizing: border-box;
    padding: .4rem .6rem;
}
.system-step .list{
    height: 5.2rem;
    overflow: hidden;
    position: relative;
}
.system-step .list .mCSB_scrollTools{
    opacity: 1;
    right: -.4rem;
}
.system-step .list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #0075ad;
    opacity: 1;
    width: 3px;
}
.system-step .list .mCSB_scrollTools{
    width: 3px;
}
.system-step .list .mCSB_scrollTools .mCSB_draggerRail{
    width: 1px;
    background-color: rgba(182,182,182,.2);
}
.system-step .list .item{
    text-align: center;
    padding: .6rem 0;
    width: 50%;
    float: left;
    border-bottom: 1px solid #ececec;
    box-sizing: border-box;
}
.system-step .list .icon{
    width: .875rem;
    margin: 0 auto;
}
.system-step .list .icon img{
    width: 100%;
}
.system-step .list .txt{
    font-size: .4rem;
    line-height: .5rem;
    color: #666;
    font-family: "PINGFANG BOLD";
}

.system-step .list.on1 .item{
    border-bottom: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);

}
.system-step .list.on2 .item:nth-child(2){
    border-left: 1px solid #ececec;
}
.system-step .list.on2 .item:nth-child(3){
    border-bottom: none;
    width: 100%;
}
.system-step .list.on3 .item{
    border-right: 1px solid #ececec;
}
.system-step .list.on3 .item:nth-child(2n){
    border-right: none;
}
.system-step .list.on3 .item:nth-last-child(-n+2){
    border-bottom: none;
}
.system-step .buttons{
    margin-top: 1rem;
    font-size: 0;
    text-align: center;
    display: none;
}
.system-step .buttons a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0 .2rem;
}
.system-apply-box{
    background-color: #f5f5f5;
}
.apply-box .system-con{
    margin-top: .3rem;
    color: #000;
    font-family: "PINGFANG BOLD";
    text-align: center;
}
.apply-box .system-con span{
    font-family: "DIN-BOLD";
    text-align: center;
}
.iteration-box{
    padding: 3rem 0 1.75rem;
}
.iteration-box .pub-con{
    margin: .6rem auto 0;
    width: 63.2%;
    text-align: center;
}
.iteration-box .img{
    
    text-align: center;
}
.iteration-box .img img{
	max-width: 100%;
}
.theory-box{
    padding: 1.75rem 0 3rem;
}
.theory-box .theory-tit{
    width: 13rem;
    height: 2.1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../cssimg/theory-tit-bg.png');
    margin: .8rem auto 0;
    text-align: center;
    line-height: 1.6rem;
    font-size: .6rem;
    color: #fff;
    font-family: "PINGFANG BOLD";
    position: relative;
}

.theory-box .theory-tit:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 1.6rem;
    width: 1px;
    height: 2.1rem;
    background-color: #dedede;
}
.theory-box .theory-tab{
    margin: 1.6rem -.25rem 0;
}
.theory-box .theory-tab .swiper-slide{
    position: relative;
    box-sizing: border-box;
    padding: 2rem .25rem 0;
}
.theory-box .theory-tab .swiper-slide:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 2rem;
    background-color: #dedede;
}
.theory-box .theory-tab .swiper-slide:after{
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 100%;
    height: 1px;
    background-color: #dedede;
}
.theory-box .theory-tab .swiper-slide:last-child:after{
    display: none;
}
.theory-box .theory-tab img{
    width: 100%;
}
.theory-box .theory-tab .text-box{
    background-color: #0177ad;
    padding: .75rem 1rem .4rem;
}
.theory-box .theory-tab .swiper-slide:nth-child(2n) .text-box{
    background-color: #23a7a4;
}
.theory-box .theory-tab .tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #fff;
    font-family: "PINGFANG BOLD";
}
.theory-box .theory-tab .pub-con{
    color: rgba(255,255,255,.7);
    margin-top: .5rem;
    height: 3.75rem;
    overflow: hidden;
}
.theory-box .theory-tab .pub-con .mCSB_inside>.mCSB_container{
	margin-right: .3rem;
}
.theory-box .theory-tab .pub-con .mCSB_scrollTools{
    opacity: 1;
}
.theory-box .theory-tab .pub-con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #fff;
    opacity: 1;
    width: 3px;
}
.theory-box .theory-tab .pub-con .mCSB_scrollTools{
    width: 3px;
}
.theory-box .theory-tab .pub-con .mCSB_scrollTools .mCSB_draggerRail{
    width: 1px;
    background-color: rgba(255,255,255,.2);
}
.theory-tab .buttons{
    font-size: 0;
    text-align: center;
    display: none;
}
.theory-tab .buttons a{
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.tech-filter-box{
    padding: 1.75rem 0 3rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.tech-sub-tit{
    font-size: .6rem;
    line-height: .7rem;
    font-family: "PINGFANG BOLD";
}
.tech-list{
    margin-top: 1rem;
}
.tech-list .row{
    margin: 0 -.5rem;
}
.tech-list .item{
    box-sizing: border-box;
    padding: 0 .5rem;
}
.tech-list .con-box{
    position: relative;
}
.tech-list .img{
    float: right;
    width: 71.4%;
    position: relative;
}
.tech-list .img img{
    width: 100%;
}
.tech-list .point{
    position: absolute;
    left: 33%;
    top: 16%;
    width: .75rem;
    height: .75rem;
    border-radius: 100%;
    z-index: 3;
}
.tech-list .point:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: .25rem;
    height: .25rem;
    border-radius: 100%;
    transform: translate(-50%, -50%);
}
.tech-list .item .line{
    position: absolute;
    left: 0;
    top: 20%;
    width: 55%;
    height: 1px;
}
.tech-list .item .text{
    position: absolute;
    left: 0;
    top: 24.39%;
    width: 3.5rem;
}
.tech-list .item .text .tit{
    font-size: .4rem;
    line-height: .5rem;
    font-family: "PINGFANG BOLD";
    color: #333;
}
.tech-list .item .text .con{
    font-size: .35rem;
    line-height: .6rem;
    color: #333;
    margin-top: .4rem;
}
.tech-list .item:nth-child(1) .point{
    background-color: rgba(25,186,192,.2);
}
.tech-list .item:nth-child(1) .point:before{
    background-color: #19bac0;
}
.tech-list .item:nth-child(1) .line{
    background-color: #19bac0;
}
.tech-list .item:nth-child(2) .point{
    background-color: rgba(0,161,233,.25);
}
.tech-list .item:nth-child(2) .point:before{
    background-color: #00a1e9;
}
.tech-list .item:nth-child(2) .line{
    background-color: #00a1e9;
}
.tech-list .item:nth-child(3) .point{
    background-color: rgba(255,255,255,.25);
}
.tech-list .item:nth-child(3) .point:before{
    background-color: #fff;
}
.tech-list .item:nth-child(3) .line{
    background-color: #00a1e9;
}
.tech-adjust-box{
    padding: 1.5rem 0 1.75rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.tech-adjust-box .img{
    float: right;
    width: 36.8%;
    margin-right: 3.47%;
}
.tech-adjust-box .img img{
    width: 100%;
}
.tech-adjust-box .text-box{
    float: left;
    width: 50.694%;
    padding-top: 4.86%;
}
.tech-adjust-box .text-box .tech-sub-tit{
    color: #fff;
}
.tech-adjust-box .text-box .pub-con{
    color: #fff;
    margin-top: .7rem;
    /* opacity: .6; */
}
.tech-adjust-box .text-box .adv-con{
    font-size: .4rem;
    line-height: .75rem;
    color: #fff;
    margin-top: .7rem;
}
.tech-adjust-box .text-box .adv-list{
    margin-top: .5rem;
}
.tech-adjust-box .text-box .adv-list .item{
    font-size: .4rem;
    line-height: .75rem;
    color: #fff;
    padding-left: .55rem;
    position: relative;
}
.tech-adjust-box .text-box .adv-list .item:before{
    content: "";
    position: absolute;
    left: 0;
    top: .3rem;
    width: 6px;
    height: 6px;
    background: -webkit-linear-gradient(left, #1d8ede,#34cbeb 100%);
    background: -ms-linear-gradient(left, #1d8ede,#34cbeb 100%);
    background: linear-gradient(left, #1d8ede,#34cbeb 100%);
    border-radius: 100%;
}
.tech-save-box{
    padding: 3rem 0 4rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.tech-save-box .img{
    float: left;
    width: 28.82%;
    margin-left: 2.77%;
}
.tech-save-box .img img{
    width: 100%;
}
.tech-save-box .text-box{
    float: right;
    width: 43.75%;
    margin-right: 6.95%;
    padding-top: 2.77%;
}
.tech-save-box .text-box .tech-sub-tit{
    color: #fff;
}
.tech-save-box .text-box .save-list{
    margin-top: .75rem;
}
.tech-save-box .text-box .save-list .item{
    margin-bottom: .4rem;
}
.tech-save-box .text-box .save-list .item:last-child{
    margin-bottom: 0;
}
.tech-save-box .text-box .save-list .tit{
    font-size: .5rem;
    line-height: .6rem;
    color: #fff;
    padding-left: .6rem;
    position: relative;
    font-family: "PINGFANG BOLD";
}
.tech-save-box .text-box .save-list .tit:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-radius: 100%;
    background-color: #fff;
}
.tech-save-box .text-box .save-list .pub-con{
    margin-top: .2rem;
    padding-left: .6rem;
    color: #fff;
}
.tech-save-box .text-box .save-list .pub-con span{
    font-family: "PINGFANG BOLD";
    font-size: .5rem;
}
.advan-view{
    padding: 0 6.25%;
}
.tech-advan-box{
    padding: 1.25rem 0 3rem;
    background-color: #f5f5f5;
}
.advan-list{
    margin: 1.2rem -.6rem 0;
}
.advan-list .item{
    box-sizing: border-box;
    padding: 0 .6rem;
    margin-bottom: 1.2rem;
}
.advan-list .con-box{
    position: relative;
}
.advan-list .con-box img{
    width: 100%;
}
.advan-list .con-box .mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-image: url('../cssimg/advan-mask1.png');
    background-position: center;
    transition: all .3s;
}
.advan-list .con-box .text{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: .6rem .75rem;
}
.advan-list .con-box .text .tit{
    font-size: .75rem;
    line-height: .8rem;
    color: #fff;
    font-family: "PINGFANG BOLD";
}
.advan-list .con-box .text .pub-con{
    margin-top: .3rem;
    color: #fff;
    display: none;
}
.compare-box{
    padding: 2rem 7.738%;
    background-color: #fff;
}
.compare-box .compare-tit{
	font-size: .75rem;
	line-height: .8rem;
	color: #000;
	font-family: "PINGFANG BOLD";
	text-align: center;
}
.compare-box .top-tab{
    margin-top: 1.5rem;
    overflow: hidden;
}

.compare-box .top-tab .left,
.compare-box .top-tab .right{
    width: 44%;
}
.compare-box .top-tab .left{
    float: left;
}
.compare-box .top-tab .right{
    float: right;
}
.compare-box .top-tab .tit-box{
    padding: .5rem 0;
    text-align: center;
}
.compare-box .top-tab .left .tit-box{
    background-color: #0075ad;
}
.compare-box .top-tab .right .tit-box{
    background-color: #23a7a4;
}
.compare-box .top-tab .tit-box .tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #fff;
    font-family: "PINGFANG BOLD";
}

.compare-box .top-tab .tit-box .desc{
    font-size: .45rem;
    line-height: .5rem;
    color: #fff;
    margin-top: .2rem;
}
.compare-box .top-tab .vs{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2.1rem;
}
.compare-box .top-tab .vs img{
    width: 100%;
}
.compare-box .top-tab .con-box{
    height: 6rem;
    position: relative;
    text-align: center;
}
.compare-box .top-tab .left .con-box{
    background-color: #ddeaf0;
}
.compare-box .top-tab .right .con-box{
    background-color: #eaf8f8;
}
.compare-box .top-tab .con-box .con{
    position: absolute;
    width: 80%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: .45rem;
    line-height: .9rem;
}
.compare-box .bottom-tab{
    border-bottom: 1px solid #d7d7d7;
    margin-top: .625rem;
    padding: 3rem 5% 0;
    overflow: hidden;
    position: relative;
}
.compare-box .buttons{
    font-size: 0;
    z-index: 3;
    text-align: right;
    display: none;
}
.compare-box .buttons a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-left: .3rem;
}
.compare-box .bottom-tab .swiper-slide{
    width: 1px;
    height: 1px;
    /* margin: 0 5.3%; */
    margin-right: 12.676%;
    cursor: pointer;
}
.compare-box .bottom-tab .swiper-slide:last-child{
    margin-right: 0;
}
.compare-box .bottom-tab .line{
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1px;
    height: .35rem;
    background-color: #d7d7d7;
    transition: all .3s;
}
.compare-box .bottom-tab .point{
    position: absolute;
    left: 50%;
    bottom: .35rem;
    width: .25rem;
    height: .25rem;
    border-radius: 100%;
    border: 2px solid #d7d7d7;
    box-sizing: border-box;
    transform: translateX(-50%);
    transition: all .3s;
}
.compare-box .bottom-tab .text{
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    padding-bottom: 1rem;
    transition: all .3s;
}
.compare-box .bottom-tab .icon{
    position: relative;
    width: .9rem;
    margin: 0 auto;
    font-size: 0;
}
.compare-box .bottom-tab .icon img{
    width: 100%;
    transition: all .3s;
}
.compare-box .bottom-tab .icon .hover{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.compare-box .bottom-tab .txt{
    white-space: nowrap;
    text-align: center;
    font-size: .4rem;
    line-height: .5rem;
    color: #282828;
    opacity: .7;
    margin-top: .25rem;
    font-family: "PINGFANG BOLD";
    transition: all .3s;
}

.compare-box .bottom-tab .swiper-slide.cur .line{
    background-color: #23a7a4;
    height: .75rem;
}
.compare-box .bottom-tab .swiper-slide.cur .point{
    border-color: #23a7a4;
    bottom: .75rem;
}
.compare-box .bottom-tab .swiper-slide.cur .text{
    padding-bottom: 1.25rem;
}
.compare-box .bottom-tab .swiper-slide.cur .init{
    opacity: 0;
}
.compare-box .bottom-tab .swiper-slide.cur .hover{
    opacity: 1;
}
.compare-box .bottom-tab .swiper-slide.cur .txt{
    font-size: .5rem;
    line-height: .6rem;
    color: #23a7a4;
}


@media (max-width: 1500px){
    .system-step .list{
    	height: 6.2rem;
    }
    .system-step .list .txt{
    	height: 1rem;
    }

}

@media (max-width: 1366px){
    .pc-nav li{
        margin-left: .9rem;
    }
    .header-right .tel-box{
        margin-left: 1.5rem;
    }
    .fast-box .item .icon{
        width: 1.5rem;
    }
    .fast-box .item .text-box{
        margin-left: .3rem;
    }
    .index-about-box .num-box .item{
        margin: 0 1rem;
    }
    .index-system-box .tab-btns{
        padding-left: 3%;
    }
    .index-system-box .right{
        padding: 0 3%;
    }
    .index-system-box .right .tit{
        font-size: 1rem;
    }
    .apply-tab .icon-box .item{
        margin: 0 .3rem;
    }
    .home-top-box .right .text-box .tips{
        margin-top: 1rem;
    }
    .adv-list .text-box{
        width: 100%;
    }
    .crew-list .text-box{
        padding: 1.35rem .5rem 0;
    }
    .news-view{
        width: 74%;
    }
    .profile-box .right .num-item{
        margin-bottom: 1rem;
    }
    .profile-box .right .num-item:nth-child(2n){
        padding-left: .5rem;
    }
    .about-page .num-wrap .num{
        font-size: 1rem;
        line-height: 1.1rem;
    }
    .adjust-box .text-box{
    	width: 35%;
    }
    .noise-box .text-box{
    	width: 38%;
    }
    .phone-box .text-box .icon-box .item{
    	margin-right: 10%;
    }
    .system-step .list .txt{
    	height: 1rem;
    }
    .compare-box .bottom-tab{
    	padding: 3rem 8% 0;
    }
}