@charset "utf-8";

/*清除内边距*/

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
ul,
ol,
li,
pre,
fieldset,
lengend,
input,
textarea,
th,
td,
figure {
	border: none;
	padding: 0;

	margin: 0;

}

/*设置默认字体*/

body,
button,
select,
textarea {

	font: 15px/1.5 'Microsoft YaHei', 'WenQuanYi Micro Hei', Arial, sans-serif, \5b8b\4f53;
	/* 用 ascii 字符表示，使得在任何编码下都无问题 */
	border: none;
}

html {

	height: 100%;

}

html,
body {
	color: rgba(0, 0, 0, .8);
}

h1 {

	font-size: 52px;

}

h2 {

	font-size: 18px;

}

h3 {

	font-size: 17px;

}

h4 {

	font-size: 16px;

}

h5,
h6 {

	font-size: 14px;

}

address,
cite,
dfn,
em,
var {

	font-style: normal;

}

code,
kbd,
pre,
samp,
tt {
	font-family: "Courier New", Courier, monospace;
}

/* 统一等宽字体 */

small {
	font-size: 12px;
}

/* 小于 12px 的中文很难阅读，让 small 正常化 */



/*重置列表元素*/

ul,
li {

	list-style: none;
	cursor: pointer;
}

/*重置文本格式元素*/

a {
	text-decoration: none;
}


a:hover {
	text-decoration: none;
	/* color:rgba(229,126,26,1); */
	cursor: pointer;
}

abbr[title],
acronym[title] {
	/* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */

	border-bottom: 1px dotted;

	cursor: help;
}

/*重置表单元素*/

legend {
	color: #000;
}

/* for ie6 */

fieldset,
img {
	border: none;
}

/* img 让链接里的 img 无边框 */

/* 注：optgroup 无法扶正 */

img {
	margin: 0px;
	padding: 0px;
	vertical-align: bottom;
	font-size: 0;

	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 2s;
	-webkit-transition-property: all;
	-webkit-transition-timing-function: ease;
}

button,
input,
select,
textarea {

	font-size: 100%;
	/* 使得表单元素在 ie 下能继承字体大小 */
	outline: none;
	border: 0;
	border-color: #2f6ad3;

}

/*重置表格元素*/

table {

	border-collapse: collapse;

	border-spacing: 0;

}

/*重置hr元素*/

hr {

	border: none;

	height: 1px;

}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */

/* html { overflow-y: scroll; } */

/*规定html5样式*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
section,
summary {

	display: block;

}

audio,
canvas,
progress,
video {

	display: inline-block;

	vertical-align: baseline;

	*display: inline;

	*zoom: 1;

}

audio:not([controls]) {

	display: none;

	height: 0;

}

/*苹果系统input去除*/
input[type="button"],
input[type="submit"],
input[type="reset"] {
	-webkit-appearance: none;
}

textarea {
	-webkit-appearance: none;
}

/* 浮动 */
.left {
	float: left;
}

.right {
	float: right;
}

/*清理浮动*/

.clear:before,
.clear:after {

	content: "";

	display: table;

}

.clear:after {
	clear: both;
}

.clear {

	*zoom: 1;
	/*IE/7/6*/

}

/*动画*/

p:hover {
	transition: all 0.3s ease 0s;
}

/* a:hover{ opacity:0.8;transition: all 0.3s ease 0s;} */


.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.btn {
	display: block;
	width: 270px;
	height: 54px;
	color: #000000;
	margin: 60px auto;
	border-radius: 5px;
	text-align: center;
	background: #ffd200;
	border: none;
	cursor: pointer;
	text-transform: uppercase;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn p:nth-child(1) {
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
}

.btn p:nth-child(2) {
	font-size: 12px;
}

.btn:after {
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background: #0068b7;
}

.btn:hover,
.btn:active {
	color: #ffffff;
	background: #0068b7;
}

.btn:hover:after,
.btn:active:after {
	width: 100%;
}

.box {
	overflow: hidden;
}

.container_img {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	line-height: 0;
}

.font_w {
	font-weight: 600;
}

body {
	/**max-width: 750px;**/
	margin: 0 auto;
}


@media (max-width:750px) {
	.margin_t0 {
		margin-top: 0rem !important;
	}

	.margin_t10 {
		margin-top: .1rem !important;
	}

	.margin_t20 {
		margin-top: .2rem !important;
	}

	.margin_t30 {
		margin-top: .3rem !important;
	}

	.margin_l10 {
		margin-left: .1rem !important;
	}

	.margin_b30 {
		margin-bottom: .3rem !important;
	}

	.margin_t50 {
		margin-top: .5rem !important;
	}

	.margin_t80 {
		margin-top: .8rem !important;
	}

	.margin_t100 {
		margin-top: 1rem !important;
	}

	.margin_b10 {
		margin-bottom: .1rem !important;
	}

	.margin_b20 {
		margin-bottom: .2rem !important;
	}

	.margin_b50 {
		margin-bottom: .5rem !important;
	}

	.margin_b100 {
		margin-bottom: 1rem !important;
	}

	.margin_b200 {
		margin-bottom: 2rem !important;
	}

	.padding_t50 {
		padding-top: .5rem !important;
	}

	.container_box {
		width: 7.5rem;
		margin: 0 auto;
		text-align: center;
		background: #031253;
		overflow: hidden;
	}

	.container {
		width: 7.5rem;
		margin: 0 auto;
		line-height: 0;
		background: #031253;

	}

	.one_box {
		width: 7.5rem;
		margin: 0 auto;
		background-image: url(../images/1_03.jpg);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		height: 4.97rem;
		overflow: hidden;
	}

	.two_box {
		width: 7.5rem;
		margin: 0 auto;
		background-image: url(../images/1_05.jpg);
		background-repeat: y-repeat;
		background-size: 100% 100%;
		overflow: hidden;
	}

	.th_box {
		width: 7.5rem;
		margin: 0 auto;
		background-image: url(../images/1_10.jpg);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		height: 1.17rem;
		overflow: hidden;
	}

	.four_box {
		width: 7.5rem;
		margin: 0 auto;
		background-image: url(../images/1_14.jpg);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		height: 1.09rem;
		overflow: hidden;
	}

	.five_box {
		width: 7.5rem;
		margin: 0 auto;
		background-image: url(../images/1_17.jpg);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		height: 1.68rem;
		overflow: hidden;
	}

	.biaod {
		width: 7.5rem;
		margin: 0 auto;
		background-repeat: y-repeat;
		padding-bottom: 1rem;
		background-position: center;
		overflow: hidden;
	}

	.biaod_bg {
		width: 7.5rem;
		margin: 0 auto;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center top;
		overflow: hidden;
	}

	.biaod_bai {
		width: 6.8rem;
		margin: .3rem auto;
		border-radius: .1rem;
		padding: 0rem 0 .1rem 0;
	}


	.biaod_box {
		width: 6rem;
		height: .36rem;
		margin: .1rem auto 0 auto;
	}

	.biaod_box input {
		width: 6rem;
		color: #cfdbdb;
		font-size: .24rem;
		line-height: .3rem;
		margin: 0 auto;
		background: none;
		padding-bottom: .1rem;
		border-bottom: 1px #00f9ff solid;
	}

	.biaod_bt {
		width: 6rem;
		color: #fff;
		font-size: .28rem;
		text-align: left;
		line-height: .3rem;
		margin: .3rem auto 0 auto;
		overflow: hidden;
	}


	.biaod_bt b {
		font-size: .16rem;
	}

	.biaod_bt span {
		color: #ff0000;
	}

	.biaod_box_an {
		width: 6.8rem;
		font-size: .3rem;
		line-height: .8rem;
		color: #fff;
		text-align: center;
		border-radius: .4rem;
		margin: .3rem auto;
		text-align: center;
		display: block;
		background: #af0d0a;
		background-image: -webkit-gradient(linear, left bottom, right top, color-stop(1, #af0d0a), color-stop(0.5, #fd403f));
		/* chrome 10+, safari 5.1+ */
		background-image: -webkit-linear-gradient(0deg, #af0d0a, #fd403f);
		/* firefox; multiple color stops */
		background-image: -moz-linear-gradient(0deg, #af0d0a, #fd403f);
		/* ie10 */
		background-image: -ms-linear-gradient(0deg, #af0d0a 0%, #fd403f 100%);
		/* opera 11.1 */
		background-image: -o-linear-gradient(0deg, #af0d0a, #fd403f);
		/* 标准写法 */
		background-image: linear-gradient(0deg, #af0d0a, #fd403f);
		overflow: hidden;
	}


	.fudong {
		width: 100%;
		position: fixed;
		bottom: 0.1rem;
		left: 0;
		overflow: hidden;
	}

	.guanw {
		width: 7.5rem;
		height: 1rem;
		margin: 0 auto;
		overflow: hidden;
	}

	.guanw_n {
		width: 6.7rem;
		height: 1rem;
		text-align: center;
		font-size: .3rem;
		line-height: 1rem;
		color: #fff;
		margin: 0 auto;
		background: #af0d0a;
		background-image: -webkit-gradient(linear, left bottom, right top, color-stop(1, #af0d0a), color-stop(0.5, #fd403f));
		/* chrome 10+, safari 5.1+ */
		background-image: -webkit-linear-gradient(0deg, #af0d0a, #fd403f);
		/* firefox; multiple color stops */
		background-image: -moz-linear-gradient(0deg, #af0d0a, #fd403f);
		/* ie10 */
		background-image: -ms-linear-gradient(0deg, #af0d0a 0%, #fd403f 100%);
		/* opera 11.1 */
		background-image: -o-linear-gradient(0deg, #af0d0a, #fd403f);
		/* 标准写法 */
		background-image: linear-gradient(0deg, #af0d0a, #fd403f);
		border-radius: .5rem;
		overflow: hidden;
	}

	.guanw_n span {
		color: #00f9ff;
		font-weight: bold;
	}


}

@media (min-width:751px) {
	.margin_t0 {
		margin-top: 0rem !important;
	}

	.margin_t10 {
		margin-top: 10px !important;
	}

	.margin_t20 {
		margin-top: 20px !important;
	}

	.margin_t30 {
		margin-top: 30px !important;
	}

	.margin_l10 {
		margin-left: 10px !important;
	}

	.margin_b30 {
		margin-bottom: 30px !important;
	}

	.margin_t50 {
		margin-top: 50px !important;
	}

	.margin_t80 {
		margin-top: 80px !important;
	}

	.margin_t100 {
		margin-top: 100px !important;
	}

	.margin_b10 {
		margin-bottom: 10px !important;
	}

	.margin_b20 {
		margin-bottom: 20px !important;
	}

	.margin_b50 {
		margin-bottom: 50px !important;
	}

	.margin_b100 {
		margin-bottom: 100px !important;
	}

	.margin_b200 {
		margin-bottom: 200px !important;
	}

	.padding_t50 {
		padding-top: 50px !important;
	}

	.container_box {
		width: 750px;
		margin: 0 auto;
		text-align: center;
		background: #031253;
		overflow: hidden;
	}

	.container {
		width: 750px;
		margin: 0 auto;
		line-height: 0;
		background: #031253;

	}

	.one_box {
		width: 750px;
		margin: 0 auto;
		background-image: url(../images/1_03.jpg);
		background-repeat: no-repeat;
		background-position: center;
		height: 497px;
		overflow: hidden;
	}

	.two_box {
		width: 750px;
		margin: 0 auto;
		background-image: url(../images/1_05.jpg);
		background-repeat: y-repeat;
		background-position: center;
		overflow: hidden;
	}

	.th_box {
		width: 750px;
		margin: 0 auto;
		background-image: url(../images/1_10.jpg);
		background-repeat: no-repeat;
		background-position: center;
		height: 117px;
		overflow: hidden;
	}

	.four_box {
		width: 750px;
		margin: 0 auto;
		background-image: url(../images/1_14.jpg);
		background-repeat: no-repeat;
		background-position: center;
		height: 109px;
		overflow: hidden;
	}

	.five_box {
		width: 750px;
		margin: 0 auto;
		background-image: url(../images/1_17.jpg);
		background-repeat: no-repeat;
		background-position: center;
		height: 168px;
		overflow: hidden;
	}

	.biaod {
		width: 750px;
		margin: 0 auto;
		background-repeat: y-repeat;
		background-position: center;
		padding-bottom: 100px;
		overflow: hidden;
	}

	.biaod_bg {
		width: 750px;
		margin: 0 auto;
		background-repeat: no-repeat;
		background-position: center 0;
		overflow: hidden;
	}

	.biaod_bai {
		width: 680px;
		margin: 15px auto;
		border-radius: 10px;
		padding: 0px 0 10px 0;
		overflow: hidden;
	}


	.biaod_box {
		width: 600px;
		height: 36px;
		margin: 10px auto 0 auto;
	}

	.biaod_box input {
		width: 600px;
		color: #cfdbdb;
		font-size: 20px;
		line-height: 30px;
		margin: 0 auto;
		background: none;
		padding-bottom: 10px;
		border-bottom: 1px #00f9ff solid;
	}

	.biaod_bt {
		width: 600px;
		color: #fff;
		font-size: 28px;
		text-align: left;
		line-height: 30px;
		margin: 20px auto 0 auto;
		overflow: hidden;
	}

	.biaod_bt b {
		font-size: 16px;
	}

	.biaod_bt span {
		color: #ff0000;
	}

	.biaod_box_an {
		width: 680px;
		font-size: 30px;
		line-height: 80px;
		color: #fff;
		text-align: center;
		border-radius: 40px;
		margin: 30px auto 30px auto;
		text-align: center;
		display: block;
		background: #af0d0a;
		background-image: -webkit-gradient(linear, left bottom, right top, color-stop(1, #af0d0a), color-stop(0.5, #fd403f));
		/* chrome 10+, safari 5.1+ */
		background-image: -webkit-linear-gradient(0deg, #af0d0a, #fd403f);
		/* firefox; multiple color stops */
		background-image: -moz-linear-gradient(0deg, #af0d0a, #fd403f);
		/* ie10 */
		background-image: -ms-linear-gradient(0deg, #af0d0a 0%, #fd403f 100%);
		/* opera 11.1 */
		background-image: -o-linear-gradient(0deg, #af0d0a, #fd403f);
		/* 标准写法 */
		background-image: linear-gradient(0deg, #af0d0a, #fd403f);
		overflow: hidden;
	}

	.fudong {
		width: 100%;
		position: fixed;
		bottom: 20px;
		left: 0;
		overflow: hidden;
	}

	.guanw {
		width: 750px;
		height: 100px;
		margin: 0 auto;
		overflow: hidden;
	}

	.guanw_n {
		width: 670px;
		height: 80px;
		font-size: 30px;
		color: #fff;
		line-height: 80px;
		text-align: center;
		margin: 0 auto;
		background: #af0d0a;
		background-image: -webkit-gradient(linear, left bottom, right top, color-stop(1, #af0d0a), color-stop(0.5, #fd403f));
		/* chrome 10+, safari 5.1+ */
		background-image: -webkit-linear-gradient(0deg, #af0d0a, #fd403f);
		/* firefox; multiple color stops */
		background-image: -moz-linear-gradient(0deg, #af0d0a, #fd403f);
		/* ie10 */
		background-image: -ms-linear-gradient(0deg, #af0d0a 0%, #fd403f 100%);
		/* opera 11.1 */
		background-image: -o-linear-gradient(0deg, #af0d0a, #fd403f);
		/* 标准写法 */
		background-image: linear-gradient(0deg, #af0d0a, #fd403f);
		border-radius: 50px;
		overflow: hidden;
	}

	.guanw_n span {
		color: #00f9ff;
		font-weight: bold;
	}

}