@charset "utf-8";
@media screen and (max-width:1560px){
    .index-product .about-main{
        width:100%;
        margin-left:-50%;
    }
}
@media screen and (max-width:1200px){
    .index-product .about-main .mb{
        display:block;
    }
    .index-product .about-main .pc{
        display:none;
    }
    .index-product .about-main{
        padding:0 15px;
        top:50%;
        margin-left:0;
        left:0;
        height:auto;
        box-sizing:border-box;
        transform:translateY(-40%);
        -webkit-transform:translateY(-40%);
    }
    .about-main{
        padding:0 10px;
        width:auto;
    }
    .about-design .img{
        display: none;
    }
    .about-design .about-main{
        position:static;
        top: auto;
        left: auto;
        margin-left: 0px;
    }
    .about-design .about-mains {
         position: static;
         width: auto;
         left: auto;
         margin-left: 0px;
         top: auto;
    }
    .about-page .about-design .bt .en{
        color:#222222;
    }
    .about-page .bt .line{
        background: #434242;
    }
    .pras{
        display:none;
    }
    .sleft{
        width:100%;
    }
    .map{
        padding:0 10px;
        width:auto;
        height:auto;
    }
    .mall-cell{
        background:none;
        height:auto;
    }
    .mall-cell .bt{
        color:#434242;
    }
    .find{
        padding-left: 10px;
        padding-bottom: 10px;
    }
    .first {
        font-size: 16px;
        color: #595757;
        margin-top: 10px;
    }
    .ctest{
        width:200px;
    }
    .fcon li .licon .liright>div{
        width:auto;
    }
    .fcon li{
        padding: 10px;
    }
    .fconn .scrollcon{
        height:auto;
    }
    .ccc{
        display: none!important;
    }
    .pro-page .group .con{
        width:100%;
        margin-left:-50%;
    }
    .pro-page .group .con .pro-txt{
        padding:0 10px;
    }
    .prolist-page .prolists li .cons .img{
        padding:10px;
    }
    .pro-detail .lf{
        width:539px;
        margin:0 auto;
        float:none;
    }
    .pro-detail .rt{
        width:100%;
    }
    .pro-detail .lf .img {
        border-right:none;
    }
    .news-botm .cons .rt{
        width:calc(100% - 280px);
    }
    .contact-con{
        position:relative;
        top:0;
    }
    .contact-con ul li{
        width:50%;
    }
    .contact-con ul li:last-child{
       display: none;

    }
    .index-advant .bt img{
        width:30%;
    }
    .index-join .people{
        display: none;
    }
    .index-compare .qiu{
        display: none;
    }
    .syFocusThumb .holder I{
        border-right:none;
    }
    .pro-detail .rt .cons{
        padding-bottom: 0;
    }
    .pro-detail .rt .cons .shop-btn{
        position:static;
        right:auto;
        left:auto;
    }
    .pro-detail .rt .txt{
        position:relative;
        height:auto!important;
        padding-top:10px;
    }
    .banner .fp-controlArrow{
        width:35px;
        height:35px;
    }
    .banner .fp-controlArrow.fp-prev{
        left:15px;
    }
    .banner .fp-controlArrow.fp-next{
        right:15px;
    }
	.index-advant ul li .img .bz{
    top:14%;
}
.index-company .cons{
    top:10%;
}
}
    @media screen and (max-width:1000px) {
    .top .narbar{
        display: none;
    }
    .top .share{
        display: none;
    }
    .contentbox .navmark{
        display: block;
    }
    .top .log{
        width:380px;
        height:60px;
    }
    .s-space{
        /*padding-top:54px;*/
    }
    .footer .f-bar ul{
        display:
    }
    .footer .f-bar {
        height: 220px;
    }
    .join-cell .con{
        padding:0 10px;
        width:auto;
    }
    .join-cell .con li{
        width:50%;
    }
    .join-cell .cons{
        margin: 10px 10px 0;
    }
    .index-product .ban{
        width: 50%;
        margin-left: -25%;
    }
    .index-product .ban img{
        width:100%;
    }
    .index-product .about-main{
      
    }
    .index-product .bt{
        top:54px;
    }
        .banners{
            padding-top:54px;
        }
        .target.banners{
            padding-top:64px;
        }
}
@media screen and (max-width:768px){
    .index-company .cons{
        width:90%;
    }
    .index-company .cons .bs img{
        width:150px;
    }
    .index-company .comp-list{
        padding: 0px 0 15px;
        margin-top: 15px;
    }
    .index-company .comp-list .g{
        margin-top: 20px;
    }
    .index-company .comp-list .g .left{
        width: 15px;
        height: 15px;
    }
	.index-company .comp-list .g .left.a,.index-company .comp-list .g .left.bb,.index-company .comp-list .g .left.c,.index-company .comp-list .g .left.d{
    background:url(../images/poit_m.png) no-repeat; width:18px; height:20px;}
    .index-company .comp-list .g .txt .s{
        font-size:14px;
        color:#070000;
    }
    .index-company .comp-list .more{
        margin: 20px 0 0 30px;
        color:#bebcbc;
        border-color:#bebcbc;
    }
    .index-company .comp-list .lines{
        left:7px;
    }
    .index-product .bt{
        padding: 50px 0;
    }
    .index-product .bt img{
        width:200px;
    }
	.index-product .cons .linian1{ margin-top:30%; padding:0px;}
    .about-page .bt {
        padding-top: 15px;
    }
    .about-page .bt .en{
        font-size:14px;
        line-height:24px;
    }
    .about-page .con{
        padding: 10px 0 15px;
    }
    .about-story .years{
        margin-top: 20px;
        width:auto;
    }
    .about-story .years .story-img{
        position:relative;
        left:auto;
        top:auto;
        height:auto;
        width:100%;
    }
    .about-story .years .g{
        padding: 10px 0 10px;
    }
    .about-story .years .g .y{
        font-size:16px;
        line-height:24px;
    }
    .about-story .years .g .lines{
        margin: 10px auto;
    }
    .about-honor .about-mains{
        width:auto;
        padding: 0 5px;
        margin-top:5px;
    }
    .about-honor .about-mains li{
        width: 50%;
    }
    .about-honor .about-mains li .cons {
        margin:5px;
    }
    .about-honor .about-mains .more{
        margin:10px auto 0;
    }
    .about-honor .about-mains .more{
        width: 150px;
        height: 35px;
        line-height: 35px;
        font-size:14px;
    }
    .footer .btom .lf{
        width:100%;

    }
    .footer .btom .rt{
        width:100%;
    }
    .mains{
        padding-bottom: 30px;
    }
    .mains .bt{
        padding:15px 0;
    }
    .mains .bt .en{
        font-size:15px;
        line-height:24px;
    }
    .mains .bt .ch{
        font-size:12px;
    }
    .pro-page .group .con{
        margin-top: -53px;
    }
    .pro-page .group .con .pro-txt .bs{
        font-size:16px;
        line-height: 24px;
    }
    .pro-page .group .con .pro-txt .s{
        font-size:12px;
        margin-top:0;
        line-height:20px;
        height:40px;
    }
    .pro-page .group .con .pro-txt .more{
        width:130px;
        height:30px;
        line-height: 30px;
        font-size:12px;
        margin-top:10px;
    }
    .pro-page .group .con .pro-txt .rt{
        width:100%;
    }
    .prolist-page .prolists li{
        width:50%;
    }
    .prolist-page .lists ul li{
        width:50%;
    }
    .prolist-page .pro-list{
        padding: 15px 0;
    }
    .prolist-page .lists a{
        height:30px;
        line-height:30px;
    }
    .prolist-page .prolists{
        padding-top:15px;
    }
    .prolist-detail .bt .lines{
        width:30px;
    }
    .pro-detail .lf{
        width:300px;
    }
    .syFocusThumb .holder I{
        width:300px;
    }
    .pro-detail .lf .img{
        padding:10px;
    }
    .pro-detail .rt .cons{
        padding: 15px 10px 10px 10px;
    }
    .pro-detail .rt .txt{
        left:10px;
        width:60%;
    }
    .pro-detail .rt .cons .shop-btn{
        right:10px;
    }
    .syFocusThumb .prev, .syFocusThumb .next{
        width:30px;
        height:27px;
    }
    .syFocusThumb .prev{
        right:30px;
    }
    .syFocusThumb .next{
        right:0px;
    }
    .prolist-page .prolists li .cons .ms{
        padding-bottom: 0;
    }
    .colutions-detail{
        padding:15px 0;
    }
    .prolist-detail .tuijian{
        padding-bottom: 15px;
    }
    .colutions-detail .bt .b{
        font-size: 14px;
        padding-bottom: 0;
    }
    .colutions-detail .times{
        padding:5px 10px;
        backround:#e7141a;
    }
    .colutions-detail .times .d{
        font-size: 20px;
        text-align: center;
        line-height:24px;
    }
    .colutions-detail .bt{
        padding:15px 0 0 10px;
    }
    .colutions-detail .txt .img{
        width:100%;
    }
    .colutions-detail .txt{
        padding:0;
    }
    .message-page{
        padding:20px 0;
    }
    .message-page .con{
        margin:15px 0;
    }
    .message-page .bb{
        width:100px;
        height:35px;
        line-height:35px;
    }
    .message-page .mes .s textarea{
        height:150px;
    }
    .mains .bt .lines{
        width:30px;
    }
    .message-page.mains .bt{
        padding:0;
    }
    .index-advant ul li{
        width:50%;
        height:50%;
    }
    /*.index-advant ul li .img .im{
        width:100%;
        height:auto;
    }*/
    .index-advant ul li .img .bz{
    width:126px;
    height:400px;
	left:38%;
    }
    .index-advant ul li .img .bz img{
    height:65%;
    }
    .index-advant .bt{
        top:5%;
    }
    .index-advant .bg .cons .b{
        height:100%;
    }
    .index-advant .bg .cons .txt{
        padding-top:10px;
    }
    .index-advant .bg .cons{
        margin-top:-111px;
    }
    .index-compare .lf{
        width:100%;
        height:50%;
    }
    .index-compare .rt{
        width:100%;
        height:50%;
    }
    .index-compare .img{
        width:100%;
        height:auto;
    }
    .index-compare .bt{
        width:50%;
        margin-left:-20%;
        top:10%;
    }
    .index-compare .vs{
        width:100px;
        height:116px;
        left:0;
        margin-left:0;
        top:50%;
        margin-top:-58px;
    }
    .index-product .bz{
        padding:0 10px;
        width:calc(100% - 20px);
    }
    .index-product .bz img{
        width:70%;
    }

    .index-product .bz.bz4{
        text-align: right;
        right:10px;
    }
    .index-product .bz.bz5{
        text-align: right;
        right:10px;
    }
    .index-product .bz1 img{
        width:60%;
    }
    .index-product .bz2 img{
        width:60%;
    }
    .index-product .bz5 img{
        width:60%;
    }
    .rightnav{
        display: none;
    }
    .about-honor{
        padding-bottom: 15px;
    }
    .fcon li .licon .liright .phone{
        font-size:12px;
    }
    .fcon li .licon .liright .pho{
        font-size:12px;
    }
    .pro-detail .rt .txt{
        line-height:24px;
        height:94px;
        bottom:15px;
    }
    #fp-nav.right{
        right:10px;
    }
    #fp-nav ul li a, .fp-slidesNav ul li a{
        width:8px;
        height:8px;
        border-radius: 4px;
    }
    .index-compare .img-con.con2{
        width:70%;
    }
    .index-compare .img-con.con1 {
        width: 70%;
    }
    .phone{
        display: block;
    }
    .pc{
        display: none;
    }
    .mall-imgs .mall-main{
        padding:10px 5px;
        width:auto;
    }
    .mall-imgs .mall-main li .cons{
        margin:0 5px;
    }
    .mall-imgs .mall-nav a{
        padding: 0 5px;
    }
    /*.mains .con{
        padding-bottom: 0;
    }
    .mall-cell{
        padding-bottom: 0;
    }*/
    .mall-imgs .mall-main .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
       display:none;
    }
    .mall-imgs .mall-main .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
       display:none;
    }
.news-botm .cons .rt{
    padding:10px 0;
}
}
@media screen and (max-width:600px){
    .footer .f-bar{
        padding:10px 0; display:none
    }
	.footer .run-contact{ display:block; width:70%; font-size:12px;top:15px; margin-bottom:20px;}
	.footer .run-contact img{ width:65%}
	.footer .wxins{ display:block;width:28%;top:15px;}
    .footer .run-contact .s{
        padding-top: 5px;
    }
    .footer .wxins .g {
        width: 100%;
    }
    .footer  .wxins .g .wx{
        margin-left:0;
    }
    .footer .wxins .g .ms{
        margin-left:0;
        padding:3px 0;
    }
    .honor-model{
        margin-left: -140px;
        margin-top: -195px;
    }
    .honor-model .img{
        padding: 10px 10px 0 10px;
    }
    .honor-model .img img{
        width:260px;
    }
    .honor-model .closed{
        width:20px;
        height:20px;
        right:-20px;
    }
    .mall-model{
        margin-left: -130px;
        margin-top: -112px;
    }
    .mall-model .img{
        padding:0;
    }
    .news-page .cons .b{
        font-size:14px;

    }
    .news-page .cons .txt{
        margin:0;
    }
    .news-botm .cons .rt{
        padding:0px;
        width:calc(100% - 150px)
    }
    .news-botm .cons .txt{
        line-height: 20px;
        height:40px;overflow:hidden
    }
	.news-botm  li .cons .news-con{
    padding:0;
}
	.news-botm .cons .b{
    color:#2d2d2f;
    font-size:14px;
    height:20px;
    overflow: hidden;margin:0px; padding:0px; overflow:hidden;
}
    .news-page .cons .txt{
        line-height: 20px;
        height:40px;
    }
    .news-botm .cons .lf{
        width:140px;
        height:97px;
    }
    .news-botm{
        padding:0;
    }
    .news-top .con li{
        width:100%;
    }
    .news-top{
        padding-bottom: 0;
    }
    .contact-con ul li{
        width:100%;
    }
    .contact-con{
        padding:15px 0;
    }
    .contact-con ul li .con{
        font-size:12px;
    }
    .contact-con ul li .con .s .bz{
        width:18px;
        height:18px;
    }
    .contact-con ul li .con .s .bz.b{
        background-position: 0 -29px;
    }
    .contact-con ul li .con .s .bz.e{
        background-position: 0 -29px;
    }
    .contact-con ul li .con .s{
        padding:0;
    }
    .index-join .index-mes{
        left:20px;
        width:calc(100% - 25px);
        margin-top:-220px;
    }
    .index-join .index-mes .lg img{
        width:220px;
    }
    .index-mes .b1{
        font-size:16px;
        padding-top: 10px;
    }
    .index-mes .txt{
        line-height:24px;
        padding:10px 0;
    }
    .index-mes .b2{
        font-size:18px;
    }
    .phones .lf{
        width:48px;
        height:48px;
    }
    .phones .rt .s1 {
        font-size: 14px;
    }
    .phones .rt .s2{
        font-size: 16px;
    }
    .index-compare .img-con.con2{
        width:90%;
    }
    .index-compare .img-con.con1 {
        width: 90%;
    }

    .index-product .ban{
        top:50%;
        bottom:auto;
        margin-top: -140px;
    }
}
@media screen and (max-width:500px){
.about-design{
    position: relative; background: none; width:100%;height: auto
}
.about-design .about-mains{
    top:0px; margin-top:0px;
}
    .about-design .about-mains li{
        width:100%;
    }
    .about-design .about-mains .cons .tx-c{
        padding: 10px 10px 0px 10px;
    }
    .target .rt{
        width:100%;
        display: none;
    }
    .page{
        padding:10px 0;
    }
    .page .ss{
        display: none;
    }
    .join-cell .con li{
        width:100%;
    }
    .join-cell .cons .img{
        width:80px;
        height:81px;
    }
    .join-cell .cons .ms{
        padding: 10px 0;
    }
    .join-cell .cons .img.a{
        background:url(../images/join-cellbg.jpg) no-repeat 0 0;
        background-size:100%;
    }
    .join-cell .cons .img.b{
        background:url(../images/join-cellbg.jpg) no-repeat 0 -141px;
        background-size:100%;
    }
    .join-cell .cons .img.c{
        background:url(../images/join-cellbg.jpg) no-repeat 0 -277px;
        background-size:100%;
    }
    .join-cell .cons .img.d{
        background:url(../images/join-cellbg.jpg) no-repeat 0 bottom;
        background-size:100%;
    }
    .message-page .s{
        width:100%;
        margin-top:15px;
    }
    .message-page .b{
        margin-left:0;
    }
	.index-company .cons{
    position:absolute;
    width:84%;
    right:0;
    top:8%;
}
.banners{
    padding-top:20px; padding-bottom:10px
}
.index-company .cons .banners img{
    width:30%;
}
.index-company .comp-list{
    padding:0px;
    position:relative;
    margin-top:0px;
}
.index-product .cons{
    position:absolute;
    width:84%;
    left:5%;
    top:15%;
    height:100%;
}
.index-product .cons img{
    width:95%;
}
    .index-advant ul li .img .bz img{
    height:45%;
    }
.index-advant ul{
    overflow: hidden;
    position: relative;
    height:86%;
}
.index-advant ul li{
    float:left;
    position: relative;
    height:50%;
    overflow: hidden;
}
	.index-advant ul li .img{
    position:relative;
    height:100%;
}
.index-advant ul li .img .bz{
    position:absolute;
    width:126px;
    height:500px;
    left:33%;
    top:10%;
}
.index-advant .bt{
    position: absolute;
    width:100%;
    top:2%;
    left:0;
    text-align: center;
}
.index-join .index-mes{
    position:absolute;
    width:100%;
    overflow: hidden;
    top:50%;
    left:14%;
}
.index-join .index-mes .lg img{
    width:30%;
}
    .top .log{
        width:300px;
        height:50px;
    }
}
@media screen and (max-width:350px){
    .index-product .bz2{
        top: 100px;
    }
    .index-product .bz5 {
        top: 150px;
    }
    .index-product .bz3 {
        top: 209px;
    }
}
@media screen and (max-height:500px){
    .index-advant ul li .img .im{
        width:100%;
        height:auto;
    }
    .index-compare .img-con{
        top:0;
        bottom:auto;
    }
}
@media screen and (max-height:500px){
    .index-product .ban{
        bottom:0;
        top:auto;
        margin-top:0;
    }
}