@charset "utf-8";
/* CSS Document */
html,body{
	margin: 0px;
	font-size: 0px;
	height: 100%;
}
.content{
	min-height: 100%;
    box-sizing: border-box;
	padding-bottom: 50px;
	height: auto;
}
@font-face{
	font-family: font1;
	src: url(../fonts/SourceHanSansCN-Bold.otf);
	font-style: normal;
}
@font-face{
	font-family: font2;
	src: url(../fonts/SourceHanSansCN-Light.otf);
	font-style: normal;
}
@media screen and (min-width:1800px){
	.Dh1{
		width: 100%;
		height: 60px;
		padding: 15px 0px 15px 0px;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 0px;
		z-index: 100;
	}
	.Dh2{
		width: 100%;
		height: 60px;
		padding: 15px 0px 15px 0px;
		position: relative;
		top: 0px;
		left: 0px;
		font-size: 0px;
		z-index: 100;
	}
	.DhZi{
		width: 1800px;
		height: 60px;
		font-size: 0px;
		position: relative;
		left: 50%;
		margin-left: -900px;
	}
	.logo1{
		width: 161px;
		height: 60px;
		background: url(../imgs/logo1.png) no-repeat top left;
		background-size: cover;
		float: left;
	}
	.logo2{
		width: 161px;
		height: 60px;
		background: url(../imgs/logo2.png) no-repeat top left;
		background-size: cover;
		float: left;
	}
	.DhZiZi{
		width: auto;
		height: 40px;
		float: right;
		padding:10px 0px 10px 20px;
		font-size: 0px;
	}
	.DhZiZiZi1{
		width: auto;
		height: 40px;
		padding: 0px 15px 0px 15px;
		line-height: 40px;
		text-align: center;
		border-radius: 20px;
		font-family: font2,sans-serif;
		font-size: 20px;
		color: rgba(255,255,255,1.00);
	}
	.DhZiZiZi2{
		width: auto;
		height: 40px;
		padding: 0px 15px 0px 15px;
		line-height: 40px;
		text-align: center;
		border-radius: 20px;
		font-family: font2,sans-serif;
		font-size: 20px;
		color: rgba(31,29,49,1.00);
	}
	.DhZiZiZi3{
		width: auto;
		height: 40px;
		padding: 0px 15px 0px 15px;
		line-height: 40px;
		text-align: center;
		border-radius: 20px;
		font-family: font2,sans-serif;
		font-size: 20px;
		background: -webkit-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -moz-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -ms-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -o-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		color: rgba(255,255,255,1.00);
	}
	.DhZiZiZi1:hover{
		background: -webkit-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -moz-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -ms-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -o-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		color: rgba(255,255,255,1.00);
	}
	.DhZiZiZi2:hover{
		background: -webkit-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -moz-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -ms-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -o-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		color: rgba(255,255,255,1.00);
	}
}
@media screen and (max-width:1800px) and (min-width:1200px){
	.Dh1{
		width: 100%;
		height: 60px;
		padding: 15px 0px 15px 0px;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 0px;
		z-index: 100;
	}
	.Dh2{
		width: 100%;
		height: 60px;
		padding: 15px 0px 15px 0px;
		position: relative;
		top: 0px;
		left: 0px;
		font-size: 0px;
		z-index: 100;
	}
	.DhZi{
		width: 1200px;
		height: 60px;
		font-size: 0px;
		position: relative;
		left: 50%;
		margin-left: -600px;
	}
	.logo1{
		width: 161px;
		height: 60px;
		background: url(../imgs/logo1.png) no-repeat top left;
		background-size: cover;
		float: left;
	}
	.logo2{
		width: 161px;
		height: 60px;
		background: url(../imgs/logo2.png) no-repeat top left;
		background-size: cover;
		float: left;
	}
	.DhZiZi{
		width: auto;
		height: 40px;
		float: right;
		padding:10px 0px 10px 20px;
		font-size: 0px;
	}
	.DhZiZiZi1{
		width: auto;
		height: 40px;
		padding: 0px 15px 0px 15px;
		line-height: 40px;
		text-align: center;
		border-radius: 20px;
		font-family: font2,sans-serif;
		font-size: 20px;
		color: rgba(255,255,255,1.00);
	}
	.DhZiZiZi2{
		width: auto;
		height: 40px;
		padding: 0px 15px 0px 15px;
		line-height: 40px;
		text-align: center;
		border-radius: 20px;
		font-family: font2,sans-serif;
		font-size: 20px;
		color: rgba(31,29,49,1.00);
	}
	.DhZiZiZi3{
		width: auto;
		height: 40px;
		padding: 0px 15px 0px 15px;
		line-height: 40px;
		text-align: center;
		border-radius: 20px;
		font-family: font2,sans-serif;
		font-size: 20px;
		background: -webkit-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -moz-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -ms-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -o-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		color: rgba(255,255,255,1.00);
	}
	.DhZiZiZi1:hover{
		background: -webkit-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -moz-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -ms-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -o-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		color: rgba(255,255,255,1.00);
	}
	.DhZiZiZi2:hover{
		background: -webkit-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -moz-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -ms-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -o-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		color: rgba(255,255,255,1.00);
	}
}
@media screen and (max-width:1200px) and (min-width:600px){
	.Dh1{
		width: 100%;
		height: 40px;
		padding: 15px 0px 15px 0px;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 0px;
		z-index: 100;
	}
	.Dh2{
		width: 100%;
		height: 40px;
		padding: 15px 0px 15px 0px;
		position: relative;
		top: 0px;
		left: 0px;
		font-size: 0px;
		z-index: 100;
	}
	.DhZi{
		width: 600px;
		height: 40px;
		font-size: 0px;
		position: relative;
		left: 50%;
		margin-left: -300px;
	}
	.logo1{
		width: 107px;
		height: 40px;
		background: url(../imgs/logo1.png) no-repeat top left;
		background-size: cover;
		float: left;
	}
	.logo2{
		width: 107px;
		height: 40px;
		background: url(../imgs/logo2.png) no-repeat top left;
		background-size: cover;
		float: left;
	}
	.DhZiZi{
		width: auto;
		height: 40px;
		float: right;
		padding-left: 15px;
		font-size: 0px;
	}
	.DhZiZiZi1{
		width: auto;
		height: 40px;
		padding: 0px 15px 0px 15px;
		line-height: 40px;
		text-align: center;
		border-radius: 20px;
		font-family: font2,sans-serif;
		font-size: 16px;
		color: rgba(255,255,255,1.00);
	}
	.DhZiZiZi2{
		width: auto;
		height: 40px;
		padding: 0px 15px 0px 15px;
		line-height: 40px;
		text-align: center;
		border-radius: 20px;
		font-family: font2,sans-serif;
		font-size: 16px;
		color: rgba(31,29,49,1.00);
	}
	.DhZiZiZi3{
		width: auto;
		height: 40px;
		padding: 0px 15px 0px 15px;
		line-height: 40px;
		text-align: center;
		border-radius: 20px;
		font-family: font2,sans-serif;
		font-size: 16px;
		background: -webkit-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -moz-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -ms-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -o-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		color: rgba(255,255,255,1.00);
	}
	.DhZiZiZi1:hover{
		background: -webkit-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -moz-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -ms-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -o-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		color: rgba(255,255,255,1.00);
	}
	.DhZiZiZi2:hover{
		background: -webkit-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -moz-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -ms-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -o-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		color: rgba(255,255,255,1.00);
	}
}
@media screen and (max-width:600px){
	.Dh1{
		width: 100%;
		height: 30px;
		padding: 15px 0px 15px 0px;
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 0px;
		z-index: 100;
	}
	.Dh2{
		width: 100%;
		height: 30px;
		padding: 15px 0px 15px 0px;
		position: relative;
		top: 0px;
		left: 0px;
		font-size: 0px;
		z-index: 100;
	}
	.DhZi{
		width: 90%;
		height: 30px;
		font-size: 0px;
		position: relative;
		left: 5%;
		margin-left: -0px;
	}
	.logo1{
		width: 80px;
		height: 30px;
		background: url(../imgs/logo1.png) no-repeat top left;
		background-size: cover;
		float: left;
	}
	.logo2{
		width: 80px;
		height: 30px;
		background: url(../imgs/logo2.png) no-repeat top left;
		background-size: cover;
		float: left;
	}
	.DhZiZi{
		width: auto;
		height: 30px;
		float: right;
		padding-left: 10px;
		font-size: 0px;
	}
	.DhZiZiZi1{
		width: auto;
		height: 30px;
		padding: 0px 10px 0px 10px;
		line-height: 30px;
		text-align: center;
		border-radius: 15px;
		font-family: font2,sans-serif;
		font-size: 14px;
		color: rgba(255,255,255,1.00);
	}
	.DhZiZiZi2{
		width: auto;
		height: 30px;
		padding: 0px 10px 0px 10px;
		line-height: 30px;
		text-align: center;
		border-radius: 15px;
		font-family: font2,sans-serif;
		font-size: 14px;
		color: rgba(31,29,49,1.00);
	}
	.DhZiZiZi3{
		width: auto;
		height: 30px;
		padding: 0px 15px 0px 15px;
		line-height: 30px;
		text-align: center;
		border-radius: 15px;
		font-family: font2,sans-serif;
		font-size: 14px;
		background: -webkit-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -moz-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -ms-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -o-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		color: rgba(255,255,255,1.00);
	}
	.DhZiZiZi1:hover{
		background: -webkit-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -moz-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -ms-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -o-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		color: rgba(255,255,255,1.00);
	}
	.DhZiZiZi2:hover{
		background: -webkit-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -moz-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -ms-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		background: -o-linear-gradient(left,rgba(247,134,195,1.00),rgba(33,184,255,1.00));
		color: rgba(255,255,255,1.00);
	}
}