@media (min-width: 768px) {
    html {
        font-size: 28px!important;
    }
}
@media (min-width: 1025px) {
    ::-webkit-scrollbar {
        width: 6px;
        height:6px;
    }

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

    ::-webkit-scrollbar-thumb {
        background: #e60012;
        
    }

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

    ::-webkit-scrollbar-thumb:vertical:hover {
        background: #e60012;
    }
    html {
        font-size: 30px!important;
    }
    body{
        -ms-overflow-style: scrollbar;
    }
}
@media (min-width: 1440px) {
    html {
        font-size: 34px!important;
    }
}
@media (min-width: 1680px) {
    html {
        font-size: 40px!important;
    }
}

select::-ms-expand { display: none; }
input,select,textarea{
    box-shadow: none;
    outline: none;
    border: none;
    border-radius: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance:none;
    appearance:none;  
    padding: 0;
}
textarea{
  resize: none;
}
select::-ms-expand { display: none; }

input::-webkit-input-placeholder{
    color:#888;  
}  
input:-moz-placeholder{
    color:#888;
}  
input::-moz-placeholder{
    color:#888;
}  
input:-ms-input-placeholder {
    color:#888;
}  

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


body{
    overflow: hidden;
}
.header-view{
    padding: 0 4.6875%;
}
header{
    background-color: #eaebef;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.25rem;
    border-bottom: 1px solid rgba(146,146,146,.2);
    z-index: 90;
    transition: background-color .3s;
}
header .logo{
    float: left;
    width: 1.35rem;
    margin-top: .5rem;
}
header .logo img{
    width: 100%;
}

.pc-nav{
    float: left;
    margin-left: 1.5rem;
    font-size: 0;
}
.pc-nav li{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 1.25rem;
    vertical-align: top;
    position: relative;
}
.pc-nav li .tit{
    display: block;
    font-size: .4rem;
    line-height: 2.25rem;
    color: #000;
    position: relative;
    transition: all .3s;
}
.pc-nav li .tit:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background-color: #d33546;
    transition: all .3s;
}
.pc-nav li.cur .tit:before{
    width: 100%;
}
.pc-nav li .navson{
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 2.25rem;
    width:4.25rem;
    background-color: rgba(245,245,245,.9);
    box-shadow: 0 0 .5rem rgba(0,0,0,.1)
}
.pc-nav li .navson a{
    display: block;
    padding: .4rem 0;
    text-align: center;
    font-size: .4rem;
    line-height: .5rem;
    color: #666;
    transition: all .3s;
}
.m-nav{
    display: none;
}
.header-right{
    float: right;
    font-size: 0;
    line-height: 2.25rem;
}
.header-right .tel{
    display:inline-block;
    font-size:16px;
    margin-right:20px;
    vertical-align: middle;
}
.header-right a,
.header-right span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}
.header-right .lang{
    font-size: .4rem;
    line-height: .5rem;
    color: #575757;
    padding-right: .4rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('../image/lang.png');
    transition: color .3s;
}
.header-right span{
    width: 1px;
    height: .4rem;
    background-color: rgba(120,120,120,.3);
    margin: 0 .4rem;
    transition: all .3s;
}
header .nav-btn{
    display: none;
}

.search-wrap{
    display: inline-block;
    *display: inline;
    zoom: 1;
    position: relative;
}
.search-wrap .search-btn{
    width: .45rem;
    height: .45rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../image/search-btn.png');
    transition: all .3s;
}

.search-wrap .search-dialog{
    position: absolute;
    right: -5%;
    top: 50%;
    transform: translateY(-50%);
    width: 4rem;
    height: .6rem;
    padding: .2rem .5rem .2rem 1.2rem;
    background-color: #d33546;
    border-radius: .5rem;
    background-repeat: no-repeat;
    background-position: .4rem center;
    background-image: url('../image/w-search-btn.png');
    background-size: .6rem;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.search-wrap input[type=text]{
    display: block;
    width: 100%;
    height: .6rem;
    font-size: .3rem;
    line-height: .6rem;
    color: #fff;
    background-size: .4rem;
    background-color: transparent;
}
.search-wrap.on .search-dialog{
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

.clearfixed{
    height: 2.25rem;
}
.index-page .clearfixed{
    display: none;
}

.aside-box{
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 50;
}
.aside-box .item{
    display: block;
    width: 2rem;
    padding: .3rem 0;
    background-color: #1a1a1a;
    margin-bottom: 2px;
    text-align: center;
}
.aside-box .icon{
    width: .75rem;
    position: relative;
    margin: 0 auto;
}
.aside-box .icon img{
    width: 100%;
    display: block;
}
.aside-box .icon .init{
    transition: all .3s;
}
.aside-box .icon .hover{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
}
.aside-box .txt{
    font-size: .3rem;
    color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    margin-top: .15rem;
    transition: all .3s;
}


.online-dialog-box{
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}
.online-dialog-box .black{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    filter: alpha(opacity=50);
}
.online-dialog{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 21.25rem;
    box-sizing: border-box;
    padding: 1rem;
    background-color: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,.1);
    transform: translate(-50%,-50%);
}
.online-dialog .tit-box{
    padding-bottom: .75rem;
    border-bottom: 1px solid rgba(220,220,220,.6);
}
.online-dialog .tit-box .tit{
    font-size: .45rem;
    line-height: .55rem;
    color: #333;
    float: left;
}
.online-dialog .tit-box .online-close{
    float: right;
    width: .425rem;
    margin-top: .1rem;
}
.online-dialog .tit-box .online-close img{
    width: 100%;
    display: block;
}

.online-dialog .online-form{
    margin-top: 1.25rem;
}
.online-dialog input,
.online-dialog textarea{
    float: left;
    margin-bottom: .5rem;
    border-radius: 2px;
}
.online-dialog input:nth-child(2n){
    float: right;
}
.online-dialog input[type=text],
.online-dialog textarea{
    width: 48.83%;
    box-sizing: border-box;
    padding: .3rem;
    border: 1px solid rgba(0,0,0,.05);
    height: 1.2rem;
    line-height: 1.2rem;
    color: #999;
    font-size: .35rem;
}

.online-dialog textarea{
    width: 100%;
    height: 5.25rem;
    line-height: .5rem;
}
.online-dialog input[type=submit]{
    width: 5.15rem;
    height: 1.25rem;
    background-color: #e60012;
    color: #fff;
    font-size: .35rem;
    margin-bottom: 0;
}
.online-dialog input::-webkit-input-placeholder{
    color:#999;  
}  
.online-dialog input:-moz-placeholder{
    color:#999;
}  
.online-dialog input::-moz-placeholder{
    color:#999;
}  
.online-dialog input:-ms-input-placeholder {
    color:#999;
}  

.online-dialog textarea::-webkit-input-placeholder{
    color:#999;  
}  
.online-dialog textarea:-moz-placeholder{
    color:#999;
}  
.online-dialog textarea::-moz-placeholder{
    color:#999;
}  
.online-dialog textarea:-ms-input-placeholder {
    color:#999;
}

.index-wrap{
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.banner{
    height: 100%;
    overflow: hidden;
    position: relative;
}
.banner .pc-img{
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.banner img{
    width: 100%;
    display: none;
}
.banner .m-img{
    display: none;
}
.banner .btns{
    position: absolute;
    left: 0;
    bottom: 7.88%;
    width: 100%;
    font-size: 0;
    z-index: 3;
    text-align: center;
}
.banner .btns .swiper-pagination-bullet{
    display: inline-block;
    *display: inline;
    zoom: 1;
    background-color: transparent;
    width: auto;
    height: auto;
    margin:0 10px;
    position: relative;
    vertical-align: bottom;
    background-color: transparent;
    width: 16px;
    height: 16px;
}
.banner .btns .swiper-pagination-bullet:before{
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 6px;
    height: 6px;
    border: 2px solid #9b9b9b;
    border-radius: 100%;
    transform: translate(-50%,-50%);
    transition: all .3s;
}
.banner .btns .swiper-pagination-bullet-active:before{
    width: 100%;
    height: 100%;
    background-color: #d33646;
    border-color: transparent;
}


.i-brand-box{
    height: 100%;
}
.i-brand-box .pc-box{
    height: 100%;
}
.i-brand-box .m-box{
    display: none;
}
.i-brand-box .row{
    height: 100%;
}
.i-brand-box .item{
    float: left;
    height: 100%;
    position: relative;
}
.i-brand-box .bg{
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;
    position: relative;
}
.i-brand-box .item:nth-child(2) .bg,
.i-brand-box .item:nth-child(3) .bg{
    background-position: left center;
}
.i-brand-box .bg img{
    display: none;
}
.i-brand-box .item .mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .3;
    filter: alpha(opacity=30);
    transition: all .3s;
    z-index: 3;
    cursor: pointer;
}
.i-brand-box .item .brand-more{
    position: absolute;
    left: 50%;
    bottom: 3.33%;
    transform: translateX(-50%);
    width: 2.3rem;
    height: .85rem;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: .2rem;
    background-image: url('../image/i-brand-arrow.png');
    border-radius: 4px;
    border: 2px solid #fff;
    z-index: 4;
    transition: all .3s;
}
.i-brand-box .item.cur .bg{
    background-position: left center;
    z-index: 4;
}
.i-brand-box .item:nth-child(3).cur .bg{
    background-position: right center;
}

.i-brand-box .item.cur .bg{
    z-index: 4;
}
.i-brand-box .item.cur .mask{
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 3;
}
.i-brand-box .item.cur .brand-more{
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 4;
}

.index-view{
    width: 82.3%;
    margin: 0 auto;
}

.i-product-box{
    height: 100%;
    background-color: #f5f5f5;
}
.i-product{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(calc(-50% + 1.125rem));
    width: 100%;
}
.i-product .top-box .tab-btns{
    float: left;
    font-size: 0;
}
.i-product .top-box .tab-btns a,
.i-product .top-box .tab-btns span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .45rem;
    line-height: .7rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .65rem;
    vertical-align: middle;
    color: #b4b4b4;
}
.i-product .top-box .tab-btns a{
    padding-left: .9rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .65rem;
    transition: all .3s;
}
.i-product .top-box .tab-btns a:nth-child(1){
    background-image: url('../image/i-product-icon3.png');
}
.i-product .top-box .tab-btns a:nth-child(3){
    background-image: url('../image/i-product-icon2.png');
}
.i-product .top-box .tab-btns a:nth-child(5){
    background-image: url('../image/i-product-icon1.png');
}

.i-product .top-box .tab-btns a:nth-child(1).cur{
    color: #c6151d;
    background-image: url('../image/h-i-product-icon3.png');
}
.i-product .top-box .tab-btns a:nth-child(3).cur{
    color: #0079c2;
    background-image: url('../image/h-i-product-icon2.png');
}
.i-product .top-box .tab-btns a:nth-child(5).cur{
    background-image: url('../image/h-i-product-icon1.png');
    color: #cfb166;
}
.i-product .top-box .tab-btns span{
    margin: 0 .5rem;
    width: 1px;
    height: .5rem;
    background-color: #d4d4d4;
}
.index-more{
    float: right;
    font-size: .35rem;
    line-height: .45rem;
    color: #1a1a1a;
    text-decoration: underline;
    transition: all .3s;
}
.i-product .index-more{
    margin-top: .2rem;
}
.i-product .bottom-box{
    position: relative;
    margin-top: .6rem;
}
.i-product .bottom-box .img{
    overflow: hidden;
}
.i-product .bottom-box img{
    width: 100%;
    transition: all .3s;
}
.i-product .bottom-box .left{
    float: left;
    width: 49.367%;
}
.i-product .bottom-box .text{
    margin-top: .4rem;
}
.i-product .bottom-box .text-left{
    float: left;
    width: 83.33%;
}
.i-product .bottom-box .text-left .tit{
    font-size: .6rem;
    color: #000000;
    line-height: .7rem;
    transition: all .3s;
}
.i-product .bottom-box .text-left .desc{
    font-size: .4rem;
    line-height: .5rem;
    color: #666;
    margin-top: 5px;
}
.i-product .bottom-box .product-more{
    float: right;
    font-size:  .45rem;
    line-height: .55rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: .2rem;
    background-image: url('../image/product-more.png');
    padding-right: .5rem;
    color: #000;
    font-family: "TT0142M";
    transition: all .3s;
}
.i-product .bottom-box .right{
    position: absolute;
    right: 0;
    top: 0;
    width: 47.78481%;
    height: 100%;
}
.i-product .bottom-box .right .item{
    position: absolute;
    width: 47.15%;
}

.i-product .bottom-box .right .item:nth-child(1){
    left: 0;
    top: 0;
}
.i-product .bottom-box .right .item:nth-child(2){
    right: 0;
    top: 0;
}
.i-product .bottom-box .right .item:nth-child(3){
    left: 0;
    bottom: 0;
}
.i-product .bottom-box .right .item:nth-child(4){
    right: 0;
    bottom: 0;
}

.i-product .bottom-box .right .text{
    margin-top: .4rem;
}
.i-product .bottom-box .right .text .tit{
    font-size: .45rem;
    line-height: .55rem;
    color: #333;
    transition: all .3s;
}
.i-product .bottom-box .right .text .desc{
    color: #666;
    font-size: .4rem;
    line-height: .5rem;
    margin-top: .25rem;
}

.i-news-box{
    background-color: #f5f5f5;
    height: 100%;
}
.i-news{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    top: 50%;
    transform: translateY(calc(-50% + 1.125rem));
}
.i-news .tit-box .tit{
    font-size: 0;
    float: left;
}
.i-news .tit-box .tit span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .9rem;
    line-height: 1rem;
    color: #000;
    margin-right: .4rem;
}
.i-news .index-more{
    margin-top: .4rem;
}
.i-news-tab{
    margin-top: .9rem;
}
.i-news-tab .swiper-slide{
    width: 28.236%;
    margin-right: 1.52%;
}
.i-news-tab .swiper-slide:last-child{
    margin-right: 0;
}
.i-news-tab img{
    width: 100%;
    transition: all .3s;
}
.i-news-tab .con-box{
    display: block;
    padding: .65rem;
    background-color: #fff;
}
.i-news-tab .con-box .img{
    position: relative;
    overflow: hidden;
}
.i-news-tab .con-box .top-time{
    position: absolute;
    right: 0;
    top: 0;
    width: 1.5rem;
    height: 2rem;
    text-align: center;
    box-sizing: border-box;
    background-color: #fff;
    padding: .3rem 0;
    color: #454545;
}
.i-news-tab .con-box .top-time .d{
    font-size: 1rem;
    line-height: 1rem;
    font-family: "times";
}
.i-news-tab .con-box .top-time .m{
    font-size: .4rem;
    line-height: .5rem;
    font-family: "ROBOTOSLAB-REGULAR";
}
.i-news-tab .con-box .time{
    margin-top: .6rem;
    position: relative;
}
.i-news-tab .con-box .time:before{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #e8e8e8;
}
.i-news-tab .con-box .time span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .45rem;
    line-height: .55rem;
    color: #000;
    background-color: #fff;
    padding-right: 6px;
    position: relative;
    font-family: arial;
}
.i-news-tab .con-box .tit{
    font-size: .55rem;
    line-height: .9rem;
    color: #000;
    height: 1.8rem;
    overflow: hidden;
    transition: all .3s;
    margin-top: .4rem;
}
.i-news-tab .con-box .news-more{
    font-size: 0;
    margin-top: 1rem;
}
.i-news-tab .con-box .news-more .txt{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .45rem;
    line-height: .55rem;
    color: #000;
    vertical-align: middle;
    
    padding-bottom: .1rem;
  
    font-family: "TT0142M";
    border-bottom: 2px solid #000;
}

.i-news-tab .con-box .news-more .arrow{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: .25rem;
    height: .425rem;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('../image/news-more.png');
    background-size: .25rem;
    margin-left: .3rem;
}

.foot-slide{
    height: auto;
}
footer{
    background-color: #292929;
    padding: 1.75rem 0 1.5rem;
}
.f-nav{
    float: left;
    font-size: 0;
}
.f-nav li{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 2rem;
    vertical-align: top;
}
.f-nav li .tit{
    display: block;
    font-size: .45rem;
    line-height: .55rem;
    color: #fff;
    opacity: .7;
    filter: alpha(opacity=70);
}
.f-nav li .navson{
    margin-top: .6rem;
}
.f-nav li .navson a{
    display: block;
    font-size: .4rem;
    line-height: .75rem;
    color: #fff;
    opacity: .6;
    filter: alpha(opacity=60);
    transition: all .3s;
}
.f-right{
    float: right;
    text-align: right;
}
.f-contact{
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: left;
}
.f-contact .item{
    font-size: 0;
}
.f-contact .item .tit{
    margin-right: .4rem;
}
.f-contact .item{
    margin-bottom: .4rem;
}
.f-contact .item span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .35rem;
    line-height: .45rem;
    color: #fff;
    opacity: .5;
    filter: alpha(opacity=50);
    
    vertical-align: middle;
}
.f-contact .item .tel{
    opacity: .8;
    filter: alpha(opacity=80);
    font-size: .5rem;
    line-height: .6rem;
    font-family: "TT0142M";
    font-weight: bold;
}
.f-contact .item .mail{
    font-size: .4rem;
    line-height: .5rem;
}
.f-contact .item .share{
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
}
.f-contact .item .share .share-item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: .5rem;
    position: relative;
}
.f-contact .item .share .share-item .icon{
    width: 100%;
}
.f-contact .item .share .share-item .icon img{
    width: 100%;
}
.f-contact .item .share .img-box{
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: .7rem;
    left: 0;
    padding-top: .45rem;
    transition: all .3s;
}
.f-contact .item .share .img{
    padding-top: 4px;
    position: relative;
    width: 2rem;
    padding: 4px;
    background-color: #fff;
}
.f-contact .item .share .img img{
    width: 100%;
}
.f-contact .item .share .img:before {
    content: "";
    position: absolute;
    left: .2rem;
    top: -4px;
    width: 7px;
    height: 4px;
    background-image: url('../image/qrcode-sj.png');
}
.f-right .copy-box{
    color: #fff;
    font-size: .35rem;
    line-height: .6rem;
    margin-top: .75rem;
}
.f-right .copy-box .copy,
.f-right .copy-box .build a,
.f-right .copy-box .build span{
    opacity: .5;
    filter: alpha(opacity=50);
    color: #fff;
    transition: all .3s;
}
.index-page header{
    background-color: transparent;
}
.index-page .pc-nav li .tit{
    color: #f2f2f2;
}
.index-page .pc-nav li .tit:before{
    background-color: #f2f2f2;
}
.index-page .header-right .lang{
    color: #f2f2f2;
    background-image: url('../image/w-lang.png');
}
.index-page .header-right span{
    background-color: rgba(242,242,242,.3);
}
.index-page .search-wrap .search-btn{
    background-image: url('../image/w-search-btn.png');
}


.index-page header.cur{
    background-color: #f5f5f5;
}
.index-page header.cur .pc-nav li .tit{
    color: #000;
}
.index-page header.cur .pc-nav li .tit:before{
    background-color: #d33546;
}
.index-page header.cur .header-right .lang{
    color: #575757;
    background-image: url('../image/lang.png');
}
.index-page header.cur .header-right span{
    background-color: rgba(120,120,120,.3);
}
.index-page header.cur .search-wrap .search-btn{
    background-image: url('../image/search-btn.png');
}

.pub-bg{
    background-color: #eaebef;
}
.product-box{
    padding: 1.5rem 0 2.5rem;
}
.view{
    width: 72.9%;
    margin: 0 auto;
}
.product-btns{
    font-size: 0;
    position: relative;
    z-index: 3;
}
.product-btns .m-box{
    display: none;
}
.product-btns a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .45rem;
    color: #808080;
    line-height: 1.45rem;
    border: 1px solid #d4d5d9;
    margin-right: 6px;
    text-align: center;
    width: 5.625rem;
}

.product-btns a span{
    padding-left: .9rem;
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 1.45rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: .7rem;
    color: #808080;
    transition: all .3s;
}
.product-btns .all span{
    background-image: url('../image/product-all.png');
}
.product-btns a:nth-child(2) span{
    background-image: url('../image/product-icon3.png');
}
.product-btns a:nth-child(3) span{
    background-image: url('../image/product-icon2.png');
}
.product-btns a:nth-child(4) span{
    background-image: url('../image/product-icon1.png');
}
.product-btns .all{
    float: right;
    margin: 0;
    color: #333;
    width: 3.7rem;
}
.product-btns .all span{
    padding: 0 .7rem 0 0;
    background-position: right center;
}

.product-btns a.cur span{
    color: #000;
}
.product-btns .all.cur span{
    background-image: url('../image/h-product-all.png');
    color: #d33546;
}
.product-btns a:nth-child(2).cur span{
    background-image: url('../image/h-product-icon3.png');
}
.product-btns a:nth-child(3).cur span{
    background-image: url('../image/h-product-icon2.png');
}
.product-btns a:nth-child(4).cur span{
    background-image: url('../image/h-product-icon1.png');
}
.product-box .list{
    margin-top: .9rem;
}
.product-box .list .row{
    margin: 0 -.5rem;
}
.product-box .list .item{
    box-sizing: border-box;
    padding: 0 .5rem;
    margin-bottom: 1rem;
}
.product-box .list .con-box{
    display: block;
    padding: .6rem;
    background-color: #fff;
    transition: all .3s;
}
.product-box .list .img{
    overflow: hidden;
}
.product-box .list img{
    width: 100%;
    transition: all .3s;
}
.product-box .list .text{
    margin-top: .7rem;
}
.product-box .list .tit{
    font-size: .6rem;
    color: #000;
    line-height: .7rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-box .list .con{
    font-size: .4rem;
    line-height: .7rem;
    color: #666;
    height: 1.4rem;
    overflow: hidden;
    margin-top: .4rem;
}
.product-box .list .product-more{
    display: block;
    width: 1.45rem;
    height: 1.45rem;
    border: 1px solid #d2d3da;
    border-radius: 100%;
    margin-top: .75rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: .175rem;
    background-image: url('../image/product-more.png');
    transition: all .3s;
}
.product-box .page{
    margin-top: 1rem;
}
.page{
    font-size: 0;
    text-align: center;
}
.page a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 100%;
    border: 1px solid rgba(181,181,181,.6);
    vertical-align: top;
    margin: 0 .2rem;
    font-size: .35rem;
    color: #000;
    line-height: 1.15rem;
    font-family: arial;
    transition: all .3s;
}
.page a.prev,
.page a.next{
    background-repeat: no-repeat;
    background-position: center;
    background-size: .15rem;
}
.page a.prev{
    background-image: url('../image/page-prev.png');
}
.page a.next{
    background-image: url('../image/page-next.png');
}
.page a.active{
    background-color: #ee3135;
    color: #fff;
    border-color: #ee3135;
}

.productinfo-box .top-box{
    position: relative;
}
.productinfo-box .img-tab{
    overflow: hidden;
    float: left;
    width: 47.4576%;
    position: relative;
}
.productinfo-box .img-tab img{
    width: 100%;
}
.productinfo-box .img-tab .prev,
.productinfo-box .img-tab .next{
    position: absolute;
    top: 50%;
    width: 1.35rem;
    height: 1.35rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transform: translateY(-50%);
    z-index: 3;
}
.productinfo-box .img-tab .prev{
    background-image: url('../image/productinfo-prev.png');
    left: 3.57%;
}
.productinfo-box .img-tab .next{
    background-image: url('../image/productinfo-next.png');
    right: 3.57%;
}
.productinfo-box .top-box .right{
    position: absolute;
    right: 0;
    top: 0;
    width: 52.5424%;
    height: 100%;
    background-color: #f7f7f9;
    box-sizing: border-box;
    padding: 5% 7.6% 3.9548% 5%;
}
.productinfo-box .top-box .right .mCSB_scrollTools .mCSB_draggerRail{
    width: 1px;
    background: rgba(0,0,0,.1);
}
.productinfo-box .top-box .right .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #e60012;
    border-radius: 0;
}

.productinfo-box .top-box .tit{
    font-size: .8rem;
    line-height: .9rem;
}
.productinfo-box .top-box .con{
    font-size: .4rem;
    line-height: .7rem;
    color: #666;
    margin-top: .7rem;
}
.productinfo-box .top-box .param-box{
    width: 94.366%;
    margin-top: 1rem;
    padding-top: .9rem;
    border-top: 1px solid rgba(168,168,168,.33);
}
.productinfo-box .param-box .param-tit{
    font-size: .5rem;
    line-height: .6rem;
    color: #010101;
}
.productinfo-box .param-box .list{
    border: 2px dashed #bbb;
    margin-top: .5rem;
}
.productinfo-box .param-box .list .item{
    border-right: 2px dashed #bbb;
    border-bottom: 2px dashed #bbb;
    box-sizing: border-box;
    padding: .7rem 0 .5rem;
    text-align: center;
}
.productinfo-box .param-box .list .item:nth-child(4n){
    border-right: none;
}
.productinfo-box .param-box .list .item:nth-child(5),
.productinfo-box .param-box .list .item:nth-child(6),
.productinfo-box .param-box .list .item:nth-child(7),
.productinfo-box .param-box .list .item:nth-child(8){
    border-bottom: none;
}
.productinfo-box .param-box .num{
    font-size: .6rem;
    line-height: .7rem;
    color: #000;
    font-family: "TT0142M";
    font-weight: bold;
}
.productinfo-box .param-box .txt{
    font-size: .4rem;
    line-height: .5rem;
    color: #666;
    margin-top: 5px;
}
.productinfo-box .param-tab{
    overflow: hidden;
    
    margin-top: .6rem;
}
.productinfo-box .param-tab .icon{
    position: relative;
    box-sizing: border-box;
    border: 1px solid rgba(172,172,172,.4);
    border-radius: 4px;
    overflow: hidden;
}

.productinfo-box .param-tab img{
    width: 100%;
}
.productinfo-box .param-tab .txt{
    font-size: .4rem;
    line-height: .5rem;
    color: #666;
    text-align: center;
    margin-top: .25rem;
}
.productinfo-box .param-tab .btns{
    font-size: 0;
    text-align: center;
    margin-top: .3rem;
}
.productinfo-box .param-tab .btns .swiper-pagination-bullet{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #ddd;
    margin: 0 .2rem;
}
.productinfo-box .param-tab .btns .swiper-pagination-bullet-active{
    background-color: #d33546;
}
.productinfo-box .list{
    margin-top: 1rem;
}
.productinfo-box .list .item{
    position: relative;
}
.productinfo-box .list .img{
    float: right;
    width: 50%;
    position: relative;
    z-index: 3;
}
.productinfo-box .list .img img{
    width: 100%;
}
.productinfo-box .list .text-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f7f7f9;
}
.product-view{
    width: 85.8757%;
    margin: 0 auto;
    height: 100%;
    position: relative;
}
.productinfo-box .list .text{
    position: absolute;
    left: 0;
    top: 50%;
    width: 42.1%;
    transform: translateY(-50%);
}
.productinfo-box .list .tit{
    font-size: .9rem;
    line-height: 1.2rem;
    color: #000;
}
.productinfo-box .list .line{
    width: .65rem;
    height: 3px;
    background-color: #333;
    margin-top: 1rem;
}
.productinfo-box .list .con{
    font-size: .4rem;
    line-height: .7rem;
    color: #666;
    margin-top: 1rem;
}
.productinfo-box .list .con .mCSB_scrollTools .mCSB_draggerRail{
    width: 1px;
    background: rgba(0,0,0,.1);
}
.productinfo-box .list .con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #e60012;
    border-radius: 0;
}
.productinfo-box .list .item:nth-child(2n) .img{
    float: left;
}
.productinfo-box .list .item:nth-child(2n) .text{
    left: auto;
    right: 0;
}
.look-box{
    font-size: 0;
    text-align: center;
}
.look-btn{
    display: inline-block;
    height: 1.6rem;
    line-height: 1.6rem;
    padding: 0 1.2rem;
    background-color: #d13049;
    font-size: .45rem;
    color: #fff;
    border-radius: .8rem;
    transition: all .3s;
}
.productinfo-box .look-box{
    margin-top: 1.85rem;
}
.productinfo-box .attestation-box{
    margin-top: 1.35rem;
}
.attestation-box{
    background-color: #f7f7f9;
    padding: 1.75rem 0 2.5rem;
}
.attestation-view{
    width: 79%;
    margin: 0 auto;
}
.attestation-box h3{
    font-size: .9rem;
    line-height: 1rem;
    color: #000;
    text-align: center;
}
.attestation-list{
    margin-top: 1.25rem;
}
.attestation-list .row{
    margin: 0 -.35rem;
}
.attestation-list .item{
    margin-bottom: .7rem;
}
.attestation-list .img{
    border: 1px solid rgba(172,172,172,.4);
    transition: all .3s;
}
.attestation-list .img img{
    width: 100%;
}
.attestation-list .txt{
    font-size: .4rem;
    line-height: .5rem;
    color: #666;
    text-align: center;
    margin-top: .5rem;
}
.attestation-list .item{
    box-sizing: border-box;
    padding: 0 .35rem;
}

.news-box{
    padding: 2.25rem 0 1.75rem;
}
.news-box .tit-box{
    text-align: center;
    font-size: 0;
}
.news-box .tit-box .cn{
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0 1.75rem;
    position: relative;
}
.news-box .tit-box .cn span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .9rem;
    line-height: 1rem;
}
.news-box .tit-box .cn:before,
.news-box .tit-box .cn:after{
    content: "";
    width: 1.125rem;
    height: 3px;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    background-color: #000;
}
.news-box .tit-box .cn:before{
    left: 0;
}
.news-box .tit-box .cn:after{
    right: 0;
}
.news-box .tit-box .en{
    font-size: .35rem;
    line-height: .45rem;
    color: #000;
    font-family: arial;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: .3rem;
}
.select-box{
    position: relative;
    width: 4.75rem;
}
.select-box .tit{
    display: block;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    padding: 0 .6rem;
    text-align: left;
    color: #000;
    position: relative;
}
.select-box .tit:before{
    content: "";
    position: absolute;
    right: .6rem;
    top: 50%;
    margin-top: -.1rem;
    width: .3rem;
    height: .2rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../image/select-arrow.png');
}
.select-box .sub{
    position: absolute;
    left: 0;
    top: 1.5rem;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .3s;
    border-top: 1px solid #d4d5d9;
}

.select-box .sub a{
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    background-color: #eaebef;
    text-align: left;
    padding: 0 .6rem;
    color: #000;
    border-top: none;
    transition: all .3s;
}

.select-box.on .sub{
    top: 1.45rem;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}
.news-box .top-box{
    display: block;
    margin-top: .9rem;
    background-color: #f7f7f9;
    position: relative;
}
.news-box .top-box .img{
    float: left;
    width: 34.2857%;
    overflow: hidden;
}
.news-box .top-box .img img{
    width: 100%;
    transition: all .3s;
}
.news-box .top-box .text{
    position: absolute;
    right: 0;
    width: 65.7143%;
    height: 100%;
    box-sizing: border-box;
    padding: 4.2857% 11.42857% 3.57% 4.643%;
}
.news-box .top-box .tit{
    font-size: .65rem;
    line-height: .75rem;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.news-box .top-box .time{
    font-size: .35rem;
    line-height: .4rem;
    color: #333;
    margin-top: .25rem;
}
.news-box .top-box .con{
    font-size: .4rem;
    line-height: .6rem;
    color: #666;
    margin-top: .5rem;
}
.news-box .top-box .detail{
    width: 3.25rem;
    height: 1rem;
    line-height: 1rem;
    background-color: #d23148;
    border-radius: .5rem;
    color: #fff;
    font-size: .35rem;
    text-align: center;
    margin-top: .75rem;
    transition: all .3s;
}
.news-box .list{
    margin-top: 1.25rem;
}
.news-box .list .grid-sizer{
    width: 33.33%;
}
.news-box .list .gutter-sizer{
    width: 0;
}
.news-box .list .row{
    margin: 0 -.6rem;
}
.news-box .list .item{
    box-sizing: border-box;
    padding: 0 .6rem;
    margin-bottom:1.2rem;
}
.news-box .list .img{
    overflow: hidden;
}
.news-box .list img{
    width: 100%;
    transition: all .3s;
}
.news-box .list .text{
    padding: .9rem 1rem 1.25rem;
    background-color: #f7f7f9;
}
.news-box .list .text .tit{
    font-size: .5rem;
    line-height: .75rem;
    color: #000;
    transition: all .3s;
}
.news-box .list .text .con{
    font-size: .4rem;
    line-height: .7rem;
    color: #666;
    margin-top: .5rem;
    height: 1.4rem;
    overflow: hidden;
}
.news-box .list .text .time{
    font-size: .35rem;
    line-height: .45rem;
    color: #666;
    margin-top: .9rem;
}
.news-box .list .page{
    margin-top: .55rem;
}
.contact-box{
    position: relative;
}
.contact-box .map{
    height: calc(100vh - 2.25rem);
}
.contact-box .text-box{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 16.625rem;
    background-color: rgba(255,255,255,.95);
    box-sizing: border-box;
    padding: 1.75rem 1.5rem 2rem 2rem;
}
.contact-box .text-box .contact-tit{
    font-size: .75rem;
    color: #333;
    line-height: .85rem;
}
.contact-box .text-box .list{
    margin-top: .75rem;
}
.contact-box .text-box .list .item{
    padding: 5px 0;
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: .5rem;
}
.contact-box .text-box .list .item:last-child{
    margin-bottom: 0;
}
.contact-box .text-box .list .tit{
    float: left;
    font-size: .4rem;
    line-height: .8rem;
    background-size: .75rem;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 1rem;
}
.contact-box .text-box .list .con{
    float: right;
    width: 69.23%;
    font-size: .4rem;
    line-height: .8rem;
    color: #333;
}
.contact-box .text-box .qrcode-box{
    margin-top: 1rem;
    font-size: 0;
}
.contact-box .qr-item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: 1rem;
}
.contact-box .text-box .img{
    width: 2.4rem;
    margin: 0 auto;
    
}
.contact-box .text-box .img img{
    width: 100%;
}
.contact-box .text-box .txt{
    
    font-size: .4rem;
    line-height: .6rem;
    color: #333;
    margin-top: .3rem;
    
}
.contact-page .aside-box{
    display: none;
}
.ban-about{
   
    position: relative;
}
.ban-about>img{
    width: 100%;
}
.ban-about .text-box{
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.ban-about .text-box .header-view{
    height: 100%;
}
.ban-about .text,
.ban-about .bottom{
    position: absolute;
    left: 4.6857%;
    width: 39.58%;
    box-sizing: border-box;
    margin-left: 2.85rem;
}
.ban-about .text{
    height: 66.67%;
    padding: 6.2% 6.2% 5% 0;
}
.ban-about .text:before{
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 200%;
    height: 1px;
    background-color: #fff;
    opacity: .15;
    filter: alpha(opacity=15);
}
.ban-about .text .tit{
    font-size: .9rem;
    line-height: 1rem;
    color: #fff;
}
.ban-about .text .line{
    width: .75rem;
    height: 3px;
    background-color: #fff;
    margin-top: .9rem;
}
.ban-about .text .con{
    font-size: .4rem;
    color: #fff;
    line-height: .7rem;
    margin-top: .9rem;
    height: 5.6rem;
    overflow: hidden;
}
.ban-about .text .con .mCSB_scrollTools .mCSB_draggerRail{
    width: 1px;
    background: rgba(255,255,255,.5);
}
.ban-about .text .con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #fff;
    border-radius: 0;
}
.ban-about .bottom{
    height: 33.33%;
    bottom: 0;
}
.ban-about .world-img{
    width: 67%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.ban-about .world-img img{
    width: 100%;
}
.ban-about .right{
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
}
.ban-about .right .item{
    height: 33.33%;
    border-bottom: 1px solid rgba(255,255,255,.15);
    border-left: 1px solid rgba(255,255,255,.15);
    box-sizing: border-box;
    transition: all .3s;
}
.ban-about .right .con-box{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}
.ban-about .right .con-box .icon{
    width: .85rem;
    margin: 0 auto;
}

.ban-about .right .con-box .icon img{
    width: 100%;
    display: block;
}
.ban-about .right .con-box .num{
    font-size: .9rem;
    line-height: 1rem;
    color: #fff;
    font-family: "TT0142M";
    font-weight: bold;
    margin-top: .25rem;
}
.ban-about .right .con-box .txt{
    font-size: .35rem;
    line-height: .5rem;
    max-height: 1rem;
    color: #fff;
    margin-top: .25rem;
}

.about-list .item{
    position: relative;
}
.about-list .img{
    float: left;
    width: 50%;
    position: relative;
    z-index: 3;
}
.about-list .img img{
    width: 100%;
}
.about-view{
    width: 70.83%;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.about-list .text-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #eaebef;
}
.about-list .text{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 38.235%;
}
.about-list .text .tit{
    font-size: .75rem;
    color: #000;
    line-height: .85rem;
}
.about-list .text .line{
    width: .75rem;
    height: 3px;
    background-color: #000;
    margin-top: .9rem;
}
.about-list .text .con{
    font-size: .4rem;
    line-height: .75rem;
    color: #666;
    margin-top: .75rem;
    max-height: 5.25rem;
    overflow: hidden;
}
.about-list .text .con .mCSB_scrollTools .mCSB_draggerRail{
    width: 1px;
    background: rgba(0,0,0,.1);
}
.about-list .text .con .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background: #e60012;
    border-radius: 0;
}
.about-list .num-box{
    margin-top: 2.5rem;
    font-size: 0;
}
.about-list .num-box .num-item{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-right: .7rem;
}
.about-list .num-box .num,
.about-list .num-box .unit{
    display: inline-block;
    *display: inline;
    zoom: 1;
}
.about-list .num-box .num{
    font-size: .75rem;
    line-height: .85rem;
    color: #000;
    font-family: "TT0142M";
    font-weight: bold;
}
.about-list .num-box .unit{
    font-size: .4rem;
    line-height: .5rem;
    color: #333;
    margin-left: 4px;
}
.about-list .num-box .txt{
    font-size: .35rem;
    line-height: .45rem;
    color: #666;
    margin-top: 5px;
}

.about-list .item:nth-child(2n) .img{
    float: right;
}
.about-list .item:nth-child(2n) .text{
    right: auto;
    left: 0;
}
.honor-box{
    padding: 2.5rem 0 2.25rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;s
}
.honor-tit{
    font-size: .9rem;
    line-height: 1rem;
    color: #fff;
    text-align: center;
}
.honor-tab{
    margin-top: 1.25rem;
}
.honor-tab .m-box{
    display: none;
}
.honor-tab .item{
    text-align: center;
}
.honor-tab .pc-tab{
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,.2);
}
.honor-tab .pc-box .item{
    float: left;
    width: 20%;
}
.honor-tab .pc-box .con-box{
    display: block;
    border-right: 1px solid rgba(255,255,255,.2);
    border-top: 1px solid rgba(255,255,255,.2);
    transition: all .3s;
}
.honor-tab .pc-box .item:nth-child(5n+1) .con-box{
    border-left: 1px solid rgba(255,255,255,.2);
}
.honor-tab .icon{
    width: 2rem;
    margin: 0 auto;
}
.honor-tab .icon img{
    width: 100%;
}
.honor-tab .text{
    padding: 1.25rem 0 .5rem;
}
.honor-tab .txt{
    font-size: .4rem;
    line-height: .6rem;
    color: #fff;
    height: 1.2rem;
    margin-top: .75rem;
}
.honor-tab .look{
    height: 1.25rem;
    line-height: 1.25rem;
    border-top: 1px solid rgba(255,255,255,.2);
}
.honor-tab .look span{
    color: #fff;
    font-size: .35rem;
    padding-right: .35rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url('../image/honor-arrow.png');
    background-size: .15rem;
}
.honor-tab .btns{
    margin-top: 1.4rem;
    font-size: 0;
    text-align: center;
}
.honor-tab .btns .swiper-pagination-bullet{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #b7b7b7;
    margin: 0 .375rem;
}
.honor-tab .btns .swiper-pagination-bullet-active{
    background-color: #d33546;
}
.partner-box{
    padding: 1.75rem 0;
}
.partner-box .look-btn{
    padding: 0 2rem;
}
.honor-dialog-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}
.honor-dialog-box .black{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000204;
    opacity: .88;
    filter: alpha(opacity=88);
}
.honor-dialog{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    
    width: 465px;
}
.honor-dialog .honor-dialog-tab{
    overflow: hidden;
}

.honor-dialog img{
    width: 100%;
}
.honor-dialog .txt{
    font-size: .4rem;
    line-height: .5rem;
    color: #fff;
    text-align: center;
    margin-top: .7rem;
}
.honor-dialog .prev,
.honor-dialog .next{
    position: absolute;
    top: 50%;
    width: .25rem;
    height: .4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    margin-top: -.4rem;
    z-index: 3;
}
.honor-dialog .prev{
    background-image: url('../image/honor-prev.png');
    left: -1.75rem;
}
.honor-dialog .next{
    background-image: url('../image/honor-next.png');
    right: -1.75rem;
}
.honor-dialog .dialog-close{
    position: absolute;
    right: -1.75rem;
    top: -.4rem;
    width: .5rem;
    height: .5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    background-image: url('../image/honor-close.png');
}

.ban-brand{
    position: relative;
}
.ban-brand img{
    width: 100%;
}
.brand-box{
    position: relative;
}

.ban-brand video{
    width: 100%;
    display: block;
}
#play-button-circle,
#play-button-triangle {
    fill: none;
    stroke: #fff;
    stroke-width: 5;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    transition-delay: 1s;
}
.ban-brand .play,
.banner .play{
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 70px;
    height: 70px;
    transform: translate(-50%,-50%);
    cursor: pointer;
    z-index: 30;
}

.brand-box .img{
    float: left;
    width: 50%;
}
.brand-box .img img{
    width: 100%;
}
.brand-box .text-box{
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-color: #eaebef;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url('../image/brand-bg.png');
    background-size:100%;
    z-index: 3;
}
.brand-box .text{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 18.54% 0 11.25%;
    transform: translateY(-50%);
}
.brand-box .text .tit{
    font-size: .75rem;
    line-height: 1.1rem;
    color: #000;
}
.brand-box .text .con{
    font-size: .4rem;
    line-height: .75rem;
    color: #666;
    margin-top: .75rem;
}
.origin-box{
    padding: 2rem 0;
}
.brand-tit{
    font-size: .9rem;
    line-height: 1rem;
    color: #010101;
    text-align: center;
}
.origin-tab{
    margin-top: 1rem;
    min-height: 10.5rem;
}
.origin-tab .left{
    float: left;
    width: 28%;
}
.origin-tab .right{
    float: right;
    width: 28%;
}
.origin-tab .item{
    position: relative;
    display: none;
}
.origin-tab .origin-item{
    margin-bottom: 1.25rem;
}
.origin-tab .origin-item:last-child{
    margin-bottom: 0;
}
.origin-tab .origin-item .tit{
    font-size: .6rem;
    line-height: 1rem;
    color: #000;
    padding-left: 1.4rem;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 1rem;
}
.origin-tab .origin-item .con{
    font-size: .4rem;
    line-height: .6rem;
    color: #666;
    padding-left: 1.4rem;
    margin-top: .25rem;
}
.origin-tab .img{
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 30%;
}
.origin-tab .img img{
    width: 100%;
}
.brand-btns{
    font-size: 0;
    text-align: center;
}

.origin-box .brand-btns{
    margin-top: 3rem;
}
.brand-btns a{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    background-color: #e7e1db;
    border-radius: .75rem;
    margin: 0 5px;
    transition: all .3s;
}
.brand-btns span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: 1.5rem;
    font-size: .55rem;
    color: #b8946c;
    padding-right: 1.25rem;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1rem;
    transition: all .3s;
}
.origin-box .brand-btns a:nth-child(1) span{
    background-image: url('../image/origin-tab-icon1.png');
}
.origin-box .brand-btns a:nth-child(2) span{
    background-image: url('../image/origin-tab-icon2.png');
}
.origin-box .brand-btns a:nth-child(3) span{
    background-image: url('../image/origin-tab-icon3.png');
}

.origin-box .brand-btns a.cur{
    background-color: #d9bc75;
}
.origin-box .brand-btns a.cur span{
    color: #fff;
}
.origin-box .brand-btns a:nth-child(1).cur span{
    background-image: url('../image/h-origin-tab-icon1.png');
}
.origin-box .brand-btns a:nth-child(2).cur span{
    background-image: url('../image/h-origin-tab-icon2.png');
}
.origin-box .brand-btns a:nth-child(3).cur span{
    background-image: url('../image/h-origin-tab-icon3.png');
}

.params-box{
    padding: 2.15rem 0 1.65rem;
    background-color: #eaebef;
}
.params-box .txt{
    display: none;
}
.params-box .txt span{
    color: red;
}
.params-box img{
    width: 100%;
}
.params-box .m-img{
    display: none;
}
.o-look-box{
    margin-top: 1.4rem;
}
.o-look-box .look-btn{
    padding: 0 1.5rem;
    background-color: #d9bc75;
}

.brand-box2 .text-box{
    background-image: url('../image/brand-bg2.png');
}
.params-box2 .o-look-box .look-btn{
    background-color: #bc1e21;
}
.quality-box{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../image/quality-bg.png');
    background-color: #f7f7f9;
    padding: 2rem 0 0;
    position: relative;
    z-index: 3;
}
.quality-box .item{
    display: none;
}
.quality-box h3{
    font-size: .9rem;
    line-height: 1rem;
    color: #010101;
    text-align: center;
}
.quality-bg{
    width: 35.7%;
    margin: 4.625rem auto 0;
    position: relative;
    box-shadow:  0 1.75rem 1.75rem -1.75rem  rgba(32,31,31,.12);
    
}
.quality-bg .circle-img img{
   width: 100%;
}
.quality-bg .circle{
    position: absolute;
    left: 50%;
    top: 41.7%;
    transform: translateX(-50%);
    width: 50%;
    z-index: 3;
}
.quality-bg .circle img{
    width: 100%;
}
.quality-bg .circle>img{
    box-shadow: 0 0 1.75rem rgba(32,31,31,.12);
    border-radius: 100%;
}
.quality-bg .circle .sj{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1rem;
    right: calc(-1rem + 6px);
}
.quality-bg .shadow{
    box-shadow: 0 0 1.75rem rgba(32,31,31,.12);
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 100%;
    border-radius: 100%;
}
.quality-bg .cover{
    height:40%;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: #fff;
}
.quality-list .text-item{
    position: absolute;
}

.quality-list .text-item:nth-child(1){
    left: -48%;
    bottom: 26%;
    text-align: right;
}
.quality-list .text-item:nth-child(2){
    left: -44%;
    top: -6.7%;
    text-align: right;
}
.quality-list .text-item:nth-child(3){
    left: 0;
    width: 100%;
    top: -40%;
    text-align: center;
}
.quality-list .text-item:nth-child(4){
   right: -50%;
   top: -6.7%;
   text-align: left;
}
.quality-list .text-item:nth-child(5){
    right: -52%;
    bottom: 26%;
    text-align: left;
}
.quality-list .text-item .tit{
    font-size: .6rem;
    line-height: .7rem;
    color: #c7161d;
}
.quality-list .text-item .con{
    font-size: .35rem;
    line-height: .5rem;
    color: #666;
    margin-top: 6px;
}
.industry-item{
    position: absolute;
    font-size: 0;
}
.industry-item:nth-child(1){
    left: -64%;
    top: 26.67%;
    text-align: right;
}
.industry-item:nth-child(2){
    left:0;
    top: -50%;
    width: 100%;
    text-align: center;
}

.industry-item:nth-child(3){
    right: -54%;
    top: 26.67%;
}
.industry-item .tit{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font-size: .5rem;
    line-height: .6rem;
    color: #000;
    background-repeat: no-repeat;
    background-size: 1.05rem;
}
.industry-item:nth-child(1) .tit{
    padding-right: 1rem;
    background-image: url('../image/industry-icon1.png');
    background-position: right center;
}
.industry-item:nth-child(2) .tit{
    text-align: left;
    padding-left: 1.2rem;
    background-position: left center;
    background-image: url('../image/industry-icon2.png');
}
.industry-item:nth-child(3) .tit{
    padding-left: 1.25rem;
    background-position: left center;
    background-image: url('../image/industry-icon3.png');
}
.industry-item .con{
    font-size: .35rem;
    line-height: .5rem;
    color: #666;
    margin-top: 5px;
}
.manage-con{
    font-size: .35rem;
    line-height: .6rem;
    color: #666;
    text-align: center;
    width: 36.43%;
    margin: .4rem auto 0;
}
.manage-bg{
    margin-top: 3rem;
}
.manage-list .manage-item{
    position: absolute;
    font-size: .6rem;
    line-height: .7rem;
    color: #c7161d;
}
.manage-list .manage-item:nth-child(1){
    left: -16%;
    top: 46.67%;
}
.manage-list .manage-item:nth-child(2){
    left: 0;
    top: 0;
}
.manage-list .manage-item:nth-child(3){
    left: 0;
    top: -26.67%;
    width: 100%;
    text-align: center;
}
.manage-list .manage-item:nth-child(4){
    right: 0;
    top: 0;
}
.manage-list .manage-item:nth-child(5){
    right: -16%;
    top: 46.67%;
}
.manage-img{
    position: absolute;
    left: 0;
    bottom: 8%;
    width: 100%;
}
.manage-img.m-box{
    display: none;
}
.manage-view{
    width: 78.65%;
    margin: 0 auto;
}
.manage-img .img{
    float: left;
    width: 22.3%;
}
.manage-img .img:nth-child(2n){
    float: right;
    width: 22.7%;
}

.manage-img .img img{
    width: 100%;
}


.quality-btns{
    padding:3rem 0 1.75rem;
    position: relative;
    z-index: 3;
}
.quality-btns a{
    background-color: #ebebeb;
}
.quality-btns span{
    color: #999;
}
.quality-btns a:nth-child(1) span{
    background-image: url('../image/quality-icon1.png');
}
.quality-btns a:nth-child(2) span{
    background-image: url('../image/quality-icon2.png');
}
.quality-btns a:nth-child(3) span{
    background-image: url('../image/quality-icon3.png');
}


.quality-btns a.cur{
    background-color: #bc1e21;
}
.quality-btns a.cur span{
    color: #fff;
}
.quality-btns a:nth-child(1).cur span{
    background-image: url('../image/h-quality-icon1.png');
}
.quality-btns a:nth-child(2).cur span{
    background-image: url('../image/h-quality-icon2.png');
}
.quality-btns a:nth-child(3).cur span{
    background-image: url('../image/h-quality-icon3.png');
}

.func-box .img{
    float: none;
    width: 100%;
}
.func-box .text-box{
    background: rgba(0,121,195,.8);
}
.func-box .text{
    padding: 0 3.125% 0 5.2%;
}
.func-box .text .tit{
    font-size: .9rem;
    line-height: 1rem;
    color: #fff;
}
.func-box .text .con{
    font-size: .35rem;
    line-height: .6rem;
    color: #fff;
}
.params-box3 .o-look-box .look-btn{
    background-color: #3193ce;
}

.func-tab-box{
    overflow: hidden;
    position: relative;
    background-color: #f7f7f9;
}
.func-tab-box .item{
    position: relative;
    display: none;
    padding: 2rem 0 5.5rem;
}
.func-tab-box .item:last-child .view{
    width: 100%;
    box-sizing: border-box;
}
.func-tab-box h3{
    font-size:.9rem;
    line-height: 1rem;
    color: #010101;
    text-align: center; 
}
.func-tab-box .con{
    font-size: .35rem;
    line-height: .6rem;
    color: #666;
    text-align: center;
    margin: .5rem auto 0;
}
.func-tab-box .img{
    display: block;
    margin-top: 2.25rem;
}
.func-tab-box .img img{
    width: 100%;
}
.func-tab-box .txt{
    position: absolute;
    left: 0;
    bottom: .75rem;
    width: 100%;
    text-align: right;
    font-size: .35rem;
    line-height: .45rem;
    box-sizing: border-box;
    color: #a6a6a6;
}
.func-tab-box .brand-btns{
    position: absolute;
    left: 0;
    bottom: 2rem;
    width: 100%;
}
.func-tab-box .brand-btns a{
    background-color: #ebebeb;
}
.func-tab-box .brand-btns span{
    color: #999;
}

.func-tab-box .brand-btns a:nth-child(1) span{
    background-image: url('../image/func-icon1.png');
}
.func-tab-box .brand-btns a:nth-child(2) span{
    background-image: url('../image/func-icon2.png');
}
.func-tab-box .brand-btns a:nth-child(3) span{
    background-image: url('../image/func-icon3.png');
}

.func-tab-box .brand-btns a.cur{
    background-color: #3193ce;
}
.func-tab-box .brand-btns a.cur span{
    color: #fff;
}
.func-tab-box .brand-btns a:nth-child(1).cur span{
    background-image: url('../image/h-func-icon1.png');
}
.func-tab-box .brand-btns a:nth-child(2).cur span{
    background-image: url('../image/h-func-icon2.png');
}
.func-tab-box .brand-btns a:nth-child(3).cur span{
    background-image: url('../image/h-func-icon3.png');
}

#wave{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
#wave .canvas{
    width: 100%;
}


.vidcontainer{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    background-color: rgba(0,0,0,0.7);
    cursor: pointer;
    z-index: 999;
}
.vidcontainer .closevid{
    width: 40px;
    height: 40px;
    background: url(../image/close-vid2.png) no-repeat center/100% auto;
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
}
.vidcontainer video{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    bottom: 0;
    right: 0;
    margin: auto;
}

@media (max-width: 1680px){

}
@media (max-width: 1440px){
    .industry-item:nth-child(2){
        
    }
}

@media (max-width: 1366px){
    .f-nav li{
        margin-right: 1.5rem;
    }

    .quality-list .text-item:nth-child(1){
        left: -70%;
    }
    .quality-list .text-item:nth-child(2){
        left: -68%;
    }
    .quality-list .text-item:nth-child(3){
        top: -50%;
    }
    .quality-list .text-item:nth-child(4){
        right: -86%;
    }
    .quality-list .text-item:nth-child(5){
        right: -78%;
    }

    .industry-item:nth-child(1){
        left: -100%;
    }
    .industry-item:nth-child(2){
        top: -60%;
    }
    .industry-item:nth-child(3){
        right: -90%;
    }

    .productinfo-box .top-box .right{
        padding: 3%;
    }
    .productinfo-box .top-box .param-box{
        margin-top: .5rem;
        padding-top: .5rem;
    }
    .productinfo-box .param-tab .btns{
        margin-top: .3rem;
    }
    .productinfo-box .param-box .list .item{
        padding: .4rem 0;
    }
    .productinfo-box .list .con{
        height: 2.8rem;
        overflow: hidden;
    }
    .attestation-list .txt{
        height: 1rem;
    }
    .ban-about .text .con{
        height: 4.2rem;
        margin-top: .5rem;
    }
    .ban-about .text .line{
        margin-top: .5rem;
    }
}
 .new_link{
   line-height: 20px;
    height: 20px; 
    display: none;
    }
    .new_link ul li{
        float:left;
    }
        .new_link .link{
        float:left;
        color:white;
        opacity: .7;
        font-size: .4rem;
    }
    .new_link ul li a{
        color:white;
        opacity: .7;
        margin-right:8px;
        font-size: .4rem;
            vertical-align: top;
    }