/*
* @Author: Marte
* @Date:   2018-04-09 15:47:42
* @Last Modified by:   Marte
* @Last Modified time: 2018-04-12 14:30:40
*/

.mo-lb, .mo-close, .mo-pro-detail-wen{ display: none; }

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

    .container{ width: 96%; max-width: 1200px; margin-left: 2%; }
    .container2{ width: 96%; max-width: 1324px; margin-left: 2%; }
    .nav{ margin-left: 40px; float: none; }
    .nav ul li{ width: 16.6%; text-align: center; padding: 0; }

    .search{ display: none; }

}

@media screen and ( max-width: 1200px ){
    .pro-detail-pic{ width: 52%; }
    .pro-detail-wen{ width: 45%; }

}


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


}


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

    .news-tl{width: 27.75%;}
    .news-tc{ width: 69.8333%;}
    .news-tc img{ width: 100%; }
    .mo-hide{ display: none; }
    .news-bl{ width: 32.33%; margin: 0 .5%; }
    .news-tr{ display: none; }

    .header-main{ padding-bottom: 26px; }
    .mo-lb{ display: block; float: right; margin-top: 30px; }
    .mo-close{ display: block; float: right; margin: 14px 3% 0; }
    .nav{ position: fixed; width: 100%; height: 100%; margin-left: 0 !important; left: 0; top: 0; float: none; background-color: rgba(0,0,0,.9); z-index: 1000; display: none; }
    .nav ul{ margin-top: 47px; }
    .nav ul li{ float: none; width: 96%; border-bottom: 1px solid #dedede; margin: 0 2%; line-height: 80px; }
    .nav ul li a{ color: #fff; }
    .nav ul li:after{ display: none; }
    .nav ul li:first-child{ text-align: center !important; text-indent: 0 !important; transform: translateX(0); }

    .main{ width: 100%; margin: 10px 0 30px; }
    .naver{ width: 100%; float: none; }
    .naver-tit{ display: none; }
    .naver ul{ white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; border: 0; border-bottom: 1px solid #ccc; }
    .naver ul::-webkit-scrollbar { display: none;}
    .naver ul li{ display: inline-block; margin-right: 16px; border-bottom: 0; }
    .naver ul li span{ display: none; }
    .content-r{ margin: 20px 3%; }
    .pro-detail-wen h4{ line-height: 32px; }
}



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

    .news-tl{ display: none; }
    .news-tc{ width: 100%; margin-left: 0; }
    .news-tc img{ width: 100%; }

    .product-center-classify{ text-align: center; }
    .product-center-classify ul{ white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;}
    .product-center-classify ul::-webkit-scrollbar { display: none;}
    .product-center-classify ul li{ display: inline-block; }

    .index-about-r{ display: none; }
    .index-about-wen{ width: 100%; }
    .index-about-wen a{ margin: 44px auto 0; }
    .footer2{ display: none; }
}


@media screen and ( max-width: 640px ){
    .news{ margin-top: 24px; margin-bottom: 24px; }
    .news-top{ font-size: 24px; margin-bottom: 20px; }

    .news-top small{ font-size: 20px; }

    .banner .swiper-button-next{ background: url(../images/left_03.png) no-repeat; transform: rotateZ(180deg); right: 20px; top: 60%; width: 13px; height: 24px; background-size: cover;}
    .banner .swiper-button-prev{ background: url(../images/left_03.png) no-repeat; left: 20px; top: 60%; width: 13px; height: 24px; background-size: cover;}

    .crumbs{ display: none; }

    .product-detail-top{ padding: 14px; }
    .pro-detail-wen{ display: none; }
    .pro-detail-pic{ width: 100%; }
    .mo-pro-detail-wen{ display: block; width: 100%; margin-top: 20px; float: none; }
    .pro-detail-wen p{ margin-top: 10px; }

    .paging{ margin-top: 22px; }
    .paging div a{ margin: 0 2px; padding: 0 10px; height: 26px; line-height: 26px; }

    .recruit-bt{ overflow: hidden; }
    .recruit-list-tit span{ float: left; }
    .recruit-bt span{ float: left; }
    .recruit-bt span{ font-size: 14px; line-height: 24px; padding: 10px 0; }

    .news-pic{ width: 136px; height: 90px; }
    .news-wen{ margin-left: 150px; }
    .news-wen h4{ font-size: 16px; height: 22px; line-height: 22px; }
    .news-wen p{ margin-top: 6px; height: 48px; }

    .index-about-wen h4 small{ margin-top: 20px; }

}



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

    .container{ width: 94%; max-width: 1200px; margin-left: 3%; }
    .nav ul li{ line-height: 60px; font-size: 16px; }

    .news-bl{ width: 100%; margin-bottom: 10px; background-color: #fff; border-bottom: 1px dashed #ccc; height: auto; padding-bottom: 18px; }
    .news-bl a > h4{ width: 100%; color: #333; padding-top: 0; }
    .news-bl a > span{ width: 100%; color: #999; }
    .news-bl a > p{ width: 100%; color: #666; margin-top: 4px; }
    .news-tcwen p{ height: 30px; line-height: 30px; font-size: 16px; }

    .header-main{ padding-bottom: 10px; }
    .logo{ width: 58%; margin-top: 10px; }
    .mo-lb{ width: 40px; margin-top: 10px; }

    .product-center-classify ul li{ margin: 0 4px; }
    .product-center-classify ul li:after{ right: -6px; }
    .product-center{ margin-top: 24px; }
    .product-center-top h4{ font-size: 24px; }
    .product-center-top b{ margin-top: 12px; }
    .product-center-classify{ margin-top: 20px; }
    .product-center-con{ margin-top: 20px; }
    .product-center-con ul li{ width: 48%; margin: 0 1% 14px; padding-bottom: 10px; }
    .product-center-con ul li h4{ margin: 8px 10px 0; font-size: 16px; font-weight: normal; }
    .product-center-con ul li p{ margin-top: 0; }

    .index-about{ margin-top: 12px; padding-top: 20px; padding-bottom: 22px; }
    .index-about-con{ margin-top: 22px; }
    .index-about-wen a{ margin: 22px auto 0; }
    .index-about-wen p{ font-size: 14px; }
    .index-about-wen h4{ font-size: 18px; }
    .index-about-wen h4 small{ font-size: 14px; }

    .index-news{ margin-top: 22px; margin-bottom: 22px; }
    .index-news-con{ margin-top: 22px; }

    .link{ display: none; }
    .footer3{ line-height: 24px; padding: 10px; }

    .main{ width: 100%; margin: 10px 0 30px; }
    .naver ul{ padding: 0 14px; }
    .naver ul li{ line-height: 44px; }

    .product-list ul li{ width: 48%; margin: 0 1% 14px; padding-bottom: 10px; }
    .product-list ul li h4{ margin: 8px 10px 0; font-size: 18px; font-weight: normal; }
    .product-list ul li p{ margin-top: 0; }

    .content-r h4.tt{ font-size: 22px; }
    .content-r span.ttt{ font-size: 18px; }
    .course{ margin-top: 22px; }
    .course ul{ margin-top: 18px; }
    .time{ width: 85px; font-size: 24px; line-height: 54px; }
    .course-r{ padding: 6px 10px; margin-left: 88px; }
    .course p{ line-height: 30px; }

    .about-content{ margin-top: 20px; line-height: 30px; }
    .partner ul{ margin-top: 20px; }
    .partner ul li{ width: 48%; margin: 0 1% 14px; }


    .contactUs{ margin-top: 20px; }
    .contactUs p{ line-height: 30px; margin-bottom: 10px; font-size: 14px; }
    .contactUs p i{ width: 30px; }
    .recruit-list-tit span{ float: left; }
    .recruit-list-tit span{ height: 42px; line-height: 42px; font-size: 14px; }

    .honor{ margin-top: 20px; }
    .honor ul li p{ line-height: 26px; }
    .honor ul li:before{ top: 8px; }
    .honor-pic .item{ width: 31%; margin-right: 1.3%; }
    .honor-pic .item p{ line-height: 26px; text-indent: 0; }

    .recruit-btc{ padding-left: 10px; }
    .recruit-list{ margin-top: 20px; }

    .news-detail-con{ line-height: 30px; }
    .news-detail-tit{ margin-bottom: 12px; padding-bottom: 16px; }
    .news-detail-tit h4{ font-size: 20px; }
    .fanye p{ line-height: 24px; }

    .form input{ width: 46.89%; }
    .form input.width{ width: 96.89%; }
    .form textarea{ width: 96.89%; }
    .form button{ margin-top: 0; }
    .form button{ font-size: 14px; height: 36px; width: 142px; }

    .news-list ul li{ padding: 12px 0; }

}


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

    .mo-lb{ width: 36px; }
}

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

    .top .g-f-l{ display: none; }
}