@media screen and (max-width:1400px) {
.home_one,.newsBox,.home_four,.footer_one .waps,.about_one,.about_two,.about_two_content,.news_content_one,.news_content_two,.detailsBox,.product_content_two, .product_two_content_three,.product_two_content_one,.product_details_one,.join_content_one,.join_content_two,.service_five_content,.service_four_two{padding:50px 0;}
.home_two,.about_two_box,.product_details_two,.join_two_content,.service_two_one, .service_two_two,.service_three_list,.news_details_content{padding-top: 50px;}

.about_two_box{padding-bottom: 0;}
.about_two_box ul li{width: 32.4%;margin:0 1.4% 50px 0;}

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


.about_two .swiper-slide .year{width: 180px;}
.about_two .swiper-slide{padding-left: 180px;}
.about_two_box .swiper-container{height: 700px;}
.about_two_box ul li p{padding:12px 0;font-size: 16px;}
.about_two_box ul li b, .product_details_two .img_box b, .video_img b{width: 80px;height: 80px;}
.about_two_box ul li a, .product_details_two .img_box a{left:80px;}
.about_two_box ul li{margin-bottom: 30px;}

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

.home_one,.newsBox,.home_four,.footer_one .waps,.about_one,.about_two,.about_two_content,.news_content_one,.news_content_two,.detailsBox,.product_content_two, .product_two_content_three,.product_two_content_one,.product_details_one,.join_content_one,.join_content_two,.service_content .serviceBox,.service_three_content,.service_three_list,.service_five_content,.service_four_one,.service_four_two,.search_result_box,.hot_news.productsList .related_list ul{padding:40px 0;}
.home_two,.about_two_box,.product_details_two,.join_two_content,.service_two_one, .service_two_two,.service_two_oneBox,.service_two_threeBottom{padding-top: 40px;}

.about_two .swiper-slide .year{width: 150px; font-size:18px;}
.about_two .swiper-slide{padding-left: 150px;}
.about_two .swiper-slide .swiperBox .text_box h3{margin: 20px 0 10px;}


}
@media screen and (max-width:1100px) {
.about_two .swiper-slide .swiperBox{width:98%;}
.about_two .control div.swiper-prev{margin-bottom: 100px;}
.about_two .control p{display: none;}
.about_two_box .swiper-container{height: 650px;}
.about_two .swiper-slide .swiperBox .text_box h3{margin: 10px 0 0;font-size: 22px;}
.about_two .swiper-slide .swiperBox .text_box p{font-size: 14px;line-height: 22px;}
.content_nav ul li, .hot_news_nav ul li, .product_details_nav ul li,.product_details_left h3 span,.service_three_nav dl dd{font-size: 22px;padding-bottom: 10px;margin-right: 35px;}
.about_two_box ul li p{padding:8px 0;font-size: 16px;}
.about_two_box ul li b, .product_details_two .img_box b, .video_img b{width: 60px;height: 60px;-webkit-background-size: 60%;background-size: 60%;}
.about_two_box ul li a, .product_details_two .img_box a{width: 40px;height:40px;left:60px;}
.paging a.prev,.paging a.next{width: 110px;}

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

.about_two_box .swiper-container{height: 550px;}
.about_two .swiper-slide .year{width: 130px;}
.about_two .swiper-slide{padding-left: 130px;}
.about_two .control div{width: 55px;height: 55px;}
.about_two .control div.swiper-prev{margin-bottom: 50px;}
.about_two .swiper-slide .swiperBox .text_box h3{margin-top: 5px;font-size: 20px;}

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

.home_one,.newsBox,.home_four,.footer_one .waps,.about_one,.about_two,.about_two_content,.news_content_one,.news_content_two,.detailsBox,.product_content_two, .product_two_content_three,.product_two_content_one,.product_details_one,.join_content_one,.join_content_two,.service_content .serviceBox,.service_two_three,.service_three_content,.service_three_list,.service_five_content,.service_four_one,.service_four_two,.search_result_box,.hot_news.productsList .related_list ul{padding:30px 0;}
.footer_one .waps{padding:30px 0 0;}
.home_two,.about_two_box,.product_details_two,.join_two_content,.service_two_one, .service_two_two,.service_two_oneBox,.service_two_threeBottom{padding-top: 30px;}

.about_two .control div{display: none;}
.about_two .swiper-slide .swiperBox .text_box h3{font-size: 18px;}
.about_two .swiper-slide .swiperBox .text_box p{line-height: 20px;}
.about_two_box .swiper-container{height: 400px;}
.about_two .swiper-slide .swiperBox{padding:15px;}
.content_nav ul li, .hot_news_nav ul li, .product_details_nav ul li,.product_details_left h3 span,.service_three_nav dl dd{font-size: 18px;padding-bottom: 4px;margin-right: 25px;}
.content_nav .nav_search{width: 200px;height: 34px;}
.nav_search input{height: 34px;line-height: 34px;}
.about_two_box ul li b, .product_details_two .img_box b, .video_img b{width: 50px;height: 50px;}
.about_two_box ul li a, .product_details_two .img_box a{display: none;}
.about_two_box ul li{margin-bottom: 10px;}
.paging a.prev, .paging a.next{padding:0;text-align: center;background-image: none;}
.paging a, .paging span{width: 40px;line-height: 40px;}

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

.home_one,.newsBox,.home_four,.footer_one .waps,.about_one,.about_two,.about_two_content,.news_content_one,.news_content_two,.detailsBox,.product_content_two, .product_two_content_three,.product_two_content_one,.product_details_one,.join_content_one,.join_content_two,.service_content .serviceBox,.service_two_three,.service_three_content,.service_three_list,.service_five_content,.service_four_one,.service_four_two,.search_result_box,,.hot_news.productsList .related_list ul{padding:20px 0;}
.home_two,.about_two_box,.product_details_two,.join_two_content,.service_two_one, .service_two_two,.service_two_oneBox,.service_two_threeBottom{padding-top: 20px;}

.about_two .swiper-slide .year{padding-left: 26px;width: 100px;}
.about_two .swiper-slide{padding-left: 100px;}
.about_two .swiper-slide .swiperBox .text_box h3{font-size: 16px;}
.about_two .swiper-slide .swiperBox .text_box p{font-size: 12px;height: 80px;overflow: hidden;}
.content_nav ul li, .hot_news_nav ul li, .product_details_nav ul li,.service_three_nav dl dd{font-size: 16px;padding-bottom: 2px;margin-right: 20px;}
.content_nav .nav_search{width: 170px;}
.about_two_box ul li{width: 49%;margin-right: 2%;}
.about_two_box ul li:nth-child(3n){margin-right: 2%;}
.about_two_box ul li:nth-child(2n){margin-right: 0;}
.paging a, .paging span{width: 35px;line-height: 35px;font-size: 14px;}
.paging a.prev, .paging a.next{width: 80px;}
.videoBox{width: 400px;height: 280px;left:calc(50% - 206px);top:calc(50% - 146px);padding:5px;}

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

.about_two .swiper-slide .year{width: 90px;}
.about_two .swiper-slide{padding-left: 90px;}
.paging a:not([class]), .paging span{display: none;}
.videoBox{width: 360px;height: 250px;left:calc(50% - 184px);top:calc(50% - 128px);padding:4px;}
.about_content .about_two_box{padding-right: 10%;}
.about_content .about_two .swiper-slide .swiperBox{padding:5px;}
.about_two .swiper-slide .swiperBox .text_box p{line-height: 18px;height: 72px;}

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

.home_two,.about_two_box,.product_details_two,.join_two_content,.service_two_one, .service_two_two,.service_two_oneBox{padding-top: 15px;}

.about_two .swiper-slide .year{width: 75px;}
.about_two .swiper-slide{padding-left: 75px;}
.about_two .swiper-slide .year span{display: none;}
.about_two .swiper-slide .swiperBox .img_box{width: 100%;height: 80px;overflow: hidden;}
.about_two .swiper-slide .swiperBox .img_box img{margin-top: -20%;}
.about_two .swiper-slide .swiperBox .text_box{width: 100%;margin-left: 0;}
.about_two_box .swiper-container{height: 400px;}
.content_nav .nav_search{width: 130px;height: 30px;}
}

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

  


    .waiter{
        width: 100%;display: block;
    }
    .spinner {
      margin: 24px auto 0;
      width: 20px;
      height: 20px;
      position: relative;
    }
    .container1 > div, .container2 > div, .container3 > div {
      width: 6px;
      height: 6px;
      background-color: #333;
      border-radius: 100%;
      position: absolute;
      -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
      animation: bouncedelay 1.2s infinite ease-in-out;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
    }
    .spinner .spinner-container {
      position: absolute;
      width: 100%;
      height: 100%;
    }
     
    .container2 {
      -webkit-transform: rotateZ(45deg);
      transform: rotateZ(45deg);
    }
     
    .container3 {
      -webkit-transform: rotateZ(90deg);
      transform: rotateZ(90deg);
    }
     
    .circle1 { top: 0; left: 0; }
    .circle2 { top: 0; right: 0; }
    .circle3 { right: 0; bottom: 0; }
    .circle4 { left: 0; bottom: 0; }
     
    .container2 .circle1 {
      -webkit-animation-delay: -1.1s;
      animation-delay: -1.1s;
    }
     
    .container3 .circle1 {
      -webkit-animation-delay: -1.0s;
      animation-delay: -1.0s;
    }
     
    .container1 .circle2 {
      -webkit-animation-delay: -0.9s;
      animation-delay: -0.9s;
    }
     
    .container2 .circle2 {
      -webkit-animation-delay: -0.8s;
      animation-delay: -0.8s;
    }
     
    .container3 .circle2 {
      -webkit-animation-delay: -0.7s;
      animation-delay: -0.7s;
    }
     
    .container1 .circle3 {
      -webkit-animation-delay: -0.6s;
      animation-delay: -0.6s;
    }
     
    .container2 .circle3 {
      -webkit-animation-delay: -0.5s;
      animation-delay: -0.5s;
    }
     
    .container3 .circle3 {
      -webkit-animation-delay: -0.4s;
      animation-delay: -0.4s;
    }
     
    .container1 .circle4 {
      -webkit-animation-delay: -0.3s;
      animation-delay: -0.3s;
    }
     
    .container2 .circle4 {
      -webkit-animation-delay: -0.2s;
      animation-delay: -0.2s;
    }
     
    .container3 .circle4 {
      -webkit-animation-delay: -0.1s;
      animation-delay: -0.1s;
    }
     
    @-webkit-keyframes bouncedelay {
      0%, 80%, 100% { -webkit-transform: scale(0.0) }
      40% { -webkit-transform: scale(1.0) }
    }
     
    @keyframes bouncedelay {
      0%, 80%, 100% { 
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
      } 40% { 
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      }
    }

    /*contact*/
    .contact-warp{width:auto;margin: 0 auto 15px;padding: 15px;}
    .contact-warp form{display: block;width: 100%;height: auto;}
    .contact-warp h2,.welfare-warp .title h2,.lead-news .title h2,.paper-news .title h2,.staff-news .title h2,.news-title .title h2,.bookcase .title h2{font-size:24px;line-height:30px;color: #c30d23; text-transform:Uppercase;display: block;}
    .contact-warp h3,.welfare-warp .title h3,.lead-news .title h3,.lead-news .title h3,.paper-news .title h3,.staff-news .title h3,.news-title .title h3,.bookcase .title h3{display: block;font-size:18px;line-height:30px;color: #c30d23; margin-bottom:10px;}
    .contact-warp .message{ padding:30px 0px;}
    .contact-warp .message .mian{width: 100%;margin-bottom:0.8rem;}
    .contact-warp .message .mian ul .inp{float: left;width:47%; height:60px; margin-right:6%;}
    .contact-warp .message .mian ul .inp:nth-child(odd){margin-right:6%}
    .contact-warp .message .mian ul .inp:nth-child(even){margin-right: 0}
    .contact-warp .message .mian ul .inp input{display: block;width:100%;height:40px;line-height:40px; border:0; border-top: 1px solid #cdcdcc;outline: none;font-size: 16px;}
    .contact-warp .message .mian ul .text{width:100%;float: left;height:80px; font-weight: bold;}
    .contact-warp .message .mian ul .text textarea{font-size:16px; display: block;width:100%;height:100%;padding: 2.5% 3%;line-height:0.3rem;resize:none;box-sizing:border-box;border:1px solid #cdcdcc;outline: none;}
    .contact-warp .message .btns{width: 100%;height: auto;position: relative;}
    .contact-warp .message .btns:before{display: block;width:0;height:0;}
    .contact-warp .message .btns input{padding:0 7% 0 0;box-sizing:border-box; display: block;width:100%;height:40px;background:#c30d23 url(contact-icon1.png) 60% center no-repeat;font-size:16px; margin-top:20px;}
    .contact-warp .message .btns input:hover{background:#c30d23 url(contact-icon1.png) 60% center no-repeat;}

    .contact-warp .contact{width:100%;}
    .contact-warp .contact h3{margin-bottom: 0.3rem;}
    .contact-warp .contact .warp{width: 100%;}
    .contact-warp .contact .warp .box{width:100%;height: auto;float: none;margin-bottom: 0.4rem;}
    .contact-warp .contact .box ul li{padding: 0;width: 100%;border-bottom: 1px solid #e5e5e5;padding: 0.25rem 0}
    .contact-warp .contact .box ul li:last-child{border-bottom: 0;}
    .contact-warp .contact .box ul li p{font-size:16px;line-height:40px; margin-bottom:5px;}
    .contact-warp .contact .box ul li span{display: block;font-size:16px;line-height:40px;}
    .contact-warp .map{height:auto; float: none;width: 100%}
    .contact-warp .map #allmap{width: 100%;height: 100%;}
    .BMap_noprint,.anchorBL{opacity: 0}
    .contact-warp  .BMap_bubble_title{color: #cc5522;font-size: 0.26rem;margin-bottom:0.1rem;}
    .contact-warp  .BMap_bubble_content{color: #333;font-size:0.26rem;line-height:0.2rem;}

    


}   
@media screen and (min-width: 320px) and (max-width: 619px){
    
	
    .contact-warp{padding-top:10px;}
    .contact-warp h2{font-size: 24px; margin-bottom:0px;}
    .contact-warp h3{font-size: 18px; margin-bottom:20px;}
    .contact-warp .message .mian ul .inp{height:60px;}
    .contact-warp .message .mian{margin-bottom: 0.5rem;}

}