@charset "UTF-8";

@media (min-width: 768px) {
    html {
        font-size: 28px!important;
    }
}
@media (min-width: 1025px) {
    html {
        font-size: 30px!important;
    }
}
@media (min-width: 1440px) {
    html {
        font-size: 34px!important;
    }
}
@media (min-width: 1680px) {
    html {
        font-size: 40px!important;
    }
}
@media (min-width: 1025px) {
	.honor-prev:hover, .honor-next:hover {
    background-color: #00949c;
}
	}
@media (min-width: 1440px) {
}
@media (min-width: 1680px) {
}
/* 重置表单样式 */
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{

}
.view{
    width: 1442px; max-width: 96%;
    margin: 0 auto;
}
.pc-nav li{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-left: 1.25rem;
    position: relative;
}
.pc-nav li:first-child{
    margin-left: 0;
}
.pc-nav .tit{
    display: block;
    height: 3.15rem;
    line-height: 3.15rem;
    color: #fff;
    font-size: .4rem;
    transition: all .3s;
}
/* .pc-nav li .tit:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    background-color: #00949c;
    transition: all .3s;
} */
.pc-nav li .navson{
    position: absolute;
    left: 50%;
    margin-left: -1.625rem;
    top: 3.15rem;
    width: 3.25rem;
    /* border: 1px solid #e5e5e5; */
    /* border-top: 3px solid #00949c; */
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    border-radius: 6px;
    transition: all .3s;
}
.pc-nav li .navson a{
    display: block;
    height: 1.25rem;
    line-height: 1.25rem;
    font-size: .35rem;
    color: #666;
    border-bottom: 1px solid #e5e5e5;
    /* padding: 0 .6rem; */
    text-align: center;
    transition: all .3s;
}
.pc-nav li .navson a:first-child{
    border-radius: 6px 6px 0 0;
}
.pc-nav li .navson a:last-child{
    border-bottom: none;
    border-radius: 0 0 6px 6px;
}
.pc-nav li.cur .tit{
    color: #00949c;
}
/* .pc-nav li.cur .tit:before{
    width: 100%;
} */
.m-nav{
    display: none;
}
.header-right{
    float: right;
    margin-left: 1.25rem;
    margin-top: 1.3rem;
    font-size: 0;
    transition: all .3s;
}
.header-right .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-left: 1.2rem;
    vertical-align: middle;
    position: relative;
}
.header-right .item:first-child{
    margin-left: 0;
}
.header-right .icon{
    display: block;
    width: .5rem;
    height: .5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.header-right .search-btn{
    background-image: url('../img/search-btn.png');
}
.header-right .lang{
    background-image: url('../img/lang.png');
}
.header-right .lang-sub{
    position: absolute;
    left: 50%;
    top: .5rem;
    padding-top: .3rem;
    transform: translateX(-50%);
    width: 3rem;
    padding-top: .5rem;
    display: none;

}
.header-right .lang-sub .sub{
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,.1);
    overflow: hidden;
}
.header-right .lang-sub .sub a{
    display: block;
    height: 1.25rem;
    line-height: 1.25rem;
    text-align: center;
    color: #666;
    font-size: .4rem;
    color: #666;
    border-bottom: 1px solid #e5e5e5;
    transition: all .3s;
}
.header-right .search-box{
    display: none;
}
.header-right .item:last-child{
    display: none;
}
header.cur{
    background-color: #fff;
}
header.cur .logo{
    width: 3rem;
    margin-top: .4rem;
}
header.cur .logo-text{
    opacity: 0;
    filter: alpha(opacity=0);
}
header.cur .logo .logo1{
    display: none;
}
header.cur .logo .logo2{
    display: block;
}
header.cur .pc-nav .tit{
    color: #333;
    height: 1.4rem;
    line-height: 1.4rem;
}
header.cur{
    border-bottom: 1px solid rgba(220,220,220,.5);
}
header.cur .header-wrap{
    border-color: transparent;
}
header.cur .header-right{
    margin-top: .4rem;
}
header.cur .header-right .search-btn{
    background-image: url('../img/search-btn2.png');
}
header.cur .header-right .lang{
    background-image: url('../img/lang2.png');
}
header.cur .pc-nav li .navson{
    top: 1.4rem;
}
.clearfixed.cur{
    height: 1.4rem;
}

.search-box{
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #fff;
    display: none;
}
.pub-close{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: .6rem;
    height: .6rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    top: 2.25rem;
}
.search-top{
    border-bottom: 1px solid #e5e5e5;
    padding: .9rem 0;
}
.search-top .search{
    position: relative;
    width: 94%;
    float: left;
}
.search-top .search input[type=text]{
    width: 85%;
    height: 1rem;
    line-height: 1rem;
    background-color: transparent;
    padding-left: 1.25rem;
    font-size: .65rem;
    color: #000;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../img/search-btn3.png');
    font-size: .5rem;
    float: left;
}
.search-top .search input[type=submit]{
    float: right;
    width: 3rem;
    height: 1rem;
    font-size: .35rem;
    color: #fff;
    background-color: #00949c;
    border-radius: 4px;
}
.search-top .search-close{
    float: right;
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../img/search-close.png');
}
.search-box .enter-box h3{
    font-size: .6rem;
    line-height: 1.75rem;
    color: #000;
}
.search-box .enter-box .list .item{
    font-size: 0;
}
.search-box .enter-box .list .item:nth-child(2n+1){
    background-color: #f1f1f1;
}
.search-box .enter-box .list .item a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    color: #666;
    line-height: 1.75rem;
    font-size: .4rem;
    transition: all .2s;
}
.search-wrap .search-top{
    padding: 0;
}
/* header end */
footer{
    background-color: #3c3c3c; background-color:#0d4f9b
}
.f-top{
    padding: 1.1rem 0 .8rem;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.f-top .f-logo{
    float: left;
    /*width: 3.5rem;*/
}
.f-top .f-logo img{
    width: 100%;
}
.f-top .text{
    float: right;
    text-align: right;
}
.f-top .text .tit{
    font-size: .35rem;
    line-height: .4rem;
    color: #e9e9e9;
}
.f-top .text .tel{
    font-size: .65rem;
    line-height: .75rem; font-family:Arial, Helvetica, sans-serif;
    color: #e9e9e9;
    margin: .2rem 0;
}
.f-middle{
    padding: 1rem 0 1.75rem;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.f-nav{
    font-size: 0;
}
.f-nav li{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    margin-right: 6.25%;
}
.f-nav li:last-child{
    margin-right: 0;
}
.f-nav li .tit{
    font-size: .375rem;
    line-height: .4rem;
    color: #e9e9e9;
}
.f-nav li .navson{
    margin-top: .4rem;
}
.f-nav li .navson a{
    display: block;
    font-size: .325rem;
    line-height: .4rem;
    margin-bottom: .3rem;
    color: #ccc;
    transition: all .3s;
}
.f-nav li .navson a:last-child{
    margin-bottom: 0;
}
.f-middle .share-box{
    position: absolute;
    right: 0;
    top: 1rem;
    font-size: 0;
}
.f-middle .share-box .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-left: .5rem;
    position: relative;
}
.f-middle .share-box .icon{
    display: block;
    width: 1.325rem;
    height: 1.325rem;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-color: rgba(255,255,255,.1);
    transition: all .3s;

    /*background-image: url('../img/douyin.png');*/
}
.f-middle .share-box .item:nth-child(1) .icon{
    background-image: url('../img/douyin.png');
}
.f-middle .share-box .item:nth-child(2) .icon{
    background-image: url('../img/sina.png');
}
.f-middle .share-box .item:nth-child(3) .icon{
    background-image: url('../img/wechat.png');
}
.f-middle .share-box .item:nth-child(4) .icon{
    background-image: url('../img/douyin1.png');
}
.f-middle .share-box .item:nth-child(5) .icon{
    background-image: url('../img/sina1.png');
}
.f-middle .share-box .item:nth-child(6) .icon{
    background-image: url('../img/wechat1.png');
}
.f-middle .share-box .img-box{
    position: absolute;
    right: 0;
    top: 1.325rem;
    padding-top: .45rem;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.f-middle .share-box .img {
    padding-top: 4px;
    position: relative;
    width: 3.25rem;
    padding: 4px;
    background-color: #fff;
}
.f-middle .share-box .img:before {
    content: "";
    position: absolute;
    right: .5rem;
    top: -4px;
    width: 7px;
    height: 4px;
    background-image: url('../img/qrcode-sj.png');
}
.f-middle .share-box .img img{
    width: 100%;
}
.f-middle .share-box .item:hover{visibility: visible!important;
    opacity: 1;}
.f-middle .share-box .item:hover .img-box{opacity: 1!important; visibility:visible!important}
.f-bottom{
    padding: 1rem 0;
}
.f-bottom .left{
    float: left;
    font-size: 0;
}
.f-bottom .left .txt,
.f-bottom .left .build{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .35rem;
    line-height: .4rem;
    color: #777;
    margin-right: .6rem;
}
.f-bottom .left .build{
    margin-right: 0;
}
.f-bottom .left .build a{
    color: #777;
    font-size: .35rem;
    line-height: .4rem;
    transition: all .3s;
}
.f-bottom .right{
    float: right;
    font-size: 0;
}
.f-bottom .right a,
.f-bottom .right span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .35rem;
    line-height: .4rem;
    color: #777;
    margin-left: .6rem;
    transition: all .3s;
}
.f-bottom .right a:last-child{
    margin-left: 0;
}
.aside-box{
    position: fixed;
    left: 1%;
    bottom: 5%;
    display: none;
    z-index: 3;
}
.aside-box a{
    display: block;
    width: 1.4rem;
    height: 1.4rem;
     background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transition: background-color .3s;
    border-radius: 100%;
    background-color: #494949;
    margin-bottom: .2rem;

}
.aside-box .top-btn{
    background-image: url('../img/top-btn.png');
}
.aside-box .kefu-btn{
    background-image: url('../img/kefu.png');
}
.aside-box .top-btn:hover,.aside-box .kefu-btn:hover,.share-box a:hover{ background-color:#08c!important}
/* footer end */
.banner .m-box{
    display: none;
    position: relative;
}
.banner .pc-box{
    height: 100%;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.banner .swiper-slide .img{
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.banner .ban-video{
    background-color: #000;
}
.banner .swiper-slide{
    overflow: hidden;
}
.banner .swiper-slide video{
    position: absolute;
    right: 0;
    top: 50%;
    width: 115%;
    transform: translateY(-50%);
    background-color: #000;
}
.banner .btns{
    /* display: none; */
    position: absolute;
    left: 0;
    bottom: 3rem;
    width: 100%;
    text-align: center;
    font-size: 0;
    z-index: 3;
}
.banner .btns .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #fff;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0 5px;
}
.banner .btns .swiper-pagination-bullet-active{
    background-color: #00949c;
}
.banner .text-box{
    position: absolute;
    left: 0;
    top: 46.3%;
    width: 100%;
}
.banner .text-box .tit{
    font-size: 1.6rem;
    line-height: 1.7rem;
    color: #fff;
}
.banner .text-box .col{
    overflow: hidden;
}
.col .split{
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.banner .text-box .sub-tit{
    font-size: .65rem;
    line-height: .7rem;
    color: #fff;
    margin-top: .4rem;
}
.banner .block{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.ban-bottom-box{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
}
.ban-bottom{
    background-color: #fff;
    height: 2rem;
    padding: 0 1.25rem;
}
.ban-bottom .buttons{
    float: left;
    font-size: 0;
    margin-top: .8rem;
}
.ban-bottom .buttons a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: .5rem;
    height: .3rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transition: all .3s;
    margin-right: .65rem;
}
.ban-bottom .buttons .prev{
    background-image: url('../img/ban-prev.png');
}
.ban-bottom .buttons .next{
    background-image: url('../img/ban-next.png');
}
.ban-bottom .scroll-btn{
    position: absolute;
    left: 50%;
    top: .2rem;
    width: auto;
   /*  background-repeat: no-repeat;
    background-position: center;
    background-image: url('../img/scroll-btn.png'); */
    transform: translateX(-50%);
}
.ban-bottom .scroll-btn .txt{
    color: #00949c;
    text-transform: uppercase;
    font-weight: bold;
    /* transform: skew(-15deg); */
    font-size: .4rem;
    line-height: .5rem;
    margin-bottom: .1rem;
}
.ban-bottom .scroll-btn svg {
    display: block;
    width: 22px;
    height: 42px;
    margin: 0 auto;
}
.ban-bottom .scroll-btn path {
    stroke: #00949c;
    fill: transparent;
    stroke-width: 4px;
    animation: arrow 2s infinite;
    -webkit-animation: arrow 2s infinite;
}
.ban-bottom .scroll-btn path.a1 {
    animation-delay: -1s;
    -webkit-animation-delay: -1s;
}
.ban-bottom .scroll-btn path.a2 {
    animation-delay: -0.5s;
    -webkit-animation-delay: -0.5s;
}
.ban-bottom .scroll-btn path.a3 {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}
@-webkit-keyframes arrow{
    0%{opacity:0}
    40%{opacity:1}
    80%{opacity:0}
    100%{opacity:0}
}
/* .ban-bottom .scroll-btn:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 7px;
    width: 3px;
    height: 3px;
    background-color: #00949c;
    margin-left: -1px;
} */
.ban-bottom .tel{
    float: right;
    font-size: .45rem;
    line-height: .5rem;
    color: #00949c;
    font-family: 'BEBAS';
    padding-left: .75rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../img/index-tel.png');
    background-size: .5rem;
    margin-top: .8rem;
}
.index-product-box{
    padding: 2rem 0;
}
.index-product{
    position: relative;
}
.index-product .left{
    float: left;
    width: 65.28%;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: cover;
    background-image: url('../img/index-product-bg1.jpg');
    padding: .5rem .7rem;
    box-sizing: border-box;
    position: relative;
    transition: all .3s;
    height: 11rem;
    overflow: hidden;
}
.index-product .left .item{
    display: none;
}
.index-product .tit-box .en{
    font-size: .35rem;
    line-height: .5rem;
    font-family: "思源黑体","Source Han Sans CN","Noto Sans", sans-serif;
    color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
}
.index-product .tit-box .cn{
    font-size: .65rem;
    line-height: .7rem;
    color: #fff;
    margin-top: .3rem;
}
.index-product .tab-btns{
    font-size: 0;
    margin-top: .9rem;
}
.index-product .tab-btns a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0 .4rem;
    border: 1px solid #e8e8e8;
    line-height: .7rem;
    height: .7rem;
    border-radius: .35rem;
    font-size: .35rem;
    color: #fff;
    margin-right: .5rem;
    transition: all .3s;
}
.index-product .img-tab{
    margin-top: .6rem;
}
.index-product .img-tab .con-box{
    display: block;
}
.index-product .img-tab .text{
    font-size: .35rem;
    line-height: .6rem;
    color: #fff;

    transition: all .3s;
}
.index-product .img-tab .img{
    width: 94.3%;
    margin: 0 auto;
    transition: all .3s;
}
.index-product .img-tab .img img{
    width: 100%;
}
.index-product .right{
    position: absolute;
    right: 0;
    top: 0;
    width: 34.72%;
    height: 100%;
    background-repeat: no-repeat;
    background-position:right center;
    background-size: cover;
    background-image: url('../img/index-product-bg2.jpg');
    box-sizing: border-box;
    padding: .5rem .7rem;
    transition: all .3s;
}
.index-product .right .text-list{
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.index-product .right .text{
    font-size: .35rem;
    line-height: .4rem;
    color: #fff;
    margin-top: .6rem;
    display: none;
}
.index-product .right .right-tab{
    float: right;
    width: 60.465%;
    margin-top: -1rem;
    transition: all .3s;
}
.index-product .right .right-tab .item{
    display: none;
}
.index-product .right .img img{
    width: 100%;
}
.index-product .detail{
    font-size: .3rem;
    color: #fff;
    line-height: .5rem;
    padding-right: .5rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('../img/index-product-detail.svg');
    background-size: .4rem;
    position: absolute;
    left: .7rem;
    bottom: .5rem;
}
.index-about-box{
    padding: 3.5rem 0 8.625rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.index-about-box .about-tit{
    font-size: 1.25rem;
    line-height: 1.3rem;
    color: #fff;
}
.index-about-box .con{
    font-size: .55rem;
    line-height: .9rem;
    color: #fff;
    width: 36.8%;
    margin-top: .4rem;
}
.index-about-box .know-box{
    margin-top: 2.25rem;
    font-size: 0;
}
.index-about-box .know-btn{
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0 .6rem;
    height: .9rem;
    background-color: rgba(255,255,255,.8);
    border-radius: .45rem;
    transition: all .3s;
}
.index-about-box .know-btn span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .35rem;
    line-height: .9rem;
    color: #00949c;
    padding-right: .7rem;
    position: relative;
}
.index-about-box .know-btn span:before{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    right: 0;
    width: 10px;
    height: 8px;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -4px;
    background-image: url('../img/index-about-arrow.svg');
    background-size: .28rem;
}
.index-about-box .num-box{
    margin-top: 3.5rem;
    font-size: 0;
}
.index-about-box .num-box .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 1.75rem;
    padding-right: 1.75rem;
    position: relative;
    vertical-align: top;
}
.index-about-box .num-box .item:before{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1px;
    height: 2.625rem;
    background-color: #fff;
    opacity: .3;
    filter: alpha(opacity=30);
}
.index-about-box .num-box .item:last-child{
    padding-right: 0;
    margin-right: 0;
}
.index-about-box .num-box .item:last-child:before{
    display: none;
}
.index-about-box .num-box .icon{
    width: 1.5rem;
}
.index-about-box .num-box .icon img{
    width: 100%;
}
.index-about-box .num-wrap{
    margin-top: .3rem;
    font-size: 0;
}
.index-about-box .num,
.index-about-box .year{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: bottom;
}
.index-about-box .num{
    font-size: 1.1rem;
    line-height: 1.1rem;
    font-family: 'BEBAS';
    color: #fff;
}
.index-about-box .year{
    font-size: .35rem;
    width: .5rem;
    height: .5rem;
    background-color: #fff;
    border-radius: 100%;
    text-align: center;
    line-height: .5rem;
    color: #06969e;
    margin-left: .2rem;
}
.index-about-box .unit{
    font-size: .6rem;
    line-height: .6rem;
    color: #fff;
    margin-left: .2rem;
}
.index-about-box .txt{
    font-size: .4rem;
    line-height: .5rem;
    color: #fff;
    margin-top: .3rem;
}
.about-bottom-wrap{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,147,156,.8);
}
.about-bottom{
    position: relative;
    padding: .9rem 0;
}
.about-bottom .img{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 37.5%;
}
.about-bottom .img img{
    width: 100%;
}
.about-bottom .tit{
    font-size: .65rem;
    line-height: .7rem;
    color: #fff;
}
.about-bottom .bottom-con{
    font-size: .4rem;
    line-height: .6rem;
    width: 47.9%;
    color: #fff;
    margin-top: .35rem;
}
.about-bottom .index-explore-box{
    font-size: 0;
    margin-top: .5rem;
}
.about-bottom .explore-btn{
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding-right: .7rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('../img/index-about-arrow2.svg');
    background-size: .28rem;
    font-size: .35rem;
    color: #fff;
    line-height: .4rem;
    transition: all .3s;
}
.index-news-box{
    padding: 2.25rem 0 2rem;
}
.index-tit-box .index-tit{
    float: left;
}
.index-tit .tit{
    font-size: .9rem;
    line-height: 1rem;
    color: #333;
}
.index-tit .desc{
    margin-top: .3rem;
    font-size: .55rem;
    line-height: .6rem;
}
.index-tit-box .index-more{
    float: right;
}
.index-more{
    padding: 0 .55rem;
    font-size: 0;
    background-color: #00949c;
    border: 1px solid #00949c;
    border-radius: .45rem;
    transition: all .3s;
}
.index-more span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: .9rem;
    line-height: .9rem;
    font-size: .35rem;
    padding-right: .5rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('../img/index-about-arrow2.svg');
    color: #fff;
    background-size: .28rem;
    transition: all .3s;
}
.index-news{
    margin-top: 1.25rem;
}
.index-news .row{
    position: relative;
    margin: 0 -.5rem;
}
.index-news .item{
    box-sizing: border-box;
    padding: 0 .5rem;
}
.index-news .item.col-sm-8{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
.index-news .top-box .item.col-sm-4{
    float: right;
}
.index-news .left-con-box{
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden;
}
.index-news .left-con-box .bg{
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all .3s;
}
.index-news .left-con-box .text{
    position: absolute;
    left: 0;
    bottom: 8.85%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 7.4%;
}
.index-news .left-con-box .tit{
    font-size: .75rem;
    color: #fff;
    line-height: .8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;s
}
.index-news .left-con-box .con{
    font-size: .4rem;
    line-height: .7rem;
    color: #fff;
    margin-top: .4rem;
}
.index-news .con-box{
    display: block;
}
.index-news .con-box .img{
    overflow: hidden;
}
.index-news .con-box img{
    width: 100%;
    transition: all .3s;
}
.index-news .con-box .text{
    padding: .6rem;
    background-color: #f6f6f6;
}
.index-news .con-box .time{
    font-size: .4rem;
    line-height: .5rem;
    color: #999;
    font-family: 'BEBAS';
}
.index-news .con-box .tit{
    font-size: .55rem;
    line-height: .6rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    margin-top: .4rem;
    transition: all .3s;
}
.index-news .con-box .con{
    font-size: .375rem;
    line-height: .6rem;
    height: 1.2rem;
    overflow: hidden;
    color: #999;
    margin-top: .3rem;
}
.index-news .con-box .index-more{
    display: inline-block;
    margin-top: 1rem;
    border-color: #dcdcdc;
    background-color: transparent;
    transition: all .3s;
}
.index-news .con-box .index-more span{
    color: #bbb;
    background-image: url('../img/index-news-arrow.png');
    transition: all .3s;
}
.index-news .bottom-box{
    margin-top: 1rem;
}
.m-index-more{
    display: none;
}
.purpose-box{
    padding: 1.5rem 0;
    background-color: #bab6a8;
}
.purpose-box .tit{
    font-size: .65rem;
    line-height: .7rem;
    color: #fff;
    /* font-weight: bold; */
}
.purpose-box .purpose{
    margin-top: .3rem;
}
.purpose-box .purpose .con{
    font-size: .4rem;
    color: #fff;
    line-height: .6rem;
    float: left;
}
.purpose-box .purpose-btn{
    float: right;
    width: .4rem;
    height: .65rem;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../img/purpose-arrow.png');
    background-size: 100%;
    /* margin-top: .4rem; */
    transition: all .3s;
}
.index-story-box{
    padding: 2rem 0 1rem;
    background-color: #e8e8e8;
    overflow: hidden;
}
.index-story-box .index-story{
    /* width: 84.514%; */
    margin: 1.4rem 0 0;
}
.index-story-box .pc-box .con-box{
    width:84.514%;
    margin: 0 auto;
    position: relative;
}
.index-story .m-box{
    display: none;
}
.index-story-box .index-story img{
    width: 100%;
}
.index-story .list .item{
    position: absolute;
    width: 14.8%;
    padding-top: 14.8%;
}
.index-story .list .item:nth-child(1){
    left: 44.37%;
    top: 39.835%;
}
.index-story .list .item:nth-child(2){
    left: 0%;
    top: 16.4835%;
}
.index-story .list .item:nth-child(3){
    left: 10.682%;
    top: 48%;
}
.index-story .list .item:nth-child(4){
    left: 80.9%;
    top: 14.835%;
}
.index-story .list .item:nth-child(5){
    left: 72.7%;
    top: 54.945%;
}
.index-story .list .item:nth-child(6){
    left: -12.3%;
    top: 22%;
}
.index-story .list .item:nth-child(7){
    left: 0%;
    top: 65.934%;
}
.index-story .list .item:nth-child(8){
    left: 70.33%;
    top: 0%;
}
.index-story .list .item:nth-child(9){
    left: 89.5645%;
    top: 68.68%;
}
.index-story .list .item:nth-child(10){
    left: -22%;
    top: 2.75%;
}
.index-story .list .item:nth-child(11){
    left: -14.38%;
    top: 54.4%;
}
.index-story .list .item:nth-child(12){
    right: -21.364%;
    top: 2.75%;
}
.index-story .list .item:nth-child(13){
    right: -23.8%;
    top: 45.3%;
}
.index-story .list .item:nth-child(2) .circle,
.index-story .list .item:nth-child(13) .circle{
    background-color: rgba(255,255,255,.8);
}
.index-story .list .item:nth-child(2) .circle .txt,
.index-story .list .item:nth-child(13) .circle .txt{
    color: #666;
    opacity: .5;
    filter: alpha(opacity=50);
}
.index-story .list .md-item .circle{
    background-color: rgba(0,148,156,.6);
    transform: scale(.5);
}
.index-story .list .md-item .circle .txt{
    font-size: .35rem;
    line-height: .5rem;
    color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    transform: scale(2) translateY(-50%);
    transform-origin: top center;
    transition: all .3s;
}
.index-story .list .sm-item .circle{
    background-color: rgba(255,255,255,.3);
    transform: scale(.167);
}
.index-story .list .sm-item .circle .txt{
    font-size: .35rem;
    line-height: .5rem;
    color: #666;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(-50%);
    transition: all .3s;
}
.index-story .list .md-item .sub-item{
    width: 20%;
    padding-top: 20%;
}
.index-story .list .circle{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    z-index: 3;
    box-shadow: 0 .5rem .6rem rgba(157,173,186,.2);
    transition: all .3s;
}
.index-story .list .circle .txt{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}
.index-story .list .lg-item .circle{
    transform: scale(.6);
    background-color: rgba(0, 148, 156, .8);
}
.index-story .list .lg-item .circle{
    width: 100%;
}
.index-story .list .lg-item .circle .txt{
    font-size: .35rem;
    line-height: .5rem;
    color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    transform: scale(1.63) translateY(-50%);
    transform-origin: top center;
    transition: all .3s;
}
.index-story .list .sub{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 253%;
    padding-top: 253%;
    transform: scale(0) translate(-50%,-50%);
    transform-origin: left top;
    transition:all .5s;
}
.index-story .list .sub .line1{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 44%;
    padding-top: 44%;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 100%;
    transform: translate(-50%,-50%);
}
.index-story .list .sub .line2{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 68%;
    padding-top: 68%;
    border: 1px solid rgba(181,181,181,.5);
    border-radius: 100%;
    transform: translate(-50%,-50%);
}
.index-story .list .sub .line3{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    padding-top: 100%;
    border: 1px solid rgba(181,181,181,.23);
    border-radius: 100%;
    transform: translate(-50%,-50%);
}
.index-story .sub-list{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    padding-top: 100%;
}
.index-story .list .sub-item{
    position: absolute;
    width: 16.483%;
    padding-top: 16.483%;
    border-radius: 100%;
    background-color: rgba(0,148,156,.3);
}
.index-story .list .sub-item:nth-child(2n){
    background-color: #fff;
}
.index-story .list .sub-item:nth-child(1){
    left: 10%;
    top: 4%
}
.index-story .list .sub-item:nth-child(2){
    left: -8%;
    top: 44%
}
.index-story .list .sub-item:nth-child(3){
    left: 10%;
    bottom: 4%
}
.index-story .list .sub-item:nth-child(4){
    right: 10%;
    top: 4%
}
.index-story .list .sub-item:nth-child(5){
    right: -8%;
    top: 44%
}
.index-story .list .sub-item:nth-child(6){
    right: 10%;
    bottom: 4%
}
.index-story .list .sub-item .txt{
    font-size: .3rem;
    line-height: .4rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    color: #fff;
}
.index-story .list .sub-item:nth-child(2n) .txt{
    color: #666;
    opacity: .5;
    filter: alpha(opacity=50);
}
.index-story .prev,
.index-story .next{
    position: absolute;
    width: .75rem;
    height: .55rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    top: 29.5%;
    z-index: 3;
    transition: all .3s;
}
.index-story .prev{
    left: 0;
    background-image: url('../img/story-prev.png');
}
.index-story .next{
    right: 0;
    background-image: url('../img/story-next.png');
}
/* welcome end */
.h100{
    height: 100%;
}
.factory-wrap section{
    /* height: 100vh; */
}
.bg-box{
    /* height: 100%; */
}
.bg-box .bg{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    background-attachment: fixed;
}
.bg-box .bg img{
    width: 100%;
}
.bg-box .m-bg{
    display: none;
}
.factory-wrap{
    position: relative;
    z-index: 3;
}
.factory-box1{
    position: relative;
}
.factory-box1 .bg-box{
    height: 100vh;
}
.factory-box1 .text-box{
    position: absolute;
    left: 0;
    top: 22.22%;
    width: 100%;
    text-align: center;
}
.factory-tit{
    font-size: .9rem;
    line-height: 1rem;
    color: #fff;
    text-align: center;
}
.factory-con{
    font-size: .4rem;
    line-height: .75rem;
    color: #fff;
    margin: .4rem auto 0;
    width: 66%;
    text-align: center;
}
.factory-box2 .img{
/*     background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-attachment: fixed; */
}
.factory-box2 .img img{
    width: 100%;
}
.factory-box2 .text-box{
    padding: 1.75rem 0 3.5rem;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    text-align: center;
}
.factory-box1 .factory-tit{
    font-size: 1.25rem;
    line-height: 1.3rem;
}
.factory-box2 .factory-tit{
    color: #333;
}
.factory-box2 .factory-con{
    color: #666;
    font-size: .45rem;
    width: 90.28%;
    margin-top: .75rem;
}
.factory-box3{
    position: relative;
    padding: 2rem 0 4.5rem;
    height: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.factory-box3 .factory-tit{
    color: #333;
    text-align: center;
}
.factory-box3 .img-wrap{
    width: 60.28%;
    margin: .25rem auto 0;
    position: relative;
}
.factory-box3 .img-wrap img{
    width: 100%;
}
.factory-box3 .img-wrap .list-item{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .3s;
}
.factory-box3 .img-wrap .list-item img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.factory-box3 .img-wrap .list-item .light{
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.factory-box3 .img-wrap .list-item.on{
    top: -10px;
    z-index: 3;
}
.factory-box3 .img-wrap .list-item.on .light{
    opacity: 1;
    filter: alpha(opacity=100);
    transition-delay: .3s;
}
.factory-box3 .tab-btns{
    margin: .75rem 0 0;
    position: relative;
    z-index: 3;
    overflow: hidden;
}
.factory-box3 .tab-btns .row{
    margin: 0 -1.5rem;
}
.factory-box3 .tab-btns .swiper-slide{
    box-sizing: border-box;
    padding-top: .5rem;
    /* padding: 0 1.5rem; */
}
.factory-box3 .tab-btns .icon{
    width: 1.4rem;
    position: relative;
    margin: 0 auto;
    top: 0;
    transition: all .3s;
}
.factory-box3 .tab-btns .icon img{
    width: 100%;
    display: block;
    transition: all .3s;
}
.factory-box3 .tab-btns .icon .hover{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
}
.factory-box3 .tab-btns .txt{
    font-size: .45rem;
    line-height: .6rem;
    color: #555;
    text-align: center;
    margin-top: .6rem;
    transition: all .3s;
}
.factory-box3 .tab-btns .swiper-slide.cur .con-box .icon{
    top: -.5rem;
}
.factory-box3 .tab-btns .swiper-slide.cur .con-box .init{
    opacity: 0;
    filter: alpha(opacity=0);
}
.factory-box3 .tab-btns .swiper-slide.cur .con-box .hover{
    opacity: 1;
    filter: alpha(opacity=100);
}
.factory-box3 .tab-btns .swiper-slide.cur .con-box .txt{
    color: #00949c;
}
.factory-box4 .img{
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.factory-box4 .img img{
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
}
.factory-box4 .factory-tit{
    color: #333;
    text-align: center;
}
.factory-box4 .func-box{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 1rem 0 3.5rem;
}
.factory-box4 .func-wrap{
    margin-top: 1.75rem;
}
.factory-box4 .func-wrap .row{
    margin: 0 -1.5rem;
}
.factory-box4 .func-item{
    box-sizing: border-box;
    padding: 0 1.5rem;
}
.factory-box4 .func-item:before{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
    height: 1.2rem;
    background-color: #000;
    opacity: .1;
    filter: alpha(opacity=10);
    transform: translateY(-50%);
}
.factory-box4 .func-item:last-child:before{
    display: none;
}
.factory-box4 .con-box{
    padding-left: 1.6rem;
    background-repeat: no-repeat;
    background-position: left .1rem;
    background-size: 1.1rem;
    width: 5rem;
    box-sizing: border-box;
    line-height: .75rem;
    margin: 0 auto;
}
.factory-box4 .func-item .icon{
    width: 1.1rem;
}
.factory-box4 .func-item .icon img{
    width: 100%;
}
.factory-box4 .func-item .txt{
    font-size: .5rem;
    margin-left: .3rem;
}
#wave{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.factory-box5 .bg-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.adv-box{
    /* padding: 5rem 0 4rem; */
    padding: 2rem 0;
    position: relative;
    z-index: 3;
}
.adv-box .factory-con{
    width: 72.9%;
    color: #dcdcdc;
    line-height: .9rem;
}
.adv-tab{
    margin-top: 1.75rem;
    overflow: hidden;
}
.adv-tab .con-box{
    position: relative;
    padding: 1rem .9rem;
    background-color: rgba(0,148,156,.1);
    border: 1px solid rgba(0,148,156,.9);
    transition: all .3s;
}
.adv-tab .con-box:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 4px solid #00949c;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.adv-tab .icon{
    width: 1.25rem;
}
.adv-tab .icon img{
    width: 100%;
}
.adv-tab .tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #fff;
    margin-top: .7rem;
}
.adv-tab .adv-con{
    font-size: .35rem;
    line-height: .85rem;
    color: #dcdcdc;
    margin-top: .3rem;
    height: 5.1rem;
    overflow: hidden;
}
.adv-tab .btns{
    font-size: 0;
    text-align: center;
    margin-top: 1.1rem;
}
.adv-tab .btns .swiper-pagination-bullet{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: .25rem;
    height: .1rem;
    background-color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    margin: 0 5px;
    transition: all .3s;
}
.adv-tab .btns .swiper-pagination-bullet-active{
    width: .75rem;
    background-color: #00949c;
    opacity: 1;
    filter: alpha(opacity=100);
}
.material-box .bg{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    height: 100vh;
    box-sizing: border-box;
    background-attachment: inherit;
}
.material-box .block{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 3;
}
.safety-box{
    padding: 6rem 0;
    position: relative;
    z-index: 3;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.material-tit{
    text-align: center;
}
.material-tit .cn{
    font-size: 1.25rem;
    line-height: 1.3rem;
    color: #fff;
}
.material-tit .en{
    font-size: .9rem;
    line-height: 1rem;
    font-family: "思源黑体","Source Han Sans CN","Noto Sans", sans-serif;
    color: #fff;
    margin-top: .25rem;
}
.safety-box{
    height: 100vh;
    /* padding: 6.25rem 0 14.875rem; */
    position: relative;
    box-sizing: border-box;
}
.safety-box .safe-more{
    display: block;
    width: 4.25rem;
    border-radius: .625rem;
    background-color: #00949c;
    text-align: center;
    line-height: 1.25rem;
    margin: 1.75rem auto 0;
}
.safety-box .safe-more span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .35rem;
    line-height: 1.25rem;
    height: 1.25rem;
    color: #d8f2f6;
    padding-left: .5rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../img/safe-arrow.png');
    vertical-align: top;
}
.safety-box .vb-box{
    /* margin-top: 2.5rem; */
}
.vb-box{
    font-size: 0;
    text-align: center;
    top: 54.6%;
    position: absolute;
    left: 0;
    width: 100%;
    width: 100%;
    z-index: 3;
}
.vb-box .img{
    display: inline-block;
    *display: inline;
    zoom: 1;
    /* width: 17%; */
    width: 12.76%;
    margin: 0 4.6875%;
}
.vb{
   position: fixed;
   top: 54.6%;
   left: 0;
   width: 100%;
   z-index: 20;
   transform: scale(0);
   transform-origin: top center;
}
.vb-box .img img{
    width: 100%;
}
.vb-box .vb{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.vb img{
    width: 100%;
}
.vb-box.m-box{
    display: none;
}
.app-box{
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
}
.app-box .material-tit{
    position: absolute;
    left: 0;
    top: calc(12.96% + 3.15rem);
    width: 100%;
    z-index: 3;
}
.app-tab{
    overflow: hidden;
}
.app-tab .bg img{
    width: 100%;
}
.app-tab .text{
    position: absolute;
    left: 0;
    top: calc(22.22% + 3.15rem);
    width: 100%;
    text-align: center;
}
.app-tab .text .tit{
    font-size: .75rem;
    line-height: .8rem;
    color: #fff;
}
.app-tab .text .con{
    font-size: .4rem;
    line-height: .75rem;
    color: #fff;
    width: 54.17%;
    margin: .3rem auto 0;
}
.app-box .tab-btns{
    position: absolute;
    left: 0;
    bottom: 10.185%;
    width: 100%;
    /* padding-left: 6rem; */
    box-sizing: border-box;
    z-index: 3;
}
.app-box .tab-btns .swiper-wrapper{
    justify-content: center;
}
.app-box .tab-btns .swiper-slide{
    width: auto;
    padding-right: 6rem;
}
.app-box .tab-btns .swiper-slide:last-child{
    padding-right: 0;
}
.app-box .tab-btns .circle{
    width: .6rem;
    height: .6rem;
    /* border: 3px solid #00949c; */
    border: 3px solid transparent;
    box-sizing: border-box;
    border-radius: 100%;
    position: relative;
    cursor: pointer;
    transition: all .3s;
}
.app-box .tab-btns .circle:after{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: .25rem;
    height: .25rem;
    border-radius: 100%;
    background-color: #fff;
    margin-top: -.125rem;
    margin-left: -.125rem;
    transition: all .3s;
}
.app-box .tab-btns .circle:before{
    content: "";
    position: absolute;
    left: .6rem;
    top: 50%;
    border-top: 1px dashed #fff;
    width: 5.8rem;
}
.app-box .tab-btns .circle .block{
    position: absolute;
    left: .3rem;
    top: 50%;
    height: 1px;
    width: 6.4rem;
}
.app-box .tab-btns .circle .block .block-line{
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #00b4bd;
}
.app-box .tab-btns .swiper-slide:last-child .circle:before,
.app-box .tab-btns .swiper-slide:last-child .circle .block{
    visibility: hidden;
}
.app-box .tab-btns .text{
    position: absolute;
    padding-bottom: 1.25rem;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 3rem;
    text-align: center;
}
.app-box .tab-btns .icon{
    width: 1.125rem;
    position: relative;
    margin: 0 auto;
}
.app-box .tab-btns .icon img{
    width: 100%;
    transition: all .3s;
}
.app-box .tab-btns .icon .hover{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.app-box .tab-btns .txt{
    font-size: .45rem;
    line-height: .5rem;
    color: #fff;
    margin-top: .3rem;
    transition: all .3s;
}
.app-box .tab-btns .line{
    position: absolute;
    left: 50%;
    bottom: .6rem;
    width: 1px;
    /* height: .5rem; */
    height: 0;
    background-color: #00949c;
}
.app-box .tab-btns .swiper-slide.cur .circle{
    border-color: #00949c;
}
.app-box .tab-btns .swiper-slide.cur .circle:after{
    background-color: #00949c;
}
.app-box .tab-btns .swiper-slide.cur .icon .init{
    opacity: 0;
    filter: alpha(opacity=0);
}
.app-box .tab-btns .swiper-slide.cur .icon .hover{
    opacity: 1;
    filter: alpha(opacity=100);
}
.app-box .tab-btns .swiper-slide.cur .txt{
    color: #00949c;
}
.app-tab .app-prev,
.app-tab .app-next{
    position: absolute;
    top: 50%;
    width: 1.2rem;
    height: .7rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    z-index: 3;
    transform: translateY(-50%);
    transition: all .3s;
}
.app-tab .app-prev{
    left: 5.2%;
    background-image: url('../img/app-prev.png');
}
.app-tab .app-next{
    right: 5.2%;
    background-image: url('../img/app-next.png');
}
.save-box{
    position: relative;
    overflow: hidden;
}
.save-tab{
    overflow: hidden;
}
.save-box .text{
    position: absolute;
    left: 0;
    top: 12.96%;
    width: 100%;
    text-align: center;
}
.save-box .text .con{
    margin-top: .5rem;
    font-size: .4rem;
    line-height: .75rem;
    color: #fff;
    width: 53.47%;
    margin: .5rem auto 0;
}
.save-box .text .con span{
    color: #00949c;
    font-size: .65rem;
    line-height: .7rem;
}
.save-btns-box{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
}
.save-btns{
    font-size: 0;
}
.save-btns .row{
    margin: 0 -.55rem;
}
.save-btns .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 33.33%;
    box-sizing: border-box;
    padding: 0 .55rem;
}
.save-btns .con-box{
    display: block;
    border-radius: .8rem .8rem 0 0;
    overflow: hidden;
    position: relative;
    top: 1.25rem;
    transition: all .3s;
}
.save-btns .item.cur .con-box{
    top: 0;
}
.save-btns img{
    width: 100%;
}
.save-btns .con-box .txt{
    position: absolute;
    left: 0;
    top: 42.6%;
    width: 100%;
    text-align: center;
}
.save-btns .con-box .txt .cn{
    font-size: .75rem;
    color: #fff;
    line-height: .8rem;
}
.save-btns .con-box .txt .en{
    font-size: .55rem;
    line-height: .6rem;
    margin-top: .2rem;
    color: #fff;
    font-family: "思源黑体","Source Han Sans CN","Noto Sans", sans-serif;
}
.sub-banner{
    height: 100vh;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.sub-banner img{
    display: none;
    width: 100%;
}
.sub-banner .text-box{
    position: absolute;
    left: 0;
    top: 35.79%;
    width: 100%;
}
.sub-banner .text-box .cn{
    font-size: 1.25rem;
    line-height: 1.3rem;
    color: #fff;
}
.sub-banner .text-box .en{
    font-size: .65rem;
    line-height: .7rem;
    color: #fff;
    font-family: "思源黑体","Source Han Sans CN","Noto Sans", sans-serif;
    margin-top: .4rem;
}
.sub-banner .text-box .scroll-btn{
    display: block;
    width: 26px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../img/scroll-bg.png');
    margin-top: 3.5rem;
    position: relative;
}
.sub-banner .text-box .scroll-btn:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 10px;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #00949c;
    margin-left: -2px;
}
.sub-nav-box{
    margin-top: -2rem;
    position: relative;
    z-index: 3;
}
.sub-nav{
    overflow: hidden;
    background-color: rgba(255,255,255,.9);
}
.sub-nav .swiper-slide{
    width: 33.33%;
    box-sizing: border-box;
    border-right: 1px solid rgba(255,255,255,.4);
}
.sub-nav a{
    display: block;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    font-size: .4rem;
    color: #333;
    position: relative;
    transition: all .3s;
}
.sub-nav a:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 3px;
    background-color: #00949c;
    transition: all .3s;
}
.sub-nav .swiper-slide.cur a{
    color: #00949c;
}
.sub-nav .swiper-slide.cur a:before{
    width: 100%;
}
.keep-box{
    padding: 3.5rem 0 3rem;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.keep-box .tit-box{
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding-bottom: .75rem;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
}
.keep-box .tit-box .tit{
    font-size: 1.4rem;
    line-height: 1.5rem;
    background: linear-gradient(143deg, #31c68c, #1ba8ba);
    -webkit-background-clip: text;
    color: transparent;
}
.keep-box .tit-box .yin{
    position: absolute;
    width: 21px;
    height: 18px;
}
.keep-box .tit-box .yin img{
    width: 100%;
}
.keep-box .tit-box .yin1{
    left: -1.4rem;
    top: 0;
}
.keep-box .tit-box .yin2{
    right: -1.4rem;
    bottom: .9rem;
}
.keep-box .tit-box .desc{
    font-size: .65rem;
    line-height: .7rem;
    color: #4c4c4c;
    margin-top: .3rem;
}
.keep-box .con{
    font-size: .425rem;
    line-height: 1rem;
    color: #666;
    margin-top: 1.75rem;
}
.girl-bg{
    background-repeat: no-repeat;
    background-position:  center;
    background-size: cover;
    height: 16.5rem;
    overflow: hidden;
}
.life-box{
    padding: 2rem 0 2.5rem;
    background-color: #ebf0f5;
}
.life-tit{
    text-align: center;
}
.life-tit .tit{
    font-size: .9rem;
    line-height: 1rem;
}
.life-tit .line{
    width: .9rem;
    height: .1rem;
    background-color: #959595;
    margin: .9rem auto 0;
}
.life-box .list{
    margin-top: 1.9rem;
}
.life-box .list .row{
    margin: 0 -.35rem;
}
.life-box .list .item{
    box-sizing: border-box;
    padding: 0 .35rem;
}
.life-box .list .img{
    overflow: hidden;
}
.life-box .list img{
    width: 100%;
    transition: all .3s;
}
.life-box .list .text{
    background-color: #fff;
    padding: 1.25rem 1.25rem 1.75rem;
}
.life-box .list .con-box{
    box-shadow: 3px 3px rgba(195,195,195,.21);
    position: relative;
    top: 0;
    transition: all .3s;
}
.life-box .list .tit{
    font-size: .7rem;
    color: #010101;
    line-height: .8rem;
}
.life-box .list .con{
    font-size: .375rem;
    line-height: .75rem;
    color: #4c4c4c;
    margin-top: .6rem;
    height: 6.75rem;
    overflow: hidden;
}
.life-box .list .con .mCSB_scrollTools .mCSB_draggerRail{
    width: 1px;
    background: rgba(0,0,0,.1);
}
.life-box .list .con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #00949c;
    border-radius: 0;
}
.global-box{
    background-color: #f6f6f6;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 33.854%;
    padding: 3.5rem 0 4.75rem;
    text-align: center;
}
.global-tit{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 1.4rem;
    line-height: 1.5rem;
    color: #03a8b1;
    padding-bottom: .5rem;
    border-bottom: 1px solid rgba(210,210,210,.4);
    margin-bottom: 1.25rem;
}
.global-box .con{
    font-size: .65rem;
    line-height: .7rem;
    color: #4c4c4c;
}
.vision-box{
    padding: 4rem 0 5.75rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.vision-box .row{
    margin: 0 -1.25rem;
}
.vision-box .item{
    box-sizing: border-box;
    padding: 0 1.25rem;
    text-align: center;
}
.vision-box .con-box{
    position: relative;
    top: 0;
    transition: all .3s;
}
.vision-box .item .icon{
    width: 2.25rem;
    margin: 0 auto;
    position: relative;
}
.vision-box .item .icon img{
    width: 100%;
    transition: all .3s;
}
.vision-box .item .icon .hover{
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.vision-box .item .tit{
    font-size: .7rem;
    line-height: .8rem;
    color: #fff;
    margin-top: 1.9rem;
}
.vision-box .item .con{
    margin-top: .5rem;
    font-size: .375rem;
    line-height: .6rem;
    color: #fff;
}
.care-box{
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}
.care-box .text-box{
    padding: 3.75rem 0 5.25rem;
    margin-left: 1.2rem;
    text-align: center;
    width: 49.3%;
}
.care-box .text-box .care-logo{
    width: 76.9%;
    margin: 0 auto;
}
.care-box .text-box .care-logo img{
    width: 100%;
}
.care-box .text-box .txt{
    font-size: .45rem;
    color: #4c4c4c;
    line-height: .9rem;
    margin-top: .6rem;
}
.care-list{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.care-list .item{
    padding: 2rem 0;
    border-bottom: 1px solid rgba(191,191,191,.3);
}
.care-list .item:last-child{
    border-bottom: none;
}
.care-list .item .icon{
    width: 1.125rem;
}
.care-list .item .icon img{
    width: 100%;
}
.care-list .item .tit{
    font-size: .7rem;
    line-height: .8rem;
    color: #0d0d0d;
    margin-top: .75rem;
}
.care-list .item .con{
    font-size: .4rem;
    line-height: .9rem;
    color: #666;
    margin-top: .3rem;
}
.care-contact{
    height: 8.25rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.care-contact .care-btn{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 5.5rem;
    height: 1.45rem;
    transform: translate(-50%,-50%);
    background: linear-gradient(137deg, #1abe89, #1aa8b9);
    text-align: center;
    line-height: 1.45rem;
    font-size: .55rem;
    color: #fff;
    transition: all .3s;
}
.care-contact .care-btn:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.care-contact .care-btn span{
    position: relative;
    z-index: 3;
}
.service-nav .swiper-slide{
    width: 20%;
}
.declaration-box{
    padding: 1.75rem 0 2.5rem;
}
.dec-tit{
    font-size: .9rem;
    line-height: 1rem;
    color: #333;
    text-align: center;
}
.dec-con{
    margin: .4rem auto 0;
    text-align: center;
    font-size: .4rem;
    line-height: .75rem;
    color: #666;
}
.dec-tab{
    margin-top: 2.25rem;
    overflow: hidden;
    position: relative;
}
.dec-tab .icon{
    width: 2rem;
    margin: 0 auto;
}
.dec-tab .icon img{
    width: 100%;
}
.dec-tab .txt{
    font-size: .6rem;
    line-height: .7rem;
    color: #00949c;
    text-align: center;
    margin-top: .3rem;
}
.dec-tab .dec-con{
    width: 60.4%;
    margin: .7rem auto 0;
}
.dec-tab .prev,
.dec-tab .next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #dcdcdc;
    border-radius: 100%;
    z-index: 3;
    background-repeat: no-repeat;
    background-position: center;
    background-size: .25rem;
    transition: all .3s;
}
.dec-tab .prev{
    left: 0;
    background-image: url('../img/dec-prev.png');
}
.dec-tab .next{
    right: 0;
    background-image: url('../img/dec-next.png');
}
.dec-tab .item{
    display: none;
}
.dec-btns{
    width: 60.4%;
    margin: 3rem auto 0;
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
}
.dec-btns .swiper-slide{
    width: auto;
    font-size: .45rem;
    line-height: .5rem;
    padding-bottom: .6rem;
    cursor: pointer;
    position: relative;
    transition: all .3s;
    margin-right: 15.9%;
}
.dec-btns .swiper-slide:last-child{
    margin-right: 0;
}
.dec-btns .swiper-slide:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background-color: #00949c;
    transition: all .3s;
}
.dec-btns .swiper-slide.cur{
    color: #00949c;
}
.dec-btns .swiper-slide.cur:before{
    width: 100%;
}
.custom-box{
    padding: 2.25rem 0 0;
}
.custom-box .dec-tit{
    color: #edecea;
}
.custom-box .img{
    width: 57.15%;
    margin: 1.5rem auto 0;
}
.custom-box .img img{
    width: 100%;
}
.service-tit .tit{
    font-size: .9rem;
    line-height: 1rem;
}
.service-tit .desc{
    font-size: .4rem;
    line-height: .9rem;
    margin-top: .5rem;
}
.service-tit .desc a{
    font-size: .4rem;
    line-height: .9rem;
    color: #00949c;
    text-decoration: underline;
}
.before-box{
    padding: 1.75rem 0 2rem;
}
.before-list{
    margin-top: 1rem;
}
.before-list .row{
    margin: 0 -5px;
}
.before-list .item{
    float: left;
    width: 20%;
    box-sizing: border-box;
    padding: 0 5px;
}
.before-list .con-box{
    position: relative;
    top: 0;
    background-color: #ebf0f5;
    padding: 1.25rem .75rem 2.25rem;
    border-top: .25rem solid #e0e4ea;
    transition: all .3s;
}
.before-list .con-box .icon{
    width: .85rem;
    position: relative;
}
.before-list .con-box .icon img{
    width: 100%;
    transition: all .3s;
}
.before-list .con-box .icon .hover{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
}
.before-list .con-box .con{
    font-size: .4rem;
    line-height: .9rem;
    color: #333;
    margin-top: .6rem;
    height: 5.4rem;
    overflow: hidden;
}
.before-list .con-box .con .mCSB_scrollTools{
    width: 3px;
}
.before-list .con-box .con .mCSB_scrollTools .mCSB_draggerRail{
    width: 3px;
    background: transparent;
}
.before-list .con-box .con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #00949c;
    border-radius: 0;
}
.after-box{
    padding: 1.75rem 0 1.25rem;
}
.after-list{
    margin-top: 1rem;
}
.after-list .row{
    margin: 0 -.35rem;
}
.after-list .item{
    box-sizing: border-box;
    padding: 0 .35rem;
    margin-bottom: .75rem;
}
.after-list .con-box{
    position: relative;
    top: 0;
    padding: 1.15rem .75rem .75rem;
    background-color: #fff;
    box-shadow: 0 5px 30px rgba(0,148,156,.1);
    transition: all .3s;
}
.after-list .con-box:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: .25rem;
    background: #e6eaef;
}
.after-list .con-box .icon{
    width: 1.25rem;
}
.after-list .con-box .icon img{
    width: 100%;
}
.after-list .con-box .txt{
    font-size: .45rem;
    line-height: .6rem;
    color: #333;
    margin-top: .75rem;
}
.train-box{
    padding: 1.75rem 0 2rem;
    background-color: #ebf0f5;
}
.train-box .train-tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #333;
}
.train-box .train-list{
    margin-top: 1rem;
}
.train-box .train-list .row{
    margin: 0 -.25rem;
}
.train-box .train-list .item{
    width: 14.28575%;
    box-sizing: border-box;
    padding: 0 .25rem;
    float: left;
}
.train-box .train-list .con-box{
    background-color: #fff;
    padding: .75rem .7rem;
    height: 4.25rem;
    position: relative;
    top: 0;
    transition: all .3s;
}
.train-box .train-list .txt{
    font-size: .4rem;
    line-height: .9rem;
    color: #666;
    transition: all .3s;
}
.train-box .train-list .num{
    position: absolute;
    right: -.1rem;
    bottom: 0;
    font-size: 1.6rem;
    line-height: 1.6rem;
    color: #e0e5ea;
    font-family: 'BEBAS';
    transition: all .3s;
}
.ask-box{
    padding: 1.75rem 0 2.5rem;
}
.ask-box .form-box{
    margin-top: .75rem;
}
.form-box .row{
    margin: 0 -1.125rem;
}
.form-box .item{
    box-sizing: border-box;
    padding: 0 1.125rem;
    margin-bottom: 1.5rem;
}
.form-box .item:last-child{
    margin-bottom: 0;
}
.form-box .tit{
    font-size: .4rem;
    line-height: .5rem;
    margin-bottom: .3rem;
}
.form-box .tit .red{
    color: #f00;
}
.form-box input[type=text],
.form-box textarea{
    width: 100%;
    /* margin-top: .3rem; */
    padding: .5rem 1.6rem;
    width: calc(100% - 3.2rem);
    height: .75rem;
    line-height: .75rem;
    font-size: .4rem;
    color: #999;
    background-repeat: no-repeat;
    background-position: .5rem center;
    background-size: .5rem;
    background-color: #f9f9f9;
    border: 1px solid #e5e5e5;
    transition: all .3s;
}
.form-box .name{
    background-image: url('../img/form-icon1.png');
}
.form-box .tel{
    background-image: url('../img/form-icon2.png');
}
.form-box .mail{
    background-image: url('../img/form-icon3.png');
}
.form-box .address{
    background-image: url('../img/form-icon4.png');
}
.form-box .company{
    background-image: url('../img/form-icon5.png');
}
.form-box .country{
    background-image: url('../img/form-icon6.png');
}
.form-box .content{
    background-image: url('../img/form-icon7.png');
    background-position: .5rem .6rem;
    height: 6rem;
}
.form-box input::-webkit-input-placeholder{
    color:#999;
}
.form-box input:-moz-placeholder{
    color:#999;
}
.form-box input::-moz-placeholder{
    color:#999;
}
.form-box input:-ms-input-placeholder {
    color:#999;
}
.form-box textarea::-webkit-input-placeholder{
    color:#999;
}
.form-box textarea:-moz-placeholder{
    color:#999;
}
.form-box input[type=text]:focus,
.form-box textarea:focus{
    background-color: #00949c;
    color: #fff;
}
.form-box input[type=text]:focus::-webkit-input-placeholder {
    color: #fff;
}
.form-box input[type=text]:focus:-moz-placeholder {
    color: #fff;
}
.form-box input[type=text]:focus::-moz-placeholder {
    color: #fff;
}
.form-box input[type=text]:focus:-ms-input-placeholder {
    color: #fff;
}
.form-box textarea:focus::-webkit-input-placeholder{
    color:#fff;
}
.form-box textarea:focus:-moz-placeholder{
    color:#fff;
}
.form-box .name:focus{
    background-image: url('../img/h-form-icon1.png');
}
.form-box .tel:focus{
    background-image: url('../img/h-form-icon2.png');
}
.form-box .mail:focus{
    background-image: url('../img/h-form-icon3.png');
}
.form-box .address:focus{
    background-image: url('../img/h-form-icon4.png');
}
.form-box .company:focus{
    background-image: url('../img/h-form-icon5.png');
}
.form-box .country:focus{
    background-image: url('../img/h-form-icon6.png');
}
.form-box .content:focus{
    background-image: url('../img/h-form-icon7.png');
}
.form-box .check-box{
    float: left;
    width: 22.9%;
    border: 1px solid #e5e5e5;
}
.form-box .check-box input{
    padding: .5rem;
    height: .5rem;
    line-height: .5rem;
    width: calc(63.64% - 1rem - 1px);
    border: none;
    border-right: 1px solid #e5e5e5;
    margin: 0;
}
.form-box .check-box img{
    float: right;
    width: 36.36%;
    height: 1.5rem;
}
.form-box input[type=submit]{
    float: left;
    width: 5rem;
    height: 1.5rem;
    background-color: #00949c;
    text-align: center;
    margin-left: 1.75rem;
    color: #fff;
    font-size: .45rem;
    transition: all .3s;
}
.ques-search{
    margin-top: 1.75rem;
    padding: .5rem .75rem;
    background-color: #f9f9f9;
}
.ques-search input[type=text]{
    float: left;
    width: 80%;
    height: .7rem;
    line-height: .7rem;
    color: #999;
    font-size: .4rem;
    background-color: transparent;
}
.ques-search input[type=submit]{
    float: right;
    width: .5rem;
    height: .5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../img/ques-submit.png');
    margin-top: .1rem;
    background-color: transparent;
}
.ques-btns{
    margin-top: .5rem;
    font-size: 0;
}
.ques-btns a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: .9rem;
    line-height: .9rem;
    font-size: .35rem;
    color: #00949c;
    padding: 0 .75rem;
    border-radius: .45rem;
    margin-right: .45rem;
    background-color: rgba(255,255,255,.6);
    text-align: center;
    transition: all .3s;
    margin-bottom: 0.2rem;
}
.ques-box{
    padding: 2rem 0;
}
.ques-list li{
    border-bottom: 1px solid #e8e8e8;
}
.ques-list li:last-child{
    border-bottom: none;
}
.ques-list{
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    overflow: hidden;
}
.ques-list .tit-box{
    display: block;
    padding: .75rem 1rem .75rem .7rem;
    background-color: #f9f9f9;
    transition: all .3s;
}
.ques-list .tit-box .txt{
    float: left;
    font-size: .5rem;
    line-height: .8rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .725rem;
    background-image: url('../img/ques-icon1.png');
    padding-left: 1.375rem;
    color: #333;
    transition: all .3s;
}
.ques-list .tit-box .arrow{
    float: right;
    width: .475rem;
    margin-top: .1rem;
    transition: all .3s;
}
.ques-list .tit-box .arrow img{
    width: 100%;
}
.ques-list .sub{
    background-color: #e8f7f8;
    padding: .75rem .9rem .75rem .75rem;
    border-top: 1px solid #e8e8e8;
    display: none;
}
.ques-list .sub .con{
    font-size: .4rem;
    line-height: .75rem;
    color: #666;
}
.ques-list .sub .index-more{
    float: right;
    background-color: transparent;
    border-color: rgba(204,204,204,.5);
    margin-top: .65rem;
    transition: all .3s;
}
.ques-list .sub .index-more span{
    background-image: url('../img/ques-sub-arrow.png');
    transition: all .3s;

    color: #bbb;
}
.ques-list li.on .tit-box .arrow{
    transform: rotate(180deg);
}
.page-box{
    padding: .6rem 0;
    border-radius: 8px;
    overflow: hidden;
    background-color: #f6f6f6;
    position: relative;
}
.page-box .prev,
.page-box .next{
    position: absolute;
    top: 50%;
    font-size: .4rem;
    line-height: 1.25rem;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    color: #999;
    background-size: .5rem;
    width: auto;
    border: none;
    transition: all .3s;
}
.page-box .prev{
    left: 1.25rem;
    padding-left: .9rem;
    background-position: left center;
    background-image: url('../img/page-prev.png');
}
.page-box .next{
    right: 1.25rem;
    padding-right: .9rem;
    background-position: right center;
    background-image: url('../img/page-next.png');
}
.page{
    font-size: 0;
    text-align:  center;
}
.page a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .45rem;
    line-height: 1.25rem;
    height: 1.25rem;
    width: 1.25rem;
    border: 1px solid #dcdcdc;
    border-radius: 100%;
    margin: 0 .375rem;
    color: #666;
    transition: all .3s;
    font-family: "思源黑体","Source Han Sans CN","Noto Sans", sans-serif;
}
.page a.active{
    background-color: #00949c;
    border-color: #00949c;
    color: #fff;
}
.ques-box .page-box{
    margin-top: .75rem;
}
.dynamic-top{
    padding: 2rem 0;
}
.dynamic-top .con-box{
    display: block;
    position: relative;
}
.dynamic-top .img{
    float: left;
    width: 48.6%;
    overflow: hidden;
}
.dynamic-top .img img{
    width: 100%;
    transition: all .3s;
}
.dynamic-top .text-box{
    position: absolute;
    right: 1%;
    width: 47.9%;
    height: 100%;
    top: 0;
}
.dynamic-top .text{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}
.dynamic-top .text .time{
    font-size: .4rem;
    line-height: .5rem;
    color: #666;
}
.dynamic-top .text .tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #333;
    margin-top: .4rem;
    transition: all .3s;
}
.dynamic-top .text .con{
    font-size: .4rem;
    line-height: .9rem;
    color: #666;
    margin-top: .5rem;
    height: 2.7rem;
    overflow: hidden;
}
.dynamic-top .dynamic-more{
    font-size: 0;
    width: 3rem;
    height: 1rem;
    background-color: #00949c;
    text-align: center;
    line-height: 1rem;
    margin-top: .75rem;
    transition: all .3s;
}
.dynamic-top .dynamic-more span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .35rem;
    line-height: 1rem;
    color: #fff;
    padding-left: .5rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../img/dynamic-more.png');
    background-size: .225rem;
    transition: all .3s;
}
.dynamic-middle{
    padding: 1.5rem 0 2rem;
    background-color: #ebf0f5;
    position: relative;
}
.dynamic-middle .middle-tab{
    overflow: hidden;
}
.dynamic-middle .swiper-slide{
    padding-top: .5rem;
}
.dynamic-middle .con-box{
    padding: .85rem .75rem .6rem;
    background-color: #fff;
    display: block;
    position: relative;
    top: 0;
    transition: all .3s;
}
.dynamic-middle .con-box:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: .25rem;
    background: linear-gradient(to right, #47b9ba, #0299c2);
}
.dynamic-middle .con-box .time{
    font-size: .35rem;
    line-height: .4rem;
    color: #969ea8;
}
.dynamic-middle .con-box .tit{
    font-size: .45rem;
    line-height: .6rem;
    color: #333;
    margin-top: .25rem;
    height: 1.2rem;
    overflow: hidden;
    transition: all .3s;
}
.dynamic-middle .con-box .con{
    font-size: .35rem;
    line-height: .6rem;
    color: #666;
    margin-top: .6rem;
    height: 3rem;
    overflow: hidden;
}
.dynamic-middle .middle-more{
    text-align: right;
    font-size: 0;
    margin-top: 2.75rem;
}
.dynamic-middle .middle-more span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .35rem;
    line-height: .4rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../img/middle-more.png');
    background-size: .225rem;
    padding-left: .5rem;
    color: #81878a;
    transition: all .3s;
}
.dynamic-middle .dynamic-btns{
    margin-top: 1rem;
}
.dynamic-btns{
    font-size: 0;
    text-align: center;
}
.dynamic-btns .swiper-pagination-bullet{
    width: .25rem;
    height: .1rem;
    background-color: #ccc;
    margin: 0 .125rem;
    transition: all .3s;
}
.dynamic-btns .swiper-pagination-bullet-active{
    width: .75rem;
    background-color: #00949c;
}
.dynamic-prev,
.dynamic-next{
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: .225rem;
    top: 50%;
    transform: translateY(calc(-50% - 1.675rem));
    background-color: rgba(0,0,0,.2);
    transition: all .3s;
}
.dynamic-prev{
    left: 0;
    background-image: url('../img/dynamic-prev.png');
}
.dynamic-next{
    right: 0;
    background-image: url('../img/dynamic-next.png');
}
.dynamic-bottom{
    padding: 2rem 0;
    position: relative;
}
.dynamic-bottom .bottom-tab{
    overflow: hidden;
}
.dynamic-bottom .con-box{
    display: block;
    position: relative;
}
.dynamic-bottom .con-box .img{
    overflow: hidden;
}
.dynamic-bottom .con-box img{
    width: 100%;
    transition: all .3s;
}
.dynamic-bottom .con-box .mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
    background-image: url('../img/dynamic-mask.png');
}
.dynamic-bottom .con-box .text{
    position: absolute;
    left: 0;
    bottom: 5%;
    width: 100%;
    padding: 0 4.35%;
    box-sizing: border-box;
}
.dynamic-bottom .con-box .tit{
    font-size: .5rem;
    line-height: .6rem;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .3s;
}
.dynamic-bottom .con-box .con{
    font-size: .4rem;
    line-height: .7rem;
    color: #fff;
    margin-top: .25rem;
    height: 1.4rem;
    overflow: hidden;
}
.dynamic-bottom .con-box:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: .1rem solid #00949c;
    box-sizing: border-box;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
    z-index: 3;
}
.dynamic-bottom .dynamic-btns{
    margin-top: 1rem;
}
.news-nav .swiper-slide{
    width: 25%;
}
.story-box{
    padding: 2.25rem 0 2.5rem;
}
.story-box .index-news{
    margin: 0 0 2.25rem;
}
.story-box .index-news:last-child{
    margin: 0;
}
.story-box .index-news .text{
    background-color:transparent;
    padding: 0;
    margin-top: .6rem;
}
.index-news .left-con-box .text{
    padding: 2% 7.4%;
    background-color: #00a1a4;
    opacity: 0.9;
}
.story-box .bottom-box{
    margin-top: 1.25rem;
}
.story-box .index-news:nth-child(2n) .top-box .item.col-sm-4{
    float: left;
}
.story-box .index-news:nth-child(2n) .item.col-sm-8{
    left: auto;
    right: 0;
}
.story-box .page-box{
    margin-top: 2rem;
}
.media-box{
    padding: 2rem 0 2.5rem;
}
.media-box .row{
    margin: 0 -.375rem;
}
.media-box .item{
    box-sizing: border-box;
    padding: 0 .375rem;
    margin-bottom: 1.75rem;
}
.media-box .con-box{
    display: block;
}
.media-box .item .img{
    overflow: hidden;
}
.media-box .item img{
    width: 100%;
    transition: all .3s;
}
.media-box .text{
    width: 91.3%;
    margin: -1rem auto 0;
    background-color: #f6f6f6;
    box-sizing: border-box;
    padding: .6rem .7rem;
    position: relative;
    z-index: 3;
    top: 0;
    transition: all .3s;
}
.media-box .text .time{
    font-size: .3rem;
    line-height: .4rem;
    color: #bbb;
    transition: all .3s;
}
.media-box .text .tit{
    font-size: .55rem;
    line-height: .75rem;
    color: #333;
    margin-top: .3rem;
    height: 1.5rem;
    overflow: hidden;
    transition: all .3s;
}
.media-box .text .con{
    font-size: .4rem;
    line-height: .75rem;
    color: #666;
    margin-top: .4rem;
    height: 1.5rem;
    overflow: hidden;
    transition: all .3s;
}
.media-box .text .index-more{
    display: inline-block;
    margin-top: .6rem;
    border-color: rgba(204,204,204,5);
    background-color: transparent;
    transition: all .3s;
}
.media-box .text .index-more span{
    color: #bbb;
    background-image: url('../img/index-news-arrow.png');
    transition: all .3s;
}
.industry-box{
    padding: 2rem 0;
    background-color: #ebf0f5;
}
.industry-list{
    float: left;
    width: 72.9%;
}
.industry-list .item{
    display: block;
    padding: .75rem;
    background-color: #fff;
    margin-bottom: .75rem;
    transition: all .3s;
}
.industry-list .item:last-child{
    margin-bottom: 0;
}
.industry-list .time-box{
    float: left;
    width: 11%;
    padding-top: 11%;
    background-color: #00949c;
    position: relative;
    transition: all .3s;
}
.industry-list .time{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    transition: all .3s;
}
.industry-list .time .day{
    font-size: 1.25rem;
    line-height: 1.3rem;
    font-family: "思源黑体","Source Han Sans CN","Noto Sans", sans-serif;
}
.industry-list .time .ym{
    font-size: .35rem;
    line-height: .4rem;
    font-family: "思源黑体","Source Han Sans CN","Noto Sans", sans-serif;
    margin-top: .1rem;
}
.industry-list .text{
    float: right;
    width: 85.86%;
}
.industry-list .text .tit{
    font-size: .6rem;
    line-height: .7rem;
    padding-bottom: .3rem;
    border-bottom: 1px solid #d3d3d3;
    color: #333;
    transition: all .3s;
}
.industry-list .text .con{
    font-size: .35rem;
    line-height: .75rem;
    color: #999;
    margin-top: .3rem;
    transition: all .3s;
}
.industry-list .page{
    margin-top: 1.25rem;
}
.industry-list .page .prev,
.industry-list .page .next{
    display: none;
}
.industry-right{
    float: right;
    width: 25%;
}
.industry-right .news-search-box{
    background-color: #fff;
    padding: .75rem;
}
.industry-right .right-tit{
    font-size: .5rem;
    line-height: .6rem;
    color: #00949c;
    position: relative;
}
.industry-right .right-tit:before{
    content: "";
    position: absolute;
    left: -.75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: .5rem;
    background-color: #00949c;
}
.industry-right .year{
    margin-top: .6rem;
}
.news-search .select{
    margin-bottom: .5rem;
    float: left;
    width: 100%;
}
.select{
    position: relative;
}
.select .tit{
    display: block;
    height: 1.25rem;
    line-height: 1.25rem;
    background-color: #ebf0f5;
    padding: 0 .5rem;
    font-size: .4rem;
    color: #333;
    font-family: "思源黑体","Source Han Sans CN","Noto Sans", sans-serif;
    position: relative;
}
.select .tit:before{
    content: "";
    position: absolute;
    right: .75rem;
    top: 50%;
    width: 14px;
    height: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../img/news-select.png');
    margin-top: -4px;
}
.select .sub{
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    top: 1.25rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1);
    max-height: 4rem;
    overflow: hidden;
}
.select .sub .mCSB_inside>.mCSB_container{
    margin-right: 0;
    display: block!important;
}
.select .sub .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #00949c;
    width: 3px;
}
.select .sub .mCSB_scrollTools{
    width: 3px;
}
.select .sub .mCSB_scrollTools .mCSB_draggerRail{
    width: 3px;
    background-color: transparent;
}
.select .sub a{
    display: block;
    padding: 0 .5rem;
    background-color: #fff;
    height: 1rem;
    line-height: 1rem;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
    box-sizing: border-box;
}
.select.on{
    z-index: 10;
}
.news-search .month,
.news-search .day{
    width: 46.67%;
}
.news-search .day{
    float: right;
}
.news-search input[type=text]{
    float: left;
    width: calc(100% - 1rem);
    padding: .3rem .5rem;
    background-color: #ebf0f5;
    height: .6rem;
    line-height: .6rem;
    font-size: .35rem;
    color: #666;
    margin-bottom: .5rem;
}
.news-search input[type=submit]{
    float: left;
    width: 100%;
    height: 1.25rem;
    color: #fff;
    background-color: #00949c;
    border: none;
    font-size: .4rem;
}
.industry-right .play-box{
    margin-top: .75rem;
    display: block;
    position: relative;
}
.industry-right .play-box img{
    width: 100%;
}
.industry-right .play-box .mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .2;
    filter: alpha(opacity=20);
}
.industry-right .play-btn{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1.6rem;
    transform: translate(-50%,-50%);
}
.industry-right .right-list{
    padding: .75rem;
    background-color: #fff;
    margin-top: .75rem;
}
.industry-right .right-list .list{
    margin-top: .5rem;
}
.industry-right .right-list .list .item{
    margin-bottom: .6rem;
    display: block;
    font-size: .4rem;
    line-height: .7rem;
    color: #333;
    transition: all .3s;
}
.industry-right .right-list .list .item:last-child{
    margin-bottom: 0;
}
.industry-right .right-list .list .item span{
    color: #00949c;
    line-height: .7rem;
    margin-right: .2rem;
}
.clearfixed{
    height: 3.15rem;
    transition: all .3s;
}
.newsinfo-page header .logo .logo1{
    display: none;
}
.newsinfo-page header .logo .logo2{
    display: block;
}
.newsinfo-page header .pc-nav .tit{
    color: #333;
}
.newsinfo-page header{
    border-bottom: 1px solid rgba(220,220,220,.5);
}
.newsinfo-page header .header-wrap{
    border-color: transparent;
}
.newsinfo-page header .header-right .search-btn{
    background-image: url('../img/search-btn2.png');
}
.newsinfo-page header .header-right .lang{
    background-image: url('../img/lang2.png');
}
.bread-box{
    padding: .9rem 0;
}
.bread-box .bread{
    float: left;
    font-size: 0;
}
.bread-box .bread a,
.bread-box .bread span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .35rem;
    line-height: .4rem;
    color: #999;
}
.bread-box .bread span{
    width: 4px;
    height: 7px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../img/bread-arrow.png');
    margin: 0 .5rem;
}
.bread-box .back-btn{
    float: right;
    padding-left: .6rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../img/newsinfo-back.svg');
    font-size: .3rem;
    line-height: .4rem;
    color: #999;
    background-size: .4rem;
}
.newsinfo-view{
    width: 57.29%;
    margin: 0 auto;
}
.newsinfo-box{
    padding: .75rem 0 1rem;
    background-color: #f6f6f6;
}
.newsinfo-box .tit-box{
    padding-bottom: .9rem;
    border-bottom: 1px solid rgba(204,204,204,.4);
}
.newsinfo-box .tit{
    font-size: .9rem;
    line-height: 1rem;
    color: #333;
}
.newsinfo-box .sub-tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #333;
    margin-top: .3rem;
}
.newsinfo-box .desc-box{
    margin-top: .5rem;
    font-size: 0;
}
.newsinfo-box .desc-box span,
.newsinfo-box .desc-box .share-box{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: 0;
    vertical-align: top;
}
.newsinfo-box .desc-box span{
    font-size: .35rem;
    line-height: .4rem;
    color: #999;
    margin-right: 1rem;
}
.newsinfo-box .desc-box .share-box{
    padding-left: .6rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../img/share-btn.png');
}
.newsinfo-box .desc-box .share-box a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0!important;
    width: 19px;
    height: 16px;
    padding: 0;
    margin: 0 7px 0 0;
}
.newsinfo-box .desc-box a{
    background-image: url('../img/share-icon.png');
}
.newsinfo-box .desc-box .share-box .bshare-more.more-style-addthis{
    background-image: url('../img/share-more.png');
}
.newsinfo-box .desc-box .share-box .bshare-qzone {
    background-position: 0 -234px;
}
.newsinfo-box .desc-box .share-box .bshare-renren {
    background-position: 0 -252px;
}
.newsinfo-box .desc-box .share-box .bshare-sinaminiblog {
    background-position: 0 -270px;
}
.newsinfo-box .desc-box .share-box .bshare-weixin {
    background-image: url('../img/weixin.png');
}
.newsinfo-box .con{
    font-size: .45rem;
    line-height: 1rem;
    color: #666;
    margin-top: .75rem;
}
.newsinfo-box .con img{
    max-width: 100%;
}
.newsinfo-box .copyright{
    margin-top: 1.25rem;
    padding: 1rem 0;
    border-top: 1px solid #e5e5e5;
    font-size: .35rem;
    color: #999;
    line-height:.75rem;
}
.newsinfo-box .type-box{
    padding: 1rem 0;
    font-size: 0;
    border-top: 1px solid #e5e5e5;
}
.newsinfo-box .type-box a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0 .5rem;
    line-height: .75rem;
    color: #666;
    text-align: center;
    background-color: #e8e8e8;
    border-radius: .375rem;
    font-size: .35rem;
    margin-right: .5rem;
    transition: all .3s;
}
.newsinfo-box .ctrl-box{
    padding: 1.1rem 0;
    border-top: 1px solid #e5e5e5;
    position: relative;
}
.newsinfo-box .ctrl-box .prev,
.newsinfo-box .ctrl-box .next{
    font-size: .375rem;
    line-height: .4rem;
    color: #666;
    background-repeat: no-repeat;
    background-size: .2rem;
    transition: all .3s;
}
.newsinfo-box .ctrl-box .prev{
    float: left;
    padding-left: .7rem;
    background-position: left center;
    background-image: url('../img/newsinfo-prev.png');
}
.newsinfo-box .ctrl-box .next{
    float: right;
    padding-right: .7rem;
    background-position: right center;
    background-image: url('../img/newsinfo-next.png');
}
.newsinfo-box .ctrl-box .list-btn{
    position: absolute;
    left: 50%;
    top: 50%;
    width: .6rem;
    height: .6rem;
    transform: translate(-50%,-50%);
    background-image: url('../img/list-btn.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transition: all .3s;
}
.newsinfo-list{
    background-color: #fff;
}
.newsinfo-list .middle-tab{
    overflow: inherit;
    margin-top: .8rem;
}
.newsinfo-list .row{
    margin: 0 -.3rem;
}
.newsinfo-list .item{
    box-sizing: border-box;
    padding: 0 .3rem;
}
.newsinfo-list .con-box{
    background-color: #f6f6f6;
    transition: all .3s;
    position: relative;
    top: 0;
}
.newsinfo-list .tit-box .tit{
    font-size: .55rem;
    line-height: .6rem;
    color: #333;
    float: left;
}
.newsinfo-list .tit-box .newsinfo-more{
    float: right;
    font-size: .4rem;
    line-height: .6rem;
    padding-left: .45rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../img/newsinfo-more.png');
    background-size: .2rem;
    color: #666;
    transition: all .3s;
}
.recruit-nav{
    background-color: rgba(255,255,255,.6);
}
.explore-box{
    padding: 2.25rem 0 1.25rem;
}
.recruit-tit .sub-tit{
    font-size: .55rem;
    line-height: .6rem;
    color: #666;
}
.recruit-tit .tit{
    font-size: .9rem;
    line-height: 1rem;
    color: #333;
    margin-top: .25rem;
}
.recruit-tit .desc{
    font-size: .45rem;
    line-height: .75rem;
    color: #666;
    margin-top: .4rem;
}
.explore-box .list{
    margin-top: 1.75rem;
}
.explore-box .list .row{
    margin: 0 -.375rem;
}
.explore-box .list .item{
    box-sizing: border-box;
    padding: 0 .375rem;
    margin-bottom: .75rem;
}
.explore-box .list .con-box{
    display: block;
    height: 1.95rem;
    line-height: 1.95rem;
    padding: 0 .75rem;
    font-size: .6rem;
    color: #333;
    background-color: #ebf0f5;
    position: relative;
    transition: all .3s;
}
.explore-box .list .con-box:before{
    content: "";
    position: absolute;
    right: .75rem;
    top: 50%;
    width: .3rem;
    height: .5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../img/explore-arrow.png');
    margin-top: -.25rem;
    transition: all .3s;
}
.idea-box{
    padding: 1.75rem 0 2rem;
    background-color: #ebf0f5;
}
.idea-box .list{
    margin-top: .9rem;
}
.idea-box .list .row{
    margin: 0 -.35rem;
}
.idea-box .list .item{
    box-sizing: border-box;
    padding: 0 .35rem;
}
.idea-box .list .con-box{
    position: relative;
    top: 0;
    transition: all .3s;
}
.idea-box .list .img{
    overflow: hidden;
}
.idea-box .list img{
    width: 100%;
    transition: all .3s;
}
.idea-box .list .text{
    background-color: #fff;
    padding: .75rem .9rem 1rem;
    font-size: .4rem;
    line-height: .9rem;
    color: #666;
    height: 7.2rem;
    overflow: hidden;
}
.idea-box .list .text .mCSB_scrollTools .mCSB_draggerRail{
    width: 1px;
    background: rgba(0,0,0,.1);
}
.idea-box .list .text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #00949c;
    border-radius: 0;
}
.chance-box{
    padding: 1.75rem 0 2rem;
    background-color: #555f69;
}
.chance-box .recruit-tit .sub-tit,
.chance-box .recruit-tit .desc{
    color: #ebf0f5;
}
.chance-box .recruit-tit .tit{
    color: #fff;
}
.chance-box .list{
    margin-top: .9rem;
}
.chance-box .list .row{
    margin: 0 -.7rem;
}
.chance-box .list .item{
    padding: 0 .7rem;
    box-sizing: border-box;
}
.chance-box .list img{
    width: 100%;
}
.chance-box .list .text{
    padding: 1rem 1rem 1.25rem;
    background-color: #fff;
}
.chance-box .list .tit{
    font-size: .75rem;
    line-height: .8rem;
    color: #333;
}
.chance-box .list .text-list{
    margin-top: .4rem;
    height: 3rem;
    font-size: .45rem;
    line-height: .7rem;
}
.chance-box .list .text-item{
    /* margin-bottom: .5rem; */
    /* padding-left: .4rem; */
    /* position: relative; */
    font-size: .4rem;
    color: #333;
}
.chance-box .list .text-item:last-child{
    margin-bottom: 0;
}
.chance-box .list .text-item:before{
   /*  content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 5px;
    height: 5px;
    background-color: #666;
    border-radius: 100%;
    margin-top: -2px; */
}
.chance-box .list .chance-btn{
    margin-top: 1.1rem;
    display: block;
    width: 3.5rem;
    box-sizing: border-box;
    border: 3px solid #00949c;
    text-align: center;
    font-size: 0;
    transition: all .3s;
}
.chance-box .list .chance-btn span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .35rem;
    height: 1.25rem;
    line-height: 1.25rem;
    padding-left: .45rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../img/chance-arrow.svg');
    background-size: .225rem;
    color: #00949c;
    transition: all .3s;
}
.job-box{
    padding: 1.75rem 0 1.5rem;
}
.job-list{
    margin-top: 1rem
}
.job-list .row{
    margin: 0 -.3rem;
}
.job-list .item{
    box-sizing: border-box;
    padding: 0 .3rem;
    margin-bottom: .6rem;
}
.job-list .con-box{
    display: block;
}
.job-list .item .img{
    overflow: hidden;
}
.job-list .item img{
    width: 100%;
    transition: all .3s;
}
.job-list .item .txt{
    height: 2rem;
    line-height: 2rem;
    padding: 0 .75rem;
    font-size: .6rem;
    color: #333;
    background-color: #ebf0f5;
    position: relative;
    transition: all .3s;
}
.job-list .item .txt:before{
    content: "";
    position: absolute;
    right: .75rem;
    top: 50%;
    width: .225rem;
    height: .35rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transform: translateY(-50%);
    background-image: url('../img/type-arrow.png');
    transition: all .3s;
}

.recruit-box{
    padding: 2rem 0 2.5rem;
}
.recruit-box h3{
    font-size: .75rem;
    color: #333;
    line-height: .85rem;
    text-align: center;
}
.recruit-box .project-select-box{
    margin-top: 1.1rem;
    position: relative;
    z-index: 3;
}
.recruit-box .project-select-box .row{
    margin: 0 -.175rem;
}
.recruit-box .project-select-box .item{
    width: 25%;
    padding: 0 .175rem;
    position: relative;
}
.recruit-box .project-select-box .item.on{
    z-index: 3;
}
.recruit-box .project-select-box .select-box .tit{
    height: 1.5rem;
    line-height: 1.5rem;
    background-color: #fff;
    border: 1px solid #d8e5ec;
    color: #a5b7c0;
    font-size: .35rem;
}
.recruit-box .project-select-box .select-box .sub{
    border: 1px solid #d8e5ec;
    top: 1.525rem;
    /* border-top: none; */
}
.recruit-box .project-select-box .select-box .sub a{
    border-bottom: 1px solid #d8e5ec;
    font-size: .35rem;
}
.recruit-box .project-select-box .select-box .sub a:last-child{
    border-bottom: none;
}
.recruit-box .result{
    text-align: center;
    font-size: .425rem;
    color: #999999;
    text-align: center;
    margin-top: 1rem;
}
.recruit-box .result span{
    color: #00949c;
}
.recruit-box .list{
    margin-top: 2.25rem;
}
.recruit-box .list .item{
    display: block;
    margin-bottom: 1rem;
    padding: .7rem 1rem;
    border: 1px solid #d8e5ec;
    background-color: #fff;
    transition: all .2s;
}
.recruit-box .list .item:nth-child(2n){
    background-color: #f9f9f9;
}
.recruit-box .list .staff-box{
    padding-bottom: .75rem;
    border-bottom: 1px solid #d8e5ec;
    transition: all .3s;
}
.recruit-box .list .staff{
    float: left;
    font-size: .55rem;
    line-height: .6rem;
    color: #333;
    padding-left: 1rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .5rem;
    background-image: url('../img/staff.png');
    transition: all .3s;
}
.recruit-box .list .detail{
    float: right;
    font-size: .325rem;
    line-height: .6rem;
    color: #999;
    padding-right: .75rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('../img/recruit-arrow.png');
    transition: all .3s;
}
.recruit-box .list .require{
    margin-top: .75rem;
    font-size: 0;
}
.recruit-box .list .require span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    font-size: .35rem;
    line-height: .6rem;
    margin-right: 10.687%;
    margin-bottom: .3rem;
    color: #666;
    transition: all .3s;
}
.recruit-box .list .require span:last-child{
    margin-right: 0;
    margin-bottom: 0;
    display: block;
}
.project-select-box{
    margin-top: .9rem;
    position: relative;
    z-index: 3;
}
.project-select-box .row{
    margin: 0 -.3rem;
}
.project-select-box .item{
    float: left;
    width: 20%;
    box-sizing: border-box;
    padding: 0 .3rem;
}
.project-select-box .select-box{
    position: relative;
}
.project-select-box .select-box .tit{
    border: 2px solid #c7d5dd;
    height: 1.4rem;
    line-height: 1.4rem;
    color: #93a7b2;
    font-size: .4rem;
    display: block;
    padding: 0 .4rem;
}
.project-select-box .select-box .tit:before{
    content: "";
    position: absolute;
    right: .5rem;
    top: 50%;
    width: 15px;
    height: 9px;
    margin-top: -4px;
    background-repeat: no-repeat;
    background-image: url('../img/year-arrow.png');
}
.project-select-box .select-box .sub{
    position: absolute;
    left: 0;
    top: 1.45rem;
    width: 100%;
    border: 2px solid #c7d5dd;
    box-sizing: border-box;
    background-color: #fff;
    display: none;
}
.project-select-box .select-box .sub a{
    display: block;
    height: 1rem;
    line-height: 1rem;
    border-bottom: 2px solid #c7d5dd;
    padding: 0 .4rem;
    font-size: .4rem;
    color: #93a7b2;
    transition: all .2s;
}
.project-select-box .select-box .sub a:last-child{
    border-bottom: none;
}
.project-select-box .con-box{
    height: 100%;
}
.project-select-box .con-box input[type=submit]{
    height: 100%;
    display: block;
    width: 100%;
    height: 1.45rem;
    font-size: .4rem;
    color: #fff;
    background-color: #d0121b;
}
.recruit-box .project-select-box .row{
    margin: 0 -.175rem;
}
.recruit-box .project-select-box .item{
    width: 25%;
    padding: 0 .175rem;
}
.recruit-box .project-select-box .select-box .tit{
    height: 1.5rem;
    line-height: 1.5rem;
    background-color: #fff;
    border: 1px solid #d8e5ec;
    color: #a5b7c0;
    font-size: .35rem;
}
.recruit-box .project-select-box .select-box .sub{
    border: 1px solid #d8e5ec;
    top: 1.525rem;
    /* border-top: none; */
}
.recruit-box .project-select-box .select-box .sub a{
    border-bottom: 1px solid #d8e5ec;
    font-size: .35rem;
}
.recruit-box .project-select-box .select-box .sub a:last-child{
    border-bottom: none;
}
.position-box{
    padding: 1.75rem 0;
}
.position-box .position-tit{
    font-size: .75rem;
    line-height: .8rem;
    color: #333;
}
.position-box .list{
    margin-top: .6rem;
}
.position-box .list .item{
    margin-bottom: 1.25rem;
}
.position-box .list .item:last-child{
    margin-bottom: 0;
}
.position-box .list .tit{
    font-size: .45rem;
    line-height: .5rem;
    padding-left: .45rem;
    position: relative;
    color: #00949c;
    margin-bottom: .5rem;
}
.position-box .list .tit:before{
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    margin-top: -3px;
    background-color: #00949c;
}
.position-box .list h3{
    font-size: .45rem;
    line-height: .5rem;
    color: #333;
    line-height: 1.1rem;
}
.position-box .list .con{
    font-size: .4rem;
    line-height: 1rem;
    color: #666;
}
.campus-page .recruit-box{
    background-color: #ebf0f5;
}
.rectuitinfo-box{
    padding: 1.75rem 0 3.75rem;
}
.rectuitinfo-box .top-box{
    font-size: 0;
    text-align: justify;
    /* text-align-last: justify; */
    padding-bottom: 1.1rem;
    border-bottom: 1px solid rgba(0,0,0,.06);
}
.rectuitinfo-box .top-box:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
.rectuitinfo-box .top-box .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding-right: 8%;
    position: relative;
}
.rectuitinfo-box .top-box .item:before{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: .95rem;
    background-color: #000;
    opacity: .1;
    filter: alpha(opacity=10);
}
.rectuitinfo-box .top-box .item:last-child{
    padding-right: 0;
}
.rectuitinfo-box .top-box .item:last-child:before{
    display: none;
}
.rectuitinfo-box .top-box .tit{
    font-size: .4rem;
    line-height: .5rem;
    color: #999;
}
.rectuitinfo-box .top-box .con{
    font-size: .65rem;
    line-height: .7rem;
    margin-top: .25rem;
}
.rectuitinfo-box .con{
    margin-top: 1rem;
    font-size: .4rem;
    line-height: 1.25rem;
    color: #666;
}
.rectuitinfo-box .btns{
    margin-top: 2.25rem;

    font-size: 0;
}
.rectuitinfo-box .btns a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 4rem;
    height: 1.25rem;
    text-align: center;
    color: #666;
    font-size: .4rem;
    background: #e8e8e8;
    line-height: 1.25rem;
    margin-right: .5rem;
    transition: all .3s;
    padding: 0!important;
}
#bsPanelHolder{
    display: none!important;
}
.rectuitinfo-box .bshare-custom{
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.rectuitinfo-box .bshare-custom .bshare-more.more-style-addthis{
    font-size: 0;
    padding: 0;
    background: #e8e8e8;
}
.rectuitinfo-box .btns a span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .4rem;
    line-height: 1.25rem;
    padding-left: .7rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../img/rectuitinfo-share.png');
}
.recruitinfo-dialog-box{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 30;
    display: none;
}
.recruitinfo-dialog-box .black{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}
.recruitinfo-dialog{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20.75rem;
    box-sizing: border-box;
    padding: 1rem 1.25rem 1.25rem;
    transform: translate(-50%,-50%);
    background: #fff;
}
.recruitinfo-dialog .dialog-tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #333;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.recruitinfo-dialog .recruitinfo-form{
    margin-top: .9rem;
}
.recruitinfo-form .inp{
    margin-bottom: .5rem;
}
.recruitinfo-form .inp:last-child{
    margin-bottom: 0;
}
.recruitinfo-form .recruitinfo-tit{
    font-size: .45rem;
    line-height: .5rem;
    color: #666;
    margin-bottom: .3rem;
}
.recruitinfo-form .recruitinfo-tit .red{
    color: #e60012;
}
.recruitinfo-form input[type=text]{
    width: calc(100% - 1rem);
    padding: .3rem .5rem;
    background-color: #f2f2f2;
    font-size: .35rem;
    line-height: .65rem;
    height: .65rem;
    color: #333;
    line-height: .35rem;
}
.recruitinfo-form .select-wrap .select{
    width: 32.8767%;
    margin-right: .68%;
    float: left;
}
.recruitinfo-form .select-wrap .select:last-child{
    margin-right: 0;
}
.recruitinfo-form .select .tit{
    background-color: #f2f2f2;
}
.recruitinfo-form .select .tit:before{
    width: 11px;
    height: 7px;
    margin-top: -3px;
    background-image: url('../img/recruitinfo-arrow.png');
}
.recruitinfo-form .area-box .select{
    width: 47.9452%;
}
.recruitinfo-form .area-box .select:nth-child(2n){
    float: right;
}
.recruitinfo-form .file-box .controls{
    float: left;
    width: calc(76.7% - 1rem);
    background-color: #f2f2f2;
}
.recruitinfo-form .file-box .btn-group{
    position: relative;
    z-index: 3;
}
.recruitinfo-form .file-box .file{
    width: 100%;
    height: 1.25rem;
    line-height: 1.25rem;
    color: #999;
    font-size: .4rem;
    padding: 0 .5rem;
    opacity: 0;
    filter: alpha(opacity=0);
}
.recruitinfo-form .file-box .upload-btn{
    float: right;
    font-size: .35rem;
    line-height: 1.25rem;
    color: #333;
    margin-right: .9rem;
}
.recruitinfo-form .file-box .js-img-list-f{
    position: absolute;
    left: 0;
    top: 0;
    width: calc(76.7% - 1rem);
    line-height: 1.25rem;
    height: 1.25rem;
}
.recruitinfo-form .file-box .js-img-list-f a{
    font-size: .4rem;
    line-height: 1.25rem;
    color: #999;
    padding: 0 .5rem;
    display: block;
}
.ui-pnotify-history-container{
    display: none;
}
.recruitinfo-form .check{
    float: left;
    width: 47.9452%;
}
.recruitinfo-form .check input{
    float:left;
    width: 42.857%;
}
.recruitinfo-form .check img{
    float: right;
    width: 35%;
    height: 1.25rem;
}
.recruitinfo-form input[type=submit]{
    float: right;
    width: 4rem;
    height: 1.25rem;
    background-color: #00949c;
    text-align: center;
    color: #fff;
    font-size: .375rem;
    border: none;
}
.recruitinfo-dialog .recruitinfo-close{
    position: absolute;
    right: 1.25rem;
    top: 1.35rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../img/recruitinfo-close.png');
    width: .35rem;
    height: .35rem;
}
.about-nav .swiper-slide{
    /* width: 16.67%; */
    width: 20%;
}
.about-box{
    padding: 2.25rem 0 1.75rem;
}
.about-top .left{
    float: left;
    width: 63.2%;
}
.about-tit{
    font-size: .9rem;
    line-height: 1rem;
    color: #333;
}
.about-top .left .line{
    width: .9rem;
    height: 5px;
    background-color: #e8e8e8;
    margin-top: 1rem;
}
.about-top .left .con{
    font-size: .425rem;
    line-height: 1rem;
    color: #333;
    margin-top: 1rem;
}
.about-top .right{
    float: right;
    width: 28.82%;
}
.about-top .item{
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e8e8e8;
}
.about-top .item:last-child{
    margin-bottom: 0;
}
.about-top .num-box{
    float: left;
}
.about-top .num-top{
    font-size: 0;
}
.about-top .num-box .num,
.about-top .num-box .year,
.about-top .num-box .unit{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: bottom;
}
.about-top .num-box .num{
    font-size: 1.6rem;
    line-height: 1.6rem;
    color: #00949c;
    font-family: 'BEBAS';
}
.about-top .num-top .year{
    font-size: .35rem;
    line-height: .5rem;
    width: .5rem;
    height: .5rem;
    background-color: #00949c;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    margin-left: .2rem;
}
.about-top .num-top .unit{
    font-size: .6rem;
    line-height: .6rem;
    color: #00949c;
    margin-left: .2rem;
}
.about-top .txt{
    font-size: .4rem;
    line-height: .5rem;
    margin-top: .25rem;
}
.about-top .icon{
    float: right;
    width: 1.9rem;
}
.about-top .icon img{
    width: 100%;
}
.about-list{
    margin-top: 2.25rem;
}
.about-list .row{
    margin: 0 -.75rem;
}
.about-list .item{
    box-sizing: border-box;
    padding: 0 .75rem;
}
.about-list .con-box{
    display: block;
    position: relative;
    top: 0;
    padding-bottom: .5rem;
    transition: all .3s;
}
.about-list .img{
    overflow: hidden;
}
.about-list img{
    width: 100%;
    transition: all .3s;
}
.about-list .text{
    margin-top: .75rem;
}
.about-list .text .tit{
    font-size: .55rem;
    line-height: .6rem;
    color: #000;
    transition: all .3s;
}
.about-list .text .con{
    font-size: .4rem;
    line-height: .75rem;
    color: #666;
    margin-top: .3rem;
    height: 3.75rem;
}
.about-list .text .detail{
    font-size: .35rem;
    line-height: .4rem;
    padding-left: .4rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../img/about-arrow.png');
    color: #00949c;
    margin-top: .5rem;
}
.about-event-box{
    padding: 3rem 0 2.5rem;
    background-color: #ebf0f5;
    overflow: hidden;
}
.about-event{
    position: relative;
}
.about-event .time-bg{
    font-size: 15rem;
    line-height: 15rem;
    color: #fff;
    font-family: "思源黑体","Source Han Sans CN","Noto Sans", sans-serif;
    position: absolute;
    left: 0;
    top: 43%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    opacity: .7;
    filter: alpha(opacity=70);
}
.about-event .img{
    float: left;
    width: 44.44%;
    position: relative;
    z-index: 3;
}
.about-event .img img{
    width: 100%;
}
.about-event .text{
    float: right;
    width: 50.7%;
    position: relative;
    z-index: 3;
    padding: .9rem 0;
}
.about-event .text .year{
    font-size: .4rem;
    line-height: .5rem;
    color: #00949c;
}
.about-event .text .year span{
    font-size: .9rem;
    line-height: 1rem;
    font-family: "思源黑体","Source Han Sans CN","Noto Sans", sans-serif;
}
.about-event .text .con{
    font-size: .4rem;
    line-height: .75rem;
    color: #666;
    margin-top: .2rem;
    height: 6rem;
    overflow: hidden;
}

.about-event .text .con .mCSB_scrollTools{
    width: 3px;
}
.about-event .text .con .mCSB_scrollTools .mCSB_draggerRail{
    width: 3px;
    background: transparent;
}
.about-event .text .con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #00949c;
    border-radius: 0;
}
.about-event .text .con .mCSB_inside>.mCSB_container{
    /* margin-right: 0; */
}
.about-event .prev,
.about-event .next{
    position: absolute;
    width: .4rem;
    height: .4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-position: 100%;
    right: calc(50.7% - .4rem);
    z-index: 3;
    background-size: 100%;
}
.about-event .prev{
    top: 0;
    background-image: url('../img/about-event-prev.png');
}
.about-event .next{
    bottom: 0;
    background-image: url('../img/about-event-next.png');
}
.about-year{
    background-image: url('../img/about-time.png');
    background-repeat: repeat-x;
    margin-top: 2rem;
    height: 60px;
    padding:0 540px;
    position: relative;
    z-index: 3;
}
.about-year .swiper-slide{
    margin-right:540px;
    width: 0;
    height: 0;
    cursor: pointer;
}
.about-year .swiper-slide:last-child{
    margin-right: 0;
}
.about-year .swiper-slide .con-box{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 24px;
}
.about-year .swiper-slide .circle{
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #999;
    margin: 0 auto;
    transition: all .3s;
}
.about-year .swiper-slide .time{
    margin-top: 6px;
    font-size: .4rem;
    line-height: .5rem;
    color: #999;
    font-family: "思源黑体","Source Han Sans CN","Noto Sans", sans-serif;
    white-space: nowrap;
    transition: all .3s;
}
.about-year .swiper-slide.cur .circle{
    background-color: #00949c;
}
.about-year .swiper-slide.cur .time{
    color: #00949c;
}
.about-purpose-box{
    height: 17.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.about-purpose-box .text-box{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.about-purpose-box .text-box .about-tit{
    color: #fff;
}
.about-purpose-box .text-box .con{
    font-size: .65rem;
    line-height: 1.25rem;
    color: #fff;
    margin-top: .5rem;
}
.about-story-box{
    padding-top: 2.25rem;
}
.about-story-box .desc-box{
    margin-top: .25rem;
}
.about-story-box .desc-box .desc{
    float: left;
    font-size: .45rem;
    line-height: .5rem;
    color: #666;
}
.about-story-box .desc-box .story-more{
    float: right;
    font-size: .4rem;
    line-height: .5rem;
    padding-left: .5rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../img/story-arrow.png');
    color: #00949c;
    transition: all .3s;
}
.about-story-box .story-tab{
    margin-top: 1rem;
}
.about-story-box .story-tab .con-box{
    display: block;
}
.about-story-box .story-tab .img{
    float: left;
    width: 30.56%;
}
.about-story-box .story-tab .img img{
    width: 100%;
}
.about-story-box .story-tab .text{
    position: absolute;
    right: 0;
    top: 0;
    width: 69.44%;
    height: 100%;
    background-color: #00949c;
    box-sizing: border-box;
    padding: 1.5rem 1.75rem;
}
.about-story-box .story-tab .tit{
    font-size: .65rem;
    line-height: .7rem;
    color: #fff;
}
.about-story-box .story-tab .con{
    font-size: .4rem;
    line-height: .9rem;
    color: #bee1e3;
    margin-top: 1rem;
    height: 4.5rem;
    overflow: hidden;
}
.about-story-box .story-tab .look{
    font-size: .35rem;
    line-height: .4rem;
    padding-left: .4rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 6px;
    background-image: url('../img/look-arrow.png');
    color: #fff;
    margin-top: .9rem;
}
.about-story-box .story-tab .dynamic-btns{
    margin-top: 1rem;
}
.about-video-box{
    padding: 2rem 0 2.25rem;
    position: relative;
}
.about-video-box:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50%;
    width: 100%;
    background-color: #ebf0f5;
}
.about-video{
    position: relative;
    z-index: 3;
}
.about-video img{
    width: 100%;
}
.about-video .m-img{
    display: none;
}
.about-video .about-play{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.about-video .play-img{
    width: 1.6rem;
    margin: 0 auto;
}
.about-video .play-img img{
    width: 100%;
}
.about-video .txt{
    font-size: .425rem;
    line-height: .5rem;
    color: #fff;
    text-align: center;
    margin-top: .4rem;
}
.company-box{
    padding: 2.25rem 0 2rem;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}
.research-con{
    font-size: .425rem;
    line-height: 1rem;
    color: #555;
}
.company-box .research-con{
    margin-top: .4rem;
}
.company-box .img{
    width: 89.236%;
    margin: 3rem auto 0;
}
.company-box .img img{
    width: 100%;
}
.patent-box{
    height: 23.75rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-sizing: border-box;
    padding-top: 2.25rem;
    text-align: center;
}
.patent-box .about-tit,
.patent-box .research-con{
    color: #fff;
}
.patent-box .research-con{
    margin-top: .4rem;
}
.achievement-box{
    padding: 2.25rem 0 2.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
}
.achievement-box .research-con{
    margin-top: .4rem;
}
.achievement-box .num-box{
    font-size: 0;
    text-align: center;
    margin-top: 1rem;
}
.achievement-box .num-box .item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: left;
    margin: 0 3.125rem;
    color: #00949c;
}
.achievement-box .num-box .txt{
    font-size: .425rem;
    line-height: .5rem;
    color: #555;
}
.achievement-box .num-box .num{
    font-size: 1.6rem;
    line-height: 1.7rem;
    font-family: 'BEBAS';
    margin: .25rem 0;
}
.patent-tab{
    margin: 2rem auto 0;
    /* width: 77.77%; */
    width: 1120px;
    overflow: hidden;
}
.patent-tab .swiper-slide{
    width: 28.39%;
}
.patent-tab .swiper-slide img{
    width: 100%;
}
.create-box{
    height: 20rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}
.create-box .text-box{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}
.create-box .text-box .about-tit,
.create-box .text-box .research-con{
    color: #fff;
}
.create-box .text-box .research-con{
    margin-top: .4rem;
}
.develop-box{
    padding:1.75rem 0 2rem;
}
.develop-tit{
    text-align: center;
}
.develop-tit .desc{
    font-size: .4rem;
    line-height: .5rem;
    color: #666;
    margin-top: .25rem;
}
.develop-tit .line{
    width: .9rem;
    height: 5px;
    background-color: #e8e8e8;
    margin:.9rem auto 0;
}
.develop-list{
    position: relative;
    margin-top: 1.6rem;
    padding-bottom: 3.4rem;
}
.develop-list li{
    margin-bottom: 2.75rem;
    position: relative;
}
.develop-list li:last-child{
    margin-bottom: 0;
}
.develop-list:before{
    content: "";
    position: absolute;
    left: 50%;
    top: -.2rem;
    width: .4rem;
    height: .4rem;
    background: #00949c;
    border-radius: 100%;
    margin-left: -.2rem;
    z-index: 3;
}
.develop-list .develop-line{
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background: #e8e8e8;
}
.develop-list .img{
    float: left;
    width: 43.75%;
    margin-left: .25rem;
    position: relative;
}
.develop-list .img:before{
    content: "";
    position: absolute;
    left: -.25rem;
    top: .25rem;
    width: 100%;
    height: 100%;
    background-color: #00949c;
}
.develop-list .img img{
    width: 100%;
    position: relative;
    z-index: 3;
}
.develop-list .text{
    position: absolute;
    right:0;
    top: 39%;
    width: 50%;
    height: 100%;
    box-sizing: border-box;
    padding-left: 1.25rem;
}
.develop-list .text-item{
    position: relative;
}
.develop-list .text-item:before{
    content: "";
    position: absolute;
    top: 0;
    left: -1.25rem;
    width: .25rem;
    height: 1rem;
    background-color: #00949c;
}
.develop-list .text .time{
    font-size: .6rem;
    line-height: .7rem;
    color: #333;
}
.develop-list .text .con{
    font-size: .4rem;
    line-height: .75rem;
    color: #666;
    margin-top: .3rem;
    height: 6rem;
    overflow: hidden;
}
.develop-list .text .con .mCSB_scrollTools{
    width: 3px;
}
.develop-list .text .con .mCSB_scrollTools .mCSB_draggerRail{
    width: 3px;
    background: transparent;
}
.develop-list .text .con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #00949c;
    border-radius: 0;
}
.develop-list .year{
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: #999;
    position: absolute;
    left: 45.486%;
    top: 0;
}
.develop-list li:nth-child(2n) .img{
    float: right;
    margin-right: .25rem;
    margin-left: 0;
}
.develop-list li:nth-child(2n) .img:before{
    left: auto;
    right: -.25rem;
}
.develop-list li:nth-child(2n) .text{
    right: auto;
    left: 0;
    padding-right: 1.25rem;
    padding-left: 0;
    text-align: right;
}
.develop-list li:nth-child(2n) .text-item:before{
    left: auto;
    right: -1.25rem;
}
.develop-box .load-btn{
    width: 3.5rem;
    height: 1rem;
    line-height: 1rem;
    color: #fff;
    background-color: #00949c;
    border-radius: .5rem;
    text-align: center;
    margin:0 auto;
    display: block;
    font-size: .35rem;
    transition: all .3s;
}
.honor-box{
    padding:1.75rem 0 2rem;
}
.honor-tab{
    /* width: 75.7%; */
    width: 1090px;
    margin: 0 auto;
    overflow: hidden; padding-bottom:30px;
}
.honor-tab1{
    margin:2rem auto 0;
}
.honor-tab1 .swiper-slide{
    width: 27.5%;
}
.honor-tab .swiper-slide img{
    width:100%;
}
.honor-tab-box .txt{
    font-size: .45rem; font-size:16px;
    line-height: .5rem;
    color: #666;
    text-align: center;
    margin-top: .75rem;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.honor-tab .swiper-slide-active .txt,
.honor-tab2 .swiper-slide-active .txt{
    opacity: 0;
    filter: alpha(opacity=100);
}
.honor-prev,
.honor-next{
    position: absolute;
    top: 50%;
    width: 65px;
    height: 65px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    background-color: #d6d6d6;
    transform:translateY(calc(-50% - .625rem));
    border-radius: 100%;
    z-index: 3;
    transition: all .3s;
}
.honor-prev{
    left:0;
    background-image: url('../img/honor-prev.png');
}
.honor-next{
    right:0;
    background-image: url('../img/honor-next.png');
}
.honor-box2{
    padding:4rem 0 5.5rem;
    background-color: #ebf0f5;
}
.honor-box2 .honor-tab2{
    overflow: hidden;
    width: 1090px;
    margin:0 auto;
}
.honor-box2 .swiper-slide{
    width: 32%;
}
.honor-box2 .swiper-slide img{
    width: 100%;
}
.contact-box{
    padding:2.25rem 0 3.625rem;
    position: relative;
}
.contact-box:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 31.85%;
    background-color: #f9f9f9;
}
.contact-box .contact-list{
    margin-top: 1.75rem;
}
.contact-box .row{
    margin: 0 -2rem;
}
.contact-box .item{
    box-sizing: border-box;
    padding: 0 2rem;
}
.contact-list .tit{
    font-size: .65rem;
    line-height: .7rem;
    color: #333;
}
.contact-list .icon-box{
    margin-top: .5rem;
}
.contact-list .icon{
    padding-left: 1.25rem;
    background-repeat: no-repeat;
    background-position: left .1rem;
    background-size: 1rem;
    font-size: .3rem;
    line-height: .7rem;
    color: #666;
    min-height: 1.4rem;
    margin-top: .6rem;
    margin-bottom: .4rem;
}
.contact-list .tel{
    font-size: .9rem;
    line-height: 1rem;
    color: #00949c;
    font-family: 'BEBAS';
}
.contact-list .mail{
    font-size: .75rem;
    line-height: .8rem;
    color: #00949c;
    font-family: "思源黑体","Source Han Sans CN","Noto Sans", sans-serif;
    word-break: break-all;
}
.contact-box .map-box{
    margin-top: 2.25rem;
}
.contact-box .map{
    height: 16.75rem;
}
.contact-box .info-box{
    padding: .25rem;
    background-color: #00949c;
    width: 11rem;
    position: relative;
}
.contact-box .info-box:before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: .2rem solid transparent;
    border-top-color: #00949c;
    bottom: -.4rem;
    left: 50%;
    margin-left: -.2rem;
}
.contact-box .info-box .img{
    float: left;
    width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
    background-color: #fff;
}
.contact-box .info-box .img img{
    width: 100%;
}
.contact-box .info-box .text{
    position: absolute;
    top: 50%;
    right: .25rem;
    width: 70%;
    transform: translateY(-50%);
}
.contact-box .info-box .text .tit{
    font-size: .45rem;
    color: #fff;
    line-height: .5rem;
}
.contact-box .info-box .text .con{
    font-size: .375rem;
    line-height: .5rem;
    color: #fff;
    margin-top: .3rem;
}
.contact-box .map-box{
    position: relative;
}
.contact-box .map{
    border: 1px solid #e8e8e8;
}
.contact-box .map-dialog{
    position: absolute;
    right: 1rem;
    top: 50%;
    width: 8.75rem;
    padding: .75rem 1rem;
    box-sizing: border-box;
    background-color: #fff;
    margin-top: -6.25rem;
}
.contact-box .map-dialog .head{
    font-size: .75rem;
    line-height: .8rem;
    color: #666;
}
.contact-box .map-dialog .list{
    margin-top: 1rem;
}
.contact-box .map-dialog .map-item{
    margin-bottom: .6rem;
    padding-bottom: .6rem;
    border-bottom: 1px solid #f7f7f7;
}
.contact-box .map-dialog .map-item:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}
.contact-box .map-dialog .icon{
    width: .5rem;
}
.contact-box .map-dialog .icon img{
    width: 100%;
}
.contact-box .map-dialog .tit{
    font-size: .5rem;
    line-height: .6rem;
    color: #666;
    margin-top: .4rem;
}
.contact-box .map-dialog .con{
    font-size: .375rem;
    line-height: .4rem;
    color: #666;
    margin-top: .25rem;
}
.message-box{
    padding: 1.25rem 0 2rem;
}
.message-box .form-box{
    margin-top: 1rem;
}
.message-box .form-box .item:last-child{
    font-size: 0;
    text-align: center;
}
.message-box .form-box .check-box,
.message-box .form-box input[type=submit]{
    float: none;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0 .625rem;
}
.organize-box{
    padding: 1.75rem 0 2rem;
}
.organize-box .organize-img{
    margin-top: 1.25rem;
    text-align: center;
}
.organize-box .organize-img img{
    max-width: 100%;
}
.campus-page .page-box{
    background-color: #fff;
}
.recruit-dialog-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}
.recruit-dialog-box .black{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}
.recruit-dialog{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 21.25rem;
    box-sizing: border-box;
    padding: .75rem .9rem 1rem;
    background-color: #fff;
    transform: translate(-50%,-50%);
}
.recruit-dialog .tit-box{
    padding-bottom: .7rem;
    border-bottom: 1px solid rgba(220,220,220,.6);
}
.recruit-dialog .tit{
    float: left;
    font-size: .6rem;
    line-height: .7rem;
    color: #282b30;
}
.recruit-dialog .recruit-close{
    float: right;
    width: .425rem;
    height: .425rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../img/teacher-close.png');
    margin-top: .2rem;
}
.recruit-dialog .con{
    font-size: .35rem;
    color: #666666;
    line-height: .75rem;
    margin-top: 1rem;
    height: 8.25rem;
    overflow: hidden;
}
.recruit-dialog .con .mCSB_scrollTools .mCSB_draggerRail{
    width: 1px;
    background: rgba(0,0,0,.1);
}
.recruit-dialog .con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #00949c;
    border-radius: 0;
}

.search-wrap .search{
    width: 100%;
    float: none;
    padding: .75rem 0;
}
.result-box{
    margin-top: .6rem;
    padding-bottom: 3.5rem;
}
.result-box .result-tit{
    font-size: .4rem;
    line-height: .5rem;
    color: #666;
}
.result-box .sub-nav{
    border-bottom: 1px solid #e5e5e5;
    margin-top: .5rem;
}
.result-box .sub-nav .swiper-slide{
    margin-right: 1.75rem;
    width: auto;
}
.result-box .sub-nav .swiper-slide:last-child{
    margin-right: 0;
}
.result-box .sub-nav .swiper-slide a:before{
    top: auto;
    bottom: 0;
}
.result-box .sub-nav .swiper-slide a:after{
    display: none;
}
.result-box .sub-nav .swiper-slide.cur a{
    font-weight: normal;
}
.result-box .result-list{
    margin-top: 1.25rem;
}
.result-box .pro-list .row{
    margin: 0 -.35rem;
}
.result-box .pro-list .item{
    box-sizing: border-box;
    padding: 0 .35rem;
    margin-bottom: .7rem;
}
.result-box .pro-list .con-box{
    display: block;
}
.result-box .pro-list .img{
    border-radius: 3px;
    overflow: hidden;
    border: 1px solid #ddd;
}
.result-box .pro-list img{
    width: 100%;
}
.result-box .pro-list .text{
    margin-top: .4rem;
}
.result-box .pro-list .tit{
    font-size: .45rem;
    line-height: .55rem;
    color: #333;
    transition: all .2s;
}
.result-box .pro-list .more{
    font-size: .3rem;
    line-height: .4rem;
    color: #666;
    margin-top: .25rem;
}
.result-box .news-lists .row{
    margin: 0 -.75rem;
}
.result-box .news-lists .news-item{
    padding: 0 .75rem;
    box-sizing: border-box;
}
.result-box .news-lists .con-box{
    display: block;
    padding: .5rem 0 .5rem .75rem;
    position: relative;
    font-size: .35rem;
    line-height: .4rem;
    color: #666;
    border-bottom: 1px dotted #ddd;
    transition: all .2s;
}
.result-box .news-lists .con-box:before{
    content: "";
    position: absolute;
    left: .25rem;
    top: 50%;
    width: 6px;
    height: 6px;
    background-color: #888888;
    border-radius: 100%;
    transform: translateY(-50%);
    transition: all .2s;
}
.index-story-box{
    /* position: relative; */
}
.pc-canvas{
    width: 100%;
    height: 18.25rem;
    position: relative!important;
}
.pc-canvas canvas{
    width: 100%;
    height: 100%;
}
.equip-box{
    padding: 2.25rem 0 1.1rem;
    border-bottom: 1px solid #e8e8e8;
}
.product-tit{
    text-align: center;
    font-size: .9rem;
    line-height: 1rem;
    color: #333;
}
.product-con{
    font-size: .45rem;
    line-height: .9rem;
    color: #666;
    width: 69.44%;
    margin: .4rem auto 0;
    text-align: center;
}
.buy-btn{
    display: block;
    width: 3.75rem;
    height: 1.25rem;
    background-color: #00949c;
    text-align: center;
    font-size: .4rem;
    line-height: 1.25rem;
    color: #fff;
    margin: 1rem auto 0;
    transition: all .3s;
}
.tech-tab{
    margin-top: 3.375rem;
    overflow: hidden;
    padding: 30px 20px;
    width: 100%;
    margin: 2.5rem -20px 0;
}
.tech-tab .swiper-slide{
    padding-top: .25rem;
}
.tech-tab .con-box{
    padding: 1.8rem .75rem 1rem;
    background-color: #ebf0f5;
    position: relative;
    top: 0;
    transition: all .3s;
}
.tech-tab .con-box:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: .25rem;
    background: #e0e4ea;
    transition: all .3s;
}
.tech-tab .con-box .icon{
    width: 1rem;
}
.tech-tab .con-box .icon img{
    width: 100%;
}
.tech-tab .con-box .text{
    overflow: hidden;
    height: 8.3rem;
    margin-top: .5rem;
}
.tech-tab .con-box .text .mCSB_scrollTools{
    width: 3px;
}
.tech-tab .con-box .text .mCSB_scrollTools .mCSB_draggerRail{
    width: 3px;
    background: transparent;
}
.tech-tab .con-box .text .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #00949c;
    border-radius: 0;
}
.tech-tab .con-box .tit{
    font-size: .55rem;
    line-height: .6rem;
    color: #333;
}
.tech-tab .con-box .con{
    font-size: .4rem;
    line-height: .9rem;
    color: #666;
    margin-top: .5rem;
    max-height: 4.5rem;
    overflow: hidden;
}
.tech-tab .con-box .con .mCSB_scrollTools .mCSB_draggerRail{
    width: 1px;
    background: rgba(0,0,0,.1);
}
.tech-tab .con-box .con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #00949c;
    border-radius: 0;
}
.tech-tab .dynamic-btns{
    margin-top: 1rem;
}
.type-box{
    padding: 2.25rem 0 2.5rem;
}
.type-box .img{
    overflow: hidden;
}
.type-box img{
    width: 100%;
    transition: all .3s;
}
.type-box .type-tab-box{
    margin-top: 1.75rem;
}
.type-box .type-tab{
    overflow: hidden;
}
.type-box .type-tab .text{
    margin-top: .75rem;
    text-align: center;
}
.type-box .type-tab .tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #333;
}
.type-box .type-tab .con{
    font-size: .4rem;
    line-height: .7rem;
    color: #666;
    margin-top: .25rem;
}
.type-box .type-tab .btns{
    font-size: 0;
    text-align: center;
}
.type-tab-box .dynamic-btns{
    margin-top: 1rem;
}
.type-tab-box .dynamic-prev,
.type-tab-box .dynamic-next{
    transform: translateY(calc(-50% - 2.1rem));
}
.apply-box{
    padding: 2.25rem 0 2.5rem;
    background-color: #ebf0f5;
}
.apply-tab{
    margin-top: 1.5rem;
    overflow: hidden;
}
.apply-tab .swiper-slide{
    padding-top: .5rem;
}
.apply-tab .con-box{
    position: relative;
    top: 0;
    transition: all .3s;
}
.apply-tab img{
    width: 100%;
}
.apply-tab .txt{
    position: absolute;
    left: 0;
    bottom: 6%;
    width: 100%;
    box-sizing: border-box;
    padding: 0 12%;
    font-size: .65rem;
    color: #ebf0f5;
    line-height: .7rem;
}
.apply-tab .dynamic-btns{
    margin-top: 1.25rem;
}
.solution-box{
    padding: 2.25rem 0 2rem;
}
.solution-box .tab-btns .swiper-wrapper{
    justify-content: center;
}
.solution-box .tab-btns .swiper-slide{
    width: auto;
    margin: 0 .4rem;
}
.solution-box .tab-btns{
    margin-top: .9rem;
}
.solution-box .tab-btns a{
    display: block;
    padding: 0 .75rem;
    font-size: .45rem;
    color: #333;
    line-height: 1rem;
    border-radius: .5rem;
    background-color: #fff;
    transition: all .3s;
}
.solution-box .tab-btns .swiper-slide.cur a{
    background-color: #00949c;
    color: #fff;
}
.solution-list{
    margin-top: 1rem;
}
.solution-list .grid-sizer{
    width: 33.33%;
}
.solution-list .gutter-sizer{
    width: 0;
}
.solution-list .row{
    margin: 0 -15px;
}
.solution-list .item{
    margin-bottom: 30px;
    box-sizing: border-box;
    padding: 0 15px;
}
.solution-list .con-box{
    position: relative;
    overflow: hidden;
    transition: all .3s;
}
.solution-list .con-box img{
    width: 100%;
    transition: all .3s;
}
.solution-list .txt{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    padding: .6rem 6.2%;
    font-size: .6rem;
    line-height: .7rem;
    color: #fff;
    background-color: rgba(0,0,0,.5);
}
.solution-list .loading{
    text-align: center;
    font-size: 0;
    display: none;
}
.solution-list .loading span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .5rem;
    line-height: .7rem;
    padding-left: .9rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .7rem;
    background-image: url('../img/loading.png');
    color: #bbb;
}
.product-message-box{
    padding: 2.25rem 0 2.5rem;
    background-color: #ebf0f5;
}
.product-message-box .form-box{
    margin-top: 1.75rem;
}
.product-message-box .form-box .tit{
    color: #666;
}
.product-message-box .form-box input[type=text],
.product-message-box .form-box textarea{
    background-color: #fff;
}
.product-message-box .form-box input[type=text]:focus,
.product-message-box .form-box textarea:focus{
    background-color: #00949c;
    color: #fff;
}
.result-list .page-box{
    margin-top: 1rem;
}
.text-list .middle-tab{
    overflow: inherit;
}
.text-list .row{
    margin: 0 -.4rem;
}
.text-list .item{
    padding: 0 .4rem;
    box-sizing: border-box;
    margin-bottom: .8rem;
}
.pic-list{
    padding-top: 0;
}
.pic-list .bottom-tab{
    overflow: inherit;
}
.pic-list .row{
    margin: 0 -.2rem;
}
.pic-list .item{
    padding: 0 .2rem;
    margin-bottom: .4rem;
    box-sizing: border-box;
}
@media (max-width: 1680px){
    .honor-tab,
    .honor-box2 .honor-tab2{
        width: 900px;
    }
    .patent-tab{
        width: 1000px;
    }
}
@media (max-width: 1366px){
    .pc-nav li{
        margin-left: .7rem;
    }
    .f-nav li{
        margin-right: 6.5%;
    }
    .f-middle .share-box{
        position: static;
        margin-top: 1rem;
    }
    .f-middle .share-box .item{
        margin: 0 .5rem 0 0;
    }
    .factory-con,
    .adv-box .factory-con{
        width: 90%;
    }
    .app-box .tab-btns .swiper-slide{
        padding-right: 5rem;
    }
    .app-box .tab-btns .circle:before{
        width: 4.8rem;
    }
    .app-box .tab-btns .circle .block{
        width: 5.4rem;
    }
    .vision-box .row{
        margin: 0 -.8rem;
    }
    .vision-box .item{
        padding: 0 .8rem;
    }
    .vision-box .item .tit{
        font-size: .6rem;
    }
    .about-year{
        padding: 0 270px;
    }
    .about-year .swiper-slide{
        margin-right: 270px;
    }
    .honor-tab,
    .honor-box2 .honor-tab2{
        width: 600px;
    }
    .patent-tab{
        width: 700px;
    }
    .honor-tab1 .swiper-slide{
        width: 30%;
    }
    .honor-box2 .swiper-slide{
        width: 40%;
    }
}