@-webkit-keyframes bottom1 {

	0%,
	100% {
		bottom: 40px
	}

	50% {
		bottom: 15px
	}
}

@-moz-keyframes bottom1 {

	0%,
	100% {
		bottom: 40px
	}

	50% {
		bottom: 15px
	}
}

@-o-keyframes bottom1 {

	0%,
	100% {
		bottom: 40px
	}

	50% {
		bottom: 15px
	}
}

@keyframes bottom1 {

	0%,
	100% {
		bottom: 40px
	}

	50% {
		bottom: 15px
	}
}

.banner_box img {
	width: 100%;
	height: auto
}

.banner_box .swiper-pagination-bullet {
	width: 0.8rem;
	height: 0.1rem;
	border-radius: .1rem;
	-webkit-border-radius: .1rem;
	-moz-border-radius: .1rem
}

.banner_box .swiper-pagination {
	bottom: 0.4rem
}

.introduction_box {
	width: 100%;
	height: 7.8rem;
	background: url("../images/introduction_bg.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.introduction_box p {
	font-size: 0.24rem;
	color: #565656;
	text-indent: 2em
}

.introduction_boxmore{
	display: block;
	width: 2.2rem;
	height: 0.6rem;
	line-height: 0.6rem;
	background: #0168b7;
	font-size: 0.24rem;
	color: #fff;
	margin: 0.35rem auto 0;
	text-align: center;
	border-radius: .6rem;
	-webkit-border-radius: .6rem;
	-moz-border-radius: .6rem
}

.introduction_list {
	padding-top: 0.3rem
}

.introduction_list li {
	margin: 0 0.2rem
}

.introduction_list span {
	display: block;
	width: 0.82rem;
	height: 0.66rem
}

.introduction_list h6 {
	padding-top: 0.2rem;
	color: #888888;
	text-align: center
}

.introduction_icon_1 {
	background: url("../images/about_active_icon_1.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.introduction_icon_2 {
	background: url("../images/about_active_icon_2.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.introduction_icon_3 {
	background: url("../images/about_active_icon_3.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.introduction_icon_4 {
	background: url("../images/about_active_icon_4.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.field_list li {
	width: 50%;
	height: 3.3rem;
	text-align: center;
	box-sizing: border-box;
	border: 0.01rem solid #000000
}

.field_list h1 {
	font-weight: bold;
	line-height: 1.4;
	color: #fff;margin: 0.1rem 0 0.1rem;
}

.field_list h6 {
	line-height: 1.4;
	font-size: 0.2rem;
	color: #fff;
	margin: 0.1rem 0 0.4rem
}

.field_list a {
	display: block;
	width: 1.5rem;
	height: 0.32rem;
	line-height: 0.32rem;
	border: 0.01rem solid #fff;
	box-sizing: border-box;
	color: #fff;
	font-size: 0.14rem;
	margin: 0 auto;
	border-radius: .32rem;
	-webkit-border-radius: .32rem;
	-moz-border-radius: .32rem
}

.field_img_1 {position: relative;background-color: #000; 
	/* background: url("../images/field_img_1.png") no-repeat; */
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.field_img_2 {
	background: url("../images/field_img_2.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.field_img_3 {
	background: url("../images/field_img_3.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.field_img_4 {
	background: url("../images/field_img_4.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.field_img_5 {
	background: url("../images/field_img_5.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.field_img_6 {
	background: url("../images/field_img_6.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.choose_list {
	padding: 0.1rem 0 0.2rem
}

.choose_list li {
	width: 33.3%;
	text-align: center
}

.choose_list h1 {
	padding-bottom: 0.45rem;
	position: relative
}

.choose_list h1 b {
	font-size: 0.56rem;color: #ec0202;
}

.choose_list h1 span {
	font-size: 0.24rem;
	position: relative;
	margin-left: 0.1rem
}

.choose_list h1::after {
	display: block;
	content: "";
	width: 0.4rem;
	height: 0.04rem;
	background: #a0a0a0;
	position: absolute;
	left: 50%;
	bottom: 0.2rem;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%)
}

.choose_list p {
	padding-top: 0.1rem;
	font-size: 0.24rem;
	color: #888888
}

.choose_item_2 span::after {
	display: block;
	content: "+";
	position: absolute;
	left: 50%;
	top: -0.25rem;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%)
}

.choose_img {
	width: 100%;
	height: 4.37rem;
	background: url("../images/choose_img.jpg") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.comment_box {
	background: #0168b7;
	padding-top: 0.15rem
}

.comment_box .swiper-wrapper h6 {
	color: #fff;
	padding-bottom: 0.3rem;padding-top: 0.1rem;
	width: 6rem
}

.comment_box .swiper-pagination-bullet {
	width: 0.16rem;
	height: 0.16rem
}

.comment_title {
	color: rgba(255, 255, 255, 0.14);
	border-left: 0.01rem solid rgba(255, 255, 255, 0.14);
	padding-left: 0.1rem;
	margin-bottom: 0.1rem
}

.more {
	display: block;
	width: 50%;
	height: 36px;
	text-align: center;
	font-size: 14px;
	line-height: 36px;
	border: 1px solid #6c6c6c;
	margin: 0px auto;
	position: relative;
	color: #666;border-radius: 20px;
}
.more .ico {
	position: absolute;
	right: 10%;
	color: #000;
	top: 0%;
	height: 100%;
	transition: 300ms;
	-webkit-transition: 300ms;
}
.more:hover {
	border: 2px solid #0168b7;
	color: #fff;
	background-color: #0168b7;
}
.more:hover .ico {
	right: 5%;
	color: #fff;
}

.move{
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    -ms-animation: move 2s linear infinite;
    animation: move 2s linear infinite;
}
@-webkit-keyframes move {
    0% { transform:translate(-5px, 0); -webkit-transform:translate(-5px, 0);-moz-transform:translate(-5px, 0);-ms-transform:translate(-5px, 0); }
    50% { transform:translate(5px, 0); -webkit-transform:translate(5px, 0); }
    100% {transform:translate(-5px, 0); -webkit-transform:translate(-5px, 0); }
}
@keyframes move {
    0% { transform:translate(-5px, 0); -webkit-transform:translate(-5px, 0); }
    50% { transform:translate(5px, 0); -webkit-transform:translate(5px, 0); }
    100% {transform:translate(-5px, 0); -webkit-transform:translate(-5px, 0); }
}



.advantage_info {
	padding: 0.3rem 0
}

.advantage_info h1 {
	font-weight: bold;
	font-size: 0.36rem;color: #0168b7;
}

.advantage_info h2 {
	font-size: 0.3rem;
	padding: 0.15rem 0 0.45rem;
	position: relative
}

.advantage_info .advantage_infos::after {
	position: absolute;
	left: 0;
	bottom: 0.2rem;
	display: block;
	content: "";
	width: 0.2rem;
	height: 0.03rem;
	background: #7d7d7d
}

.advantage_info li {
	width: 2.9rem;
	background: #3e3a3a;
	box-sizing: border-box;
	padding: 0.2rem 0.15rem;
	margin-bottom: 0.2rem
}

.advantage_info li:nth-child(odd) {
	margin-right: 0.1rem
}

.advantage_info li:nth-child(even) {
	margin-left: 0.1rem
}

.advantage_info h4 {
	font-weight: bold;color: #ffffff;
}

.advantage_info h4::before {
	display: block;
	content: "";
	width: 0.36rem;
	height: 0.28rem;
	margin-right: 0.1rem
}

.advantage_info p {
	padding-top: 0.15rem;
	margin-top: 0.15rem;
	border-top: 0.01rem solid #dddddd;
	font-size: 0.24rem;
	color: #ececec
}

.advantage_icon_1::before {
	background: url("../images/advantages_active_icon_1.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.advantage_icon_2::before {
	background: url("../images/advantages_active_icon_2.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.advantage_icon_3::before {
	background: url("../images/advantages_active_icon_3.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.advantage_icon_4::before {
	background: url("../images/advantages_active_icon_4.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.advantage_icon_5::before {
	background: url("../images/advantages_active_icon_5.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.advantage_icon_6::before {
	background: url("../images/advantages_active_icon_6.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.advantage_img {
	display: block;
	width: 100%;
	height: 2.38rem;
	background: url("../images/advantage_img_1.jpg") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.equipments_item {
	padding: 20px 0
}

.equipments_item:not(:last-child) {
	border-bottom: 1px solid #eeeeee
}

.equipments_item .img_box {
	margin-right: 0.25rem
}

.equipments_item img {
	width: 2.16rem;
	height: 1.47rem
}

.equipments_list .advantage_info {
	padding-bottom: 0.15rem
}

.equipments_list .advantage_info h2 {
	padding-bottom: 0
}

.equipments_list .equipments_item:nth-child(2) .equipments_info h2::after {
	background: url("../images/equipments_icon_1.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.equipments_list .equipments_item:nth-child(3) .equipments_info h2::after {
	background: url("../images/equipments_icon_2.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}
.equipments_list .equipments_item:nth-child(4) .equipments_info h2::after {
	background: url("../images/equipments_icon_3.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.equipments_list .equipments_item:nth-child(5) .equipments_info h2::after {
	background: url("../images/equipments_icon_4.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.equipments_info h2 {
	font-size: 0.24rem;
	height: 0.42rem;
	line-height: 0.27rem;
	padding: 0 0 0.1rem 0.4rem;
	position: relative;color: #151515;
}

.equipments_info h2::after {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0.35rem;
	height: 0.27rem
}

.equipments_info p {
	font-size: 0.24rem;
	color: #888888
}

.equipments_icon_1 {
	background: url("../images/equipments_icon_1.png") no-repeat left center
}

.equipments_icon_2 {
	background: url("../images/equipments_icon_2.png") no-repeat left center
}

.title_boxb{margin-left: 0.2rem;}
.title_boxb h2 {
	font-size: 0.29rem;
		height: 0.52rem;
		line-height: 0.37rem;
		padding: 0 0 0.1rem 0.54rem;
		position: relative;
		margin: 0 auto;
		/* text-align: center; */
		font-weight: 700;
		color: #0168b7;
}

.title_boxb h2::after {
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
width: 0.45rem;
	height: 0.37rem;
}
.ppp .title_boxb:nth-child(2)  h2::after {
	background: url("../images/icon_1.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.ppp .title_boxb:nth-child(4)  h2::after {
	background: url("../images/icon_2.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.ppp .title_boxb:nth-child(6)  h2::after {
	background: url("../images/icon_3.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}
.ppp .title_boxb:nth-child(8)  h2::after {
	background: url("../images/icon_4.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.ppp .title_boxb:nth-child(10)  h2::after {
	background: url("../images/icon_5.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.ppp .title_boxb:nth-child(12)  h2::after {
	background: url("../images/icon_6.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.glory_box {
	width: 100%;
	height: 8.33rem;
	background: url("../images/glory_bg.jpg") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.glory_box ul {
	margin-bottom: 0.2rem
}

.glory_box ul li {
	font-size: 0.22rem;
	color: #282828;
	padding: 0 0.15rem
}

.news_img {
	display: block;
	width: 100%;
	height: 3.69rem;
	background: url("../images/news_img.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%
}

.new_list {
	padding:0.1rem 0 0.1rem
}

.new_list li {
	padding: 0.25rem 0.2rem;
	background: #f3f3f3;
	margin-bottom: 0.1rem
}

.new_date {
	width: 0.85rem;
	height: 0.9rem;
	margin-right: 0.15rem;
	box-sizing: border-box;
	border-right: 0.01rem solid #dadada;background: #0168b7;
}

.new_date h3 {
	font-size: 0.5rem;
	color: #ffffff;text-align: center;
	/* padding: 0.1rem 0 */
}

.new_date h4 {
	font-size: 0.16rem;
	color: #f3f3f3;text-align: center;
}

.new_info {
	width: 5rem
}

.new_info h6 {
	color: #282828;
	line-height: 1.3;
	margin-bottom: 0.1rem
}

.new_info p {
	line-height: 1.3;
	font-size: 0.22rem;
	color: #797979
}

.join_box a {
	display: block;
	width: 100%;
	height: 3.62rem
}

.join_img_1 {
	background: url("../images/join_img_1.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	margin-bottom: 0.15rem
}

.join_img_2 {
	background: url("../images/join_img_2.png") no-repeat;
	background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	border-bottom: 0.3rem solid #fff
}