@media(max-width:1200px){

    .ban .swiper-slide .text {left: calc(50% - 280px);}

    .section2 .li{padding: 50px;}

    .case_box .case_list .text {width: 66%;padding: 20px 30px 0;}

    .case_box .case_list .text .t1{margin-bottom: 15px;}

    .case_box .case_list .text .t2{margin-bottom: 15px;font-size: 16px;}

    .case_box .case_list .text .t3{font-size: 16px;}

    .pro2_box .pro2_right .des_box1 .text{padding: 20px 20px 0;}

    .pro2_box .pro2_right .des_box1 .text .d2{font-size: 14px;line-height: 24px;}

}

@media(max-width:1000px){

    .nav .ul .li a{font-size: 16px;}

    .case_box .case_list .text {width: 66%;padding: 20px 20px 0;}

    .case_box .case_list .text .t1{margin-bottom: 10px;font-size: 20px;}

    .case_box .case_list .text .t2{margin-bottom: 10px;font-size: 14px;}

    .case_box .case_list .text .t3{font-size: 14px;}

    .case_box .case_list .text .t4{display: none;}

    .footer .f_left{margin-bottom: 40px;}

    .news_box .news_list .li .time{width: 100%;float: none;text-align: left;padding: 0;margin-bottom: 5px;}

    .news_box .news_list .li .time span{display: inline-block;margin-left: 15px;}

    .news_box .news_list .li .img{margin: 0;}

    .news_box .news_list .li .text{padding-top: 0;width:65%;}

    .pro2_box .pro2_right .des_box1{background: none;}

    .pro2_box .pro2_right .des_box .img{width: auto;margin:0 auto 30px;display: block;float: none;max-width: 100%;}

    .pro2_box .pro2_right .des_box1 .text{padding: 30px;width: 100%;}

    .pro2_box .pro2_right .des_box1 .text .d2{font-size: 14px;line-height: 24px;}

    .pro2_box .pro2_right .des_box2 .text{width: 100%;}

    .pro2_box .pro2_right .des_box1 .text .d2{font-size: 16px;line-height: 30px;}

    .pro2_box .pro2_right .des_box5 .text{width: 100%;float: none;margin-bottom: 30px;}

    .pro2_box .pro2_right .des_box5 .img{float: none;display: block;max-width: 100%;margin: 0 auto;}

    .about_box .ab_box1 .text{width: 70%;}

    

}

@media(max-width:768px){

    .container{width: 90%;}

    .nav{display: none;}

    .a_txt{display:block;}

    .head .h_r{margin-right: 50px;}

    .rg{display: block;}

    .column_title{font-size: 24px;height: 100px;line-height: 100px;}

    .ban .swiper-slide .text{width: 90%;left: 5%;height: auto;}

    .ban .swiper-slide .text .t1{font-size: 18px;    line-height: 30px;}

    .case_box .case_list .text .t1{margin-bottom: 5px;font-size: 16px;}

    .case_box .case_list .text .t1{margin-bottom: 5px;}

    .case_box .case_list .text .t3{height: 40px;overflow: hidden;margin-bottom: 0;}

    .news_box .news_list .li{padding: 15px 10px;}

    .news_box .news_list .li .time{font-size: 20px;}

    .news_box .news_list .li .img{width: 30%;}

    .news_box .news_list .li .text {padding-left: 0;float: right;}

    .news_box .news_list .li .text .t1 {font-size: 20px;}

    .news_box .news_list .li .text .t2 {font-size: 16px;}

    .news_box .news_list .li .arr{display: none;}

    .product_box{margin-bottom: 50px;}

    .news_box{margin-bottom: 50px;}

    .case_box .case_list{margin-bottom: 50px;}

    .contact_box{margin-bottom: 50px;}

    .show_box{margin: 50px auto;}

    .faq_box{margin: 50px auto;}

    .contact_box .c_box .box2{margin: 50px auto;}

    .product_box .li{width: 46%;margin-right: 0%;}

    .product_box .li:nth-child(2n){float: right;}

    .pro2_box .pro2_left{float: none;margin-bottom: 40px;width: 100%;overflow: hidden;padding-bottom: 20px;}

    .pro2_box .pro2_left .dt{height: 70px;line-height: 70px;font-size: 20px;}

    .pro2_box .pro2_left .dd{width: 50%;float: left;height: 40px;line-height: 40px;}

    .pro2_box .pro2_left .dd a{font-size: 14px !important;}

    .pro2_box .pro2_right{float: none;width: 100%;padding: 30px;}

    .pro2_box .pro2_right .top{padding-bottom: 20px;}

    .section1 .col-sm-3{width: 50%;float: left;}

    .section2{padding: 0;}

    .section2 .li{padding: 10px 20px;}

    .section2 .li .dd{font-size: 16px;margin-bottom: 10px;}

    .about_box .ab_box1,.about_box .ab_box3{margin-bottom: 100px;}

    .about_box .ab_box1 img{width: 100%;}

    .about_box .ab_box1 .text{position: static;width: 100%;padding: 50px 30px;}

    .about_box .ab_box2 .ul .li{width: 25%;float: left;}

    .about_box .ab_box2 .ul .li span{font-size: 30px;}

    .about_box .ab_box3 .text{width: 100%;padding: 50px 30px;}

    .about_box .ab_box3 img{width: 100%;position: static;}

    .page a{width: 30px;height: 30px;line-height: 30px;font-size: 14px;}

    .contact_box .c_box{padding: 50px 30px;}

    .contact_box .c_box .box1 .text{width: 100%;}

    .contact_box .c_box .box1 .text .dd{width: 50%;margin-bottom: 10px;} 

    .contact_box .c_box .box1 .ma{float: none;margin: 20px auto;display: block;}

    .contact_box .c_box .box3 form .left{width: 100%;float: none;margin-bottom: 20px;}

    .contact_box .c_box .box3 form .textarea{width: 100%;float: none;}

    .faq_box{padding: 30px;}

    .faq_box .faq_top{padding-bottom: 15px;margin-bottom: 20px;}

    .faq_box .faq_top .t1{font-size: 18px;margin-bottom: 15px;}

    .faq_box .faq_top .t2{font-size: 14px;line-height: 24px;}

    .faq_box .faq_list .faq_li .d1{height: 50px;line-height: 50px;font-size: 16px;}

    .faq_box .page a{margin-bottom: 5px;}

    .contact_box .c_box .box2{height: 350px;}

    .ban .swiper-slide img{width: 200%;left: -50%;}

    .ban .swiper-slide .text{display: none;}

}



@media(max-width:600px){

    .case_box .case_list .img{float: none;width: 100%;}

    .case_box .case_list .text{float: none;width: 100%;padding: 15px;}

    .case_box .case_list .text .t1{font-size: 20px;}

    .case_box .case_list .text .t2{font-size: 16px;}

    .case_box .case_list .text .t3{font-size: 16px;margin-bottom: 15px;height: auto;}

    .case_box .case_list .text .t4{display: block;}

    .news_box .news_list .li .text .t1 {font-size: 16px;margin-bottom: 5px;}

    .news_box .news_list .li .text .t2 {font-size: 14px;}

    .about_box .ab_box2 .ul .li{padding-top: 40px;width: 50%;}

}

@media(max-width:450px){

    .head{height: 80px;}

    .head .logo{width: 80px;}

    .head .h_r a:first-child{width:80px}

    .show_box{padding:40px 20px;}

    .footer .f_left a{font-size: 16px;}

    .footer .f_right .text{float: none;}

    .footer .f_right .ma{float: none;margin: 20px auto;display: block;}

    .footer .f_bottom{height: auto;line-height: 30px;font-size: 12px;}

    .news_box .news_list .li .text .t1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

    .news_box .news_list .li .text .t2 {font-size: 12px;}

    .product_box .li{width: 100%;}

    .pro2_box .pro2_right{padding: 20px 10px;}

    .section1 .li .text{font-size: 16px;}

    .section1 .col-sm-3 {width: 50%;}

    .section2 .li .dd{width: 80%;margin: 0 auto 15px;float: none;}

    .about_box .ab_box1,.about_box .ab_box2,.about_box .ab_box3{margin-bottom: 40px;}

    .about_box .ab_box1 .text,.about_box .ab_box3 .text{padding: 15px 10px;}

    .about_box .ab_box1 .text .dt,.about_box .ab_box3 .text .dt{font-size: 16px;margin-bottom: 10px;}

    .about_box .ab_box1 .text .dd,.about_box .ab_box3 .text .dd{font-size: 14px;}

    .contact_box .c_box{padding: 20px 15px;}

    .contact_box .c_box .box1 .text .dt{text-align: center;margin-bottom: 10px;}

    .contact_box .c_box .box1 .text .dd{width: 100%;margin-bottom: 10px;} 

    .contact_box .c_box .box3 form .left {margin: 0;}

    .contact_box .c_box .box3 form .left .input{margin-bottom: 15px;height: 40px;line-height: 40px;font-size: 14px;}

    .contact_box .c_box .box3 form .textarea textarea{height: 120px;font-size: 14px;line-height: 40px;}

    .contact_box .c_box .box3 form .submit{margin: 20px auto 0}

    .show_box .show_title{font-size: 20px;margin-bottom: 10px;}

    .show_box .show_title .time{margin-top: 5px;}

    .faq_box .faq_list .faq_li .d1{font-size: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

    .faq_box .faq_list .faq_li .d2{padding: 20px 15px;}

    .faq_box .faq_list .faq_li .d2 .p{font-size: 14px;line-height: 24px;margin-bottom: 15px;}

}