/*当页面大于1200px时，大屏幕主要是PC端*/
@media (min-width:1200px) and (max-width:1439px){


.header_box .nav li{padding:0 8px; margin:0 12px;}


.index_about{
    height:auto;
    background-size:cover;
    padding:60px 0;
}
.index_about_slide{
    padding-top:0;
}
.index_about_slide .swiper-slide .pic_box .mask .text_box{
    top:25%;
}



.about,
.wenhua{
    height:auto;
    background-size:cover;
    padding:50px 0;
}
.about_text .text_box{
    padding:0 15px;
}
.about_text .text_box .text{
    line-height:30px;
    padding:15px 0;
}



.case_box .list_box{
    width:280px;
    height:280px;
}
.case_box .list_box .img_box{
    width:280px;
    height:280px;
}


.pro_box .list_box{
    width:280px;
    height:360px;
}
.pro_box .list_box .img_box{
    width:280px;
    height:360px;
}





}



/*在992和1199像素之间的屏幕里，中等屏幕，分辨率低的PC*/
@media (min-width:992px) and (max-width:1199px){

.header_box{padding:0 15px;}
.header_box .nav li{padding:0 5px; margin:0 5px;}
.footer_box{padding:30px 15px 10px 15px;}
.footer_box .text_box{width:560px;}
.copy span{margin-left:30px;}




.index_about{
    height:auto;
    background-size:cover;
    padding:60px 0;
}
.index_about_slide{
    padding-top:0;
}
.index_about_slide .swiper-slide .pic_box .mask .text_box{
    top:25%;
}

.about,
.wenhua{
    height:auto;
    background-size:cover;
    padding:50px 0;
}
.about_text .text_box{
    padding:0 15px;
}
.about_text .text_box .text{
    line-height:28px;
    padding:15px 0;
}



.net .htit{
    padding:40px 0 10px 0;
}
.net .htit h2{
    font-size:23px;
}
.net .form_box{
    width:100%;
    margin:0 auto;
    margin-bottom:30px;
}
.net .form_box form{
    display:block;
    padding:0 15px;
}
.net .job_box .job_h span,.job_list .hd span{
    width:33.33%;
}
.net_box .net_sidebar{
    width:100%;
    float:none;
}
.net_main{
    display:none;
}


.join{
    height:auto;
    background-size:cover;
    padding:60px 0 120px 0;
}
.join h2{
    font-size:32px;
    padding:30px 0;
}
.join_box .text_box{
    font-size:15px;
    line-height:40px;
    padding-top:40px;
}


.case_box .list_box{
    width:230px;
    height:230px;
}
.case_box .list_box .img_box{
    width:230px;
    height:230px;
}



.pro_box .list_box{
    width:230px;
}
.pro_box .list_box .img_box{
    width:230px;
    height:300px;
}



.prov{
    height:auto;
}
.prov_box{
    position:static;
}
.prov_box .text_box{
    text-align:left;
    padding:0 20px;
}
.other_pro{
    padding:0 20px;
    padding-bottom:120px;
}
.other_pro h3{
    font-size:23px;
}








}




/*在768和991像素之间的屏幕里，小屏幕，主要是PAD*/
@media (min-width:768px) and (max-width:991px){



.header_box{padding:0 15px;}
.header_box h1 img{max-width:150px;}
.header_box .nav li{padding:0 2px; margin:0 2px;font-size:13px;}
.footer_box{padding:30px 15px 10px 15px;}
.footer_box .text_box{width:560px;}
.copy span{margin-left:30px;}


.index_pro_slide .swiper-slide .pic_box .mask .text h3{
    margin-top:30%;
}
.index_pro_slide .swiper-slide .pic_box .mask .text span.more{
    width:160px;
    height:35px;
    line-height:35px;
    margin-top:12%;
}


.htit1 h2{
    font-size:32px;
}


.index_about{
    height:auto;
    background-size:cover;
    padding:60px 0;
}
.index_about_slide{
    padding-top:0;
}
.index_about_slide .swiper-slide .pic_box .mask .text_box{
    top:21%;
}


.about,
.wenhua{
    height:auto;
    background-size:cover;
    padding:50px 0;
}
.about_text .text_box{
    padding:0 15px;
}
.about_text .text_box .text{
    line-height:28px;
    padding:15px 0;
}



.net .htit{
    padding:40px 0 10px 0;
}
.net .htit h2{
    font-size:23px;
}
.net .form_box{
    width:100%;
    margin:0 auto;
    margin-bottom:30px;
}
.net .form_box form{
    display:block;
    padding:0 15px;
}
.net .job_box .job_h span,.job_list .hd span{
    width:33.33%;
}
.net_box .net_sidebar{
    width:100%;
    float:none;
}


.join{
    height:auto;
    background-size:cover;
    padding:60px 0 120px 0;
}
.join h2{
    font-size:32px;
    padding:30px 0;
}
.join_box{
    width:700px;
}
.join_box .text_box{
    font-size:15px;
    line-height:35px;
    padding-top:40px;
}


.news_box .list_box{
    margin-bottom:30px;
}
.news_box .list_box .img_box{
    height:200px;
    line-height:200px;
}
.news_box .list_box .text_box{
    height:200px;
    line-height:200px;
}
.news_box .list_box .text_box h3{
    font-size:23px;
    height:60px;
    line-height:60px;
    margin-bottom:15px;
}
.news_box .list_box .text_box p{
    line-height:25px;
}



.case_box .list_box{
    width:230px;
    height:230px;
}
.case_box .list_box .img_box{
    width:230px;
    height:230px;
}



.expand_box{
    padding:30px 0 0 0;
    text-align:center;
}
.expand_box .nav1{
    width:230px;
    height:60px;
    line-height:60px;
    float:none;
    margin-bottom:10px;
    text-align:left;
}
.expand_box .nav1 ul{
    top:60px;
    max-height:500px;
    overflow-y:scroll;
    overflow-x:hidden;
}
.expand_box .nav1 ul li{
    height:50px;
    line-height:50px;
}
.expand_box .child>a,
.expand_box .nav1>a{
    background-position:190px center;
}




.pro_box .list_box{
    width:230px;
    margin-bottom:30px;
}
.pro_box .list_box .img_box{
    width:230px;
    height:300px;
}
.pro_box .list_box p{
    height:40px;
    line-height:40px;
    font-size:13px;
}



.prov{
    height:auto;
}
.prov_box{
    position:static;
}
.prov_box .text_box{
    text-align:left;
    padding:0 20px;
}
.other_pro{
    padding:0 20px;
    padding-bottom:120px;
}
.other_pro h3{
    font-size:23px;
}





.application_type ul{
    padding:0 15px;
}
.application_box .list_box{
    width:230px;
    margin-bottom:20px;
}
.application_box .list_box .img_box{
    width:230px;
    height:230px;
}
.application_box .list_box p{
    height:40px;
    line-height:40px;
    font-size:14px;
}





}




/*在480和767像素之间的屏幕里，超小屏幕，主要是手机*/
@media (min-width: 480px) and (max-width: 767px){


.header_box{height:111px; padding:0 15px;}
.header_box h1{height:60px; line-height:60px;}
.header_box .search_btn{margin-top:15px; margin-right:15px;}
.header_box a.en{margin-top:15px; margin-right:5px;}
.banner .pagination{bottom:5px;}
.banner .swiper-pagination-bullet{width:5px;height:5px;}
.banner .swiper-pagination-bullet-active{width:5px;height:5px;}
.footer_box{padding:30px 15px 10px 15px;}
.footer_box .text_box h3{font-size:16px;}
.footer_box .text_box p{padding:10px 0;}
.footer_box .text_box p span{display:block; margin-right:0;}
.footer_box .qr{width:130px;height:100px;display:block;margin:0 auto;}
.footer_box .qr img{width:100px;height:100px;}
.footer_box .qr p{padding-top:0;font-size:12px;}
.copy{padding:15px;}
.copy span{display:block;margin-left:0;}


.index_pro_slide .swiper-slide .pic_box .mask .text h3{
    margin-top:30%;
}
.index_pro_slide .swiper-slide .pic_box .mask .text span.more{
    width:160px;
    height:35px;
    line-height:35px;
    margin-top:12%;
}


.htit1 h2{
    font-size:28px;
}


.index_about{
    height:auto;
    background-size:cover;
    padding:60px 0;
}
.index_about_slide{
    padding-top:0;
}
.index_about_slide .swiper-slide .pic_box .mask .text_box{
    top:25%;
}



.index_case_slide .hd ul li{
    margin-bottom:20px;
}
.index_case_slide .bd li{
    width:48%;
    marign-right:2%;
    margin-top: 2%;
}


.about,
.wenhua{
    height:auto;
    background-size:cover;
    padding:50px 0;
}
.about_box,
.wenhua_box{
    padding:0;
}
.br,.bl{
    float:none;
}
.about_text{
    padding:0 15px;
}
.about_text .text_box .text{
    padding:15px 0;
    line-height:28px;
}



.net .htit{
    padding:40px 0 10px 0;
}
.net .htit h2{
    font-size:23px;
}
.net .form_box{
    width:100%;
    margin:0 auto;
    margin-bottom:30px;
}
.net .form_box form{
    display:block;
    padding:0 15px;
}
.net .form_box select,
.net .form_box input.text,
.net .form_box input.submit3{
    width:100%;
    margin-right:0;
    float:none;
    margin-bottom:20px;
}
.net .job_box .job_h span,.job_list .hd span{
    width:33.33%;
}
.net_box .net_sidebar{
    width:100%;
    float:none;
}



.join{
    height:auto;
    background-size:cover;
    padding:40px 0 100px 0;
}
.join h2{
    font-size:30px;
    padding:20px 0;
}
.join_box{
    width:auto;
    padding:0 15px;
}
.join_box .text_box{
    font-size:14px;
    line-height:35px;
    padding-top:30px;
}




.news_box .list_box{
    margin-bottom:30px;
}
.news_box .list_box .img_box{
    height:170px;
    line-height:170px;
}
.news_box .list_box .text_box{
    height:170px;
    line-height:170px;
}
.news_box .list_box .text_box h3{
    font-size:18px;
    height:50px;
    line-height:50px;
    margin-bottom:15px;
}
.news_box .list_box .text_box p{
    line-height:21px;
}


.case_box .list_box{
    width:230px;
    height:230px;
    margin-bottom:30px;
}
.case_box .list_box .img_box{
    width:230px;
    height:230px;
}
.case_box .list_box p{
    height:40px;
    line-height:40px;
    font-size:13px;
}


.expand_box{
    padding:30px 0 0 0;
    text-align:center;
}
.expand_box .nav1{
    width:230px;
    height:60px;
    line-height:60px;
    float:none;
    margin-bottom:10px;
    text-align:left;
}
.expand_box .nav1 ul{
    top:60px;
    max-height:500px;
    overflow-y:scroll;
    overflow-x:hidden;
}
.expand_box .nav1 ul li{
    height:50px;
    line-height:50px;
}
.expand_box .child>a,
.expand_box .nav1>a{
    background-position:190px center;
}




.pro_box .list_box{
    width:230px;
    margin-bottom:30px;
}
.pro_box .list_box .img_box{
    width:230px;
    height:300px;
}
.pro_box .list_box p{
    height:40px;
    line-height:40px;
    font-size:13px;
}



.prov{
    height:auto;
}

.prov_box{
    position:static;
    padding-top:30px;
    padding-bottom:30px;
}
.prov_box .text_box{
    text-align:left;
    padding:0 15px;
}
.prov_box .text_box h2{
    font-size:20px;
    padding:15px 0 0 0;
}
.other_pro{
    padding-bottom:80px;
}
.other_pro h3{
    height:40px;
    line-height:40px;
    font-size:20px;
    margin-bottom:20px;
    padding:0 15px;
}




.contact_box .text_box{
    width:95%;
    float:none;
    margin:0 auto;
    margin-bottom:30px;
}
.contact_box .map{
    float:none;
    width:100%;
    max-width:100%;
    height:340px;
}

.application_type ul{
    padding:0 15px;
}
.application_box .list_box{
    width:230px;
    margin-bottom:20px;
}
.application_box .list_box .img_box{
    width:230px;
    height:230px;
}
.application_box .list_box p{
    height:40px;
    line-height:40px;
    font-size:14px;
}




}





/*在371和479像素之间的屏幕里小屏幕手机*/
@media (min-width: 371px) and (max-width: 479px){

.header_box{height:110px; padding:0 15px;}
.header_box h1{height:60px; line-height:60px;}
.header_box h1 img{max-width:180px;}
.header_box .search_btn{margin-top:15px; margin-right:15px;}
.header_box a.en{margin-top:15px; margin-right:5px;}
.banner .pagination{bottom:5px;}
.banner .swiper-pagination-bullet{width:5px;height:5px;}
.banner .swiper-pagination-bullet-active{width:5px;height:5px;}
.footer_box .text_box{padding:0 15px;float:none;}
.footer_box .text_box h3{font-size:16px;}
.footer_box .text_box p{padding:10px 0;}
.footer_box .text_box p span{display:block; margin-right:0;}
.footer_box .qr{float:none;width:130px;height:100px;display:block;margin:0 auto;}
.footer_box .qr img{width:100px;height:100px;}
.footer_box .qr p{padding-top:0;font-size:12px;}
.copy{padding:15px;}
.copy span{display:block;margin-left:0;}


.htit1 h2{
    font-size:28px;
}


.index_about{
    height:auto;
    background-size:cover;
    padding:50px 0;
}
.index_about_slide{
    padding-top:0;
}
.index_about_slide .swiper-slide .pic_box .mask .text_box{
    top:30%;
}


.index_case_slide .hd ul li{
    margin-bottom:20px;
}
.index_case_slide .bd li{
    width:48%;
    marign-right:2%;
}



.about,
.wenhua{
    height:auto;
    background-size:cover;
    padding:40px 0;
}
.about_box,
.wenhua_box{
    padding:0;
}
.br,.bl{
    float:none;
}
.about_text{
    padding:0 15px;
}
.about_text .text_box .text{
    padding:15px 0;
    line-height:26px;
}



.net .htit{
    padding:40px 0 10px 0;
}
.net .htit h2{
    font-size:23px;
}
.net .form_box{
    width:100%;
    margin:0 auto;
    margin-bottom:30px;
}
.net .form_box form{
    display:block;
    padding:0 15px;
}
.net .form_box select,
.net .form_box input.text,
.net .form_box input.submit3{
    width:100%;
    margin-right:0;
    float:none;
    margin-bottom:20px;
}
.net .job_box .job_h span,.job_list .hd span{
    width:33.33%;
}
.net_box .net_sidebar{
    width:100%;
    float:none;
}



.join{
    height:auto;
    background-size:cover;
    padding:20px 0 80px 0;
}
.join h2{
    font-size:28px;
    padding:20px 0;
}
.join_box{
    width:auto;
    padding:0 15px;
}
.join_box .text_box{
    font-size:14px;
    line-height:30px;
    padding-top:30px;
}




.news_box .list_box{
    padding:10px;
}
.news_box .list_box{
    margin-bottom:30px;
}
.news_box .list_box .img_box{
    width:100%;
    height:auto;
    line-height:0;
    float:none;
}
.news_box .list_box .text_box{
    width:100%;
    height:auto;
    float:none;
    padding-right:0;
    font-size:13px;
    padding-bottom:50px;
}
.news_box .list_box .text_box h3{
    font-size:18px;
    height:60px;
    line-height:60px;
}



.case_box .list_box{
    width:180px;
    height:180px;
    margin-bottom:30px;
}
.case_box .list_box .img_box{
    width:180px;
    height:180px;
}
.case_box .list_box p{
    height:40px;
    line-height:40px;
    font-size:13px;
}


.agroup{
    height:50px;
    line-height:50px;
    text-align:center;
}
.agroup ul li{
    display:inline-block;
    width:85px;
}




.expand_box{
    padding:30px 0 0 0;
    text-align:center;
}
.expand_box .nav1{
    width:230px;
    height:60px;
    line-height:60px;
    float:none;
    margin-bottom:10px;
    text-align:left;
}
.expand_box .nav1 ul{
    top:60px;
    max-height:500px;
    overflow-y:scroll;
    overflow-x:hidden;
}
.expand_box .nav1 ul li{
    height:50px;
    line-height:50px;
}
.expand_box .child>a,
.expand_box .nav1>a{
    background-position:190px center;
}




.pro_box .list_box{
    width:180px;
    margin-bottom:30px;
}
.pro_box .list_box .img_box{
    width:180px;
    height:230px;
}
.pro_box .list_box p{
    height:40px;
    line-height:40px;
    font-size:13px;
}



.prov{
    height:auto;
}

.prov_box{
    position:static;
    padding-top:30px;
    padding-bottom:30px;
}
.prov_box .text_box{
    text-align:left;
    padding:0 15px;
}
.prov_box .text_box h2{
    font-size:20px;
    padding:15px 0 0 0;
}
.other_pro{
    padding-bottom:80px;
}
.other_pro h3{
    height:40px;
    line-height:40px;
    font-size:20px;
    margin-bottom:20px;
    padding:0 15px;
}


.contact_box .text_box{
    width:95%;
    float:none;
    margin:0 auto;
    margin-bottom:30px;
}
.contact_box .text_box p{
    padding-left:20%;
}

.contact_box .map{
    float:none;
    width:100%;
    max-width:100%;
    height:320px;
}



.application_type ul{
    padding:0 15px;
}
.application_box .list_box{
    width:180px;
    margin-bottom:20px;
}
.application_box .list_box .img_box{
    width:180px;
    height:180px;
}
.application_box .list_box p{
    height:40px;
    line-height:40px;
    font-size:14px;
}




}





/*在小于370像素的屏幕，微小屏幕，更低分辨率的手机*/
@media (max-width: 370px){

.header_box{height:108px; padding:0 15px;}
.header_box h1{height:60px; line-height:60px;}
.header_box h1 img{max-width:160px;}
.header_box .search_btn{margin-top:15px; margin-right:5px;}
.header_box a.en{margin-top:15px; margin-right:5px;}
.banner .pagination{bottom:5px;}
.banner .swiper-pagination-bullet{width:5px;height:5px;}
.banner .swiper-pagination-bullet-active{width:5px;height:5px;}
.footer_box .text_box{padding:0 15px;float:none;}
.footer_box .text_box h3{font-size:16px;}
.footer_box .text_box p{padding:10px 0;}
.footer_box .text_box p span{display:block; margin-right:0;}
.footer_box .qr{float:none;width:130px;height:100px;display:block;margin:0 auto;}
.footer_box .qr img{width:100px;height:100px;}
.footer_box .qr p{padding-top:0;font-size:12px;}
.copy{padding:15px;}
.copy span{display:block;margin-left:0;}


.htit1 h2{
    font-size:28px;
}

.index_pro_slide .swiper-slide .pic_box .mask .text h3{
    margin-top:30%;
}
.index_pro_slide .swiper-slide .pic_box .mask .text span.more{
    width:160px;
    height:35px;
    line-height:35px;
    margin-top:12%;
}


.index_about{
    height:auto;
    background-size:cover;
    padding:50px 0;
}
.index_about_slide{
    padding-top:0;
}
.index_about_slide .swiper-slide .pic_box .mask .text_box{
    top:30%;
}


.index_case_slide .hd ul li{
    margin-bottom:20px;
}
.index_case_slide .bd li{
    width:48%;
    marign-right:2%;
}




.about,
.wenhua{
    height:auto;
    background-size:cover;
    padding:40px 0;
}
.about_box,
.wenhua_box{
    padding:0;
}
.br,.bl{
    float:none;
}
.about_text{
    padding:0 15px;
}
.about_text .text_box .text{
    padding:15px 0;
    line-height:26px;
}





.net .htit{
    padding:40px 0 0 0;
}
.net .htit h2{
    font-size:23px;
}
.net .form_box{
    width:100%;
    margin:0 auto;
    margin-bottom:30px;
}
.net .form_box form{
    display:block;
    padding:0 15px;
}
.net .form_box select,
.net .form_box input.text,
.net .form_box input.submit3{
    width:100%;
    margin-right:0;
    float:none;
    margin-bottom:20px;
}
.net .job_box .job_h span,.job_list .hd span{
    width:33.33%;
}
.net_box .net_sidebar{
    width:100%;
    float:none;
}




.join{
    height:auto;
    background-size:cover;
    padding:20px 0 80px 0;
}
.join h2{
    font-size:28px;
    padding:20px 0;
}
.join_box{
    width:auto;
    padding:0 15px;
}
.join_box .text_box{
    font-size:14px;
    line-height:30px;
    padding-top:30px;
}




.news_box .list_box{
    margin-bottom:30px;
}
.news_box .list_box .img_box{
    width:100%;
    height:auto;
    line-height:0;
    float:none;
}
.news_box .list_box .text_box{
    width:100%;
    height:auto;
    float:none;
    padding-right:0;
    font-size:13px;
    padding-bottom:50px;
}
.news_box .list_box .text_box h3{
    font-size:18px;
    height:60px;
    line-height:60px;
}




.case_box .list_box{
    width:150px;
    height:150px;
    margin-bottom:30px;
}
.case_box .list_box .img_box{
    width:150px;
    height:150px;
}
.case_box .list_box p{
    height:40px;
    line-height:40px;
    font-size:13px;
}



.agroup{
    height:50px;
    line-height:50px;
    text-align:center;
}
.agroup ul li{
    display:inline-block;
    width:75px;
}


.prov{
    height:auto;
}



.expand_box{
    padding:30px 0 0 0;
    text-align:center;
}
.expand_box .nav1{
    width:230px;
    height:60px;
    line-height:60px;
    float:none;
    margin-bottom:10px;
    text-align:left;
}
.expand_box .nav1 ul{
    top:60px;
    max-height:500px;
    overflow-y:scroll;
    overflow-x:hidden;
}
.expand_box .nav1 ul li{
    height:50px;
    line-height:50px;
}
.expand_box .child>a,
.expand_box .nav1>a{
    background-position:190px center;
}



.pro_box .list_box{
    width:150px;
    margin-bottom:30px;
}
.pro_box .list_box .img_box{
    width:150px;
    height:195px;
}
.pro_box .list_box p{
    height:40px;
    line-height:40px;
    font-size:13px;
}




.prov_box{
    position:static;
    padding-top:30px;
    padding-bottom:30px;
}
.prov_box .text_box{
    text-align:left;
    padding:0 15px;
}
.prov_box .text_box h2{
    font-size:20px;
    padding:15px 0 0 0;
}
.other_pro{
    padding-bottom:80px;
}
.other_pro h3{
    height:40px;
    line-height:40px;
    font-size:20px;
    margin-bottom:20px;
    padding:0 15px;
}



.contact_box .text_box{
    width:95%;
    float:none;
    margin:0 auto;
    margin-bottom:30px;
}
.contact_box .text_box p{
    padding-left:20%;
}

.contact_box .map{
    float:none;
    width:100%;
    max-width:100%;
    height:300px;
}



.application_type ul{
    padding:0 15px;
}
.application_box .list_box{
    width:150px;
    margin-bottom:20px;
}
.application_box .list_box .img_box{
    width:150px;
    height:150px;
}
.application_box .list_box p{
    height:40px;
    line-height:40px;
    font-size:14px;
}








}