﻿@media ( min-width:414px) and ( max-width:767px) {
	html {
		width: 100%;
		height: 100%;
		font-size: 62.5%;
		/* 10÷16=62.5% */
	}
	body {
		font-size: 14px;
		font-size: 1.4rem;
		/* 12÷10=1.2 */
	}
	.container {
		margin-right: auto;
		margin-left: auto;
		width: 90%;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	} 
}

@media ( max-width:600px) {
	 
}

@media ( max-width:767px) { 
	.container{
		width: 90%;
	}  
	 .menus .honor{
	 	display: none;
	 }
	.menus .Logo{ 
		width: 77%;
	}
	.menus .Logo a .h1{
		font-size: 16px;
		margin-top: 5px;
	}
	.menus .Logo a .h2{
		font-size: 14px;
	}
	.menus .Logo a .h2 i{
		font-size: 12px;
	}
	.menus .Logo img{
		width: 26%;
		max-width: 83px;
	}
	.menus .Logo a .h2 i{
		margin-right: 2px;
		top: 0;
	}
	.menus .Logo a .h2 i:last-child{
		margin-left: 2px;
	}
	.burger_menu{
		margin-top: 5px;
	}
 
	.menus{
		padding-bottom: 0;
	}
	
	.hot-search .hot-search-box{
		padding: 5px 10px;
	}
	.hot-search{
		margin-top: 15px;
	}
	.hot-search form button{
		margin-right: 5px;
	}
	.hot-search .hot-search-box .tit{
		font-size: 15px;
		padding-left: 0;
	}
	.hot-search .keysword-list{
		height: auto;
		line-height: 22px;
		padding: 10px 0 5px 0;
	}
	.hot-search .keysword-list a{
		padding-left: 0;
		padding-right: 8px;
		font-size: 13px;
	}
	.sk-index-catalog{
		margin-top: 15px;
	}
	.gloab-tit{
		margin-top: 15px;
	}
	.gloab-tit h3{
		font-size: 18px;
	}
	.gloab-tit h3 img{
		width: 15px;
	}
  .gloab-subtitle{
  	width: 100%;
  	font-size: 13px;
  	line-height: 22px;
  }
  #catalog .swiper-slide a, #catalogm .swiper-slide a{
  	background: none;
  	border: #ddd solid 1px;
  	border-radius: 5px;
  	font-size: 14px;
  	
  }
   #catalogm .swiper-slide a{
   	text-align: center;
   	padding-left: 0;
   }
  #catalog .swiper-slide a:hover, #catalog .swiper-slide a.active, #catalogm .swiper-slide a:hover, #catalogm .swiper-slide a.active{
  	background: #7fa50c;
  	border: #7fa50c solid 1px;
  }
  a.more-skprice-pifa{
  	margin: 20px auto;
  }
  .sk-xiaoguo .gloab-tit img{
  	display: none;
  }
  .sk-xiaoguo .gloab-tit{
  	margin-top: 10px;
  }
  .sk-xiaoguo .gloab-subtitle{
  	margin-top: 5px;
  }
  .case-class .swiper-container{
  	width: 80%;
  }
  .mobile-catalog .swiper-container{
  	width: 81%;
  }
  .caseList{
  	margin-top: 20px;
  }
  .caseList .swiper-slide a h3{
  	font-size: 14px;
  	border-bottom: #ebeaea solid 2px;
  }
  .caseList .swiper-container{
  	padding-bottom: 20px;
  }
  .sk-xiaoguo{
  	background-size: 200%;
  }
  .sk-advantage{
  	padding-top: 10px;
  	margin-top: 20px;
  }
  .sk-advantage .gloab-tit img{
  	display: none;
  }
  .sk-advantage .gloab-subtitle{
  	margin-bottom: 0;
  	padding-top: 10px;
  }
  .sk-advantage .item .pic,
  .sk-advantage .item .item-left{
  	width: 100%;
  }
  .sk-advantage .item-left img{
  	width: 35px;
  }
  .sk-advantage .info-box h2{
  	font-size: 16px;
  	padding-bottom: 8px;
  	padding-top: 5px;
  }
  .sk-advantage .info-box p{
  	margin: 10px 0;
  	font-size: 13px;
  	line-height: 22px;
  }
  .sk-advantage .fn-right .pic, .sk-advantage .item .pic{
  	padding-bottom: 10px;
  }
  .fangan .swiper-container{
  	width: 70%;
  }
  .fangan .pic-hover{
  	display: none;
  }
  .fangan-button-next,.fangan-button-prev{
  	width: 25px;
  	height: 25px;
  }
    .newsde h2{
    	font-size: 16px;
    	line-height: 26px;
    	padding-top: 10px;
    	text-align: left;
    }
    .newsde .newsde-content{
    	margin-top: 5px;
    	padding-top: 15px;
    }
    .news-row .p9{
    	margin-bottom: 15px;
    }
    .index-news-wrap .gloab-subtitle{
    	padding-bottom: 15px;
    }
    .news-row h2{
    	font-size: 16px;
    }
    .news-row ul li a{
    	font-size: 13px;
    }
    .catalog-list .testwrapper h2{
    	font-size: 15px;
    }
    .catalog-list .testwrapper p{
    	margin-top: 0;
    	line-height: 30px;
    	height: 30px;
    	overflow: hidden;
    }
    .catalog-list .testwrapper .subtxt{
    	padding: 5px;
    }
    .submain-left{
    	display: none;
    }
    .submain-right{
    	width: 100%;
    }
    .sub-local{
    	padding: 10px 0;
    }
    .sub-caseList{
       	padding-top: 10px;
       }
    .sub-caseList .row .p9{
    	margin-bottom: 10px;
    }
    .sub-caseList a h3{
    	font-size: 13px;
    }
    .submain{
    	padding-top: 10px;
    }
    .sub-newsspec-list ul li{
    	margin-bottom: 10px;
    }
    .history .title{
    	font-size: 20px;
    }
    .sub-honor{
    	padding-top: 20px;
    }
    .newsde-fenye .fenye-box a{
    	height: 33px;
    	overflow: hidden;
    }
    .product-detail-content{
    	padding: 20px 0;
    }
    .newsde-fenye{
    	padding: 10px;
    }
    .case-detail .share{
    	font-size: 12px;
    }
    .case-detail .share .bdshare-button-style0-16 a{
    	margin-right: 0 0 0 2px;
    }
    .case-detail .share .bds_tsina i{
    	font-size: 20px;
    }
    .case-detail .case-info{
    	font-size: 12px;
    }
    .case-detail .h1{
    	font-size: 16px;
    	padding:  0 0  10px 0;
    }
    .product-detail-gloabtit{
    	font-size: 16px;
    }
    .solutionde .brand .sub-local{
    	padding-bottom: 10px;
    }
    .sub-solution-detailtit{
    	font-size: 15px;
    	line-height: 35px;
    	height: 35px;
    }
    .sub-solution-news-recommd .row .p9{
    	font-size: 14px;
    }
    .sub-solution-relate .catalog-list .row .p9{
    	padding: 0 5px;
    }
    .product-detail-form form textarea{
    	margin-bottom: 20px;
    }
    .product-detail-message{
    	padding-top: 20px;
    }
    .sub-solution .item{
    	padding: 10px 10px 15px 10px;
    }
    .sub-solution .item .a .pic{
    	width: 100%;
    }
    .sub-solution .fn-left .info-box,
    .sub-solution .fn-right .info-box{
    	width: 100%;
    	margin: 0;
    }
    .sub-solution .item .title{
    	font-size: 16px;
    	padding-bottom: 5px;
    }
    .sub-solution .item p{
    	font-size: 14px;
    	margin-top: 15px;
    }
    .sub-solution .solution-more{
    	line-height: 36px;
    }
    .product-detail-txt ul li span.price{
    	font-size: 22px;
    }
    .sub-honor .row .p9 h2{
    	font-size: 14px;
    	margin: 10px 0;
    }
    #boxer.mobile .boxer-caption p{
    	font-size: 14px;
    }
    #boxer.mobile .boxer-arrow.previous{
    	display: none
    }
    #boxer.mobile .boxer-arrow.disabled{
    	display: none;
    }
    .sub-shengchannengli .row .p9 h2{
    	margin: 6px 0;
    }
    .sub-shengchannengli{
    	padding-top: 20px;
    }
    .news-row{margin: 0; }
	.news-row .p9{padding: 0;}
	.solutionde-fenye{
		flex-direction: column;
	}
	.case-detail .solutionde-fenye .fenye-box{
		width: 100%;
	}
	.case-detail .solutionde-fenye .share{
		padding-top: 0;
	}
	.flink{
		display: none;
	}
	.news-row .p9:nth-child(3) ul{
		min-height: auto;
	}
}
@media(max-width:640px){

	.page{
		padding: 20px 0;
	}
	
	.news a.news-item{
		background: none;
	}
	.news a.news-item .news-left h3{
		font-size: 38px;
	}
	.newsde .newsinfo h1{
		font-size: 18px;
		padding-right: 35px;
		padding-top: 10px;
		padding-bottom: 0;
	}
	.newsde .content{
		padding: 15px 0;
	}
	
	.solution-box .item a .info p{
		display: none;
	}
	.index-news-rec .txt h3{
		height: 19px;
	}
	.product-detil-btn{display: flex;
	flex-direction: column;}
	.product-detil-btn a{
		clear: both;
		margin-bottom: 2px;
		text-align: center;
		padding: 5px 0;
		display: block;
		width: 100%;
	}
	.sub-newsspec-list ul li .title p.subtitle{
		height: 47px;
	}
	.rema{
		word-break: break-word;
	}
	/*0421新增*/
	.newsde-fenye{
		padding: 8px 5px;
	}
	.newsde-fenye{
		flex-direction: column;
	}
	.case-detail .newsde-fenye .fenye-box{
		width: 100%;
		font-size: 13px;
	}
	.newsde-fenye .goback{
		width: 100%;
		text-align: center;
		margin-top: 0;
	}
	.lessthan640{ display: block; margin-top: 0; overflow: hidden; clear: both;}
	.newsde-relate-news-box{
		width: 100%;
		overflow: hidden;
	}
	.newsde-relate-news-box ul li {
		border-bottom: #bbbbbb dashed 1px;
	}
	.newsde-relate-news-box ul li:last-child{
		border-bottom: none;
	}
	
	.newsde-relate-news-box ul li a {
		display: block;
		width: 100%;
		background: url(../images/tb-dot.jpg) no-repeat left center;
		padding-left: 17px;
		height: 40px;
		line-height: 40px;
		overflow: hidden;
		color: #555555;
		transition: all 0.6s;
		white-space: nowrap;
		font-size: 14px;
	}
	
	.newsde-relate-news-box ul li a:hover {
		color: #458806;
	}
	
	.lessthan640 .sub-caseList .row{
		min-height: auto;
	}
	.sub-solution-news-recommd{
		padding-bottom: 20px;
	}
	.sub-solution-news-recommd .row .p9:last-child a{
		border-bottom: none;
	}

}
@media(max-width:415px){

	#container1 .swiper-pagination-bullet{
		width: 12px;
		height: 12px;
		background-size: cover;
	}
	.menus .head-right{
		padding-top: 8px;
	}
	.burger_menu{
		margin-top: 12px;
	}
	.pro-wrap{
		padding: 10px 0 30px 0;
		min-height: auto;
	}
	.gloab-tit{
		font-size: 15px;
		margin: 10px 0;
	}
	.gloab-tit h2{
		padding: 10px 0;
	}
	.pro-wrap .pro-box{
		 
	}
	.pro-wrap .item h3{
		font-size: 14px;
	}
	.pro-wrap .item{
		width: 48%;
		float: left;
		overflow: hidden;
	}
	.pro-wrap .item ul li{
		font-size: 12px;
		line-height: 20px;
	}
	.solution{
		padding-bottom: 20px;
	}
	.solution-box .item a .info .info-box p,
	.solution-box .item a h4{
		display: none;
	}
	.index-news-wrap{
		padding: 15px;
	}
	.index-news-right .item a h3{
		font-size: 20px;
		padding-top: 0;
	}
	.index-news-right .item a h3 span.year{
		top: 0;
	}
	.index-news-right .item a h3 span.line{
		top: -1px;
	}
	.index-news-right .item a{
		padding: 10px;
	}
	.index-news-right .item a h2{
		font-size: 15px;
	}
	.news-more{
		margin: 20px auto 30px auto;
	}
	.contact-box-left{
		width: 100%;
	}
	.contact-box-left h2{
		padding-top: 25px;
	}
	.contact-box-left p{
		height: auto;
	}
	.contact-box{
		height: auto;
	}
	.contact-box-right{
		width: 100%;
		text-align: left;
		float: left;
		padding-top: 30px;
		margin-bottom: 20px;
	}
	.contact-box-right img{
		width: 20px;
	}
	.sub-about-content{
		margin-bottom: 0;
	}
	.history{
		padding-top: 0;
	}
	.history-list .swiper-slide .info h2{
		font-size: 20px;
		margin-top: 0;
	}
	
	.sub-solution .dl-box a .pic{
		width: 100%;
	}
	.sub-solution  .info-box{
		width: 100%;
	}
	.sub-solution .dl-box h1{
		padding-top: 10px;
	}
	.sub-news{
		padding: 15px 0;
	}
	.sub-new-calss{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	height: 35px;
	}
	
	
	.sub-new-calss a{
		width: 23%;
		margin-right: 0;
		height: 35px;
		line-height: 35px;
	}
	.sub-new-calss a.on{
		line-height: 31px;
	}
	.sub-news-list{
		padding-top: 10px;
	}
 .sub-news-list ul li .tab{
 	margin: 0 5px;
 }
 .sub-news-list ul li .date{
 	font-size: 13px;
 	position: relative;
 	top: 4px;
 }
 .sub-news-list ul li .txt{
 	height: 25px;
 	font-size: 12px;
 	line-height: 25px;
 }
 .sub-news-list ul li .tab{
 	width: 60px;
 }
 .sub-news-list ul li a{
 	padding: 10px 0;
 }
 .sub-local{
 	font-size: 13px;
 }
 .page{
 	font-size: 12px;
 	margin: 0;
 }
 .page SPAN.disabled{
 	padding: 5px;
 }
 .page SPAN.current,
 .page a{
 	padding: 5px;
 }

 .sub-newsspec-list ul li .title{
 	margin-left: 10px;
 }
 .sub-newsspec-list ul li .title h2{
 	font-size: 14px;
 	line-height: 20px;
 	height: 20px;
 }
 .sub-newsspec-list ul li .title p{
 	font-size: 12px;
 }
 .sub-newsspec-list ul li .a .pic{
 	width: 60%;
 }
 .sub-newsspec-list ul li span.more{
 	display: none;
 }
 .sub-newsspec-list ul li .title p{
 	margin-bottom: 0;
 }
 
 .sub-news-quest{
 	padding: 0px 0;
 }
 .sub-news-quest ul li a h2{
 	font-size: 14px;
 }
 .sub-news-quest ul li a .txt{
 	font-size: 13px;
 	padding: 10px 0;
 }
 .sub-news-quest ul li a .txt i{
 	margin-left: 0;
 }
 .sub-news-quest ul li a .txt .ask{

 }
 .sub-contact{
 	padding-top: 20px;
 }
 .sub-contact .row .p9 h2{
 	font-size: 15px;
 }
 .sub-contact .row .p9 ul{
 	width: 90%;
 }
 .sub-contact .row .p9{
 	margin-bottom: 20px;
 }
 .sub-contact .row .p9 .testwrapper{
 	min-height: auto;
 	padding-bottom: 5px;
 }
 .feedback-h2{
 	font-size: 15px;
 	padding-bottom: 15px;
 }
 .feedback{
 	width: 100%;
 	padding: 0;
 }
 .loginbg{
 	padding: 70px 0;
 }
 .login-box ul li button{
 	height: 35px;
 	line-height: 35px;
 }
 
 .detial-box-nav a{
 	height: 40px;
 	line-height: 40px;
 }
 

}
