@charset "utf-8";

html{margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section{margin:0;padding:0;border:0;vertical-align:baseline;}
article, aside, details, figcaption, figure, dialog, footer, header, hgroup, menu, nav, section{display:block;}
body{color:#333;background:#fff;font-family:"Microsoft YaHei","simsun","Helvetica Neue", Arial, Helvetica, sans-serif;}

ol,
ul,
p {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

* {
	font-family: Microsoft Yahei;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

img,
input {
	border: 0px;
}

ul li {
	list-style: none;
}

ul,
p,
dl,
dt,
dd {
	padding: 0px;
	margin: 0px;
}

em,
i {
	font-style: normal;
}
#content{
	max-width:640px;
	background: #fff;
	margin: 0 auto;
	overflow-x: hidden;
}
#content img{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
}
.top{
	width: 100%;
	height:770px;
	max-height:770px;
	background:url(H_02.jpg) bottom center no-repeat #000905;
	background-size:100%;
	padding-top: 15rem;
	box-sizing: border-box;

}
.more{
	display: table;
	margin: 2rem auto 0px auto;
	width: 70%;
	color: #990003;
	line-height: 121px;
	text-align: center;
	background: url(01x.png) center center no-repeat;
	background-size: contain;
	font-weight: bold;
	font-size: 1.5rem;
}
.more:hover{
	color: #583703;
	transform: scale(1.1);
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	background: url(01.png) center center no-repeat;
	
	}


@media only screen and (max-width: 450px) {
	.top{
		height:520px;
		padding-top: 8rem;
	}
	.top .more{
	display: table;
	width: 70%;
	color: #990003;
	line-height: 121px;
	text-align: center;
	background: url(01.png) center center no-repeat;
	background-size: contain;
	font-weight: bold;
	font-size: 1rem;
}
}

.cot01{
	width: 100%;
	height: auto;
	background: url(H_04.jpg) bottom center no-repeat #00190c;
	background-size:100%;
	box-sizing: border-box;
	display: table;
	height:23rem;
}
.cot01 h2{
	font-size: 3rem;
	font-style: italic;
	color: #fff;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 5rem;
				
}
.cot01 p{
	font-size: 1.2rem;
	line-height: 2rem;
	color: #fff;
	width: 90%;
	text-align: center;
	display: table;
	margin: 0 auto;
	font-weight: bold;
				
}
.cot01 p span{
	color: #ffda00;
	
	}

@media only screen and (max-width: 450px) {
	.cot01 p{
	font-size: 1rem;
	}
	.cot01{
	height:20rem !important;
}
}


.cot02{
	display: table;
	padding: 130px 30px 50px 30px;
	width: 100%;
	height: auto;
	background: url(H_07.jpg) top center no-repeat #053018;
	background-size:100%;
	box-sizing: border-box;
	display: table;
}
.cot02 div{
	display: table;
	padding: 20px 10px;
	width: 100%;
	border-radius: 20px;
	margin: 0 auto;
	border: solid 5px #fdce01;
	background: #045228;
	box-sizing: border-box;
}
.cot02 h2{
	font-size: 2rem;
	color: #fdce01;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
				
}
.cot02 p{
	font-size: 1.2rem;
	line-height: 2rem;
	color: #fff;
	width: 95%;
	text-align: center;
	display: table;
	margin: 0 auto;
				
}

@media only screen and (max-width: 450px) {
.cot02 div{
	display: table;
	padding: 20px 10px 20px 10px;
	width: 100%;
	height: 20px;
	border-radius: 20px;
	margin: 0 auto;
	border: solid 5px #fdce01;
	background: #045228;
	box-sizing: border-box;
}
.cot02 h2{
	font-size: 1.4rem;
	color: #fdce01;
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
				
}
.cot02 p{
	font-size: 1rem;
	line-height: 1.4rem;
	color: #fff;
	width: 90%;
	text-align: center;
	display: table;
	margin: 0 auto;
				
}
	.cot02 .more{
	display: table;
	width: 80%;
	color: #990003;
	line-height: 70px;
	text-align: center;
	background: url(01.png) center center no-repeat;
	background-size: contain;
	font-weight: bold;
	font-size: 1rem;
	margin-top: 1rem;
}

}


.cot03{
	width: 100%;
	height: auto;
	background: url(H_09.jpg) bottom center no-repeat #072b1f;
	background-size:100%;
	box-sizing: border-box;
	display: table;
	min-height:23rem;
}
.cot03 h2{
	font-size: 3rem;
	font-style: italic;
	color: #fff;
	width: 90%;
	text-align: center;
	margin: 0 auto;
	background: url(07.png) top left no-repeat;
	height: 144px;
	line-height: 144px;
				
}
.cot03 h2 img{
	width: 20% !important;
	float: left;
}
.cot03 div{
	display: table;
	width: 95%;
	margin: 0 auto;
}
.cot03 div dl{
	display: block;
	width: 45%;
	margin: 10px 2%;
	float: left;
	background: #fff;
	border: solid 5px #067b3d;
	border-radius: 20px;
	padding: 20px;
	box-sizing: border-box;

}
.cot03 div dl:hover{

	transform: scale(1.1);
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
}
.cot03 div dl dt{
	width: 100%;
	text-align: center;
	color: #b7060a;
	font-weight: bold;
	font-size: 30px;
	line-height: 2.2rem;
}
.cot03 div dl dd{
	width: 100%;
	text-align: center;
	font-size: 30px;
	line-height: 28px;
	font-size: 20px;
	color: #333;
	padding-top: 10px;
}

@media only screen and (max-width: 450px) {
	.cot03 h2{
		background-size: 15%;
		font-size: 2rem;
		height: 100px;
		line-height: 90px;
	}
	.cot03 div dl{
	display: block;
	width: 45%;
	margin: 5px 2%;
	float: left;
	background: #fff;
	border: solid 3px #067b3d;
	border-radius: 10px;
	padding: 10px;
	box-sizing: border-box;
	}
	.cot03 div dl dt{
		font-size: 1.2rem;
		line-height: 1.5rem;

	}
	.cot03 div dl dd{
		font-size: .9rem;
		line-height: 1.2rem;

	}
}


.cot04{
	width: 100%;
	height: auto;
	background: url(H_11.jpg) bottom center no-repeat #033a14;
	background-size:100%;
	box-sizing: border-box;
	display: table;
	min-height:20rem;
	padding-top: 20%;
	padding-bottom: 10%;
}
.more2{
	display: table;
	margin:10px auto;
	width: 70%;
	color: #990003;
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
	line-height: 100px;
	background: url(01x.png) center center no-repeat;
	background-size:100%;
}
.more2:hover{
	color: #583703;
	transform: scale(1.1);
	-webkit-transition-duration: .5s;
	-moz-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	transition-duration: .5s;
	background: url(01.png) center center no-repeat;
}
@media only screen and (max-width: 450px) {
	.more2{
		margin: 5px auto;
		width:60%;
		font-size: 1.1rem;
		line-height: 50px;
	}
}

.footer{
	width: 100%;
	text-align: center;
	padding: 1rem 0px;
	font-size: 1rem;
	line-height: 30px;
	color: #555;
	bottom:0;
	background:#f3f2f2; 
	}