
 @media(max-width: 1500px){
    .index5_item ul li p{font-size: 18px;}
 }

 @media(max-width: 1440px){
    .container{width: 88%;}

    .header .logo img{height: 60px;}
    .header_nav ul li h3 a{width: 100px; font-size: 14px;}
    .header_nav ul li.last_li{margin-left: 15px;}

    .index-banner .table{width: 86%;}
    .index-banner .table .cell h1{font-size: 55px;}
    .index-banner .table .cell h2{font-size: 18px; margin-bottom: 30px;}
    .index-banner .table .dianji a{font-size: 16px;}
    .banner_prev, .banner_next{width: 50px; height: 50px;}
    .banner_prev i, .banner_next i{line-height: 50px;}
    .index-banner .swiper-pagination-bullet{width: 25px; height: 25px; line-height: 25px;}

    .index1 ul li h1{font-size: 20px;}
    .index1 ul li .nr p{font-size: 14px;}
    .index1 ul li .more a{font-size: 13px;}

    .index_title h1{font-size: 28px;}
    .index_title h2{font-size: 15px;}
    
    .index2-btn{width: 40px; height: 40px;}
    .index2-btn i{line-height: 40px;}
    .index2-container{width: 85%;}
    .index2 .nr p{font-size: 16px; line-height: 30px;}

    .index3 ul li .txt h1{font-size: 22px;}
    .index3 ul li .txt h1 span{font-size: 18px;}
    .index3 ul li .txt h2{font-size: 16px;}

    .index4_main ul li h4{font-size: 20px;}
    .index4_main ul li .nr p{font-size: 14px;}

    .index5_item .hd ul li p{font-size: 16px;}
    .index5_item .bd .txt{font-size: 16px;}

    .index6-btn{width: 40px; height: 40px;}
    .index6-btn i{line-height: 40px;}
    .index6-container .txt h1{font-size: 15px;}

    .index7_left .outHd .txt h1{font-size: 24px;}
    .index7_left .outHd .txt h2{font-size: 18px;}
    .index7_left .outHd .txt h3{font-size: 14px;}
    .index7_left .outHd .txt .more a{font-size: 14px;}
    .index7_left .outBd ul li .overlay h1{font-size: 42px;}
    .index7_left .outBd ul li .overlay h2{font-size: 14px;}

    .index8-container .txt h1{font-size: 16px; margin-bottom: 10px;}
    .index8-container .txt p{font-size: 14px;}

    .index9-container .item .txt h1{font-size: 18px;}
    .index9-container .item .txt h2{font-size: 16px; margin-bottom: 15px;}
    .index9-container .item .txt .line{margin-bottom: 10px;}

    .index10 .nr p{font-size: 18px;}
    

}

 @media(max-width: 1300px){
    .index5_item .hd ul li .txt h2{font-size: 16px;}
    .index5_item .bd ul li .txt p{font-size: 14px;}
 }

 
 @media(max-width: 1200px){
    .index-banner .table .cell h1{font-size: 40px;}
    .index-banner .table .cell h2{font-size: 16px; margin-bottom: 25px;}

    .index1 ul li .img{width: 90px; height: 90px;}

    .index5_item .hd ul li{width: 23.2%;}
    .index5_item .hd ul li p{font-size: 12px;}

    .index9-container .item .txt .nr{margin-bottom: 20px;}
}

 
 @media(max-width: 1050px){
    .container{width: 95%!important;}

    .header .logo img{height: 50px;}
 }

 @media(max-width: 992px){
     body{min-width: 320px;}

     .header{display: none;}

     .menu_phone{display: block;}
     #cd-menu-trigger{display: block;}

     .nav_wrappers{padding-top: 60px;}

     .index-banner .txt{text-align: center;}
     .index-banner .table .wz span{display: inline;}
     .index-banner .table .cell h1{font-size: 22px; margin-bottom: 10px;}
     .index-banner .table .cell h2{font-size: 16px; margin-bottom: 10px;}
     .index-banner .table .dianji a{width: 30%; height: 40px; line-height: 40px;font-size: 12px;}
     .banner_prev, .banner_next{top: 70%; width: 40px; height: 40px;}
     .banner_prev i, .banner_next i{line-height: 40px; font-size: 16px;}

     .index1{padding: 80px 0 30px 0;}
     .index1 ul li .txt{height: 370px;}
     .index1 ul li .nr{width: 80%;}

     .index_title{margin-bottom: 25px;}
     .index_title h1{font-size: 22px; margin-bottom: 10px;}
     .index_title h2{font-size: 13px;}

     .index2{padding-bottom: 30px;}
     .index2_main{margin-bottom: 25px;}
     .index2 .nr{width: 100%;}
     .index2 .nr p{font-size: 14px;}

     .index2-container{width: 100%;}

     .index3{padding: 30px 0;}
     .index3 ul{flex-wrap:wrap; }
     .index3 ul li{width: 50%; margin-bottom: 20px;}
     .index3 ul li img{width: 20%;}
     .index3 ul li .txt h1{font-size: 18px; margin-bottom: 10px;}
     .index3 ul li .txt h1 span{font-size: 16px;}
     .index3 ul li .txt h2{font-size: 14px;}

     .index4{padding: 30px 0;}
     .index4_bt{margin-bottom: 25px;}
     .index4_main ul li h1{font-size: 16px;}
     .index4_main ul li .yuan{width: 13px; height: 13px;}
     .index4_main ul li h3{margin-bottom: 15px;}
     .index4_main ul li .x_line{margin-bottom: 15px;}

     .index5{padding: 30px 0;}
     .index5_bt{margin-bottom: 25px;}
     .index5_bt h1{margin-bottom: 15px;}
     .index5_bt h2{font-size: 16px;}
     .index5_item{margin-bottom: 10px;}
     .index5_item .hd ul{margin: 0;}
     .index5_item .hd ul li{float: left; width: 32%; margin: 0 0.5%; margin-bottom: 15px;}
     .index5_item .hd ul li .line{display: none;}
     .index5_item .hd ul li h1{display: none;}
     .index5_item .bd .txt{margin-top: 20px; font-size: 14px;}
     .index5 .index_more a{font-size: 16px;}

     .index6{padding: 30px 0;}
     .index6_main{margin-bottom: 25px;}
     .index6-container{width: 100%;}ner .txt{height: 90px;}
     .index6-container .txt h1{width:80%; font-size: 14px;}
     .index6 .index_more a{font-size: 16px;}

     .index7{padding-bottom: 30px;}
     .index7_right .index_more a{font-size: 16px;}
     .index7_left .outHd .txt h1{font-size: 20px;}
     .index7_left .outHd .txt h2{font-size: 16px;}
     .index7_left .outBd ul li .overlay h1{font-size: 30px;}

     .index8{padding: 30px 0;}
     .index8_bt{font-size: 22px; margin-bottom: 25px;}
     .index8-container .img{margin-bottom: 10px;}

     .index9{padding: 30px 0;}

     .index10{padding-bottom: 30px;}
     .index10 .nr{margin-bottom: 20px; width: 100%;}
     .index10 .nr p{font-size: 16px;}
     .index10 ul li{width: 23%;}

     .footer{padding: 30px 0;}
     .footer .item .lis{width: 50%; text-align: center;}
     .footer .item .lis ul li{margin-bottom: 15px;}
     .footer .item .lis ul li a{font-size: 12px;}
     .footer .item .lis h1{font-size: 14px; margin-bottom: 15px;}
     
     .footer_bottom {padding: 13px; text-align: center;}
     .footer_bottom .container{display: block;}
     .footer_bottom p{line-height: 25px;}

     .footer_bottom .p2 .a3 img{right:40%;}
    
 }
 
 @media(max-width: 900px){    
    .index1 ul li{width: 48%; margin-bottom: 60px;}
    .index1 ul li:last-child{margin-bottom: 0;}

    .index7_left{float: none; width: 100%; margin-bottom: 20px;}
    .index7_right{float: none; width: 100%;}

    .index10 ul li{width: 31%;}
}

 
@media(max-width: 768px){    
    .index1 ul li{float: none; width: 100%; margin-bottom: 60px;}
    .index1 ul li .txt{height: auto; padding-bottom: 15px;}
    .index1 ul li .img{width: 80px; height: 80px; margin-bottom: 15px;}
    .index1 ul li h1{margin-bottom: 15px;} 

    .index4_main ul li{width: 50%; margin-bottom: 15px;}
    .index4_main ul li .d_line{display: none;}
    .index4_main ul li .yuan{display: none;}
    .index4_main ul li h4{margin-bottom: 15px;}
    .index4_main ul li .nr{width: 90%;}
    .index4_main ul li .nr p{font-size: 12px;}

    .index-banner .pc_img{ display: none;}
    .index-banner .phone_img{ display: block;}

    .index-banner .table .cell .wz{ float: none !important;}

}
@media(max-width: 680px){  
    .index7_left .outHd{float: none; width: 100%; margin-bottom: 15px;}  
    .index7_left .outHd .slideBox{height: auto;}
    .index7_left .outHd .slideBox .hd{bottom: 60%;}
    .index7_left .outHd .slideBox .bd li .img{height: auto;}
    .index7_left .outHd .slideBox .bd li .img img{display: block;}
    .index7_left .outHd .over{position: relative; width: 100%; height: auto;}
    .index7_left .outHd .txt{position: relative;}
    .index7_left .outBd {float: none; width: 100%;}
    .index7_left .outBd ul li{float: left; width: 28%; margin: 0 2.5%;}
   .index7_left .outBd ul li .overlay h2{font-size: 12px;}

    .index9-container{width: 100%;}

}
    


