.title{
    text-align: center;
}
.title h3{
    color: #000000;
    font-size: .34rem;
    font-weight: bold;
    margin-bottom: 25px;
}
.title p{
    color: #676767;
    font-size: 20px;
    line-height: 38px;
}

.service-items{
    padding-bottom: .9rem;
    background: url("../images/bg-1_09.jpg") no-repeat center top;
    background-size: cover;
}

.service-items .title h3{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -24px;
    z-index: 999;
}
.service-items .title p{
    padding-top: 44px;
}
.service-items .service-container{
    position: relative;
    max-width: 95%;
    margin: 0 auto;
}
.service-items .bg{
    width: 100%;
    position: absolute;
    top: -102px;
    z-index: 99;
    height: 103px;
    background: url("../images/bg-2_10.jpg") no-repeat center bottom;
    background-size: cover;
}
.service-items .content{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    margin-top: 45px;
}

.service-items .content .list{
    /*width: 24%;*/
}
.service-items .content .list .pic{
    overflow: hidden;
    transition: .3s;
}
.service-items .content .list .pic img{
    width: 100%;
    height: 100%;
}
.service-items .content .list .text{
    background: #fff;
    padding: 25px 30px;
    transition: .3s;
}

.service-items .content .list .text h3{
    margin-bottom: 14px;
}
.service-items .content .list .text h3 a{
    color: #000000;
    font-size: .24rem;
    font-weight: 500;
    transition: .3s;
}
.service-items .content .list .text p{
    line-height: 24px;
    transition: .3s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.service-items .content .list:hover .text{
    background: #e99818;
}
.service-items .content .list:hover .text h3 a{
    color: #fff;
}

.service-items .content .list:hover .text p{
    color: #fff;
}

.service-items .content .list:hover img{
    transform: scale(1.1,1.1);
}
.service-items .owl-theme .owl-controls .owl-nav{
    display: flex;
    justify-content: center;
    margin-top: 35px;
}
.service-items .owl-theme .owl-controls .owl-nav div{
    display: flex;
    align-items: center;
    justify-content: center;
    /*position: absolute;*/
    /*top: 31%;*/
    /*transform: translateY(-50%);*/
    padding: 0;
    /*margin: 0;*/
    width: 45px;
    height: 45px;
    border-radius: 100%;
    transition: all 0.3s;
    margin: 0 20px;
}
.service-items .owl-theme .owl-controls .owl-nav div:hover{
    background: #e99818;
}
.service-items .owl-theme .owl-controls .owl-nav div i{
    font-size: 20px;
}

.service-icon{
    margin-top: .8rem;
}
.service-icon ul{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}
.service-icon ul li{
    text-align: center;
}
.service-icon ul li h4{
    color: #676767;
    font-size: 20px;
    margin-top: 12px;
}

.service-icon ul li h3{
    color: #e99818;
    font-weight: bold;
    font-size: 60px;
    margin-top: 15px;
}
.service-icon ul li h3 span{
    color: #676767;
    font-size: 20px;
    font-weight: normal;
}
.service-icon ul li:nth-child(1) h3 span{
    font-size: 42px;
}


.solution{
    background: url("../images/bg-3_30.jpg") no-repeat;
    background-size: cover;
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
}

.solution .content{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    margin-top: .75rem;
}

.solution .content .list{
    width: 24%;
}


.solution .title h3{
    color: #fff;
}
.solution .title p{
    color: #fff;
}
.solution .content{
    display: flex;
    justify-content: space-between;
}

.solution .content .list{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    position: relative;
    width: 23%;
    height: 295px;
    background: #fff;
    cursor: pointer;
    overflow: hidden;
}

.solution .content .list .text{
    position: absolute;
    bottom: -100%;
    left: 0;
    background: #fff;
    /*opacity: 0;*/
    /*z-index: -1;*/
    transition: .3s;
    padding: 34px 30px 30px;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
}

.solution .content .list h4{
    color: #000000;
    font-size: .28rem;
}

.solution .content .list img{
    margin-bottom: 45px;
}

.solution .content .list ul{
    display: flex;
    flex-flow: wrap;
    margin-top: 20px;
    max-height: 140px;
    overflow: hidden;
}
.solution .content .list ul li{
    margin-bottom: 18px;
    border-right: 2px solid #efb773;
    margin-right: 11px;
}
.solution .content .list ul li a{
    display: block;
    color: #666666;
    font-size: 15px;
    padding-right: 11px;
    line-height: 18px;
}
.solution .content .list ul li a:hover{
    color: #ea9f27;
}
.solution .content .list ul li:last-child{
    border: none;
}
.solution .content .list .more{
    margin-top: 8px;
}
.solution .content .list .more a{
    display: flex;
    align-items: center;
    color: #ea9f27;
}

.solution .content .list .more a i{
    margin-left: 10px;
    font-size: 20px;
}

.solution .content .list:hover .text{
    bottom: 0%;
}



.about{
    margin-top: .7rem;
    padding-bottom: 1.1rem;
}
.about .top{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    margin-top: .5rem;
}


.about .top .list:nth-child(1){
    width: 47.5%;
}
.about .top .list{
    width: 24.5%;
    position: relative;
}
.about .top .list .pic{
    height: 100%;
    overflow: hidden;
    position: relative;
}
.about .top .list .pic video{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
}
.about .top .list .pic img{
width: 100%;
height: 100%;
display: block;
}
.about .top .list .text{
position: absolute;
bottom: 0;
width: -webkit-fill-available;
left: 0;
background: rgba(233,152,24,0.8);
padding: 18px 20px;
}
.about .top .list .text h4{
margin-bottom: 12px;
}
.about .top .list .text h4 a{
color: #ffffff;
font-size: .24rem;
}
.about .top .list .text p{
color: #ffffff;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.about .top .list .video-icon{
position: absolute;
bottom: 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}

.about .top .list .txt{
position: absolute;
top: 43%;
left: 50%;
transform: translateX(-50%);
text-align: center;
}

.about .top .list .txt h3{
color: #fff;
margin-bottom: 50px;
}

.about .top .list .txt a{
display: block;
width: 150px;
height: 42px;
line-height: 42px;
border-radius: 20px;
color: #efaf10;
font-size: 14px;
background: #fff;
}

.about .top .list .txt a i{
margin-left: 10px;
font-size: 16px;
}
.about .top .list .video-icon{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.about .content{
display: flex;
justify-content: space-between;
flex-flow: wrap;
margin-top: 30px;
}

.about .content .list{
width: 19.5%;
box-shadow: 0 0 10px #e9e9e9;
padding: 30px;
}

.about .content .list h3{
margin-bottom: 12px;
}
.about .content .list h3 a {
color: #000000;
font-size: .24rem;
font-weight: 500;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}

.about .content .list span{
color: #646464;
}

.about .content .list p{
line-height: 24px;
margin-top: 10px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
margin-bottom: 25px;
}

.about .content .list a{
color: #efaf10;
}
.about .content .list a i{
margin-left: 10px;
font-size: 16px;
}





.sales-network{
background: url("../images/bg-4_02.jpg") no-repeat;
background-size: cover;
padding-top: .85rem;
padding-bottom: .8rem;

}

.sales-network .title h3{
color: #fff;
}
.sales-network .title p{
color: #fff;
}

.sales-network .content{
display: flex;
justify-content: flex-end;
flex-flow: wrap;
margin-top: .6rem;
}



.sales-network .lists{
width: 455px;
height: 398px;
overflow: hidden;
background: #fff;
margin-right: 20px;
position: relative;
}
.sales-network .lists .swiper-container{
padding: 25px 33px;
}
.sales-network .list{
margin-bottom: 25px;
}
.sales-network .list h4{
color: #e99818;
font-size: 20px;
font-weight: 500;
margin-bottom: 14px;
}
.sales-network .list p{
color: #676767;
font-size: 16px;
}


.sales-network .swiper-button-next{
top: 340px;
right: 50%;
transform: translateX(50%);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
}

.sales-network .swiper-button-next i{
color: #efb013;
font-size: 20px;
}



.sales-network ul{
display: flex;
flex-flow: wrap;
justify-content: space-between;
width: 437px;
}
.sales-network li{
width: 205px;
height: 187px;
border: 1px solid #fff;
margin-bottom: 20px;
}
.sales-network li a{
display: flex;
align-items: center;
height: 100%;
width: 100%;
justify-content: center;
}
/*.sales-network li .pic{*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    height: 80px;*/
/*    margin-top: 30px;*/
/*}*/

.sales-network li p{
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    margin-top: 30px;
}



.partner{
    padding-top: .75rem;
    margin-bottom: 1rem;
}



.partner .owl-theme .owl-controls .owl-nav div{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    margin: 0;
    background: none;
}
.partner .owl-theme .owl-controls .owl-nav div i{
    color: #333333;
    font-size: 44px;
}
.partner .owl-theme .owl-controls .owl-nav div:hover{
    background: none;
}
.partner .owl-theme .owl-controls .owl-nav .owl-prev{
    left: -60px;
}

.partner .owl-theme .owl-controls .owl-nav .owl-next{
    right: -60px;
}

.partner .grid{
    display: flex;
    align-items: center;
}

.partner .owl-carousel .owl-stage{
    display: flex;
    align-items: center;
}
.partner .content{
    width: 92%;
    margin: 0 auto;
    margin-top: .6rem;
}



.navigation{
    border-bottom: 1px solid #e7e7e7;
}

.navigation .content{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}

.navigation .content ul{
    display: flex;
}
.navigation .content ul li{
    position: relative;
    margin-right: 28px;
    margin-left: 28px;
}
.navigation .content ul li:first-child{
    margin-left: 0;
}
.navigation .content ul li:before{
    content: '';
    position: absolute;
    right: -28px;
    top: 28px;
    width: 1px;
    height: 16px;
    background: #e7e7e7;
}
.navigation .content ul li a{
    color: #474747;
    font-size: 16px;
    padding: 0 19px;
    line-height: 70px;
    display: block;
    border-bottom: 2px solid transparent;
}

.navigation .content ul li a.active{
    color: #e99818;
    border-bottom: 2px solid #e99818;
}

.navigation .content ul li a:hover{
    color: #e99818;
    border-bottom: 2px solid #e99818;
}

.breadcrumb-navigation a{
    line-height: 70px;
    color: #474747;
    font-size: 16px;
}



.about-top{
    position: relative;
}

.about-top .content{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 600px;
    flex-flow: wrap;
}

.about-top .video{
    position: absolute;
    width: 60%;
    left: 0;
    top: 0;
    height: 100%;
}
.about-top .video video{
    width: 100%;
    /*height: 100%;*/
    /*object-fit: fill;*/
}

.about-top .video img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    display: none;
}

.about-top .text{
    width: 33%;
}

.about-top .text h3{
    display: flex;
    align-items: center;
    color: #000000;
    font-size: .36rem;
    font-weight: bold;
}
.about-top .text h3 span{
    font-style: italic;
    font-family: Arial;
    font-size: .72rem;
    margin-right: 20px;
    display: inline-block;
}

.about-top .text p{
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 22px;
}

.about-top .text p:last-child{
    margin-bottom: 0;
}



.about-main .about-mid{
    margin-top: 1rem;
}

.about-main .menutwo{
    display: none;
}

.about-main .menuone{
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
    flex-flow: wrap;
}

.about-main .menuone li{
    width: 25%;
    background: #f7f7f7;
    color: #e99818;
    font-size: .28rem;
    font-weight: 500;
    padding: 25px 0;
    cursor: pointer;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-main .menuone li.active{
    background: #e99818;
    color: #fff;
}
.about-main .menuone li img{
    margin-right: 24px;
}
.about-main .menuone li .icon2{
    display: none;
}
.about-main .menuone li .icon1.active{
    display: none;
}
.about-main .menuone li .icon2.active{
    display: block;
}
.about-main .about-mid .content{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}

.about-main .about-mid .content .text{
    width: 57%;
}
.about-main .about-mid .content .text p{
    color: #474747;
    font-size: 16px;
    line-height: 30px;
    text-indent: 2em;
    margin-bottom: 28px;
}
.about-main .about-mid .content .text p:last-child{
    margin-bottom: 0;
}
.about-main .about-mid .content .pic{
    width: 40%;
}



.about-main .about-mid .owl-dots{
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
}
.about-main .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background: #e99818;
}

.about-main .owl-theme .owl-dots .owl-dot span{
    background: #ffff;
}


.about-bot{
    background: url("../images/bg-6_19.jpg") no-repeat bottom center;
    background-size: cover;
    margin-top: 1rem;
    padding-top: .7rem;
    padding-bottom: .65rem;
    position: relative;
}
.about-bot .title{
    margin-bottom: .65rem;
}
.about-bot .title span{
    display: inline-block;
    width: 64px;
    height: 3px;
    background: #e7e7e7;
}

.about-bot .grid h3{
    color: #000000;
    font-size: .3rem;
    margin-bottom: 24px;
}
.about-bot .grid span{
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    border: 3px solid #e99818;
    margin-bottom: 24px;
}
.about-bot .grid p{
    color: #474747;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
}

.about-bot .grid p:last-child{
    margin-bottom: 0;
}
.about-bot .grid span{
    position: relative;
    background: #e99818;
}
.about-bot .grid span:before{
    content: '';
    width: 100000px;
    height: 1px;
    background: #e99818;
    position: absolute;
    bottom: 3px;
}
.about-bot:before{
    /*content: '';*/
    /*width: 100%;*/
    /*height: 1px;*/
    /*background: #e99818;*/
    /*position: absolute;*/
    /*bottom: 284px;*/
}


.about-bot .owl-theme .owl-controls .owl-nav div{
    padding: 0;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    line-height: 46px;
    text-align: center;
    margin: 0 13px;
    background: none;
    border: 1px solid #8d8d8d;
}
.about-bot .owl-theme .owl-controls .owl-nav div:hover{
    border-color: #eaa435;
    background: none;
}
.about-bot .owl-theme .owl-controls .owl-nav div:hover i{
    color: #eaa435;
}
.about-bot .owl-theme .owl-controls .owl-nav div i{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    height: 100%;
    color: #858585;
}
.about-bot .owl-theme .owl-controls .owl-nav{
    margin-top: 45px;
}



.about-main .title h3{
    font-size: .3rem;
    font-weight: bold;
    margin-bottom: 16px;
}

.about-main .title span{
    display: inline-block;
    width: 64px;
    height: 3px;
    background: #e7e7e7;
}

.colorFul{
    margin-top: .65rem;
    margin-bottom: .9rem
}


.colorFul .content{
    margin-top: 45px;
}
.colorFul .list{
    display: flex;
    flex-flow: wrap;
    margin-bottom: 30px;
}


.colorFul .list .pic{
    width: 49%;
    position: relative;
    overflow: hidden;
    margin-right: 2%;
}
.colorFul .list .pic:last-child{
    margin-right: 0;
}
.colorFul .list .pic img{
    width: 100%;
}
.colorFul .list:nth-child(2n) .pic{
    width: 32%;
}

.colorFul .list .pic p{
    position: absolute;
    bottom: 0;
    padding: 16px 30px;
    background: rgba(0,0,0,0.5);
    width: -webkit-fill-available;
    color: #ffffff;
    font-size: 20px;
}
.colorFul .list .pic:hover img{
    transform: scale(1.1,1.1);
}

.sjs-default {
    position: relative;
    padding: 0;
    margin: 0;
    opacity: 0;
    transition: height .2s ease-out, opacity .2s ease-out .2s
}

[data-sjsel] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out
}


.wrapper{
    padding: 40px 0;
}
.card{
    background: #fff;
    border-radius: 6px;
    /*box-shadow: 0px 2px 6px rgba(0, 0, 0, .1);*/
    display: flex;
    flex-direction: column;
    transition: box-shadow .2s ease-in-out;
}
.card__picture{
    display: block;
    width: 100%;
    height: auto;
    /*border-top-left-radius: 6px;*/
    /*border-top-right-radius: 6px;*/
}
.card-infos{
    padding: 20px;
    background: #fff;
    /*border-bottom-left-radius: 6px;*/
    /*border-bottom-right-radius: 6px;*/
}
.card__title{
    text-align: center;
    color: #474747;
    font-size: 18px;
}
.card:hover{
    box-shadow: 0px 2px 6px rgba(0, 0, 0, .1);
}
.card__text--high{
    font-weight: 600;
}


.sortable__nav{
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}
.nav__link{
    padding: 0 20px 4px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 300;
    display: block;
    border-bottom: 2px solid transparent;
}
.nav__link.is-active{
    border-color: var(--main-bg-color);
}

.footer__list.list{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.list__item.item{
    display: flex;
}
.item__link.link{
    margin: 0;
}
.item__link.link:not(:first-child){
    margin-left: 20px;
}
.link__icon{
    height: 2rem;
    width: 2rem;
}


.factory{
    margin-top: .65rem;
    margin-bottom: .6rem;
}



.honor{
    margin-top: .65rem;
}
.honor .details{
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
}
.honor-list{
    margin-top: 45px;
}

.honor .details .list{
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 35px;
}
.honor .details .list:nth-child(4n){
    margin-right: 0;
}
.honor .details .list .pic{
    border: 1px solid #e7e7e7;
    padding: 20px;
    overflow: hidden;
    text-align: center;
}
.honor .details .list .pic img{
    transition: .3s;
}
.honor .details .list p{
    color: #474747;
    font-size: 18px;
    text-align: center;
    margin-top: 16px;
}

/*.honor .details .list:hover img{*/
/*    transform: scale(1.1,1.1);*/
/*}*/


.honor .owl-theme .owl-controls .owl-nav div{
    width: 66px;
    height: 66px;
    border: 1px solid #eaeaea;
    padding: 0;
    border-radius: 100%;
    background: none;
    margin: 0 15px;
    transition: .3s;
}

.honor .owl-theme .owl-controls .owl-nav div i{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 30px;
    color: #323232;
}

.honor .owl-theme .owl-controls .owl-nav div:hover{
    background: #e99818;
    border: 1px solid #e99818;
}

.honor .owl-theme .owl-controls .owl-nav div:hover i{
    color: #fff;
}


.qualification{
    background: #f9f9f9;
    margin-top: .9rem;
    padding-top: .85rem;
    padding-bottom: .8rem;
}

.qualification-list{
    display: flex;
    flex-flow: wrap;
    margin-top: 45px;
}

.qualification-list .list{
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 40px;
}
.qualification-list .list:nth-child(4n){
    margin-right: 0;
}


.qualification-list .list .pic{
    margin-bottom: 20px;
    border: 1px solid #e7e7e7;
    padding: 20px;
    text-align: center;
}

.qualification-list .list p{
    text-align: center;
    color: #474747;
    font-size: 18px;
}



.culture{
    margin-top: .7rem;
    margin-bottom: .75rem;
}
.culture .culture-nav ul{
    display: flex;
}
.culture .culture-nav ul li{
    width: 25%;
    background: #f7f7f7;
    line-height: 78px;
}
.culture .culture-nav ul li.active{
    background: #e99818;
}
.culture .culture-nav ul li a{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e99818;
    font-size: .28rem;
    font-weight: 500;
}
.culture ul li a.active{
    color: #fff;
}


.culture .item{
    padding-top: .8rem;
}
.culture .pic{
    position: relative;
}
.culture .txt{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(233,152,24,0.95);
    width: 48%;
    padding: 40px 70px;
}
.culture .txt h3{
    color: #fff;
    font-size: .32rem;
    font-weight: 500;
    margin-bottom: 30px;
}
.culture .txt p{
    color: #ffffff;
    font-size: .28rem;
}
.culture .text{
    background: #f7f7f7;
    padding: 55px 70px 80px;
}


.culture .text h4{
    color: #e99818;
    font-size: .24rem;
    font-weight: 500;
    margin-bottom: 30px;
}

.culture .text p{
    color: #474747;
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 24px;
    position: relative;
    padding-left: 16px;
}
.culture .text p:before{
    content: '';
    position: absolute;
    top: 16px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #e99818;
}
.culture .text p span{
    color: #e99818;
}

.culture .text p:last-child{
    margin-bottom: 0;
}

.culture .item:nth-child(2) .txt{
    right: 0;
    left: auto;
    text-align: right;
    width: 27%;
}
.culture .item:nth-child(3) .txt{
    right: 0;
    left: auto;
    width: 43%;
    padding: 55px 40px;
}


.culture .item ul{
    justify-content: space-between;
}
.culture .item li{
    width: 15%;
    border: 2px solid #f5f5f5;
    background: none;
    line-height: 84px;
    padding: 0;
    font-size: .24rem;
    color: #6a6a6a;
}
.culture .item .title{
    margin-bottom: .55rem;
}
.culture .item .title h3{
    font-weight: 500;
    font-size: .32rem;
}
.culture .menuone{
    margin-bottom: .8rem;
}
.culture .menuone li{
    cursor: pointer;
}

.culture .menutwo .txt{
    width: 28%;
}
.culture .menutwo .txt h3{
    color: #ffffff;
    font-size: 22px;
    border-bottom: 2px solid #fff;
    padding-bottom: 32px;
}
.culture .menutwo .txt p{
    color: #ffffff;
    font-size: 22px;
    line-height: 40px;
}




.culture .huodong{
    margin-top: .76rem;
}
.culture .huodong h3{
    color: #000000;
    font-size: .32rem;
    font-weight: 500;
}
.culture .huodong ul{
    margin-top: 32px;
}
.culture .huodong li:first-child{
    border-top: 1px solid #dedede;
}
.culture .huodong li{
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
    border-bottom: 1px solid #dedede;
}
.culture .huodong li a{
    color: #474747;
    font-size: 18px;
    padding-left: 18px;
    position: relative;
    width: 85%;
}
.culture .huodong li a.active{
    color: #474747;
}
.culture .huodong li a:hover{
    color: #e99818;
}
.culture .huodong li span{
    color: #474747;
    font-size: 18px;
}

.culture .huodong li a:before{
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    background: #dedede;
    transform: rotate(45deg);
}





.brand .character{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 40px;
}

.brand .character .left{
    width: 34%;
    text-align: center;
}
.brand .character .left .pic{
    margin-bottom: 30px;
}
.brand .character .left img{
    border-radius: 100%;
}
.brand .character .left .introduce{
    text-align: center;
}
.brand .character .left h4{
    color: #000000;
    font-size: .24rem;
    font-weight: 500;
    margin-bottom: 12px;
}
.brand .character .left p{
    color: #676767;
    font-size: 16px;
    line-height: 30px;
}

.brand .character .right{
    width: 61%;
}
.brand .character .right .chairman{
    border: 1px solid #e7e7e7;
    border-left: 6px solid #e99818;
    padding: 35px 55px 30px;
}
.brand .character .right .chairman h3{
    color: #000000;
    font-size: .3rem;
    font-weight: 500;
    margin-bottom: 30px;
}
.brand .character .right .chairman p{
    color: #676767;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 24px;
}

.brand .character .right .chairman span{
    color: #e99818;
    font-size: 20px;
}

.brand .character .right .honor{
    margin-top: 35px;
}

.brand .character .right .honor h4{
    margin-bottom: 14px;
    color: #000000;
    font-size: 22px;
}
.brand .character .right .honor li{
    color: #676767;
    font-size: 16px;
    line-height: 34px;
}



.responsibility{
    margin-top: .65rem;
    margin-bottom: .88rem;
}
.responsibility .content{
    display: flex;
    flex-flow: wrap;
    margin-top: 45px;
    margin-bottom: .8rem;
}

.responsibility .content .list{
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 30px;
}
.responsibility .content .list:nth-child(4n){
    margin-right: 0;
}
.news .content .list:nth-child(4n){
    margin-right: 2%;
}
.responsibility .content .list .pic{
    overflow: hidden;
    height: 280px;
}
.responsibility .content .list .pic img{
    transition: .3s;
    width: 100%;
    height: 100%;
}
.responsibility .content .list:hover img{
    transform: scale(1.1,1.1);
}
.responsibility .content .list .text{
    background: #f6f6f6;
    padding: 20px;
}
.responsibility .content .list span{
    color: #676767;
    font-size: 16px;
}
.responsibility .content .list h3{
    color: #000000;
    font-size: 20px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}





.news .content .list{
    width: 32%;
}

.news .content .list:nth-child(3n){
    margin-right: 0;
}


.news .content .list span{
    color: #848383;
    font-size: 16px;
}
.news .content .list h3{
    color: #000000;
    font-size: .24rem;
    margin-top: 12px;
    min-height: 52px;
}
.news .content .list p{
    color: #646464;
    font-size: 16px;
    line-height: 24px;
    margin-top: 12px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 20px;
}

.news .content .list a{
    color: #efaf10;
    font-size: 14px;
}

.news .content .list a i{
    margin-left: 10px;
}

.news .content .list .text{
    padding: 20px 0;
    background: none;
}


.news-detail{
    margin-top: .7rem;
    margin-bottom: .9rem;
}
.news-detail .content{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}

.news-detail .content .left {
    width: 70%;
}

.news-detail .case-title{
    margin-top: .6rem;
}
.news-detail .case-title h3{
    color: #000000;
    font-size: .3rem;
    font-weight: bold;
    margin-bottom: 20px;
}

.news-detail .title-bot{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d6d8db;
    padding-bottom: 22px;
}

.news-detail .title-bot span{
    font-size: 16px;
    color: #666666;
    margin-right: 50px;
}

.news-detail .title-bot span img{
    margin-right: 10px;
}


.news-detail .text{
    margin-top: 30px;
}
.news-detail .text p{
    color: #666666;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 15px;
}
.news-detail .text .pic{
    text-align: center;
    margin-bottom: 40px;
}


.news-detail .right {
    width: 27%;
}


.news-detail .right h3{
    color: #000000;
    font-size: .24rem;
    background: #eeeeee;
    text-align: left;
    line-height: 54px;
    border-left: 3px solid #e99818;
    padding-left: 20px;
    font-weight: normal;
    margin-bottom: 0;
}

.news-detail .latest-articles{
    margin-bottom: 30px;
}
.news-detail .right ul{
    border: 1px solid #e0e0e0;
    border-top: none;
    padding: 0 20px 30px;
}
.news-detail .right li a{
    display: block;
    color: #3f3f3f;
    font-size: 16px;
    padding: 20px 0;
    border-bottom: 1px dashed #d6d8d0;
}
.news-detail .right li a:hover{
    color: #e99818;
}

.news-detail .label ul{
    display: flex;
    flex-flow: wrap;
    padding-top: 25px;
}
.news-detail .label ul li{
    margin-right: 10px;
    margin-bottom: 10px;
}
.news-detail .label ul li a{
    border: none;
    padding: 0 17px;
    line-height: 40px;
    background: #eeeeee;
}


.news-detail .case-title h3{
    text-align: left;
}
.news-detail .case-title{
    margin-top: 0;
}


.news-detail .fenxiang{
    border: 1px solid #e0e0e0;
    padding-top: 35px;
    padding-bottom: 45px;
    margin-bottom: 30px;
}
.news-detail .logo-2{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 22px;
}

.news-detail .logo-2 h4{
    color: #000000;
    font-size: 18px;
    margin-right: 14px;
    font-weight: normal;
}

.news-detail .fenxiang .pic{
    text-align: center;
    margin-top: 30px;
}

.news-detail .fenxiang p{
    text-align: center;
    color: #e99818;
    font-size: .36rem;
    font-family: Arial;
}

.more-piece{
    display: flex;
    justify-content: space-between;
    margin-top: .9rem;
}


.more-piece a{
    display: flex;
    align-items: center;
    color: #666666;
    font-size: 18px;
}


.more-piece a i{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 1px solid #6b6b6b;
    border-radius: 100%;
    font-size: 20px;
    margin-right: 8px;
}
.more-piece a img{
    margin-right: 8px;
}

.more-piece a:last-child i{
    margin-left: 8px;
    margin-right: 0;
}




.ditu img{
    max-width: initial;
}



.contact{
    margin-top: .68rem;
}

.contact .contact-top{
    display: flex;
    background: #f6f6f6;
    margin-top: 45px;
}

.contact .contact-top .ditu{
    width: 60%;
}

.contact .contact-top .ditu #dituContent{
    width:100%;
    height:100%;
}
.contact .contact-top .text{
    margin-left: 59px;
    padding: .7rem 0;
    max-width: 520px;
}
.contact .contact-top .text h4{
    color: #000000;
    font-size: .28rem;
    font-weight: 500;
    margin-bottom: 35px;
}

.contact .contact-top .text li{
    display: flex;
    color: #676767;
    font-size: 18px;
    margin-bottom: 20px;
}
.contact .contact-top .text li span{
    white-space: nowrap;
    min-width: 125px;
}
.contact .contact-top .text li img{
    margin-right: 12px;
}

.contact .contact-top .tel{
    display: flex;
    align-items: center;
    color: #e99818;
    font-size: 30px;
    font-weight: bold;
    margin-top: 40px;
}

.contact .contact-top .tel img{
    margin-right: 12px;
}

.contact .Office{
    margin-top: .7rem;
    padding-bottom: .9rem;
}
.contact .Office .content{
    display: flex;
    justify-content: space-between;
    margin-top: .6rem;
    flex-flow: wrap;
}
.contact .Office .left{
    width: 45%;
}
.contact .Office .left .address{
    background: url("../images/bg-9_16.jpg") no-repeat;
    background-size: contain;
}
.contact .Office .left ul{
    /*overflow-y: scroll;*/
    /*height: 575px;*/
    padding-right: 24px;
}
/*.contact .Office .left ul::-webkit-scrollbar {!*婊氬姩鏉℃暣浣撴牱寮?!*/
/*    width: 6px;     !*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*!*/
/*    height: 6px;*/
/*}*/
/*.contact .Office .left ul::-webkit-scrollbar-thumb {!*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*!*/
/*    width: 6px;*/
/*    height: 6px;*/
/*    border-radius: 5px;*/
/*    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);*/
/*    background: rgba(233,152,24,1);*/
/*}*/
/*.contact .Office .left ul::-webkit-scrollbar-track {!*婊氬姩鏉￠噷闈㈣建閬?!*/
/*    -webkit-box-shadow: inset 0 0 5px rgba(215,215,215,1);*/
/*    background: rgba(256,256,256,1);*/
/*    border-radius: 5px;*/
/*}*/
.contact .Office .left li{
    border-bottom: 1px solid #ececec;
    padding: 38px 0;
}
.contact .Office .left li:first-child{
    border-top: 1px solid #ececec;
}
.contact .Office .left h5{
    color: #000000;
    font-size: .24rem;
    font-weight: 500;
    margin-bottom: 14px;
}

.contact .Office .left p{
    color: #676767;
    font-size: 16px;
}

.contact .Office .right{
    width: 50%;
}

.contact .Office .right p{
    color: #676767;
    line-height: 30px;
    font-size: 16px;
}

.contact .Office .right .biaodan{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    margin-top: 30px;
}

.contact .Office .right .biaodan .list{
    display: flex;
    width: 48%;
    margin-bottom: 20px;
}

.contact .Office .right .biaodan .list span{
    color: #676767;
    margin-right: 14px;
    font-size: 16px;
    white-space: nowrap;
    line-height: 46px;
}
.contact .Office .right .biaodan .list span i{
    color: #e99818;
    font-style: normal;
    font-size: 18px;
}

.contact .Office .right .biaodan .list input{
    width: 100%;
    height: 46px;
    border: 1px solid #ededed;
    border-radius: 4px;
    color: #676767;
    padding-left: 12px;
}
.contact .Office .right .biaodan .list select{
    width: 100%;
    height: 46px;
    border: 1px solid #ededed;
    border-radius: 4px;
    color: #676767;
    padding-left: 12px;
}
.contact .Office .right .biaodan .list textarea{
    width: 100%;
    border: 1px solid #ededed;
    height: 186px;
    color: #676767;
    padding-top: 15px;
    padding-left: 20px;
}
.contact .Office .right .biaodan .list textarea::placeholder{
    color: #d8d8d8;
}
.contact .Office .right .biaodan .list textarea:focus{
    outline: none;
}
.contact .Office .right .biaodan .list:last-child{
    width: 100%;
}

.contact .Office .right .tijiao{
    display: flex;
    align-items: center;
    margin-left: 52px;
    margin-top: 10px;
}
.contact .Office .right .tijiao button{
    width: 158px;
    height: 48px;
    background: #e99818;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
}

.contact .Office .right .tijiao a{
    width: 158px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    border: 1px solid #e99818;
    border-radius: 4px;
    color: #e99818;
    font-size: 16px;
    margin-left: 20px;
}



.job{
    margin-top: .68rem;
    margin-bottom: .65rem;
}
.job .panel-group{
    margin-top: 45px;
}
.job .panel-title{
    background: #efefef;
    height: 60px;
}
.job .panel-title.active{
    background: #e99818;
}
.job .panel-title a{
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0;
}
.job .panel-title a.active{
    color: #fff;
}
.job .panel-title span{
    font-size: 16px;
    width: 3rem;
}
.job .panel-title .num{
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ababab;
    width: 60px;
    height: 100%;
    margin-right: .7rem;
    color: #fff;
}

.job .panel-title .num.active{
    background: #d6880d;
}

.job .panel-body{
    display: flex;
    padding: 30px;
}
.job .panel-body .text{
    padding-left: 1rem;
    width: 50%;
    margin-right: 15%;
}

.job .panel-default > .panel-heading + .panel-collapse > .panel-body p{
    color: #474747;
}

.job .panel-body .pic{
    text-align: center;
}
.job .panel-body .pic p{
    color: #474747;
    font-size: 18px;
    margin-top: 12px;
}

.fuli{
    margin-top: 50px;
    border-bottom: 2px solid #ececec;
    padding-bottom: 55px;
}
.fuli ul{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
}
.fuli ul li{
    text-align: center;
}
.fuli ul .icon{
    width: 141px;
    height: 141px;
    border: 2px solid #f5f5f5;
    border-radius: 100%;
    position: relative;
    transition: .3s
}

.fuli ul .icon img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.fuli ul .icon .icon2{
    opacity: 0;
}

.fuli ul li:hover .icon2{
    opacity: 1;
}
.fuli ul li:hover .icon1{
    opacity: 0;
}
.fuli ul li:hover .icon{
    background: #e99818;
}
.fuli ul li p{
    color: #474747;
    font-size: .26rem;
    margin-top: 25px;
}

.lianxi{
    margin-top: 52px;
    border-bottom: 2px solid #ececec;
    padding-bottom: 56px;
}
.lianxi h3{
    color: #000000;
    font-size: .24rem;
    font-weight: 500;
}
.lianxi ul{
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    margin-top: 25px;
}
.lianxi ul li .pic{
    margin-right: 15px;
}
.lianxi ul li{
    display: flex;
    align-items: center;
    width: 25%;
}
.lianxi ul li p{
    color: #676767;
    font-size: 18px;
    line-height: 30px;
}


.partners{
    margin-top: .74rem;
}
.partners .title{
    margin-bottom: 45px;
}
.partners .owl-carousel .owl-item img{
    max-width: 100%;
    width: auto;
}




.partners .item{
    margin-bottom: 60px;
}
.partners .grid .pic{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e7e7e7;
    height: 145px;
}
.partners .owl-theme .owl-controls .owl-nav{
    margin-top: 45px;
}
.partners .owl-theme .owl-controls .owl-nav div{
    margin: 0 12px;
    padding: 0;
    width: 45px;
    height: 45px;
    border: 1px solid #959595;
    border-radius: 100%;
    background: none;
}
.partners .owl-theme .owl-controls .owl-nav div i{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #959595;
    font-size: 20px;
}

.partners .owl-theme .owl-controls .owl-nav div:hover{
    background: none;
    border-color: #ea9e25;
}

.partners .owl-theme .owl-controls .owl-nav div:hover i{
    color: #ea9e25;
}

.partners .item:nth-child(2n){
    background: #f9f9f9;
    padding: .75rem 0 .7rem;
}

.partners .item ul{
    display: flex;
    flex-flow: wrap;
}
.partners .item li{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e7e7e7;
    height: 145px;
    width: 23%;
    margin-right: 2.3%;
    margin-bottom: 30px;
}
.partners .item li:nth-child(4n){
    margin-right: 0;
}
.partners .item:nth-child(2n) li{
    background: #fff;
}
.partners .item:nth-child(2n) .grid .pic{
    background: #fff;
}
.partners .item:last-child{
    margin-bottom: 0;
}

.product-main{
    margin-top: .7rem;
}
.product-main .top h3 {
    text-align: center;
    color: #000000;
    font-size: .36rem;
    font-weight: bold;
}
.product-main .top ul{
    display: flex;
    justify-content: center;
    flex-flow: wrap;
    width: 620px;
    margin: 0 auto;
    margin-top: 30px;
}
.product-main .top ul li{
    margin-bottom: 10px;
}
.product-main .top ul li a{
    color: #666666;
    font-size: 15px;
    padding: 0 15px;
    border-right: 1px solid #e99818;
    font-weight: normal;
}

.product-main .top ul li:last-child a{
    border-right: none;
}
.product-main .top{
    margin-bottom: .7rem;
}
.product-main .solution{
    margin-bottom: .7rem;
}
.product-main .partner{
    padding-top: 0;
}
.product-main .mid{
    margin-bottom: .7rem;
    background: #f7f7f7;
    padding-bottom: 50px;
    padding-top: 50px;
}
.product-main .title{
    margin-bottom: 40px;
}

.product-main .mid .list{
    width: 100%;
}
.product-main .mid .list .pic{
    overflow: hidden;
    transition: .3s;
}
.product-main .mid .list .pic img{
    width: 100%;
    height: 100%;
}
.product-main .mid .list .text{
    background: #fff;
    padding: 25px 30px;
    transition: .3s;
}

.product-main .mid .list .text h3{
    margin-bottom: 14px;
}
.product-main .mid .list .text h3 a{
    color: #000000;
    font-size: .24rem;
    font-weight: 500;
    transition: .3s;
}
.product-main .mid .list .text p{
    line-height: 24px;
    transition: .3s;
}

.product-main .mid .list:hover .text{
    background: #e99818;
}
.product-main .mid .list:hover .text h3 a{
    color: #fff;
}

.product-main .mid .list:hover .text p{
    color: #fff;
}

.product-main .mid .list:hover img{
    transform: scale(1.1,1.1);
}
.product-main .mid .owl-theme .owl-controls .owl-nav{
    display: flex;
    justify-content: center;
    margin-top: 35px;
}

.product-main .mid .owl-theme .owl-controls .owl-nav div{
    display: flex;
    align-items: center;
    justify-content: center;
    /*position: absolute;*/
    /*top: 31%;*/
    /*transform: translateY(-50%);*/
    padding: 0;
    /*margin: 0;*/
    width: 45px;
    height: 45px;
    border-radius: 100%;
    transition: all 0.3s;
    margin: 0 20px;
}
.product-main .mid .owl-theme .owl-controls .owl-nav div:hover{
    background: #e99818;
}
.product-main .mid .owl-theme .owl-controls .owl-nav div i{
    font-size: 20px;
}
.product-main .mid .owl-theme .owl-controls .owl-nav .owl-prev{
    left: 20px;
}

.product-main .mid .owl-theme .owl-controls .owl-nav .owl-next{
    right: 20px;
}


footer .link h3{
    font-size: 20px;
    margin-bottom: 10px;
    color: #fff;
    font-weight: bold;
    margin-right: 20px;
}
footer .link{
    display: flex;
    flex-flow: wrap;
    margin-top: 30px;
}
footer .link ul{
    display: flex;
}
footer .link ul li{
    margin-right: 20px;
}
footer .link ul li a{
    color: #c0c0c0;
    font-size: 14px;
}


.sales-network .genduo{
    width: auto;
    margin-top: 10px;
}
.sales-network .genduo a{
    color: #474747;
}
.sales-network .genduo a:hover{
    color: #e99818;
}

.index-video{
    opacity: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%,-50%);
    width: 600px;
    transition: all 0.3s;
}
.index-video video{
    object-fit: cover;
    height: 340px;
    width: 600px;
}
.index-video.active{
    opacity: 1;
    z-index: 9999991;
}
.model{
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: -1;
    transition: all 0.3s;
}
.model.active{
    opacity: 0.8;
    z-index: 999999;
}






@media screen and (max-width: 1366px) {
    .about-bot:before{
        bottom: 306px;
    }
    .about .content .list{
        width: 19%;
    }
    .navigation .content ul li{
        margin-right: 15px;
        margin-left: 15px;
    }
    .navigation .content ul li:before{
        right: -15px;
    }
    .navigation .fenlei {
        overflow: hidden;
        width: 75%;
    }
    .navigation .content ul {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        overflow-scrolling: touch;
    }
    .navigation .content ul li {
        display: inline-block;
    }
    .contact .contact-top .text{
        max-width: 450px;
    }
}

@media screen and (max-width: 1200px) {
    .about .content .list{
        width: 17%;
    }
    .culture .menutwo .txt{
        width: 50%;
    }
    .news-detail .content .left{
        width: 100%;
        margin-bottom: 40px;
    }
    .news-detail .content .right{
        width: 100%;
    }
    .fuli ul .icon{
        width: 110px;
        height: 110px;
    }
}

@media screen and (max-width: 992px) {
    .about .content .list{
        width: 16%;
    }
    .culture .menutwo .txt{
        width: 70%;
    }
}

@media screen and (max-width: 768px) {
    .index-video{
        width: 95%;
    }
    .index-video video{
        width: 100%;
    }
    .title h3{
        font-size: 24px;
    }
    .title p{
        font-size: 16px;
        line-height: 28px;
    }
    .service-items .bg{
        height: 60px;
        top: -60px;
    }
    .service-items .content .list{
        width: 100%;
        margin-bottom: 20px;
    }
    .service-items .content .list .text h3 a{
        font-size: 20px;
    }
    .service-icon ul li{
        width: 50%;
        margin-bottom: 40px;
    }
    .service-icon ul li h4{
        font-size: 18px;
    }
    .service-icon ul li h3{
        font-size: 36px;
    }
    .solution .content .list{
        width: 100%;
        margin-bottom: 20px;
    }
    .about .top .list:nth-child(1){
        width: 100%;
    }
    .about .top .list{
        width: 100%;
        margin-bottom: 20px;
    }
    .about .top .list:last-child{
        margin-bottom: 0;
    }
    .about .content .list{
        width: 100%;
    }
    .about .content .list h3 a{
        font-size: 18px;
    }
    .sales-network .lists{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .sales-network li{
        width: 100%;
    }
    .sales-network .swiper-button-next{
        top: 365px;
    }
    .partner .owl-theme .owl-controls .owl-nav .owl-prev{
        left: 0;
    }
    .partner .owl-theme .owl-controls .owl-nav .owl-next{
        right: 0;
    }
    .about-top .video{
        position: relative;
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .about-top .text{
        width: 100%;
    }
    .about-top .text h3{
        font-size: 28px;
        margin-bottom: 15px;
    }
    .about-top .content{
        height: auto;
    }
    .about-main .menuone li{
        width: 50%;
        font-size: 20px;
        padding: 20px 0;
    }
    .about-main .menuone li img{
        display: none;
    }
    .about-main .about-mid .content .text{
        width: 100%;
        margin-bottom: 20px;
    }
    .about-main .about-mid .content .pic{
        width: 100%;
    }
    .about-bot:before{
        bottom: 305px;
        display: none;
    }
    .about-bot .grid span{
        display: none;
    }
    .about-bot .grid h3{
        font-size: 20px;
    }
    .navigation .fenlei{
        width: 100%;
    }
    .colorFul .list{
        width: 100%;
    }
    .colorFul .list .pic{
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
    }
    .colorFul .list .pic:last-child{
        margin-bottom: 0;
    }
    .colorFul .list:nth-child(2n) .pic{
        width: 100%;
    }
    .colorFul .list .pic p{
        font-size: 18px;
        padding: 16px 20px;
    }
    .about-main .title h3{
        font-size: 24px;
    }
    .qualification-list{
        justify-content: space-between;
    }
    .qualification-list .list{
        width: 100%;
        margin-right: 0;
    }
    .honor .details .list{
        width: 100%;
    }
    .culture .culture-nav ul li a{
        font-size: 20px;
    }
    .culture .txt{
        position: relative;
        top: 0;
        transform: none;
        width: auto;
        padding: 30px 20px;
    }
    .culture .txt h3{
        font-size: 22px;
        margin-bottom: 20px;
    }
    .culture .text{
        padding: 30px 20px;
    }
    .culture .text h4{
        font-size: 20px;
    }
    .culture .item:nth-child(2) .txt{
        width: auto;
        text-align: left;
    }
    .culture .item:nth-child(3) .txt{
        width: auto;
        padding: 30px 20px;
    }
    .culture .culture-nav{
        overflow: hidden;
    }
    .culture .culture-nav ul{
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        overflow-scrolling: touch;
    }
    .culture .culture-nav ul li {
        display: inline-block;
        line-height: 60px;
        width: 160px;
    }
    .culture .item .title h3{
        font-size: 28px;
    }
    .culture .item ul{
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        overflow-scrolling: touch;
    }
    .culture .item ul li{
        display: inline-block;
        padding: 0;
        line-height: 60px;
    }
    .culture .menutwo .txt{
        width: auto;
    }
    .culture .menutwo .txt p{
        font-size: 18px;
        line-height: 30px;
    }
    .culture .huodong h3{
        font-size: 24px;
    }
    .culture .huodong li{
        flex-flow: wrap;
    }
    .culture .huodong li span{
        margin-left: 18px;
        margin-top: 6px;
    }
    .brand .character .left{
        width: 100%;
    }
    .brand .character .left h4{
        font-size: 20px;
    }
    .brand .character .right .chairman{
        padding: 30px;
    }
    .brand .character .right{
        width: 100%;
    }
    .brand .character .right .chairman h3{
        font-size: 22px;
        margin-bottom: 20px;
    }
    .responsibility .content .list{
        width: 100%;
        margin-right: 0;
    }
    .news .content .list h3{
        font-size: 20px;
    }
    .news-detail .right h3{
        font-size: 20px;
    }
    .contact .contact-top{
        flex-flow: wrap;
    }
    .contact .contact-top .ditu{
        width: 100%;
        height: 320px;
    }
    .contact .contact-top .text{
        width: 100%;
        margin-left: 0;
        padding: 30px 20px;
    }
    .contact .contact-top .text h4{
        font-size: 22px;
    }
    .contact .contact-top .text li:nth-child(2) span{
        min-width: 121px;
    }
    .contact .contact-top .text li span{
        margin-right: 6px;
        min-width: 86px;
    }
    .contact .Office .left{
        width: 100%;
        margin-bottom: 20px;
    }
    .contact .Office .right{
        width: 100%;
    }
    .contact .Office .left h5{
        font-size: 18px;
    }
    .contact .Office .right .biaodan .list{
        flex-flow: wrap;
    }
    .contact .Office .right .biaodan .list{
        width: 100%;
    }
    .contact .Office .right .biaodan .list span{
        width: 100%;
    }
    .contact .Office .right .tijiao{
        margin-left: 0;
        justify-content: space-between;
    }
    .contact .Office .right .tijiao button{
        width: 45%;
    }
    .contact .Office .right .tijiao a{
        width: 45%;
    }
    .fuli ul li{
        width: 48%;
        margin-bottom: 30px;
    }
    .fuli ul .icon{
        margin: 0 auto;
    }
    .fuli ul li p{
        font-size: 20px;
    }
    .lianxi ul li{
        width: 100%;
        margin-bottom: 20px;
    }
    .lianxi h3{
        font-size: 22px;
    }
    .job .panel-body{
        flex-flow: wrap;
    }
    .job .panel-body .text{
        padding-left: 0;
        margin-bottom: 30px;
    }
    .zhiwei {
        width: 100%;
        overflow: hidden;
        overflow-x: auto;
    }
    .zhiwei .panel-group{
        display: block;
        overflow-x: auto;
        width: 900px;
        overflow-scrolling: touch;
    }
    .job .panel-title span{
        width: 200px;
    }
    .partners .item li{
        width: 100%;
    }
    .news .content .list:nth-child(4n){
        margin-right: 0;
    }
}

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

}

@media screen and (max-width: 375px) {
    .about-bot:before {
        bottom: 302px;
    }
}

@media screen and (max-width: 360px) {
    .about-bot:before {
        bottom: 320px;
    }
}

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

}