@media screen and (max-width: 1200px){
.head .logo{
	width: calc(300/1920*100vw);
}
.head .nav ul li{
	padding: 0px calc(20/1920*100vw);
}
}
@media screen and (max-width: 992px){









}
@media screen and (max-width: 992px){
.wap_nav {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 7777;
}
.wap_nav .logo {
    float: left;
    position: absolute;
    left: 0px;
    top: 0px;
}
.wap_nav .logo img{height: 24px;margin-top: 13px;margin-left: 10px;}
body{
	padding-top: 50px;
}

.pc{
    display: none;
}
.wap{
    display: block;
}
.banner .content{
	width: auto;
	right: 10%;
	bottom: 10%;
	left: 10%;
}
.banner .title1{
	font-size: 20px;
}
.banner .title2{
	font-size: 25px;
}
.banner .dec{
	font-size: 18px;
}
.section1{
	padding-top: 100vw;
}
.section1 .imgbox{
	width: 100%;
	height: 100vw;
	left: 0px;top: 0px;
}
.section1 .left{
	width: 100%;
	padding: 7vw 15px;
	/* padding-bottom: 0; */
}
	.section1 .title{
		font-size:30px;
		line-height:1.4;
	}
	.section1 .dec{
		font-size:18px;
		padding-top:10vw;
		padding-bottom: 10vw;
	}
	.section1 .decs{
		position:relative;
		zoom:1;
		overflow:hidden;
		left:0px;
		padding-left: 15px;
	}
	.section1 .decs ul{
		width:100%;
		float:none;
		display:block;
	}
	.section1 .decs ul li{
		width:50%;
		padding-bottom: 4vw;
		padding-top: 2vw;
	}
	.section1 .decs ul li .val b{
		font-size:30px;
	}
	.section1 .decs ul li .val {
		line-height:1;
		font-size: 15px;
	}
	.section1 .decs ul li .tit{
		font-size:16px;
		padding-top:10px;
	}
	.section2 .tab .hd a{
		width:33.333%;
		float:left;
		margin-bottom: 5vw;
		padding-bottom: 2vw;
	}
	.section2 .model{
padding-right:0px;}
	.section2 .tab .hd{
		width: 100%;
		float: none;
		padding: 0px 15px;
	}
	.section2 .tab .hd:after{
		content: '';
		display: table;
		clear: both;
	}
	.section2 .tab{
		margin-top: 0;
	}
	.section2 .tab .bd{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 10vw;
	}
	.section2 .swiper-slide{
		padding-bottom: 70px;
	}
	.section2 .tab .hd a .en{
		font-size: 14px;
	}
	.section2 .tab .hd a .cn,
	.section2 .swiper-slide{
		font-size: 16px;
	}
	.section4,
	.section3{
		padding: 15vw 0px;
	}
	.wrap{
		padding: 0px 15px;
	}
	.hdtitle .title{
		font-size: 22px;
	}
	.hdtitle .hd a{
		font-size: 14px;
	}
	.hdtitle .hd {
		font-size: 14px;
	}
	.section3 .model ul li{
		float: none;
		width: 100%;
		margin-right: 0px;
		margin-bottom: 5vw;
		padding-right: 35%;
	}
	.section3 .model .con a.title{
		font-size:20px;
	}
	.section4 .con a.title{
		font-size: 20px;
	}
	.section4 .con .dec{
		font-size:14px;
	}
	.section4 .list{padding-left:15px;margin-top: 3vw;}
	.section4 .con{padding: 25px;margin-left:15px;margin-right:15px;}
	.footer .left{
		width: 100%;
		float: none;
	}
	.footer .right{
		float: none;
		width: 100%;
		padding-top: 10vw;
	}
	.footer{
		padding-top: 10vw;
	}
	.footer .right .navs{

display: -webkit-box;
display: -moz-box;
display: -webkit-flex; 
display: -moz-flex;
display: -ms-flexbox; 
display: flex;
    flex-wrap: wrap;
	}
	.footer .right .navs .item{
		flex: initial;
		width: 33.333%;
		float: left;
	}
	.footer .right .navs .item dl{
				margin-bottom:20px;
	}
	.footer .right .navs .item dl{
		padding-top: 37px;
	}
	.footer .right .navs .item:after{
		top:40px;
	}
	.footer .right .btns{
margin-top:0px;}
	.copy{
		font-size:14px;
		line-height:1.5;
		padding:20px 0px;
	}
	.footer .right .btns .slide{
		
transform: none;
		
right: 0;
		
left: auto;
	}
	.section2 .model .swiper-slide .dec .txt{
		padding-left: 15px;
		padding-right: 15px;
	}
	.section2 .model .swiper-slide .title{
		padding: 15px;
		font-size: 14px;
	}
	.section2 .model .swiper-slide a:after{
		left:5px;
		right:5px;
	}
}