@media screen and (max-height:800px) {
}

@media screen and (max-height:700px) {
}
@media screen and (max-width:1600px) {
    .infinate-logo-small small{ font-size: 200px; margin-top: -100px;}
    .news-share{ left: 0;}
}
@media screen and (max-width:1450px) {
    .banner-text small{ font-size: 220px; width: 900px;}
    .banner-text strong{ font-size: 42px; width: 900px;}
    .header-mark-navs li a{ font-size: 42px;}
    .header-mark-navs li a .marquee{ font-size: 42px;}
    .header-mark-contact{ bottom: 35px;}
    .us-team-hide strong{ font-size: 42px;}
    .us-team-title{ margin-bottom: 32px;}
    .us-team-item p{ font-size: 14px;}
    .us-team .more{ font-size: 14px; margin-top: 40px;}
    .infinite-en small{ font-size: 200px;}
    .serves-title strong{ font-size: 42px;}
    .serves-title a{ font-size: 14px; margin-top: 40px;}
    .serve-diff-content{ width: 65%;}
    .serves-list li a{ font-size: 20px;}
    .serve-diff{ padding-bottom: 180px;}
    .dynamic-hide span{ font-size: 42px;}
    .dynamic-title{ padding-bottom: 50px;}
    .dynamic-list li strong{ font-size: 24px; margin-bottom: 24px;}
    .infinate-logo-small small{ font-size: 160px;}
    .informate-list li strong{ font-size: 32px;}
    .informate-list li figure{ width: 250px;}
    .innerload span{ font-size: 320px;}
    .innerload span em{ font-size: 180px;}
    .probanner-text .dynamic-hide span{ font-size: 50px;}
    .product-tro p{ font-size: 70px;}
    .product-tro{ width: 45%;}
    .prevcase-wrap p{ font-size: 4rem;}
    .prevcase{ padding-bottom: 15%;}
    .serves-texts{ padding-top: 10%;}
    .serves-top-tt strong{ font-size: 50px;}
    .infinate-list-wrap{ margin-right: 5%;}
    .about-tops .prohide{ font-size: 42px;}
    .about-year-wrap time{ font-size: 320px; margin-top: -30px;}
    .dynamic-infos-wrap strong{ font-size: 38px;}
    .dynamic-infos-text time{ font-size: 38px;}
    .dynamic-infos-text time i{ font-size: 30px;}
    .news-title-fix h4,.news-title-top strong{ font-size: 4rem;}
    .message-tt{ font-size: 42px;}
    .message-text{ margin-right: 0; margin-top: -14px; margin-left: 200px; float: none; width: auto;}
    .contact-ti{ margin-bottom: 100px;}
}
@media screen and (max-width:1350px) {
    .news-viewsd{ width: 90%;}
}
@media screen and (max-width:1280px) {
    .header-mark-navs li a{ font-size: 36px;}
    .header-mark-navs li a .marquee{ font-size: 36px;}
    .infinite-en small{ font-size: 160px;}
    .infinate-logo-small small{ font-size: 120px;}
    .about-support-text{ margin-left: 420px;}
    .contact-content{ margin-left: 100px;}
    .contacts .allow-item{ margin-left: 555px;}
}
@media screen and (max-width:1200px) {
    .banner-text small{ width: 800px; font-size: 180px;}
    .banner-text strong{ font-size: 36px; width: 800px;}
    .us-team{ padding-top: 120px;}
    .us-team-item{ width: 45%;}
    .product-tro p{ font-size: 60px;}
    .contact-content{ margin-left: 0; width: 100%; margin-bottom: 50px;}
    .contacts .allow-item{ margin-left: 200px;}
    .serves-ttspan{ width: 20%;}
    
}
@media screen and (max-width:1100px) {
}
@media screen and (max-width:1024px) {
    body{ font-weight: normal;}
    body strong{ font-weight: normal;}
    .banner-link,.scroll-arrow{ display: none;}
    .banner-btn{ display: none !important;}
    .banner-text small,.banner-text strong{ width: 90%;}
    .header-label,.header-navs-list{ display: none;}
    .menubtn{ margin-left: 0;}
    .header{ padding: 30px 5% 0;}
    .header-mark-contact{ display: none;}
    .header-mark-navs li a .marquee{ display: none;}
    .header-mark-navs li a{ display: inline-block; padding-left: 0; margin-left: 5%; font-size: 30px; white-space: nowrap;}
    .header-mark-wrapper{ width: 100%; padding-top: 0; position: absolute; display: flex; display: -webkit-flex; align-items: center;}
    .header-mark-navs{ margin-left: 5%;}
    .banner-link1{ display: block; position: absolute; left: 5%; bottom: 30px;}
    .banner-link1 a{ float: left; margin-top: 0; margin-right: 15px; color: #333;}
    .banner-link1 a.kuzhan{ background: url(../image/kuzhan1.png) center no-repeat; opacity: 1;}
    .banner-link1 a.be{ background: url(../image/be1.png) center no-repeat; opacity: 1; margin-top: 2px;}
    .homeload-text strong{ margin-top: -26px; font-size: 52px;}
    .us-team{ padding: 120px 5% 20px;}
    .us-team-hide strong{ font-size: 32px;}
    .serves-title strong{ font-size: 32px;}
    .serve-diff-item p{ font-size: 14px;}
    .serve-diff{ padding: 0 5% 40px;}
    .dynamic-hide span{ font-size: 32px;}
    .dynamic-title{ padding: 120px 0 40px;}
    .dynamic{ padding: 0 5%;}
    .infinite-en small{ font-size: 120px;}
    .dynamic-title-text{ display: none;}
    .dynamic-s{ float: right;}
    .dynamic-list li strong{ font-size: 22px;}
    .infinate-logo{ display: none;}
    .informate-list li{ position: relative; margin-bottom: 40px;}
    .informate-list li p{ display: none;}
    .informate-list li strong{ font-size: 26px; float: none; margin-left: 280px; height: 100%; width: auto;}
    .informate-data{ position: absolute; left: 270px; bottom: 0;}
    .informate-data i{ display: none;}
    .information{ padding: 0 5%;}
    .footer{ padding: 0 5%;}
    .footer-common{ display: none;}
    .header-mark-tel-item{ width: 50%;}
    .footer-text-list .header-mark-tel-item{ margin-bottom: 40px; margin-left: 0;}
    .allow-item{ display: block;}
    .footer-photos{ margin-top: 0;}
    .banner-swiper .slick-dots{ position: absolute; left: 0; width: 100%; bottom: 30px; z-index: 20; text-align: center; line-height: 0;}
    .banner-swiper .slick-dots li{ display: inline-block; margin-left: 12px;}
    .banner-swiper .slick-dots li:first-child{ margin-left: 0;}
    .banner-swiper .slick-dots li button{ padding: 0; margin: 0; border: none; width: 40px; height: 3px; background-color: #808080; text-indent: 9999px; overflow: hidden; transition: 0.35s;}
    .banner-swiper .slick-dots li.slick-active button{ background-color: #fff;}
    .product{ padding: 0 5%;}
    .innerload span{ font-size: 250px;}
    .product-banner{ margin-top: 100px;}
    .probanner-text .dynamic-hide span{ font-size: 40px;}
    .product-inner-img{ position: relative; top: 0; transform: translateY(0px);}
    .product-tro{ width: 90%; float: none; margin-right: 0; margin: auto; margin-top: 34px;}
    .product-tro p{ font-size: 42px;}
    .product-introduct{ padding: 50px 0;}
    .prevcase{ padding: 40px 0 100px;}
    .prevcase-wrap p{ font-size: 40px;}
    .prevcase-wrap span{ margin-bottom: 20px;}
    .product-banner-inner{ padding-top: 100px;}
    .serves-top{ padding: 100px 5% 50px;}
    .serves-wraps{ width: 100%;}
    .served-te{ margin-top: 0; margin-left: 0; float: right;}
    .serve-diffbox{ padding: 80px 5%;}
    .serve-studio{ padding: 50px 5%;}
    .serves-top-tt strong{ font-size: 38px;}
    .serves-top-tt{ margin-bottom: 50px;}
    .infinate-list-wrap{ float: left; padding-right: 0; margin-right: 0;}
    .infinate-list-wrap li span{ font-size: 20px;}
    .infinate-list-wrap li b{ font-size: 60px;}
    .infinate-list-wrap li:hover i{ left: 210px;}
    .about-boxs{ padding: 120px 5% 50px;}
    .about-tops p{ float: none;}
    .about-tops .prohide{ font-size: 34px; margin-left: 0; margin-top: 20px;}
    .about-listd{ padding-right: 0px;}
    .about-list-it p{ font-size: 20px;}
    .about-help{ margin-bottom: 45px;}
    .about-help-text{ float: left; margin-right: 0;}
    .about-year-wrap{ margin-right: -40px;}
    .about-year-wrap time{ font-size: 260px;}
    .about-support{ padding: 80px 5%;}
    .about-support-left{ float: none;}
    .about-support-text{ margin-left: 0; margin-top: 30px;}
    .abouts-support-list{ margin-top: 50px; padding-top: 40px;}
    .dynamic-s1{ float: left;}
    .dynamic-infos{ padding: 50px 0 70px;}
    .dynamic-infos-wrap strong{ font-size: 30px;}
    .news-share{ display: none !important;}
    .news-title-fix h4, .news-title-top strong{ font-size: 38px;}
    .news-title-top{ padding: 120px 5% 45px;}
    .message-box{ padding: 50px 5%;}
    .message-title{ float: none; width: 100%;}
    .message-text{ margin-left: 0; margin-top: 20px;}
    .message-input{ margin-bottom: 45px;}
    .informate-list li strong{ font-weight: normal;}
    .serves-box{ width: 45%; margin-left: 0; float: right;}
    .news-title-fix h4{ font-weight: normal;}
    .product-introduct1 .product-tro p{ font-weight: normal; color: #fff; line-height: 1.2;}
    .wrapper{ position: relative; top: 0 !important;}
    .wrapper .page{ height: auto;}
    .contact-ti{ margin-bottom: 50px;}

    .us-team-title.article-block .us-team-hide strong{ visibility: hidden; transform: translateY(100%); transition: 0.46s 0.2s;}
    .us-team-title.articleShow .us-team-hide strong{ opacity: 1; visibility: visible; transform: translateY(0px);}
    .us-team-title.article-block .us-team-hide:nth-child(2) strong{ transition-delay: 0.4s;}
    .us-team-title.article-block .us-team-hide:nth-child(3) strong{ transition-delay: 0.6s;}
    .us-team .us-team-item.articleShow, .aboutmores.articleShow{ opacity: 1; visibility: visible; transform: translateY(0px);}
    .us-team .us-team-item, .aboutmores{ transition: 0.5s 0.1s;}
}
@media screen and (max-width:861px) {
    .banner-text small{ font-size: 120px;}
    .banner-text strong{ font-size: 30px; margin-top: 12px;}
    .serves-title{ width: 100%;}
    .serve-diff-content{ width: 100%; margin-top: 30px;}
    .serve-diff-text{ margin-bottom: 80px;}
    .served-te{ width: 100%; margin-top: 30px;}
    .serves-info{ margin-top: 120px; width: 100%;}
    .serves-box{ width: 40%;}
    .abouts-supports-li li p.name1,.abouts-supports-li li span{ display: none;}
    .aboutimg{ width: 40%;}
    .dynamic-infos figure{ width: 100%; float: none;}
    .dynamic-infos-text{ width: 100%; position: relative; padding: 32px 0 100px;}
    .dynamic-btns a{ font-weight: normal; color: #999;}
    .dynamic-btns a.active{ color: #333;}
}
@media screen and (max-width:751px) {
    .dynamic-list li{ width: 48%; margin-bottom: 40px;}
    .dynamic-posite2{ margin-top: 0; margin-left: 0; float: right;}
    .dynamic-list li:nth-child(2n+2){ float: right;}
    .dynamic-posite3{ margin-left: 0; margin-top: 0; margin-right: 0;}
    .dynamic-text{ padding: 30px 0;}
    .dynamic-list li.dynamic-posite5{ float: left; margin-top: 0; margin-bottom: 0;}
    .dynamic-more{ padding: 5% 0 8%;}
    .footer-top{ padding-bottom: 80px; padding-top: 50px;}
    .product-list li.dynamic-posite5{ width: 100%; margin-bottom: 40px; margin-left: 0;}
    .infinite-en small{ font-size: 100px;}
    .infinite-en{ margin-top: -50px;} 
}
@media screen and (max-width:641px) {
    .header-mark-navs li a{ font-size: 28px; line-height: 1.5;}
    .banner-text small{ font-size: 90px;}
    .banner-text strong{ font-size: 28px; margin-top: 15px;}
    .homeload-text strong{ margin-top: -23px; font-size: 46px;}
    .us-team-text{ width: 81%;}
    .us-team-item{ width: 100%;}
    .us-team-item1{ margin-left: 0; margin-top: 20px;}
    .us-team-hide strong{ font-size: 34px;}
    .infinite-en{ margin-top: -40px;}
    .infinite-en small{ font-size: 80px;}
    .serve-diff-item{ width: 100%; margin-top: 20px;}
    .serve-diff-text{ margin-bottom: 50px;}
    .serves-title strong{ font-size: 28px;}
    .serve-info{ display: none;}
    .serves-list{ margin-right: 0; float: right;}
    .serves-list li a{ font-size: 18px;}
    .dynamic-hide span{ font-size: 34px;}
    .serve-diff{ margin-top: -55vh;}
    .serve-diff-text{ width: 81%;}
    .informate-list{ margin-top: 40px;}
    .informate-list li figure{ width: 200px;}
    .informate-list li strong{ margin-left: 230px; font-size: 22px;}
    .informate-data{ left: 230px;}
    .informate-data b{ text-align: left; font-size: 40px;}
    .dynamic-more{ padding: 50px 0 60px;}
    .mark-tels span{ font-size: 20px;}
    .allow-item img{ width: 70px; margin-left: 10px;}
    .footer-text{ width: 100%;}
    .mark-tels span{ width: 100%;}
    .mark-tels .mark-tels-li a{ font-size: 14px;}
    .product-more span{ width: 70px; height: 69px; background-size: cover;}
    .innerload span{ font-size: 200px;}
    .innerload span em{ font-size: 100px;}
    .product-banner{ margin-top: 80px;}
    .probanner-text .dynamic-hide span{ font-size: 26px; font-weight: normal;}
    .pronet-left{ width: 100%;}
    .pronet-box{ width: 81%;}
    .pronet{ padding: 45px 0;}
    .pronet-box{ width: 81%; float: left; margin-top: 40px;}
    .checkbtn{ padding-top: 10px;}
    .pronet-list li{ font-size: 16px;}
    .pronet-box p{ font-size: 14px;}
    .product-tro p{ font-size: 30px;}
    .product-inner-img img{ width: 52%;}
    .footer-allow{ margin-top: 40px; padding-bottom: 50px;}
    .prevcase-wrap p{ font-size: 32px;}
    .product-banner-inner{ padding-top: 80px;}
    .serves-texts{ padding-top: 40px;}
    .serves-items{ width: 100%; margin-bottom: 20px;}
    .serves-items:last-child{ margin-bottom: 0;}
    .serves-top{ padding: 140px 5% 40px;}
    .serves-list1{ float: none;}
    .serves-box{ float: none; width: 81%; margin-top: 30px;}
    .serves-top-tt strong{ font-size: 26px;}
    .serves-studio-text{ margin-left: 0; width: 81%;}
    .serves-smalls{ margin-top: 0;}
    .product-fades{ height: 100vh;}
    .about-tops strong{ font-size: 26px;}
    .about-small p{ font-size: 20px;}
    .about-list-it p{ font-size: 18px;}
    .about-year-wrap time{ font-size: 160px; margin-top: 0;}
    .about-help-text{ width: 81%;}
    .about-support{ padding: 120px 5% 40px;}
    .abouts-supports-li li p{ width: auto;}
    .abouts-supports-li li a{ height: 80px;}
    .aboutimg{ height: 80px;}
    .abouts-supports-li li p{ display: none;}
    .abouts-supports-li li i{ margin-top: 28px;}
    .serve-studio{ padding: 120px 5% 45px;}
    .about-year{ margin-top: 50px;}
    .about-boxs{ padding: 140px 5% 42px;}
    .dynamic-infos-wrap strong{ width: 100%; font-size: 26px; font-weight: normal; margin-top: 0;}
    .dynamic-infos-wrap p{ width: 100%; margin-top: 20px; display: none;}
    .dynamic-infos-text{ padding-bottom: 80px;}
    .dynamic-infos-text time{ font-size: 30px;}
    .dynamic-infos-text time i{ font-size: 24px;}
    .dynamic-infos{ padding: 32px 0 50px;}
    .dynamic-title{ padding: 140px 0 30px;}
    .news-title-top{ padding: 140px 5% 40px;}
    .news-title-fix h4, .news-title-top strong{ font-size: 28px;}
    .news-title-fix time{ width: auto; margin-right: 20px;}
    .news-viewsd .newsttd{ font-size: 22px;}
    .news-viewsd p, .news-viewsd a{ font-size: 14px;}
    .contacts .allow-item img{ margin-left: 0;}
    .contact-content p{ font-size: 15px;}
    .message-input{ margin-bottom: 34px;}
    .contact-usd strong{ font-size: 22px;}
    .contact-usd{ padding-top: 0; margin-bottom: 40px;}
    .contact-message{ margin-bottom: 30px;} 
    .contact-i{ margin-right: 40px; margin-bottom: 12px;}
    .serves-wraps{ width: 81%; float: left;}
    .serves-ttspan{ width: 100%; margin-bottom: 20px;}
    .served-te{ width: 81%; float: left;}
    .serves-img-wrap1 .arrow{ font-size: 34px; left: -50px;}
    .serves-img-wrap2 .arrow{ font-size: 26px;}
    .about-listd{ margin-top: 50px;}
    .about-year{ width: 81%;}
    .sticky-content{ height: auto;}
    .stickybg{ opacity: 1 !important;}
    .product-fades{ height: auto;}
    .stickybg img{ display: block; width: 100%; height: auto;}
    .article-block.fade{ transition: 0.5s 0s;}
    .infinite-small{ top: -35vh;}
    .serve-diff{ margin-top: -55vh;}
    .dynamic-list li figure img.pc{ display: none;}
    .dynamic-list li figure img.mb{ display: block;}
    .product-list li.dynamic-posite5{ width: 48%;}
    .dynamic-list li.dynamic-posite5:nth-child(2n+2){ float: right;}
}
@media screen and (max-width:536px) {
}
@media screen and (max-width:481px) {
    .banner-text small{ font-size: 70px;}
    .banner-text strong{ font-size: 24px; margin-top: 10px;}
    .infinite-en{ margin-top: -30px;}
    .infinite-en small{ font-size: 60px;}
    .dynamic-hide span{ font-size: 30px;}
    .us-team-hide strong{ font-size: 30px;}
    .dynamic-list{ margin-top: 40px;}
    .dynamic-list li{ width: 100%;}
    .dynamic-list li strong{ font-size: 20px;}
    .footer{ overflow: hidden;}
    .mark-tels span{ font-size: 16px;}
    .header-mark-tel-item p{ font-size: 14px;}
    .informate-list li figure{ width: 160px;}
    .informate-list li strong{ margin-left: 180px; font-size: 24px;}
    .informate-data{ left: 180px;}
    .innerload span{ font-size: 140px;}
    .innerload span em{ font-size: 60px;}
    .probanner-text .dynamic-hide span{ font-size: 20px;}
    .product-tro p{ font-size: 22px;}
    .prevcase-wrap p{ font-size: 28px;}
    .serves-smalls{ font-size: 24px;}
    .serves-studio-text p{ font-size: 14px;}
    .infinate-list-wrap li span{ font-size: 18px;}
    .infinate-list-wrap li i,.infinate-list-wrap li b{ display: none;}
    .serves-smalls{ margin-top: 0;}
    .about-small{ float: left; margin-right: 0;}
    .about-tops strong{ font-size: 24px;}
    .about-year-wrap{ margin-right: 0px;}
    .about-year-wrap time{ font-size: 100px;}
    .dynamic-btns a{ margin-right: 40px;}
    .dynamic-btns a:last-child{ margin-right: 0;}
    .dynamic-infos-text{ padding-bottom: 55px;}
    .dynamic-infos-text time i{ margin-top: 3px;}
    .dynamic-infos-wrap strong{ font-size: 22px;}
    .news-title-fix h4, .news-title-top strong{ font-size: 24px;}
    .message-item{ width: 100%; margin-bottom: 40px;}
    .contact-message textarea{ height: 160px; padding: 12px;}
    .serves-top,.dynamic-title,.about-boxs{ padding-top: 120px;}
    .infinite-en small{ font-size: 50px;}
    .product-list li.dynamic-posite5{ width: 100%;}
}
@media screen and (max-width:400px) {
}
@media screen and (max-width:350px) {
}