@media screen and (min-width:320px) and (max-width:800px) {
     .pc{
         display:none;
     }
     .indexbox11 .h3 span,.indexbox11 h4,.indexbox11 h5,.indexbox11 h2{
         font-size: 20px;
     }
     .indexbox11 .line{
             margin: 0 10px;
             width:40px;
     }
     .indexbox11 .text{
         position: relative;
         top:0;
         left:0;
             transform: translate(0%,0%);
             padding:50px 0;
             width:94%;
             margin: 0 auto;
     }
     .indexbox11 .h3 span,.indexbox11 h4 span,.indexbox11 h5 span{
         display: block;
     }
     .indexbox11 p{
         font-size: 14px;
     }
      
     .wap{
         display:block;
     }
     #fullpage .wap a img{
         display:block;
     }
	.phoneheader{
		padding:0 10px;
		height:60px;
		line-height:60px;
		display:block;
		position:fixed;
		top:0;
		width:100%;
        z-index:9999;
        background: rgba(37,156,240,1);
      
        display:flex;
        justify-content: space-between;
        align-items: center;   
	}
	.header{
        display:none;
    }

   
    .wrap{
        width:94%;
        margin:0 auto;
    }
    .phoneheader .fl a{
        display:flex;
        align-items: center;
    }
    .phoneheader .fr{
        position: absolute;
        right:30px;
    }
    .phoneheader .fl img{
        width:200px;
    }
    .phoneheader .fr span{
        font-size:24px;
        color:#fff;
        
    }
    .phoneheader .fr  img{
        width:.5rem;
        margin-left:.2rem;
    }
    .swiper-banner{
        margin-top:60px;
    }
    .swiper-banner .gallery-thumbs .swiper-slide{
        width:100% !important;
        height:60px;

    }
    .swiper-banner .swiper-father{
        height:60px;
    }
    .gallery-thumbs .swiper-slide img{
         width:40%;
         height:auto;
         display:block;
         margin:0 auto;
    }
    .indexbox1 .fl, .indexbox1 .fr{
        width:100%;
    }
    .indexbox1 .fr{
        padding:3%;
    }
    .indexbox1 .fr p.title{
        font-size:20px;
        line-height: 30px;
        margin-bottom:10px;
    }
    .indexbox1 .fr .text p{
        font-size: 14px;
        margin-bottom:15px;
        line-height: 20px;
    }
    .indexbox1 .fr a{
        width:120px;
        height:30px;
        line-height: 30px;
    }
    .indexbox2,.indexbox3{
        padding:30px 0 40px;
    }
    .indexbox3{
        padding:30px 0 0px;
    }
    .phonebanner{
        display:block;
        margin-top:1.5rem;
    }
    .phonebanner img{
        width: 100%;
    }
    .indexbox2 h2{
        font-size: 22px;
    }
    .indexbox2 p.title{
        font-size: 20px;
    }
    .indexbox2 ul{
        margin-top:20px;
    }
   
    .indexbox2 li{
        width:100%;
        padding:20px 0;
        margin-bottom:10px;
    }
    .indexbox11 .h3 img{
width:40px;
        margin-right:20px;
    }
    .indexbox11 .h3 span{
        text-align:left;
        padding-left: 10%;
    }
    .indexbox2 li i{
        height:60px;
        margin-bottom:10px;
    }
    .indexbox2 li span{
        font-size:18px;
        line-height: 30px;
        margin-bottom:10px;
    }
    .indexbox2 li p{
        font-size:14px;
    }
    .indexbox3 .wrap{
        width:94%;
    }
    .indexbox3 h2{
        font-size: 20px;
        line-height: 30px;
        margin-bottom:10px;
    }
    .indexbox3 p{
        font-size: 14px;
        line-height: 20px;
    }
    .indexbox3 img{
        margin:0 auto 10px;
        max-width:100%;
        display:block;
        
    }
    .indexbox4 .tops .fl, .indexbox4 .tops .fr,.indexbox4 .tab .list .fl,.indexbox4 .tab .list .fr,.indexbox4 .tab .list:nth-of-type(2n) .fl,.indexbox4 .tab .list:nth-of-type(2n) .fr,.indexbox6 .fl, .indexbox6 .fr{
        width: 100%;
    }
    .indexbox5 img.wap{
        display:block;
        width:100%;
    }
    .indexbox5 img.big{
        display:none;
    }
    .phonebanner  .swiper-pagination-bullet{
        width:.5rem;
        height:3px;
        background:rgba(0,0,0,0.3);
        border-radius:0;
    }
    .indexbox4 .tops .fr p{
        font-size:24px;
    }
    .indexbox4 .tops .fr{
        padding:4%;
    }
    .indexbox4 .tab .list .fl p{
        font-size: 14px;
        line-height: 25px;
    }
    .indexbox4 .tab .list .fl img{
        max-width:60%;
        margin-bottom:10px;
    }
    .indexbox4 .tab .list .fl a,.indexbox5 .text .fr a{
        width: 120px;
        height: 30px;
        line-height: 30px;
        padding-left:20px;
        text-align:left;
        margin-top:20px;
    }
    .details{
        padding-top:0px;
    }
    .innerbanner{
        padding-top:0px;
    }
    .target-fix{
        position: relative;
        top:-60px;
        height:0;
        display:block;
        overflow: hidden;
    }
    .indexbox4 .tab .list{
        display:block;
    }
    .indexbox4.direction .tab .list .fl{
        width:100%;
    }
    .indexbox6 .map{
        margin-top:15px;
    }
    .indexbox6 .copy{
        width:100%;
        padding-top:10px;
        margin-top:10px;
    }
    .indexbox5 .text .fr a{
        margin-top:20px;
        display:block;
        margin:20px auto 0;
    }

    .indexbox4 .tops .fr .logo{
        padding-top:20px;
        margin-top:20px;
    }
    .indexbox4 .tops .fr .logo img{
        max-width:65%;
        margin:0 auto 25px;
    }
   
    .indexbox5 .text .fr p,.indexbox6 .fl .info p{
        font-size: 14px;
        line-height: 20px;
    }
    .indexbox5 .text .fl, .indexbox5 .text .fr{
        width:100%;
    }
    .indexbox5 .text .fl p{
        font-size:16px;
        text-align:center;
    }
    .indexbox5 .text .fl span{
        font-size:14px;
    }
    .indexbox5 .text .fl img{
        width:100px;
        margin:10px auto;
    }
    .indexbox5 .text .fr{
        width:100%;
        text-align:left;
    }
   
    .indexbox6 .fl p.title{
        font-size: 20px;
        line-height:30px;
    }
    .indexbox6 .fl{
        padding:3%;
    }
    .indexbox6 .fl .info p:first-child{
        font-size: 16px;
        margin-bottom:10px;
        line-height: 30px;
    }
    .indexbox6 .fl span.line{
        margin:10px 0;
    }
    .rightside{
        right:10px;
        height:220px;
    }
    .rightside ul{
        margin-top:8px;
    }
    .rightside li a{
        font-size: 14px;
        line-height:30px;
    }
    .copy{
        height:auto;
        line-height: 20px;
        padding:10px 3%;
    }
    .copy p, .copy a{
        font-size: 12px;
        text-align: center;
    }
    .project .pro1{
        padding:30px 0 40px;
    }
    .details{
        margin-top:60px;
    }
    .project .pro1 h2{
        font-size: 24px;
        margin-bottom:20px;
    }
    .project .pro1 li{
        width:49%;
        margin:0 2% 15px 0;
    }
    .project .pro1 li img{
        height:100px;
    }
    .project .pro1 li p{
        height:25px;
        line-height:25px;
        font-size: 14px;
    }
    .project .pro1 li:nth-of-type(2n){
        margin-right:0;
    }
    .phonebanner   .swiper-pagination-bullet-active{
        background:rgba(0,0,0);
    }
    
    .phonebanner  .swiper-pagination{
        bottom:10px !important;
    }

    #fullpage{
        margin-top:0;
    }
    .mobile-container{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.5);
        display:none;
        z-index:9999999999;
    }
    
    .mobile_nav{
        position:fixed;
        top:0;
        right:0;
        left:auto;
        width:60%;
        height:100%;
        background:#fff;
        padding:0 0.12rem;
        overflow-y:scroll;
    }
    .mobile_nav .top{
       
       
       padding:20px 0 35px;
       
    }
    .mobile_nav  form{
 
        width:200px;
        height:30px;
        line-height: 30px;
        border:1px solid #eee;
        margin-right:30px;
       display:flex;
       margin:20px auto;
    }
  
    .mobile_nav  form button{
        height:30px;
        line-height: 30px;
        width:30px;
        background:url(../images/search.png) no-repeat center center;
    }
    .mobile_nav  form input{
        width:160px;
        padding-left:10px;
    }
    .mobile_nav .top img{
        
        width:160px;
        display:block;
        margin:0 auto;
    }
    .mobile-container li{
      
        line-height: 40px;
        text-align:left;
        padding-left:20px;
    }
    .mobile-container li ul.sub{
        display:none;
    }
    .mobile-container li a{
        font-size:.3rem;
        padding-right:1rem;
    }
    .mobile_nav>ul>li{
        border-bottom:1px solid rgba(238,238,238,1);
        background:url(../images/arrow2.png) no-repeat right 10px top 10px;
    }
    .mobile_nav>ul>li:nth-of-type(1),.mobile_nav>ul>li:last-child{
        background:none;
    }
    .mobile-container li ul.sub li a{
        font-size:.3rem;
        line-height:.4rem;
    }
    
    .commonlist{
        padding:.5rem 0;
    }
    .commonlist .wrap{
        width:94%;
        margin:0 autp;
    }
    .commonlist .tab{
        width:100%;
        margin:0 0% 0.3rem 0;
    }

    .commonlist .tab .photo, .commonlist .tab .swiper-container{
        height:auto;
    }
    .commonlist .tab .text{
        padding-top:.2rem;
    }
    .commonlist .tab .text p.title{
        font-size: .3rem;
        line-height:.35rem;
    }
    .commonlist .tab .text p{
        font-size: .25rem;
    }
    .footer{
        padding-bottom:.3rem;
    }
    .footer p{
        font-size:.25rem;
    }
    .footer>img{
        width:2rem;
        margin-left:-1rem;
    }
    .footer p.first{
        padding-top:1.2rem;
    }
    .submenus{
        position: relative;
        
        padding-top:.2rem;
        border-bottom:1px solid rgba(239,239,239);
    }
    .submenus .wrap{
        background:none;
        height:.7rem;
        line-height: .7rem;
    }
    .submenus .fl span{
        font-size:.25rem;
        padding:0 .2rem;
        height:.7rem;
        line-height: .7rem;
    }
    .submenus .fr a, .submenus .fr span{
        color:#333;
    }
    .innerbanner{
        margin-top:60px;
    }
    .phonebanner.banner{
        display:block;
        margin-top:1.2rem;
    }
    .commonlist .newslist li .fl,.commonlist .newslist li .fr{
        font-size:.25rem;
        height:1rem;
        line-height: 1rem;
    }
    .commonlist .newslist li{
        height:1rem;
        line-height: 1rem;
    }
    .commonlist .newslist{
        margin-bottom:.6rem;
       
    }
    .commonlist  .page{
        margin-bottom:1.2rem;
    }
    .abouts .fl,.abouts .fr{
        width:100%;
    }
    .abouts .fl p,.contacts p{
        font-size:.3rem;
        line-height: .5rem;
    }
    .contacts p.title{
        font-size:.35rem;
        margin-bottom:.1rem;
    }
    .contacts .map{
        height:300px;
        margin:.2rem 0 .8rem;
    }
    .contacts .map img{
        height:100%;
    }
    .detail .tabs{
        margin:.2rem 0;
    }
    .detail .commontitle{
        margin-bottom:.2rem;
    }
    .detail .commontitle span{
        height:.7rem;
        line-height: .7rem;
        font-size:.3rem;
        padding:0 .2rem;
    }
    .detail_top .fl,.detail_top .fr{
        width:100%;
    }
    .detail_top .fr p.star{
        margin:.1rem 0 .2rem;
    }
    .detail_top .fr p.title{
        font-size:.35rem;
    }
    .detail_top .fr p,.detail .tabs p{
        font-size:.25rem;
        line-height: .5rem;
    }
    .banner .form form #target{
        width:100%;
        flex-wrap: wrap;
    }

    .swiperbig{
        width:94%;
        top:100%;
    }
    .layer img.delete{
        width:30px;
    }
    .swiperbig.active{
        width:94%;
        top:50%;
    }
    .gallery-thumbs .swiper-slide{
        width: 23% !important;
        height:48px;
    }
    .gallery-thumbs .swiper-slide img{
          height:45px;
    }
    .banner .swiper-button-prev{
        width:20px;
        height: 40px;
       top:30%;
       left:10px;
    }
    .banner .swiper-button-next{
        width:20px;
        height: 40px;
       top:30%;
       right:10px;
    }
    .newsdetail{
        margin-bottom:.8rem;
    }
    .newsdetail .title p:first-child{
        font-size:.35rem;
        margin-bottom:.2rem;
    }
    .newsdetail .title{
        padding-bottom:.2rem;
        margin-bottom:.2rem;
    }
    .fadenum{
        animation:fadeion 1s linear 1;
        -webkit-animation:fadeio 1s linear 1;
        -moz-animation:fadeio 1s linear 1;
        -o-animation:fadeio 1s linear 1;
        -ms-animation:fadeio 1s linear 1;
    
    }
}


@media screen and (min-width:1300px) and (max-width:1600px) {
    .header .wrap{
        padding:0 20px;
    }
    .header .fl img{
        width:300px;
    }
    .header .fr li a{
        margin:0 25px;
    }
}