@import url(ui.css);
@import url(iconfont.css);
@import url(jquery.fancybox.min.css);
@import url(swiper.min.css);
@import url(pc.css);

@media screen and (max-width:1600px){
   .head .tel{ display: none;}
}
@media screen and (max-width:1380px){
   .head .nav li a{  margin: 0 5px; }
   .in-case-menu-bg{  bottom: 20px; }
   .in-ys li a{  height: 250px; }
}
@media screen and (max-width:1090px){
	body{ padding-top: 60px; }
	.m-header{ display: flex; }
	.header{ display: none; }
	.banner{ margin-top: 0; }
	.banner .swiper-button-prev{ left: 2%; top:50%; width: 30px; height: 30px;  }
	.banner .swiper-button-next{ left: auto; right: 2%; margin-left: 0; top:50%; width: 30px; height: 30px; }
	.banner-sub{ margin-top: 0; }
}
@media screen and (max-width:860px){
	.in-xm li{ float: none; width: 100%; }
	.in-xm li a{ margin:0 0 14px 14px;  }
	.in-xm li.active{ width: 100%; }
	.in-xm li .text{ display: none; }
	.in-xm li .texts{ bottom: 0; height: 180px; padding: 20px;}
	.in-xm li .texts h2{ font-size: 24px; margin-bottom: 10px; }
}
@media screen and (max-width:768px){

	.section{ padding: 30px 0; }
	.section-title{ margin-bottom:30px; }
	.section-title strong{ font-size: 24px; }
	.section-title p{ font-size: 14px; margin-top: 10px; }

	.in-ys{ margin:0 0 0 -15px; }
	.in-ys li a{ margin:0 0 15px 15px; border:2px solid #f5f5f5; height: auto; padding: 20px; }
	.in-ys li .icon{ margin-right: 20px; padding-top: 25px; }
	.in-ys li .text h2{ font-size: 18px;  }
	.in-ys li .text p{ font-size: 14px; line-height: 28px; }

	.in-about .items{ flex:100%; min-height: 640px;}
	.in-about-left li a{  height: 80px; font-size: 16px;  padding:0 10px;}
	.in-about-left li i{ margin-right: 10px; }

	.in-number{ padding:15px; }
	.in-number li .text{ padding: 15px 0; }
	.in-number li .text h2{ font-size: 20px; }
	.in-number li .text h2 span {font-size:30px;}
	.in-number li .text p{ font-size: 14px; height: 40px; }

	.in-pro li .text{ margin-top: -30px; height: 100px; position: relative; z-index: 99; }
	.in-pro li .text p{ padding: 0 15px; font-size: 18px; bottom: 20px;  }

	.in-case-menu-bg{ position: relative; bottom: 0; }
    .in-case-menu{ padding: 10px; }
	.in-case-menu .swiper-button-prev{ left:0;  width: 25px; height: 25px;}
	.in-case-menu .swiper-button-next{ right:0; width: 25px; height: 25px;}

    .in-news-menu{ margin:20px 0; }
	.in-news-menu li a{  line-height: 46px; padding: 0 20px; font-size: 16px; }

	.in-message{ padding: 20px 0; }
	.in-message h2{ font-size: 24px; margin-bottom: 25px;  }
	.in-message h2 span{  font-size: 20px; }
	.in-message form{ flex-wrap: wrap; }
	.in-message form input{ flex:100%; margin-right: 0; margin-bottom: 15px; }
    .in-message form button{ width: 100%; }
	
    .links{ line-height: 50px; font-size: 14px; }
	.links a{ margin-left: 8px; }

	.lanmu{ display: none; }
	.crumbs{ float: none;  overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; }
	.crumbs a{ line-height: 50px;}

    .fnav{ padding: 30px 0;}
    .fnav dl{ flex:100%; }
    .fnav dl dt{ font-size: 16px; }
    .fnav dl dt i{ display: block; }
	.fnav dl dd{ display: none; margin-top: -10px; padding-bottom: 15px; }
	.fnav dl dd a{ line-height: 40px; border-bottom: 1px solid rgba(255,255,255,0.1)}
	.fnav dl.open dt i{ transform: rotate(-270deg); }
	.fnav dl.open dd{ display: block; }
	.fnav dl.tel{ flex:100%;}
	.fnav dl.tel dd{ display: block; }
	.fnav dl.ewm{ text-align: center; margin-top: 20px; }
	.copyright{ line-height: 22px; padding: 10px 0; }
	.copyright p span{ display: block; }

    .section-contact{ padding: 30px 0 0; }
	.contact li{ flex:100%; justify-content: flex-start; margin-bottom: 50px; }
	.contact li:before{ display:none;}
	.contact li .text h3{  margin-bottom: 10px; }

	.section-sub{ padding: 20px 0; }

	.list-1{ margin:0 0 0 -15px; }
	.list-1 li a{ margin:0 0 25px 15px; font-size: 14px; }
	.list-1 li .text{ padding:5px 0 10px;  }
	.list-1 li .text h2{ font-size: 18px; line-height: 30px;}
	.list-1 li .text p{ margin-bottom: 15px; }

	.ct-mn{ flex:100%; position: relative; }
	.ct-mn:before{display: none;}
	.ct-sd{ flex:100%; margin-left: 0;}

    .info-content-title{  margin-bottom: 20px; }
	.info-content-title h1{ font-size: 24px; }
	.info-content-title p{ font-size: 14px; padding: 20px 0; }
	.info-content-body{ font-size: 14px;  padding-bottom: 20px; }
	.info-content-exp{ height: auto; padding: 15px 0; }
	.info-content-exp li{ flex:100%; line-height: 30px; }
	.info-content-exp li:last-child{ text-align: left; }

	.single h2{ font-size: 24px;  margin-bottom: 20px; }

	.list-2{ margin:20px 0 0 -15px; }
	.list-2 li a{ margin:0 0 15px 15px; }

	.list-3 li{ margin-bottom: 15px; }
	.list-3 li .text h2{ font-size: 20px;  }
	.list-3 li .text .btns{  margin-top: 15px; }
	.list-3 li .text .btns a{ padding: 0 20px; line-height: 30px; font-size: 14px;  }

	.fangan-menu li a{  font-size: 18px; }
	.fangan-con .items{ display: flex; flex-wrap: wrap; padding:40px 20px 20px; }
	.fangan-con .items .text{ font-size: 18px; flex: 1; line-height: 35px; }
	.fangan-con .items .img-center{ width: 100%; margin-left: 0; }

	.list-fangan1{ margin:0 0 0 -15px; }
	.list-fangan1 li a{ margin:0 0 15px 15px; }
	.list-fangan1 li .text{ padding: 25% 10px 0; }
	.list-fangan1 li .text h2{ font-size: 24px; margin-bottom: 15px;  }
	.list-fangan1 li .text p{ font-size: 14px; line-height: 25px; }

	.list-fangan2{ margin:0 0 0 -15px; }
	.list-fangan2 li a{ display: flex;  margin:0 0 25px 15px; }
	.list-fangan2 li .icon{ margin-right: 10px; flex:0 0 80px; }
	.list-fangan2 li .text h2{ font-size: 18px;  padding-bottom: 5px; border-bottom: 1px solid #009ab1;  margin-bottom: 10px; }
	.list-fangan2 li .text p{font-size: 14px; line-height: 25px; }

	.list-ding .img-center{ flex:100%; margin:0; }
	.list-ding .text{ flex:100%; }
	.list-ding .text li{ padding: 20px 0; }
	.list-ding .text li h2{ font-size: 24px;  }
	.list-ding .text li h2 i{ border: 3px solid #009ab1; width: 20px; height: 20px;  margin-right: 15px; }

	.single-con4 .img-center{ flex:100%; margin-right: 0; }
	.single-con4 .text{ flex:100%; }
	.single-con4 .text li{ padding:20px 0 0; }

	.subnav{ margin-bottom: 25px; }
	.subnav li a{ line-height: 35px; padding: 0 15px; margin: 0 5px; font-size: 16px; }

	.single-con5 h2{ font-size: 18px; margin:20px 0; display: block; }
	.single-con5 h2 span{ font-size: 24px; margin-right: 10px; display: block; }

	.section-title2{  font-size: 24px; margin-bottom: 30px; }

	.list-pz ul{ margin:0 0 0 -15px; }
	.list-pz li a{ margin:0 0 15px 15px; }
	.list-pz li .text {padding-top: 15px; height: 160px;}
	.list-pz li .text h2{ font-size: 20px; border-bottom: 1px solid #009ab1;}
	.list-pz li .text p{ font-size: 16px; }

	.shaixuan-bg{ margin-bottom: 20px; }
	.shaixuan{ width: 100%; }

	.info-case h1{ font-size: 24px; margin-bottom: 30px; }
	.info-case-pic{ float: none; width: 100%;  }
	.info-case-text{ float: none; width: 100%; padding: 0 ; margin-top: 20px; }
	.info-case-text h2{  line-height: 40px; font-size: 20px; }

	.list-5 .tits{  height: 46px;  font-size: 14px; }
	.list-5 li{ height: auto;  font-size: 14px; }
	.list-5 li span{  line-height: 20px; padding: 10px}

	.filtrate{ height:auto; padding:15px 15px 0;}
	.filtrate-left{ flex:100%; }
	.filtrate-left dl{ flex:100%; margin-right: 0; margin-bottom: 15px; }
	.filtrate-left dl dt{ font-size: 14px; }
	.filtrate-left dl dt h2{ width: 200px; height: 42px; border-radius: 10px; background: #FFF; border:1px solid #e7e7e7; font-size: 14px; padding: 0 10px;  }
	.filtrate-left dl dd{ width: 200px; }
	.filtrate-left dl dd a{ font-size: 14px; }
	.filtrate-right{ display: none; flex:100%; font-size: 14px; }
	.filtrate-right span{ flex: 0 0 60px; }
	.filtrate-right input{ flex:1; font-size: 14px; padding-left: 15px;  }
	.filtrate-right button{ flex:0 0 60px; height: 42px;font-size: 14px;  margin-left: 10px; }

	.lanmu-pro li a{ padding: 30px 0; font-size: 18px; }

	.list-pro{ margin-top: 20px; }
	.list-pro .swiper-slide a{ font-size: 18px;  }
	.list-pro .swiper-slide .text{ margin-top: 10px; }
	.list-pro .swiper-button-prev{ left:0;  width: 25px; height: 25px;}
	.list-pro .swiper-button-next{ right:0; width: 25px; height: 25px;}

	.pc-slide{float: none; width: auto;}
	.view .swiper-slide .img-center {height: 262px;line-height: 260px;}
	.preview .swiper-slide .img-center{height:72px;border:1px solid #d0d0d0; line-height:70px; }
	.preview .active-nav .img-center{border-color:#009ab1; border-width: 1px;}

	.show-pic .text{ margin-left: 0; margin-top: 30px;}
	.show-pic .text h1{ font-size: 24px; margin-bottom: 15px; }
	.show-pic .text .desc{ line-height: 30px; padding: 15px 0; font-size: 14px; }

	.product{  margin:20px auto; }
	.prod-menu li a{ padding:0 25px; line-height:40px; font-size:16px; }
	.prod-con{ padding: 0; }

    
  
   


}