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

    .w1200,
    .w1250,
    .w1400,
    .w1500,
    .w1600,
    .w1000,
    .w850 {
        width: 96%;
    }
    .index-page2 .left{
        width: 43%;
        margin: 60px 5% 60px 12%;
    }
    .index-page2 .right{
        width: 40%;
    }
    


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


/*=================================中小型笔记本或大平板 laptop /*=================================*/
     
     @media screen and (max-width: 1200px) {
        .w850,
        .w1000,
        .w1200,
        .w1250,
        .w1400,
        .w1500,
        .w1600 {
            width: 92%;
        }
      
        /*手机导航开始menu*/
        .menu {
             display: block;
             cursor: pointer;
        }

        .menu_down {
             position: fixed;
             left: 0;
             top: 80px;
             z-index: 9;
             width: 100%;
             padding: 22px 0;
             background: #fff;
             border-top: 1px solid #fff;
        }

        .menu_down ul {
             flex-direction: column;
             width: 92%;
             margin: 0 auto;
        }

        .menu_down li>a {
             width: 100%;
             line-height: 3;
             position: relative;
             border-bottom: 1px solid #ccc;
        }

        .menu_down li span {
             color: var(--color);
             position: absolute;
             top: 50%;
             right: 0%;
             transform: translateY(-50%);
             border-top: 8px solid #000;
        }

        .menu_down li a {
             padding: 0 10px;
             display: block;
             font-size: 16px;
             color: #000;
        }

        .menu_down li .erji {
             display: none;
             /* background: #fab54d; */
             width: 90%;
             margin-left: auto;
             -webkit-transition: all 300ms ease-out;
             -moz-transition: all 300ms ease-out;
             transition: all 300ms ease-out;
        }

        .menu_down li .erji a {
             border-bottom: 1px dashed #ccc;
             line-height: 3;
             font-size: 14px;
        }

        .menu span.icon-bar {
             background: #ccc;
             width: 25px;
             height: 2px;
             display: block;
             -webkit-transition: all 300ms ease-out;
             -moz-transition: all 300ms ease-out;
             transition: all 300ms ease-out;
        }

        .menu .sr-only {
             display: none;
        }

        .menu .icon-bar:nth-child(2) {
             -webkit-transform: rotate(0deg) translate(0, 0);
             -moz-transform: rotate(0deg) translate(0, 0);
             -ms-transform: rotate(0deg) translate(0, 0);
             transform: rotate(0deg) translate(0, 0);
             transform-origin: top left;
        }

        .menu .icon-bar:nth-child(3) {
             margin-top: 6px;
             -webkit-transform: scale(1, 1);
             -moz-transform: scale(1, 1);
             -ms-transform: scale(1, 1);
             transform: scale(1, 1);
             -webkit-transform-origin: center center;
             -moz-transform-origin: center center;
             -ms-transform-origin: center center;
             transform-origin: center center;
        }

        .menu .icon-bar:nth-child(4) {
             margin-top: 6px;
             -webkit-transform: rotate(0deg) translate(0, 0);
             -moz-transform: rotate(0deg) translate(0, 0);
             -ms-transform: rotate(0deg) translate(0, 0);
             transform: rotate(0deg) translate(0, 0);
             transform-origin: top left;
        }

        .xz .icon-bar:nth-child(2) {
             -webkit-transform: rotate(45deg) translate(2px, -3px);
             -moz-transform: rotate(45deg) translate(2px, -3px);
             -ms-transform: rotate(45deg) translate(2px, -3px);
             transform: rotate(45deg) translate(2px, -3px);
             transform-origin: 0 0;
        }

        .xz .icon-bar:nth-child(3) {
             opacity: 0;
        }

        .xz .icon-bar:nth-child(4) {
             -webkit-transform: rotate(-45deg) translate(1px, 2px);
             -moz-transform: rotate(-45deg) translate(1px, 2px);
             -ms-transform: rotate(-45deg) translate(1px, 2px);
             transform: rotate(-45deg) translate(1px, 2px);

        }

        /*手机导航结束*/
        header{
           align-items: center;
           height: 60px;
           background: rgba(0, 0, 0, 0.5);
        }
        header .logo img{
            height: 40px;
        }
        header .left,
        header .right{
            display: none;
        }
      .index-page4 .flex-x{
        justify-content: space-around;
}
    }

   /*=================================手机或小平板 phone=============================== */
   @media screen and (max-width: 767px) {
    .fadeInLeft,
    .fadeInRight{
        animation-name: none !important;
    }


    .banner .swiper-slide img{
    height: 300px;
    }
    .banner .info{
		
		width:90%;
      bottom: 10%;
	  left:5%;
    }
    .banner .info h3{
        font-size: 24px;
    }
    .banner .info h4{
      font-size: 20px;
    }
    .banner .info a{
      height: 36px;
      line-height: 36px;
    }

    
    .index-page1{
       /* padding: 30px 0; */
    }
    .index-page2{
       padding: 30px 4%;
    }
    .index-page2 .flex-x{
       flex-direction: column;
    }
    .index-page2 .left{
       width: 100%;
       margin: 0;
    }
    .index-page2 .right{
       width: 100%;
       margin-top: 30px;
    }
    .index-page2 .left h2{
        font-size: 24px;
        line-height: 1.2;
        text-align: center;
        margin-bottom: 10px;
		margin-top:0;
    }
    .index-page2 .left p{
        width: 100%;
    }

    .index-page3{
         padding: 0px 0 30px;
    }
    .index-page3 .flex-x{
       flex-direction: column;
    }
    .index-page3 .left{
       width: 100%;
    }
    .index-page3 .right{
       width: 100%;
       margin-top: 30px;
       padding: 0 4%;
    }
    .index-page3 .right h2{
        font-size: 22px;
    }
    .index-page3 .right p{
       width: 100%;
    }

    .index-page4{
       padding: 20px 0;
    }
    .index-page4 li{
       flex-direction: column;
       padding: 0;
    }
    .index-page4 li+li{
       margin-top: 30px;
    }
    .index-page4 li .left{
       width: 100%;
       padding: 0 4%;
      margin: 0;
    }
    .index-page4 li .left h3{
        width: 100%;
        font-size: 36px;
		line-height: 1;
        margin-bottom: 10px;
    }
    .index-page4 li .right{
       width: 100%;
       margin-top: 20px;
    }
    .index-page4 li:nth-child(2n+2){
       flex-direction: column-reverse;
    }
    .index-page4 li:nth-child(2n+2) .left{
        width: 100%;
        margin-top: 20px;
    }
    .index-page4 li:nth-child(2n+2) .right{
        width: 100%;
        margin: 0;
        padding: 0 4%;
        text-align: left;
    }
    .index-page4 li:nth-child(2n+2) .right h3{
        font-size: 36px;
		line-height: 1;
        margin-bottom: 10px;
    }
    .index-page4 img{
        width: 100%;
    }
    .index-page5{
       padding: 50px 0;
    }
    .index-page5 .flex-x{
       flex-direction: column;
    }
    .index-page5 .left{
       width: 100%;
       font-size: 36px;
    }
    .index-page5 .right{
       width: 100%;
       margin-top: 30px;
    }

    footer .top{
        padding: 30px 0;
        flex-direction: column;
    }
    footer .top .logo{
        width: 100%;
        text-align: center;
    }
    footer .top .logo img{
        height: 60px;
    }
    footer .top .nav{
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    footer .top .nav>li{
        width: 100%;
        /* text-align: center; */
        max-width: none;
        margin-top: 20px;
        /* text-align: center; */
    }
    footer .top .nav2 li:first-child{
        font-weight: bold;
       
    }





    footer .bottom .flex-x{
        flex-direction: column;
    }
    footer .bottom img{
        width: 100%;
        height: auto;
        margin-top: 20px;
    }



    .cookie-w {
        display: none;
    }











   }