@charset 'utf-8'; 
.index-title .zh {
    font-weight: 300;
    font-size: 24px;
    line-height: 40px;
    color: #7D7D7D;
    text-transform: uppercase;
    text-align: center;
    line-height: 100%;
    margin-bottom: 15px;
}
.index-title .en {
    font-weight: 700;
    font-size: 32px;
    font-weight: bold;
    color: #1E1919;
    line-height: 2;
    text-align: center;
    line-height: 100%;
    margin-bottom: 20px;
}
.advan-list:hover .advan-box .iconfont,
.advan-list:hover .advan-box .advan-desc,
.advan-list:hover .advan-box .advan-more{ 
	animation:fadenum 1s 1;
	display:block;
}
.advan-box h3 { 
    padding-top: 15%;
}
.advan-list:hover .advan-box h3 {
    font-size: 22px; 
    padding-top: 10%;
}
.advan-list:hover .advan-box .advan-en{
	display:none;
}
.advan-box .advan-desc { 
    font-size: 16px; 
    margin-top: 6%;
}
.service-list { 
    margin: 25% auto; 
}
.service-title h3 { 
    font-size: 48px; 
    text-transform: uppercase;
}
.service-list .service-li { 
    width: 21%;
    vertical-align: top;
} 
.index-business .octagon .number {
    padding-top: 25%; 
    font-size: 54px; 
}
.index-business .octagon h4 {
    font-size: 34px;
    color: #7D7D7D;
    padding-top: 4%;
    text-transform: uppercase;
}
.about-company{
    display: none;
}
.about-jieshao{
	width: 100%;
}
.about-item {
    display: block;
    overflow: hidden;
    margin-top: 3%;
    margin-bottom: 3%;
}
.about-huanjing {
    width: 100%; 
    padding-left:0;
}
.culture-box {
    /*background-image: url(/skin/images/wh2.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: left 50% bottom 17%;*/
}
.pro-title .pro-text {
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    color: #1E1919;
}
.oem-desc{
    width: 100%;
    box-shadow: 0 0 29px 0 #0000003b;
}
.oem-desctxt{
    width: auto;
    position: relative;
    padding: 38px; 
    margin: 0;
}
.oem-box {
    padding: 5% 0;
    overflow: initial;
}
.oem-mintitle .zh {
    font-weight: 400;
    font-size: 18px;
    line-height: 40px;
    color: #7D7D7D;
    text-transform: uppercase;
    text-align: center;
    line-height: 100%;
    margin-bottom: 3%;
    
}
.oem-mintitle .en {
    font-weight: 400;
    font-size: 36px;
    color: #1E1919;
    line-height: 2;
    text-align: center;
    line-height: 100%;
    margin-bottom: 20px;
}
.oem-advanbox .num { 
    padding-top: 25%; 
}
.min-round{
    font-size: 16px;
}
.odmadvan-item .title { 
    font-size: 16px; 
}
.pro-title .pro-text { 
    font-size: 16px; 
}
.dateils-desc h2 { 
    font-size: 24px; 
}
.footer .foot_top_li ul.son li a { 
    font-size: 14px;
    line-height: 36px;
}
.footer-qrcode h1 {
    font-weight: 700; 
}
.envi-video-box img.playVideo {
    cursor: pointer;
    width: 50PX;
    left: calc(50% - 25px);
    top: 32%;
}
.envi-video-box img {
    width: 58%;
    /* width: 100%; */
    position: absolute;
    left: -5%;
    top: -82px;
}
.envi-content {
    width: 44%; 
}

@media (max-width: 1700px) {
    .envi-video-box img {
        width: 58%;
        top: 0;
    }
}
@media (max-width: 1600px) {
    .envi-video-box img.playVideo {
        cursor: pointer;
        width: 50PX;
        left: calc(50% - 25px);
        top: 28%;
    }
}
@media (max-width: 1440px) {
    .service-title h3 {
        font-size: 36px; 
    }
    .service-list {
        margin-top:35%;
    }

    .service-list .service-li .iconfont {
        font-size: 48px; 
    }

    .service-list .service-li .service-desc {
        font-size: 20px; 
    }

    .index-business .octagon .number {
        padding-top: 20%;
        font-size: 42px;
    }
    .index-business .octagon h4 {
        font-size: 26px;  
    }
    /* end 1440px */
}

@media (max-width: 1200px) {
    .advan-box .iconfont {
        margin-top: 15%;
        margin-bottom: 5%; 
    } 
    .advan-list:hover .advan-box h3 {
        font-size: 22px;
        padding-top: 0%;
    } 
    .advan-box .advan-desc { 
        margin-top: 6%;
    }
    .service-title h3 {
        font-size: 28px;
        letter-spacing: 1px;
    }
    .service-list .service-li .service-desc {
        font-size: 16px;
    }
    .index-business .octagon .number {
        padding-top: 20%;
        font-size: 38px;
    }
    .index-business .octagon h4 {
        font-size: 22px;  
    }
     .video-img-box{
        width: 100%;
    }
    .envi-video-box,.video-img-box{
        overflow:inherit;
    }
    .video-img-box, .envi-video-box img {
        position: relative;
    }
    
    .envi-video-box img {
        width: 70%;
        top: -30%;
        margin: auto;
        left: calc(50% - 35%);
        margin-top: -26%;
    }
    
    .envi-content {
        width: 100%;
        margin: 0;
        margin-top: 5%;
    }
    /* end 1200px */
}

@media (max-width: 992px) {
    .advan-box .iconfont {
        margin-top: 15%;
        margin-bottom: 5%; 
    } 
    .advan-list:hover .advan-box h3 {
        font-size: 22px;
        padding-top: 0%;
    } 
    .advan-box .advan-desc { 
        margin-top: 6%;
    }

    .service-title {
        margin-top: 0;
        padding-top: 18%;
    }
    
    .service-list {
        margin-top: 18%;
    }
    

    /* end 992px */
}

@media (max-width: 772px) { 
    .nybanner_text {
        margin-top: 18%;
    }

    .min-round {
        font-size: 14px;
    }


    /* end 772px */
}
@media (max-width: 640px) {
    .index-title .zh { 
        font-size: 18px;  
        margin-bottom: 15px;
    }
    .index-title .en { 
        font-size: 28px; 
        margin-bottom: 15px;
    }
    .service-title {
        margin-top: 0;
        padding-top: 18%;
    }
    
    .service-list {
        margin-top: 25%;
    }

    .index-business .octagon .number {
        padding-top: 20%;
        font-size: 32px;
    }
    .index-business .octagon h4 {
        font-size: 18px;  
    }
    .index-news .news-li .news-desc {
        font-size: 12px;
        height: 40px;
        line-height: 20px;
    }
    .banner-title {
        font-size: 18px; 
    }

    .about-intro {
        font-size: 15px;
        line-height: 32px;
    }
    .about-item li .text-num {
        font-size: 26px;
    }

    .about-item { 
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .culture-box .culture-desc {
        font-size: 14px;
        line-height: 22px;
    }

    .min-round {
        font-size: 12px;
    }

    
    /* end 640px*/

}

@media (max-width: 420px) { 
    .index-title .zh { 
        font-size: 14px;  
        margin-bottom: 10px;
    }
    .index-title .en { 
        font-size: 22px; 
        margin-bottom: 10px;
    }
    .service-list .service-li .service-desc {
        font-size: 13px;
    } 
    .service-title h3 {
        font-size: 22px;
        letter-spacing: 0px;
    }

    .banner-desc {
        font-size: 14px; 
    }
    
    .about-intro {
        font-size: 14px;
        line-height: 32px;
    }
    
    .about-item li .text-num {
        font-size: 16px;
    }

    .envi-content { 
        line-height: 28px;
        font-size: 14px;
    }

    .oem-mintitle .en {
        font-size: 26px;
    }
    
    .odmadvan-item .title {
        font-size: 14px;
    }


}