@charset "utf-8";
@media only screen and (max-width: 1440px){
   .logo_right{margin-top:10px;}
   .logo{width:30%;padding:10px 0px}
   .logo img{height:auto !important;width:100%;}
.navs>li{height:40px;line-height:35px;}
.copy{margin-bottom:25px;margin-top: 20px;}
.dilogo{
    margin: 20px 0px;
}
.code li{margin-top:25px}
.erji2{padding-top:18px;    background: url(../images/icon5.png) no-repeat center 6px;}
}
@media only screen and (max-width: 1220px){
	.huo{margin-left: 2%;margin-right: 2%;}
	/*.slideBox .bd li{width: 95%;}*/
}
@media only screen and (max-width: 1200px){

.nav{display: none;}
	.demo-2{display: block;}
.inner{width: 98%;margin: 0px 1%;}
.erji{width: 1100px;background-size: cover;}
.code li{
	margin-right: 2%;
}
.pic_lists ul li{
	margin-right: 1.5%;
}
.video_lists ul li{
	margin-right: 2%;
}
.video_lists .video_first{
	margin-right: 2.5%;
}
.erjiwu>ul>li{max-width: 180px;}
.erji{left:-110%;}
.fifth .erji{background-position:-45px 35px;}
.right_nav{width: 68%;}
/*.banner,.rslide li,.rslide li a{
height:calc(100vw * 0.469);
}*/
}
@media only screen and (max-width: 1136px){
.erji{left:-115%;width: 1024px;background-position: -20px 35px;}
.fifth .erji{left:-430%;background-position:-115px 35px;}
.erjiwu>ul>li{max-width: 165px;}
}
@media only screen and (max-width: 1024px){
	.slideBox{margin: 10px;}
}
@media only screen and (max-width:992px ) {
	.logo{width: 50%;}
	.logo img{width: 100%;height: auto !important;}
	.ming,.shi{width: 100%;max-width: 100%;}
	.tab-hd{max-height: 100%;background-repeat: repeat-y;}
	.dilogo img{width: 100%;}
	.copy{margin-left: 5%;}
	.code{width: 25%;}
}


@media only screen and (max-width:768px ) {
	.dl-menuwrapper button{top:-90px}
	.logo{width:80%;
	margin: 0px 5%;padding-bottom: 10px;}
	.logo_right{margin-top: 0px;}
	.dilogo{width: 100%;}
	.copy{width: 50%;margin-left: 0px;}
	.code{width: 50%;}
	.footer{background-repeat: repeat;}
	
	.news{width: 100%;max-width: 100%;}
	.huo{margin: 15px 0px;}
	.yuan{margin-top: 0px;}
	.header_top{position: relative;}
	.tab-hd{
		width: 100%;
		position: relative;
		height: 110px;
		background-repeat: repeat;
	}
	.tab-hd li{
		height: 110px;
		float: left;
		width: 33.3%;
		
	}
.cont{margin:20px 0px;}
.dp_con img,
.cont img {
	max-width: 100%;
	display: block;
	height: auto !important;
	margin: 20px auto;
}

	.tab-hd .active{
		background-repeat: repeat;
	}
	.tab-bd .more{margin-top: -170px;}
	.left_nav{
		display: none;
	}
	.right_nav{
		width: 100%;
		max-width: 100%;
	}
	.cont_date .icon1{margin-left: 2%;}
	
}
@media only screen and (max-width:600px ) {
	.pic_lists ul li,.pic_lists .wai_last{
		width: 48%;
		margin-right: 2%;
	}
	
}
@media only screen and (max-width:440px ) {
	.copy,.code li{
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.code{
		width: 100%;
	}
	.code li{width: 40%;}
	/*.tab{min-height: 335px;}*/
	.centered-btns_nav{display: none;}
	.centered-btns_tabs{bottom: 0px;}
	.logo_right .search{display: none;}
	.dl-menuwrapper button{top: -74px;}
	.logo_right{padding-bottom: 10px;}
	.lists ul li a{
		width: 70%;
	}
	.video_lists ul li,.video_lists .video_first{
		width: 100%;
		max-width: 100%;
		margin-right: 0px;;
	}
	.video_lists .video_first .bo{
		left: 45%;
	}
}
@media only screen and (max-width:340px ) {
	.pic_lists ul li,.pic_lists .wai_last{
		width: 100%;
		margin-right: 0%;
		max-width: 100%;
	}
}
@media only screen and (max-width:300px ) {
	body{min-width: 320px;}
}