html{
	font-size:19.20px;
	font-family: "Microsoft YaHei","Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*header part*/
*{
	margin:0px;
	padding:0px;
}
/*.header{
	
	overflow: hidden;
	height: 7.083rem;
	
}*/
.header{
	width: 100%;	
	overflow: hidden;
	height: 7.083rem;
	
}
/*.logo{
	width:12.24rem;
	height: 3.96rem;
	float:left;
	margin-left: 6.15rem;
	margin-top: 1.1458rem;

}
.logo img{
	width:100%;
}*/
.logo{
	width: 15%;
	box-sizing: border-box;
	float: left;
	margin-left: 6.15rem;
	margin-top: 20px;
	overflow: hidden;
}
.logo img{
	width:100%;
}
.navbar{
	width:50%;
	height: 7.083rem;
	float: left;
	/*margin-left: 14.27rem;*/
	margin-left: 120px;
	line-height: 7.083rem;
	box-sizing: border-box;	
}
.navbar ul li{

	float: left;
	display: inline-block;
	list-style-type: none;
	margin-left: 2.5rem;
	text-align: center;

}
.switchOver{
	width: 8%;
	float: right;
	line-height: 7.083rem;
	/*margin-left: 14.27rem;*/
	margin-right: 40px;
	box-sizing: border-box;
	/*margin-right: 6.15rem;*/
}
/*
.navbar{
	width:41.67rem;
	height: 7.083rem;
	float: left;
	margin-left: 14.27rem;
	line-height: 7.083rem;	
}
.navbar ul li{
	float: left;
	display: inline-block;
	list-style-type: none;
	margin-left: 2.5rem;
	text-align: center;
}
*/
#nav-item{
	margin-left: 0rem !important;
}
.navbar ul li a:link,.navbar ul li a:visited{
	text-decoration: none;
	color:#000000;
}
.navbar ul li a:hover{
	text-decoration: none;
	color:#00ADC0;
}
.nav-active{
	color:#00ADC0 !important;
}
/*.switchOver{
	width: 6.98rem;
	float: left;
	line-height: 7.083rem;
	margin-left: 14.27rem;
	
}*/
.switchOver a:link,.switchOver a:visited{
	font-weight: bold;
	color:#656565;
	text-decoration: none;
}
.switchOver a:hover{
	font-weight: bold;
	color:#24C8D2;
	text-decoration: none;
}
.switch-active{
	color:#24C8D2 !important;
}
/*swiper*/
.swiper-container {
    width: 100%;
    min-width: 100%;
   /* height: 42.08rem;*/
} 
.swiper-slide img{
	width:100% !important;
	/*max-width: 417px;
	max-height: 430px;*/
	height: 50%;
}
.swiper-pagination-bullet{
	width:27px !important;
	border-radius:0px !important;
	height: 4px !important;
}
.swiper-button-prev{
	background-color: #000000;
	opacity: 0.5;
}
.swiper-button-next{
	background-color: #000000;
	opacity: 0.5;
}
html {
overflow-y: scroll;

}

:root {
overflow-y: auto;
overflow-x: hidden;

}

/*:root body {
position: absolute;
}*/

body {
width: 100vw;
width: 100%;
/*overflow: hidden;*/
}

/*start traver part*/
#starttraver{
	width: 100%;
	height: 11.72rem;
	clear: both;
}
.startTop{
	width: 100%;
	height: 7.93rem;
	border-bottom:1px solid #01A3B2;
	text-align: center;
}
.startTop img{
	
	height: 7.92rem;
}


.footer{
	clear: both;
	height: 27.3125rem;
	width: 100%;
	background-color: #232323;
}

.f01{
	width:11.8%;
	float: left;
	
	overflow: hidden;
	height: 21.35rem;
}
.f02{
	width:19.98%;
	float: left;
	overflow: hidden;
	height: 21.35rem;
}

.f02 ul{
	margin:0px;padding:0px;
}
.f02 ul li{
	color:#9D9D9D;
	line-height: 2rem;
}
.f02 ul li:first-child{
	color:white;
	margin-top: 5.9375rem;
	font-size: 1.2rem;
	margin-bottom: 2.08rem;
}
.f03{
	width:34.2%;
	float: left;
	border-left: 1px solid #5A5A5A;
	border-right: 1px solid #5A5A5A;
	overflow: hidden;
	height: 16.4125rem;
	margin-top: 5.9375rem;
}
.f03 dl{
	display: inline-block;
	
	float: left;
	margin-left: 2rem;
	height: 15.6rem;
}
.f03 dl>h1{
	font-size: 1.2rem;
	color:#FFFFFF;
	font-weight: normal;
	margin-bottom: 2.083rem;
}
.f03 dl>h1 a:link,.f03 dl>h1 a:visited{
	text-decoration: none;
	color:#FFFFFF;
}
.f03 dl>h1 a:hover{
	text-decoration: none;
	color:#9D9D9D;
}
.f03 dl dt{
	color:#9D9D9D;
	line-height: 2rem;
}
.f03 dl dt a:link,.f03 dl dt a:visited{
	text-decoration: none;
	color:#9D9D9D;
}
.f03 dl dt a:hover{
	text-decoration: none;
	color:#eaeaea;
}
.f04{
	width:33.5%;
	float: left;
	overflow: hidden;
	height: 21.35rem;

}
.f04 ul{margin:0px;padding:0px;}
.f04 ul li{
	float: left;
	list-style: none;
	margin-top: 5.9375rem;
}
.f04 ul li{
	margin-left: 1.25rem;
}
.f04 ul li:first-child{
	margin-left: 4.479rem;
}

.f04 ul li>p{
	text-align: center;
	color:#FFFFFF;
	font-size: 1.2rem;
}
.f05{
	clear: both;
	width:100%;
	overflow: hidden;
	height: 3.7rem;
	text-align: center;

}
.f05 p{
	color:#9D9D9D;
	width: 100%;
	line-height: 3rem;
}
.hr3{
	height: 1px;
	border:none;
	border-top:1px solid #5A5A5A;
	width:76%;
	display: block;
	margin: 0px auto;
	margin-top: 1.5rem;
}

.poptop{
	position: absolute;
	right: 6px;
	
	z-index: 222;
	top:-54px;
}




/*
@media only screen and (min-width: 320px) {
	html{
		font-size:3.2px;
	
	}
	.switchOver{
		margin-left: 0px;
		width:28rem;
	}
	.navbar{
		margin-left: 0px;
		width:115rem;
	}
	.logo{
		margin-left: 0px;
	}
}
@media only screen and (min-width: 640px) {
	html{
		font-size:6.4px;
	
	}
	.logo{
		margin-left: 6.15rem;
	}
	.switchOver{
		margin-left: 0rem;
		width:13rem;
	}
	.navbar{
		margin-left: 0rem;
		width:70rem;
	}
}
@media only screen and (min-width: 750px) {
	html{
		font-size:7.5px;
	
	}
	.switchOver{
		margin-left: 3.27rem;
		width:13rem;
	}
	.navbar{
		margin-left: 16.27rem;
		width:60rem;
	}
	
}
@media only screen and (min-width: 960px) {
	html{
		font-size:7.5px;
	
	}
	.switchOver{
		margin-left: 4.27rem;
		width:13rem;
	}
	.navbar{
		margin-left: 7.27rem;
		width:74rem;
	}
	
}
*/	
@media only screen and (max-width: 1023px){
	html,body{
		font-size:13.66px;
		min-width:1200px;
	}
	/*.navbar {
   	 	margin-left: 5.57rem;
    	width: 45.67rem;
	}*/
}	
@media only screen and (min-width: 1024px) {
	html{
		font-size:13.66px;
		min-width:1200px;
	}
	/*.switchOver{
		width: 8.98rem;
		margin-left: 4.27rem;
	}
	.navbar{
		margin-left: 12.27rem;
		width:45.67rem;
	}*/
}

/*@media only screen and (min-width: 1280px) {
	html{
		font-size:12.80px;
		   
	}
	.switchOver{
		width: 6.98rem;
		margin-left: 14.27rem;
	}
	.navbar{
		margin-left: 14.27rem;
		width:41.67rem;
	}
}*/

@media only screen (min-width:1280)and(max-width: 1366px) {
	html{
		font-size:13.66px;
		min-width:1200px;
	}
	
	

}

@media  only screen and (min-width: 1440px) {
	html{
	font-size:14.40px;
	      
	}
	
}
@media only screen and (min-width: 1680px) {
	html{
	font-size:16.80px;
	
		      
	}
	
	
}
@media only  screen and (min-width: 1920px) {
	html{
	font-size:19.20px;
		      
	}
	
}
@media only screen and (min-width:2500px){
	html{
		font-size:25.60px;
	
		     
	}
	
	
}