@media screen and (max-width:1200px){
	.wrap{ width: 98%;}
	.head{ height: 74px;}
	.logo{ width: 55px;}
	.en-cn, .head-web{ margin-top: 20px}
	.nav{ display: none;}
	.nav__trigger{ display: block;}
	.pad{ padding: 80px 0;}
	.ind-abt-box{ padding-left: 40px;}
	.ind-news-items{ width: 100%;}
	.ind-news-img{ height: auto;}
	.ind-pro-img img{ width: 100%; height: 100%;}
	.exp-con-list,.exp-img{ width: 50%; height: auto;}
	.slide-img,.banner{margin-top: 74px;}

	.article, .list{padding: 40px 0;}
	.slt-list,.rlink{ float: none;line-height: 40px;}
	.slt-list li{width: 20%; text-align: center; margin-right: 0}
	.inside-slt li a{ line-height: 40px; padding: 0;}
	.hnr-con{ width: auto;}
	.honor-list li{ margin-right: 2%; width: 31.3%;}
	.pro-list li{ width: 31.3%; margin: 0 1% 30px;}
	.pro-imgs,.torys-imgs{ height: auto;}
	.ind-abt-box{ background: none; min-height: auto;}

	.mess-item{ width: 100%;}
	.mess-text{ width: 65%;}
	.textarea{ width: 85%;}
	.code{ width: 20%;}
}
@media screen and (max-width:990px){
	.ind-abt-img,.tory-video{ width: 50%; height: auto;}
	.ind-abt-box{margin-left: 50%}
	.ind-abt-title{padding-top: 15px;}
	.ind-pro-item{ width: 100%;}
	.exp-con-list,.exp-img{float: none; width: 100%;}
	.exp-con-list li{margin-top: 34px;}
	.exp-img{margin-top: 30px;}
	.cont-map,.cont-con{float: none; padding: 0;}
	.cont-map,.cont-con{margin-left: 96px;}
	.ind-contlink .more{ margin-left: 40px;}
	.box p{ float: none!important; margin-left: 0!important; margin-bottom: 10px;}
	.cont-box{ margin-left: 0}
	.pro-photo{float: none;}
	.pro-incon{margin-left: 0; padding-left: 0}
	.mess-box{ padding: 0 5%;}
}
@media screen and (max-width:768px){
	.pad{ padding: 50px 0;}
	.ind-abt-img,.tory-video{ float: none; width: 80%;}
	.ind-abt-box{ margin-left: 0; padding-left: 0;}
	.ind-abt-title{ font-size: 24px; padding-bottom: 22px;}
	.ind-abt-con{ height: auto;}
	.ind-news-titles,.ind-news-date{
		float: none;
		display: block;
	}
	.ind-news-con{ padding: 15px 10px;}
	.ind-news-nav{margin-bottom: 38px;}
	.ind-contlink{padding: 35px 0;}
	.ind-contlink .more{
		display: block;
		margin:20px auto 0;
	}
	.tory-box{padding-bottom: 30px;}
	.tory-box .owl-dots{bottom: -5px;}
	.contact-box{ text-align: center;}
	.cont-map,.cont-con{margin-left: 0; width: auto;}
	.cont-con{ text-align: left; display: inline-block;}
	.foot{ padding: 20px 0;}
	.ind-size{ font-size: 28px; margin-bottom: 20px;}
	.ind-contlink{ font-size: 18px;}
	.exp-con-list li{ width: 98%;}
	.exp-con-title{ font-size: 20px;}
	.cont-name{ font-size: 20px;}

	.honor-list li,.honor-list li:nth-child(3n){ margin:0 2% 30px; width: 46%;}
	.slt-list li{ width: 33.3%;}
	
	.news-imgs{ float: none;}
	.news-cons{margin-left: 0;padding-left: 0}
	.pro-list li{ width: 48%;}
	.torys-pos{ font-size: 18px;}
	.pro-photo{ width: 350px;}
	.large_box{ height: 290px;}
	.small_box{ width: 350px; height: 58px;}
	.small_list{ width: 290px; height: 58px;}
	.small_list ul{ height: 58px;}
	.small_list ul li{ width: 58px; height: 58px;}
	.btn{ width: 30px; height: 58px; line-height: 58px; font-size: 28px;}
	.slide-img .flex-control-nav{ bottom: 10px;}
}
@media screen and (max-width:414px){
	.pad{ padding: 30px 0;}
	.news-btn{ width: 125px; margin: 0 10px; line-height: 34px; height: 34px;}
	.ind-pro-img{width: 100%;}
	.ind-pro-con{ width: 92%; padding: 20px 4%;}
	.cont-desc .address{ background-image: url(../images/add_01.png);}
	.cont-box .address{ background-image: url(../images/add_01_01.png);}
	.ind-abt-img, .tory-video{ width: 100%;}
	.copyright,.bdsharebuttonbox{ float:none;}
	.ind-contlink{ font-size: 14px;}
	.ind-contlink .more{width: 95px; height: 30px;line-height: 30px;}
	.hnr-con{ height: auto; padding: 30px 15px; background-image: none;}
	.honor-list li,.honor-list li:nth-child(3n){ margin:0 0% 30px; width: 100%;}
	.inside-slt li a{ font-size: 14px;}
	.news-imgs{ width: auto; height: auto;}
	.slt-list li{ width: 50%;}
	.pro-cons{ height: 42px; line-height: 42px;}

	.mess-box{ padding: 0 0%;}

	.pro-photo{ width: 300px;}
	.large_box{ height: 249px;}
	.small_box{ width: 350px; height: 50px;}
	.small_list{ width: 250px; height: 50px;}
	.small_list ul{ height: 50px;}
	.small_list ul li{ width: 50px; height: 50px;}
	.btn{ width: 25px; height: 50px; line-height: 50px; font-size: 28px;}
}

@media screen and (max-width:375px){
}

@media screen and (max-width:360px){
}

@media screen and (max-width:320px){
	.pro-list li{ width: 100%; margin: 0 0 20px;}
}

@media screen and (min-width:1201px){

}