/*
* @Author: Marte
* @Date:   2018-06-19 16:36:04
* @Last Modified by:   Marte
* @Last Modified time: 2018-09-06 16:23:51
*/

.lb, .index-pro-pic, .close{ display: none; }

@media screen and (max-width:1280px){
    .index-product, .container2{ max-width: 1200px; }
    .suspension{ right: 30px;}

}


@media screen and ( min-width: 1200px ){

}

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

    .container, .container2, .index-product{ max-width: 94%;}

    .nav ul li{ padding: 20px 22px 0; font-size: 16px; }
    .search input[type="text"]{ width: 148px; }

    .about-us-con{ height: auto; background: url(../images/show.jpg) no-repeat left center; background-size:  auto 720px; padding-bottom: 50px; }
    .profile{ width: 100%; padding-top: 50px; }

    .naver ul li{ margin: 0 22px; }
}

@media screen and ( max-width: 1100px ){
    .nav ul li{ padding: 20px 16px 0; }
    .index-product-description h4{ margin-top: 0; }
    .index-about-us{ margin-top: 76px; }
    .specimen{ height: auto; padding-bottom: 60px; }
    .specimen-con .item{padding: 15px 17px 54px;}
    .specimen-wen{padding: 10px 14px;}
    .specimen-wen i{ display: none; }
    .specimen-wen span{ margin-top: 8px; }

    .footer-nav dl{ min-width: 110px; }
    .footer-nav dl:last-child{ width: 310px; }
}

@media screen and ( max-width: 1000px ){
    .logo img{ height: 90px; }
    .lb{ display: block; width: 34px; line-height: 68px; float: left; }
    .nav{ position: fixed; width: 100%; height: 100%; left: -100%; top: 0; background-color: #fff; z-index: 105; }
    .nav ul li:first-child{ margin: 0; }
    .nav ul li{ box-sizing: border-box; margin: 0; width: 100%; border-bottom: 1px dashed #ccc; padding-top: 8px; padding-bottom: 8px; }
    .nav ul li a{ color: #333; }
    .nav ul li span{ color: #666; }
    .close{ display: block; position: absolute; left: 50%; bottom: 20px; transform: translateX(-50%); }
    .contact-way{ width: 52%; }
    .contact-way ul li{ width: 100%; }
    .footer{ text-align: center; padding-top: 22px; }
    .footer .g-f-l{ float: none; }
    .footer-nav, .ewm{ display: none; }
    .copyright{ margin-top: 18px; }
}



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

    .logo img{ height: 70px; }
    .icon1{ padding-right: 12px; margin-right: 12px; }
    .lx{ margin-top: 8px; }
    .lx i{ font-size: 12px; }
    .link{ margin-top: 8px; }
    .link li span{ padding-right: 10px; padding-left: 6px; }
    .link li{ margin-left: 10px; }
    .header-main-r{ max-width: 370px; }

    .header_nav{ height: 50px; }
    .lb{ width: 26px; line-height: 46px; }
    .search{ margin-top: 11px; height: 28px; }
    .search input[type="text"]{ height: 28px; line-height: 28px; }
    .search a{ margin-top: 1px; }
    .zx img{ height: 30px; }
    .zx{ margin-top: 10px; }

    .banner.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 14px !important; }

    .index-product{ margin-top: 30px; }
    .title h4{ font-size: 24px; }
    .index-product-con{ margin-top: 20px; }
    .bigImg{ display: none; }
    .index-product-r{ width: 100%; }
    .index-product-description .item{ overflow: hidden; }
    .index-pro-pic{ display: block; float: left; width: 34%; margin-right: 20px; }
    .swiper-product{ margin-top: 24px; }
    .swiper-product .swiper-button-next{ top: 50%; right: 0; width: 40px; height: 40px; transform: translateY(-50%); }
    .swiper-product .swiper-button-prev{ top: 50%; left: 0; width: 40px; height: 40px; transform: translateY(-50%); }

    .playVideo{ display: none; }
    .index-about-us{ margin-top: 30px; }
    .about-us-con{ margin-top: 24px; padding-bottom: 24px; }
    .profile{ padding-top: 20px; }
    .company{ margin-top: 10px; }
    .profile-wen{ margin-top: 14px; }

    .industry{ margin-top: 30px; }
    .industry-con{ margin-top: 24px; }
    .play{ width: 20%; }
    .industry-wen{ margin: 0; padding: 10px 0; }
    .industry-wen p{ margin-top: 2px; }
    .industry-wen span{ margin-top: 4px; }
    .industry-wen i{ margin-top: 10px; }

    .specimen{ margin-top: 30px; padding: 30px 0; }
    .specimen-con .item{ width: 31.33%; margin-right: 3%; }
    .specimen-wen{ left: 10px; width: calc(100% - 20px); padding: 10px; }

    .index-contact-us{ margin-top: 30px; margin-bottom: 30px; }
    .contact-us-con{ margin-top: 24px; }
    .message{ width: 100%; }
    .contact-way{ width: 100%; margin-top: 24px; margin-left: 0; }
    .suspension{ width: 60px; }


    .naver ul{ white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .naver ul::-webkit-scrollbar { display: none;}
    .naver ul li{ line-height: 46px; font-size: 16px; }
    .product-list{ margin-top: 30px; }
    .product-list ul li{ width: 31.33%; margin-right: 3%; margin-bottom: 20px; }
    .product-list ul li:nth-child(4n){ margin-right: 3%; }
    .product-list ul li:nth-child(3n){ margin-right: 0; }
    .product-pic{ padding: 10px; }
    .product-list ul li p{ font-size: 16px; margin-top: 6px; }
    .paging{ margin-top: 24px; margin-bottom: 30px; }
    .paging div a{ padding: 0 10px; height: 28px; line-height: 28px; }

    .product-detail-tit{ margin-top: 30px; }
    .gallery-top{ margin-top: 24px; }
    .gallery-thumbs{ margin-top: 30px; }
    .product-classfiy{ padding-top: 30px; margin-top: 30px; }
    .product-detail-wen{ margin-top: 30px; }
    .product-classfiy ul li{ width: 94px; }
    .product-detail-con{ margin-bottom: 40px; }
    .product-specimen-list ul li{ width: 31.33%; margin-right: 3%; margin-bottom: 24px; }
    .product-specimen-list ul li:nth-child(4n){ margin-right: 3%; }
    .product-specimen-list ul li:nth-child(3n){ margin-right: 0; }
    .product-specimen-pic{ padding: 10px; }
    .product-specimen-list ul li p{ height: 36px; line-height: 36px; }
    .video{ width: 100%; }
    .download ul li{ font-size: 16px; }
    .download ul li span{ width: 60%; }

    .fanye{ margin-top: 30px; margin-bottom: 50px; padding-top: 12px; }

    .industry-list{ margin-top: 0; }
    .industry-list ul li{ padding: 16px 0; }
    .industry-list ul{ margin-bottom: 30px; }

    .video-list{ margin-top: 30px; }
    .video-list ul li{ margin-bottom: 24px; }
    .video-list ul li h4{ font-size: 16px; margin-top: 0; height: 36px; line-height: 36px; }
    .video-pic span{ width: 40px; }
    .video_popup{ width: 94%; height: auto; }
    .video-list ul li p{ line-height: 20px; height: 40px; }

    .scheme-list{ margin-top: 10px; }
    .scheme-list ul li{ height: 40px; line-height: 40px; }
    .scheme-list ul li p{ font-size: 16px; }
    .scheme-list ul{ margin-bottom: 24px; }

    .introduction{ margin-top: 30px; margin-bottom: 50px; }
    #certify .swiper-slide{ width: 286px; height: 408px; }
    #certify .swiper-button-prev{ left: 10px; }
    #certify .swiper-button-next{ right: 10px; }
    #certify .swiper-slide p{ line-height: 60px; height: 60px; overflow: hidden; font-size: 16px; }
    .honor{ margin-bottom: 50px; }
    .honor-list{ margin-top: 30px; }
    .honor-list ul li{ width: 31.33%; margin-right: 3%; margin-bottom: 20px; margin-top: 0; }
    .honor-list ul li:nth-child(4n){ margin-right: 3%; }
    .honor-list ul li:nth-child(3n){ margin-right: 0; }
    .honor-list ul li p{ margin-top: 6px; }
    .honor-list ul{ margin-bottom: 0; }

    .idea{ margin-bottom: 50px; margin-top: 30px; }
    .job{ margin-bottom: 50px; margin-top: 30px; }

    .staff{ margin-top: 30px; margin-bottom: 50px; }
    .staff ul li{ margin-bottom: 20px; }
    .staff ul li p{ margin-top: 2px; }

    .contact-us, .appointment{ margin-bottom: 50px; margin-top: 30px; }
    .appointment-top{ font-size: 26px; }
    .appointment-con{ margin-top: 30px; }
    .appointment-con > ul > li span{ font-size: 16px; height: 46px; line-height: 46px; width: 86px; }
    .apk{ height: 46px; }
    .apk input{ height: 44px; line-height: 44px; }
    .radio-group{ height: 46px; line-height: 46px; }
    .code img{ height: 46px; }

    .develop{ margin-bottom: 50px; }
    .develop .item{ margin-top: 30px; }
    .develop-wen{ width: 100%; }
    .develop-wen h4{ font-size: 18px; margin-top: 0; }
    .develop-tu{ float: left; }

    .apk .xia{ top: 18px; right: 20px; }
    .eye{ display: none;}
}



@media screen and ( max-width: 640px ){
    .header_top span{ display: none; }
    .logo img{ height: 54px; }
    .lx{ display: none; }
    .header-main-r{ width: 100%; margin-bottom: 10px; max-width: auto; float: left; }
    .link{ float: left; margin-top: 0; }


    .title h4{ font-size: 20px; }
    a.more{ top: 16px; }
    .title p{ margin-top: 0; }
    .index-product-description h4{ font-size: 16px; }
    .index-product-description span{ font-size: 14px; margin-top: 4px; }
    .index-product-description p{ margin-top: 0; line-height: 24px; height: 72px; }

    .profile-tit h4{ font-size: 20px; }
    .video_hidden{ display: block; height: 240px; }

    .industry-con .item{ width: 100%; margin-right: 0; margin-bottom: 20px; }
    .industry-con .item .tu img{ width: 100%; }
    .play{ bottom: 0; width: 50px; }

    .specimen{ margin-top: 10px; background: url(../images/bg3_02.jpg) no-repeat center center; background-size: cover; padding-bottom: 10px; }
    .specimen-con .item{ width: 100%; margin-bottom: 20px; }
    .specimen-con .item img{ display: block; margin: 0 auto; }

    .message-tit p{ margin-top: 10px; }
    .contact-form{ margin-top: 14px; }
    .contact-form input{ width: 100%; }
    .contact-way ul li{ line-height: 34px;}
    .copyright{ line-height: 24px; }

    .suspension{ width: 46px; }

    .header_top{ overflow: visible; margin-top: -40px; }
    .header_top ul{ transform: translateY(48px); }

    .product-list ul li{ width: 49%; margin-right: 2%; }
    .product-list ul li:nth-child(3n){ margin-right: 2%; }
    .product-list ul li:nth-child(2n){ margin-right: 0; }

    .gallery-top{ width: 100%; height: auto; }

    .product-classfiy ul{ display: block; overflow: hidden; text-align: center; }
    .product-classfiy ul li{ display: inline-block; margin-right: 10px; margin-bottom: 10px; }
    .product-specimen-list ul li{ width: 49%; margin-right: 2%; }
    .product-specimen-list ul li:nth-child(3n){ margin-right: 2%; }
    .product-specimen-list ul li:nth-child(2n){ margin-right: 0; }
    .download ul li{ width: 100%; }

    .industry-detail-tit{ margin-top: 20px; padding-bottom: 20px; }
    .industry-detail-tit h4{ font-size: 20px; }
    .industry-detail-con{ font-size: 14px; line-height: 26px; }

    .industry-pic{ width: 40%; }
    .industry-wen2{ margin-left: 42%; }
    .industry-wen2 h4{ font-size: 15px; height: 30px; line-height: 30px; }
    .industry-wen2 .date{ line-height: 1; font-size: 12px; }
    .industry-wen2 p{ font-size: 14px; line-height: 22px; height: 44px; margin-top: 4px; }


    .video-list ul li{ width: 49%; margin-right: 2%; }
    .video-list ul li:nth-child(3n){ margin-right: 2%; }
    .video-list ul li:nth-child(2n){ margin-right: 0; }

    .introduction-wen{ font-size: 14px; line-height: 26px; }

    .introduction-tu ul li{ width: 100%; margin-right: 0; margin-bottom: 10px; }

    .honor{ margin-top: 30px; }
    #certify .swiper-slide{ width: 200px; height: 286px; }
    .honor-list ul li{ width: 49%; margin-right: 2%; }
    .honor-list ul li:nth-child(3n){ margin-right: 2%; }
    .honor-list ul li:nth-child(2n){ margin-right: 0; }

    .develop-wen ul li{ font-size: 14px; line-height: 26px; }
    .develop-tu{ margin-top: 20px; }

    .staff ul li{ width: 49%; margin-right: 2%; }
    .staff ul li:nth-child(3n){ margin-right: 2%; }
    .staff ul li:nth-child(2n){ margin-right: 0; }

    .appointment-con{ width: 100%; }
    .appointment-con > ul > li{ margin-bottom: 14px; }
    .apk{ float: none; margin-left: 88px; width: auto; height: 40px; }
    .apk input{ box-sizing: border-box; width: 100%; height: 38px; line-height: 38px; }
    .appointment-con > ul > li span{ height: 40px; line-height: 40px; }
    .apk .xia{ top: 14px; }
    .radio-group{ font-size: 16px; }
    .radio-group .item{ height: 40px; line-height: 40px; width: 100px; }
    .radio-group .item label{ background: url(../images/radio1_03.jpg) no-repeat left center; background-size: 20px 20px; padding-left: 28px;}
    .radio-group .item input[type="radio"]:checked + label{ background: url(../images/radio2_03.jpg) no-repeat left center; background-size: 20px 20px; }
    .yzm{ width: 120px; float: left; margin-left: 0; }
    .code{ margin-left: 20px; }
    .code img{ height: 40px; }
    .form-btn{ width: 100%; height: 46px; font-size: 16px; margin-top: 30px; }
    .gy-list ul{ margin-left: 30px; }
    /*.gy-list{ height: 120px; }*/
    .gy-list ul li{ margin-top: 10px; font-size: 14px; margin-right: 34px; }

}



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

}

@media screen and ( max-width: 370px ){
    .search input[type="text"]{ width: 100px; }
}

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

}