@media screen and (max-height:800px) {
}
@media screen and (max-height:700px) {
}
@media screen and (max-width:1700px) {
    .core-technology-content{ width: 440px;}
}
@media screen and (max-width:1450px) {
    .header11-navs li{ padding-left: 20px;}
    .header11-en{ margin-left: 30px;}
    .header11-tel{ padding-left: 20px; width: 180px;}
    .header11-tel p{ font-size: 24px;}
    .navs-down-info{ width: 983px;}
    .navs-down-imgs{ width: calc(100% - 983px); min-height: 245px;}
    .navs-down-title small{ font-size: 50px;}
    .navs-down-title span{ font-size: 20px;}
    .graphene-list li{ margin-left: 50px;}
    .graphene-list li i{ font-size: 40px;}
    .graphene-list li span{ font-size: 14px;}
    .technoloy-wrap{ padding: 60px 5vw 0;}
    .technoloy-video{ height: 535px;}
    .equipment{ padding: 60px 5vw 50px;}
    .equipment-top .common-btn{ margin-top: 30px;}
    .product-black{ padding: 60px 5vw 80px;}
    .core-technology-list{ width: 56%;}
    .customer{ padding: 60px 5vw 70px;}
    .problem-wrap{ padding: 35px 20px 40px;}
    .dynamics{ padding: 50px 5vw;}
    .footer-nav-wrap{ padding-left: 10%;}
    .ptext{ margin-top: -44px;}
    .ptext small{ font-size: 56px;}
    .ptext strong{ font-size: 20px; margin-top: 12px;}
    .history-btn.prev{ left: -60px;}
    .history-btn.next{ right: -60px;}
    .company-top .product-btns{ margin-top: 0;}
    .culture-img{ width: 280px;}
    .recommend-content{ margin-top: 40px; margin-left: 30px;}
}
@media screen and (max-width:1350px) {
    .core-item-content{ left: 26px; right: 26px;}
    .core-technology-content{ left: 5vw;}
    .core-item-text strong{ font-size: 18px;}
    .history-tab{ width: 80%;}
    .recommend-wrap{ padding-left: 30px;}
    .recommend-wrap .posite-wrap{ padding-left: 0;}
}
@media screen and (max-width:1280px) {
    .graphene-wr{ padding: 50px 40px 0px;}
    .footer-nav-item dt a{  font-size: 14px;}
    .footer-nav-item dd p a{ font-size: 12px;}
    .ptext{ margin-left: -45%;}
    .inner{ width: 90%;}
    .history-tab{ width: 80%;}
    .pronciple-wrap{ padding-right: 65px;}
    .posite-wrap b{ margin: 0 6px;}
    .contact-item{ padding: 0 60px;}
    .operates-top{ display: flex; display: -webkit-flex;}
    .operate-item{ margin-left: auto;}
    .process-box b{ margin: 0 20px;}
}
@media screen and (max-width:1200px) {
    .header11-navs li a{ font-size: 14px;}
    .header11-en a{ width: 70px;}
    .header11-tel p{ font-size: 20px;}
    .header11-tel{ width: 150px;}
    .logo11{ width: 130px; margin-top: 35px;}
    .header11-navs li{ padding-left: 15px;}
    .navs-down-info{ width: 825px;}
    .navs-down-imgs{ width: calc(100% - 825px);}
    .navs-down-title{ right: 30px; margin-top: -34px;}
    .navs-down-title small{ font-size: 40px;}
}
@media screen and (max-width:1100px) {
    .graphene-images{ width: 250px;}
    .technoloy-data-item p b{ font-size: 30px;}
}
@media screen and (max-width:1024px) {
    .header11{ background-color: #fff; border-bottom: none;}
    .logo11 img.logo11-show{ opacity: 0; visibility: hidden;}
    .logo11 img.logo11-hide{ opacity: 1; visibility: visible;}
    .header11-navs{ display: none;}
    .header11-tel{ display: none;}
    .header11-navs-down{ display: none;}
    .menubtn{ display: block;}
    .header11-en{ margin-left: 0; border-right: none; border-left: none;}
    .header11-en a{ height: 70px; line-height: 70px; color: #999999;}
    .header11-en a i{ border-top-color: #224DC4;}
    .logo11{ width: 115px; margin-top: 16px; margin-left: 5%;}
    .banner11-text{ left: 5%;}
    .banner11-btns{ left: 5%;}
    .banner11-text strong{ font-size: 52px; margin-bottom: 20px;}
    .banner11-text p{ font-size: 20px;}
    .mtop{ height: 70px;}
    .graphene-tab{ width: 100%;}
    .graphene-info figure{ position: absolute; left: 0; top: 0; height: 100%;  width: 100vw;}
    .graphene-info-hidde{ position: relative; padding-bottom: 59.9%;}
    .graphene-content{ width: 100%;}
    .graphene-wr{ padding: 45px 5%;}
    .common-title small{ font-size: 42px;}
    .graphene-img{ margin-top: 40px;}
    .graphene-text{ margin-top: 38px;}
    .graphene-1{ margin-bottom: 10px;}
    .graphene-4{ margin-bottom: 2px;}
    .graphene-list li{ width: 33.3333%; margin-bottom: 28px; margin-left: 0; float: left;}
    .graphene-list{ padding: 40px 0 12px;}
    .technoloy-video{ width: 100%; height: auto; padding-bottom: 59.9%;background-size:cover; }
    .technoloy-content{ width: 100%; float: left;}
    .common-title p{ height: auto;}
    .technoloy-data{ margin-top: 40px; display: flex; display: -webkit-flex;}
    .technoloy-data-item{ margin-right: auto;}
    .technoloy-more{ padding-top: 60px;}
    .technoloy-wrap{ padding: 40px 5% 0;}
    .product-black{ padding: 40px 5%;}
    .core-technology{ padding: 70px 0 0; background-attachment: local;}
    .core-technology-content{ position: relative; width: 100%; left: 5%; top: 0; margin-top: 0;}
    .core-technology-list{ position: relative; height: 500px; width: 100%; margin-top: 30px;}
    .customer{ padding: 50px 5%;}
    .cases{ margin-top: 42px;}
    .dynamic-infos{ width: 48%;}
    .dynamics-list{ width: 48%; margin-left: 0; float: right;}
    .problem{ width: 100%; margin-top: 30px;}
    .dynamics-more{ margin-top: 40px;}
    .service-process{ padding: 50px 5%;}
    .services-list{ margin-left: -5%; margin-right: -5%;}
    .services-item img{ height: 36px;}
    .services-item span{ font-size: 16px;}
    .message11{ width: 100%;}
    .message11-wrap{ padding: 60px 5%;}
    .cooperative{ width: 100%;}
    .cooperaive-tt{ left: 5%;}
    .cooperaive-tt small{ font-size: 42px;}
    .footer-navs{ display: none;}
    .service-tel{ width: 50%;}
    .footer-eq{ width: 50%;}
    .footer-bottom{ padding: 20px 5%;}
    .footer-bottom p{ width: 100%;}
    .footer-bottom .network{ float: left; margin-top: 6px;}
    .pbanner11{ margin-top: 0;}
    .pbanner11 figure img{ transform: none !important; display: block; height: 250px; width: auto; position: relative; left: 50%; margin-left: -685px;}
    .menu-list{ display: flex; display: flex;flex-wrap:wrap; width: 100%;}
    .menu-list li{ flex: 1; -webkit-flex: 1;}
    .menu-list li a{ width: 100%; box-sizing: border-box; height: 50px; line-height: 50px; font-size: 14px;}
    .menu-wrap{ padding: 40px 0 30px;}
    .olefin-wrap{ box-sizing: border-box; width: 100%; margin-top: 0; padding-right: 0; padding-top: 30px;}
    .olefin-technologys{ padding-bottom: 50px;}
    .history-tab{ width: 90%;}
    .history-swiper{ margin-bottom: 30px;}
    .history-btn{ position: relative; top: 0;}
    .history-btn.prev{ left: 0; margin-right: 20px;}
    .history-btn.next{ right: auto; top: -50px; margin-left: 52px;}
    .history{ padding: 60px 0 100px; background-attachment: local;}
    .history-wrap{ margin-top: 40px;}
    .history-time{ color: #224DC4;}
    .history-time b{ font-weight: bold;}
    .history-time:before{ background-color: #224DC4;}
    .culture-box{ padding-top: 30px;}
    .vision{ padding: 50px 0 70px;}
    .honorary{ padding: 34px 0 50px;}
    .honorary-info li figure{ height: 220px;}
    .slurry-show span{ padding-left: 5%;}
    .slurry{ margin-top: 40px;}
    .slurry-title{ height: 50px; line-height: 50px; font-size: 20px;}
    .slurry-wrap{ padding: 32px 5% 0;}
    .product-wraps{ padding: 40px 0 0; margin-top: 0; box-sizing: border-box; width: 100%;}
    .product-top{ margin-left: 0;}
    .advantage{ padding: 50px 0 60px;}
    .comfortable{ margin-left: 0; margin-right: 0; display: flex; display: -webkit-flex; justify-content: space-around;}
    .comfortable-item{ width: 25%; float: none; margin-left: auto;}
    .comfortable-item:first-child{ margin-left: 0;}
    .comfortable-text{ margin: 0;}
    .fuse-left{ width: 250px;}
    .fuse-content{ margin-left: 270px; padding-right: 32px;}
    .principle{ margin: 0;}
    .pronciple-wrap{ margin-left: 270px; padding-top: 40px;}
    .pronciple-list li{ margin-right: 40px;}
    .conservate-list{ display: flex; display: -webkit-flex;}
    .conservation{ margin-top: 40px; padding-bottom: 40px;}
    .principle-down .priciple-tt{ margin-top: 0; width: 100%; font-size: 22px;}
    .principle-tress{ padding-bottom: 50px;}
    .recommend-box{ display: none;}
    .product-detial{ margin-top: 0; border-top: none;}
    .product-detail-content{ width: 100%;}
    .product-detail-wrap{ width: 90%; margin: auto;}
    .product-tit{ padding: 50px 0 20px; font-size: 22px;}
    .products-swiper .history-btn{ position: absolute;}
    .products-swiper .history-btn.next{ top: 50%;}
    .cases-list li{ width: 50%;}
    .sale-service-content{ width: 100%; margin-top: 0;}
    .service-after{ margin-top: 20px;}
    .sale-services-wrap{ padding: 40px 0;}
    .sale-service-img{ display: none;}
    .sale-service-item:first-child{ margin-bottom: 50px;}
    .service-titles{ font-size: 20px;}
    .promises-text{ width: 100%; position: relative;}
    .promise-wrap{ padding: 32px 0;}
    .promise-item{ width: 100%;}
    .promise-item b{ padding-left: 0;}
    .contact-item{ padding-right: 0;}
    .map{ height: 340px;}
    .contacts{ padding: 20px 0 30px;}
    .contact-addressd{ margin-top: 0;}
    .contact-item:first-child{ padding-left: 30px;}
    .line-message11{ padding: 50px 5%;}
    .graphene:before{ width: 100%;}
    .trend-title{ margin-top: 0; padding: 48px 0; font-size: 20px;}
    .trend-item strong{ font-size: 20px;}
    .trend-item span{ font-size: 15px;}
    .advantage-list{ padding: 0;}
    .advantage-item b{ width: 100px; height: 100px; line-height: 100px; font-size: 40px;}
    .process-box span{ font-size: 16px;}
    .process-box{ padding: 30px 5%;}
    .process-box b,.process-box span{ float: left;}
    .process-box b{ margin-top: -5px;}
}
@media screen and (max-width:861px) {
    .customer{ padding: 40px 5%;}
    .case-info{ width: 50%; margin-left: 0;}
    .case-info a{ display: block; margin-left: 3px;}
    .service-tel{ display: none;}
    .footer-eq{ display: none;}
    .footer-top{ border-bottom: none;}
    .culture-box{ padding-top: 0px;}
    .culture{ padding: 45px 5%;}
    .culture-top{ margin-bottom: 32px;}
    .culture-item{ width: 50%; margin-bottom: 20px;}
    .culture-wrap{ padding: 0 20px;}
    .culture-item:before{ max-height: 100%;}
    .culture-list{ padding: 30px 20px 10px;}
    .culture-li li{ width: 50%;}
    .slurry-img{ width: 100%;}
    .slurry-img img{ width: auto; max-width: 100%;}
    .slurry-text{ width: 100%; margin-top: 30px;}
    .graphenes-img{ display: none;}
    .graphenes-list{ margin-left: 0;}
    .graphenes-item{ padding: 28px 0;}
    .principle-img{ width: 180px; float: none; margin: auto; margin-top: -40px;  text-align: center;}
    .principle-img img{ margin: auto;}
    .pronciple-wrap{ margin-left: 0; padding-right: 0;}
    .pronciple-list{ margin-top: 30px;}
    .pronciple-list li b{ width: 52px; height: 50px;}
    .principle-it{ width: 100%; margin-bottom: 28px;}
    .product-display li{ width: 50%;}
    .prodisplays strong{ font-size: 18px;}
    .contact-eq{ display: none;}
    .contact-list{ margin-right: 0;}
    .graphene .message11-m{ display: none;}
    .graphene-content .dynamic-more{ position: relative; right: 0; top: 0; margin-bottom: 36px; margin-left: 5%;}
    .operates-list{ padding: 40px 5%;}
    .operates-top{ display: block;}
    .operate-item{ width: 33.3333%; text-align: center; margin-bottom: 20px; padding-bottom: 0;}
    .operate-item:before{ display: none;}
    .operate-item span{ font-size: 14px;}
    .menu-boxs .menu-list{ display:block;}
    .menu-boxs .menu-list li{ margin-bottom: 10px; width: 32%; margin-left: 0; margin-right: 2%; }
    .menu-boxs .menu-list li:nth-child(3n+3){ margin-right:0;}
}
@media screen and (max-width:751px) {
    .popup-texts{ width: 100%; margin-left: -50%;}
    .popup-btn.prev{ left: 0;}
    .popup-btn.next{ right: 0;}
    .health-list{ width: 100%;}
    .health-list li{ width: 25%; margin-right: 0;}
    .contact-list{display: block;padding-left: 5%;}
    .contact-item{ width: 100%; padding: 0; margin-bottom: 30px;}
    .contact-item:last-child{ margin-bottom: 0;}
    .contact-item:before{ display: none;}
    .contact-item:first-child{ padding-left: 0;}
    .equipment-top .equipentsbtn{ float: left;}
    .popup-wrap{ padding: 36px 50px;}
}
@media screen and (max-width:641px) {
    .mtop{ height: 60px;}
    .menubtn{ width: 60px; height: 61px; margin-bottom: -1px;}
    .menubtn span{ margin-top: 30px;}
    .header11-en a{ width: 60px; height: 60px; line-height: 60px;}
    .banner11-text strong{ font-size: 44px;}
    .banner11-text{ bottom: auto; position: relative; width: 100%; box-sizing: border-box; padding: 20px 5% 48px; background-color: #b8b6b6; left: 0;}
    .common-btn{ display: none;}
    .equipentsbtn { display: block;}
    .banner11-tab .slick-list{ position: relative; z-index: 2;}
    .banner11-tab .slick-dots{ width: 100%; position: absolute; left: 0; bottom: 20px; z-index: 10; line-height: 1; text-align: center;}
    .banner11-tab .slick-dots li{ display: inline-block; margin-left: 16px;}
    .banner11-tab .slick-dots li:first-child{ margin-left: 0;}
    .banner11-tab .slick-dots li button{ padding: 0; border: none; width: 12px; height: 12px; border-radius: 50%; text-indent: 88888px; overflow: hidden; background-color: #fff; transition: 0.4s;}
    .banner11-tab .slick-dots li.slick-active button{ background-color: #224DC4;} 
    .graphene-images{ width: 100%;}
    .graphene-images .pc{ display: none;}
    .graphene-images img.mb{ display: block;}
    .graphene-text{ display: none;}
    .graphene-list li i{ font-size: 32px;}
    .technoloy-more{ padding-top: 40px;}
    .technoloy-more a{ width: 50px; height: 50px;}
    .technoloy-data-item p b{ font-size: 24px;}
    .equipment-top{ margin-bottom: 36px;}
    
    .equipment{ padding: 38px 5%;}
    .product-wrap figure{ padding-bottom: 70%;}
    .product-item a{ padding-bottom: 20px;}
    .product-content strong{ font-size: 16px;}
    .core-technology{ padding-top: 45px;} 
    .core-more{ margin-top: 40px; width: 50px; height: 50px;}
    .core-items{ width: 48%; float: left; margin-bottom: 38px; background: none;}
    .core-items:nth-child(2n+2){ float: right;}
    .core-technology-list{ display: block; height: auto; padding: 0 5%; box-sizing: border-box;}
    .core-item-content{ position: relative; left: 0; right: 0; top: 0; margin-top: 0; padding: 0;}
    .case-titles{ padding: 40px 0 10px; }
    .case-titles span,.case-mark span{ font-size: 14px;}
    .case-info{ margin-bottom: 3px;}
    .case-info.case-last a{ padding-bottom: 61%;}
    .dynamic-infos{ width: 100%;}
    .dynamic-infos .dynamic-img{ padding-bottom: 61.222%;}
    .dynamics-list{ width: 100%; margin-top: 30px;}
    .problem-wrap{ padding: 32px 5%;}
    .dynamics-item{ padding: 32px 5% 22px;}
    .dynamics-main{ margin-top: 38px;}
    .services-list{ display: block; margin-top: 40px; margin-left: 0; margin-right: 0;}
    .services-item{ width: 33.3333%; margin-bottom: 28px;}
    .services-item:nth-child(3n+3) i{ display: none;}
    .services-item img{ height: 30px;}
    .serves-btn{ margin-top: 10px;}
    .dynamics{ padding: 38px 0;}
    .service-process{ padding-top: 0;}
    .cooperaive-tt small{ font-size: 38px;}
    .cooperaive-tt strong{ font-size: 20px;}
    .cooperative-wrap{ padding: 0 5%;}
    .cooperaive-item{ text-align: left; width: 100%; margin-left: 0; margin-bottom: 20px; float: left;}
    .cooperate-address{ padding: 30px 0 10px;}
    .dynamics-text strong{ font-size: 18px;}
    .ptext small{ font-size: 48px;}
    .pbanner11 figure img{ height: 220px; margin-left: -603px;}
    .menu-list li{ margin-left: 12px;}
    .menu-list li a{ height: 45px; line-height: 45px;}
    .about-data .technoloy-data-item{ margin-right: auto;}
    .history{ padding: 50px 0 60px;}
    .company-top .product-btns{ display: block;}
    .company-photo{ padding-top: 40px;}
    .culture-img{ width: 200px; right: 30px;}
    .culture-item{ width: 100%;}
    .culture-item:before{ display: none;}
    .culture{ margin-top: 28px;}
    .vision{ padding: 40px 0 30px;}
    .culture-downs p{ height: 50px; overflow: hidden;}
    .honorary-info li figure{ height: 90px;}
    .honorary-info li figure .hide{ width: 40px; height: 40px; line-height: 40px; font-size: 12px; right: 16px; bottom: 16px;}
    .honorary-info li figure .hide.honor-load{ bottom: 60px;}
    .honorary .common-title p{ font-size: 14px;}
    .honorary-list{ margin-top: 32px;}
    .honorary{ padding-top: 10px;}
    .research { padding-top: 0; padding-bottom: 40px;}
    .popup-btn{ width: 40px; height: 40px; line-height: 40px;}
    .popup-info{ padding-top: 0;}
    .popup-info a{ margin-top: 16px;}
    .slurry-title{ font-size: 18px;}
    .slurry-show b{ width: 50px; height: 50px; line-height: 50px; font-size: 13px;}
    .slurry-show span{ width: 60%; line-height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px;}
    .electrothermal{ padding-bottom: 40px;}
    .equipment-list{ margin-top: 36px; margin-bottom: 30px;}
    .pages a{ width: 40px; line-height: 40px; height: 40px; margin-left: 12px;}
    .pages a:first-child, .pages a:last-child{ width: 80px;}
    .comfortable{ display: block; margin-top: 20px;}
    .comfortable-item{ width: 100%; margin-bottom: 30px;}
    .comfortable-item:last-child{ margin-bottom: 0;}
    .comfortable-text figure{ width: 140px; margin: auto;}
    .olefin-technologys{ padding-bottom: 36px;}
    .advantage{ padding: 38px 0;}
    .advantage-hidden{ overflow-x: auto; -webkit-overflow-scrolling: touch;}
    .advantage-table{ width: 800px;}
    .fuse-left{ float: none;}
    .fuse-content{ width: 100%; box-sizing: border-box; margin-left: 0; padding-top: 30px; padding-right: 0;}
    .fuse-top{ margin-bottom: 20px;}
    .fuse-top strong{ font-size: 20px;}
    .fuse-top span{ font-size: 20px;} 
    .fuse{ padding-bottom: 30px;}
    .graphenes-box{ margin-top: 0;}
    .graphenes-item{ width: 33.3333%; padding-bottom: 0; padding-top: 20px;}
    .graphenes-list{ padding-bottom: 20px;}
    .product-view{ padding: 50px 0;}
    .graphenes-item i{ font-size: 32px;}
    .health-list li{ min-width: auto;}
    .health-list li img{ height: 50px;}
    .health-list li span{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
    .health-text{ margin-top: 20px;}
    .pronciple-list li{ width: 33.3333%; margin-bottom: 20px; margin-right: 0;}
    .pronciple-list li b{ margin: auto;}
    .conservate-list{ margin-top: 24px;}
    .conservate-tt{ font-size: 20px;}
    .conservate-list{ display: block;}
    .conservate-list li{ width: 100%;}
    .conservate-wrap{ border-left: 0; min-height: auto; border-bottom: 1px solid #EAEAEA;}
    .conservate-list li:last-child .conservate-wrap{ border-bottom: none;}
    .principle-tress{ padding-bottom: 30px;}
    .product-display{ margin-left: 0; margin-right: 0;}
    .product-display li{ width: 48.5%;}
    .product-display li a{ margin: 0;}
    .product-display li:nth-child(2n+2){ float: right;}
    .products-swiper .history-btn{ width: 40px; height: 40px; line-height: 40px; margin-top: -20px;}
    .product-min{ display: none;}
    .product-detial{ padding-bottom: 30px;}
    .cases-list li{ width: 100%;}
    .case-texts b{ width: 40px; height: 40px; margin-top: -20px;}
    .case-texts b i{ width: 12px; height: 12px; margin-left: -6px; margin-top: -6px;}
    .case-texts i:before{ top: 5px;}
    .case-texts i:after{ left: 5px;}
    .case-texts strong{ font-size: 18px;}
    .case-more{ display: none;}
    .case-tt{ width: 100%;}
    .case-tops{ padding: 40px 0 20px;}
    .case-tt strong{ font-size: 22px;}
    .case-views{ font-size: 14px;}
    .pageNext .common-btn{ display: block;}
    .dynamic-info li figure{ width: 180px;}
    .dynamics-content p{ height: 85px; overflow: hidden; margin-bottom: 22px;}
    .promise-wrap{ padding-bottom: 0;}  
    .promise-item{ padding-bottom: 0;}
    .promise-item b{ font-size: 38px;}
    .promise-con{ margin-right: 0; margin-left: 50px;}
    .promisebox{ margin-top: 35px; padding-bottom: 20px;}
    .promisebox li{ width: 50%;}
    .promisebox li span{ font-size: 14px;}
    .map{ height: 260px;}
    .message11-top strong{ font-size: 22px;}
    .message11-input1{ width: 100%;}
    .graphene-content .dynamic-more{ width: 50px; height: 50px;}
    .offer-btn span{ width: 70px;}
    .trend-item{ margin-right: 0; width: 100%; margin-bottom: 30px;}
    .trend-item b{ width: 66px; height: 66px; line-height: 66px; font-size: 24px;}
    .trend-list{ padding-bottom: 30px;}
    .operate-tt{ padding: 42px 0 30px; font-size: 20px;}
    .operates{ margin-bottom: 36px;}
    .advantage-item{ width: 33.3333%; margin-bottom: 30px;}
    .advantages{ padding-bottom: 20px;}
    .process-box b{ display: none;}
    .processd{ padding-bottom: 40px;}
    .process-box{ padding-bottom: 20px;}
    .process-box span{ width: 33.3333%; margin-bottom: 18px;}
}
@media screen and (max-width:536px) {
}
@media screen and (max-width:481px) {
    .banner11-text strong{ font-size: 24px;}
    .navigates >li{ margin-bottom: 14px;}
    .navigates >li >a{ font-size: 18px;}
    .leval-menu li a{ font-size: 14px;}
    .common-title strong{ font-size: 22px;}
    .graphene-list li span{ padding: 0 5px; font-size: 13px; line-height: 1.2;}
    .core-item-text p{ height: 50px;}
    .common-title small{ font-size: 36px;}
    .menu-wrap{ padding: 30px 0 20px;}
    .menu-list li{ margin-left: 6px;}
    .menu-list li a{ height: 40px; line-height: 40px; font-size: 12px;}
    .culture-li li{ width: 100%; margin-bottom: 24px;}
    .popup-wrap figure{ width: 100%;}
    .popup-texts{ top: 0; margin-top: 0; height: 100%;}
    .popup-wrap figure img{ width: auto; max-width: 140px;}
    .popup-info{ width: 100%; margin-top: 30px;}
    .popup-wrap{ overflow-y: auto; padding: 34px 50px;}
    .pages a{ display: none;}
    .pages a:first-child,.pages a:last-child{ display: inline-block;}
    .health-list li{ width: 33.333%;}
    .health-list li img{ height: 40px;}
    .product-display li{ width: 100%;}
    .prodisplays{ padding: 20px 0;}
    .dynamic-info li figure{ width: 100%; margin-right: 0; float: none;}
    .dynamics-content p{ margin-bottom: 6px;}
    .dynamics-content{ margin-top: 20px;}
    .dynamics-content1{ margin-top: 0;}
    .dynamics-content strong{ font-size: 16px;}
    .sale-service-item h3{ font-size: 15px;}
    .line-message11{ padding: 36px 5%;}
    .scle-services:before{ display: none;}
    .scle-services{ margin-bottom: 0;}
    .offers{ width: 100%; margin-left: -50%;}
    .offer-text strong{ font-size: 20px;}
    .offer-text strong small{ font-size: 22px;}
    .offer-text{ padding: 37px 5% 34px;}
    .offer-btn{ bottom: 50px;}
    .trend-title{ padding: 35px 0;}
    .advantage-item b{ width: 80px; height: 80px; line-height: 80px; font-size: 32px;}
    .process-box span{ font-size: 14px;}
}
@media screen and (max-width:400px) {
}
@media screen and (max-width:350px) {
}