@charset "utf-8";

/****** 首页 ******/
.warp {
	width: 6.40rem;
	overflow: hidden;
	margin: 0 auto;
}

.w1100 {
	width: 5.95rem;
	margin: 0 auto;
	overflow: hidden;
}

.bg-color {
	background: #efefef;
}

.bg-color2 {
	background: #fff;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.pc-style { display: none; }

/* header */
.warp { width: 6.4rem; overflow: hidden; margin: 0 auto; }

.header-top { width: 100%; height: 2.6rem; background: #0066cc; }

.header-top .w1100 { width: 100%; }

.logo { width: 100%; overflow: hidden; float: left; background: #0066cc; }

.logo a { display: block; width: 5.95rem; overflow: hidden; margin: 0.22rem auto 0.25rem auto; }

.logo .guohui { width: 0.65rem; float: left; margin: 0rem 0.25rem 0rem 0rem; }

.logo-name { width: 4.65rem; float: left; margin: 0.25rem 0rem 0rem 0rem; }

.search { position: absolute; left: 50%; top: 1.80rem; margin-left: -3.2rem; z-index: 999; width: 6rem; padding: 0rem 0.2rem; background: #6699ff; }
.search .cn-btn { display: block; padding: 0rem 0.2rem; font-size: 0.18rem; line-height: 0.5rem; margin: 0.15rem 0rem;
	float: left; color: #fff; border-radius: 0.05rem; background: #4075de; }
.search .cn-btn a { color: #fff; }
.search-box { display: block; float: right; }

.search_input { display: block; width: 4.05rem; height: 0.5rem; margin: 0.15rem 0rem; float: left; text-indent: 1em; border-top-left-radius: 0.05rem;
	border-bottom-left-radius: 0.05rem;	background: #4075de; }
.search_btn { display: block; width: 0.5rem; height: 0.5rem; float: left; margin: 0.15rem 0rem; border-top-right-radius: 0.05rem;
	border-bottom-right-radius: 0.05rem; background: url("44627.png") no-repeat left center #4075de; background-size: 60%;
	background-position: 0.05rem;
}

.nav { position: absolute; left: 50%; top: 1.19rem; margin-left: -3.2rem; z-index: 999; width: 6.4rem; background: #0052a4; text-align: center; }
.nav ul li { display: inline-block; line-height: 0.62rem; padding: 0rem 0.2rem; color: #fff; font-size: 0.2rem; }
.nav ul li a { color: #fff; }

.nav-right { display: none; }


@media screen and (min-width: 320px) and (max-width: 374px ) {
	.nav ul li { padding: 0rem 0.05rem; }
}

@media screen and (max-width: 375px) {
.nav ul li { padding: 0rem 0.19rem; }
}
/* header end */


/* 内容 */
.content-box {
	width: 100%;
	overflow: hidden;
	float: left;
}


.mobile-new { width: 100%; overflow: hidden; float: left; padding: 0.25rem 0rem; font-size: 0.28rem; color: #0066cc; line-height: 0.35rem;
text-align: center; }
.mobile-new a { color: #0066cc; }

.one-box .one-box-top .device { width: 100%; height: 3.45rem; margin: 0 auto; position: relative; overflow: hidden; }
.one-box .one-box-top .swiper-container { width: 100%; height: 3.45rem; }
.one-box .one-box-top .swiper-wrapper {
	width: 100%;
	height: 3.45rem;
}

.one-box .one-box-top .swiper-slide {
	width: 100%;
	height: 3.45rem;
	text-align: left;
	overflow: hidden;
	position: relative;
}

.one-box .one-box-top .swiper-slide img { width: 100%; height: 100%; }

.one-box .one-box-top .swiper-title {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 0.55rem;
	line-height: 0.55rem;
	color: #ffffff;
	text-align: left;
	text-indent: 1em;
	background: rgba(0, 0, 0, 0.5);
}
.one-box .one-box-top .swiper-title .st-one, .one-box .one-box-top .swiper-title .st-two, .one-box .one-box-top .swiper-title .st-three {
	display: none;
}
.mobile-swiper-title { color: #fff; }


.one-box .one-box-top .pagination {
	position: absolute;
	right: 0.18rem;
	bottom: 0.10rem;
	text-align: center;
	width: auto;
	height: auto;
	z-index: 999;
}
.one-box .one-box-top .swiper-pagination-switch {
	display: inline-block;
	width: 0.15rem;
	height: 0.15rem;
	border-radius: 0.15rem;
	background: #e6e4dc;
	margin: 0 0.05rem;
	cursor: pointer;
}
.one-box .one-box-top .swiper-active-switch {
	background: #0066cc;
}

.one-box .swiper-box { width: 100%; height: 3.45rem; float: left; margin: 0rem 0rem 0rem 0rem; }

.one-box .one-box-bottom { display: none; }

.mobile-new-box { width: 100%; overflow: hidden; float: left; margin-top: 0.2rem; }
.title-all-style { width: 100%; font-weight: bold; font-size: 0.28rem; text-align: center; color: #0066cc }
.title-all-style a { display: inline-block;  line-height: 0.70rem; color: #0066cc; border-bottom: solid 0.05rem #0066cc; }
.mobile-new-box dl { width: 100%; overflow: hidden; float: left; }
.mobile-new-box dl dd { padding: 0rem 0.2rem; line-height: 0.35rem; margin-top: 0.4rem; float: left; position: relative; }
.mobile-new-box dl dd:first-child { margin-top: 0.3rem; }
.mobile-new-box dl dd:after { content: ''; position: absolute; left: 0rem; top: 0.1rem; width: 0.09rem; height: 0.09rem;
	border-radius: 50%; background: #c0bebd; }
.mobile-more-btn { width: 100%; overflow: hidden; float: left; margin-top: 0.15rem; text-align: center; }
.mobile-more-btn a { display: block; width: 2.80rem; margin: 0 auto; line-height: 0.45rem; color: #0066cc; background: #f0f0f0; }


.two-box .left-box, .two-box .left-box { width: 100%; overflow: hidden; float: left; }
.two-box .left-box ul { width: 100%; overflow: hidden; position: relative; margin-top: 0.25rem; }
.two-box .left-box ul li > dl { display: none; width: 100%; overflow: hidden; float: left; }
.two-box .left-box ul li dl dd { padding: 0rem 0.2rem; line-height: 0.35rem; margin-top: 0.4rem; float: left; position: relative; }
.two-box .left-box ul li dl dd:after { content: ''; position: absolute; left: 0rem; top: 0.1rem; width: 0.09rem; height: 0.09rem;
	border-radius: 50%; background: #c0bebd; }
.two-box .left-box ul li { width: 100%; overflow: hidden; float: left; background: #fff; }
.two-box .left-box ul li:nth-child(3) { position: absolute; left: 0rem; top: 0.81rem; }
.two-box .left-box ul li .title-all-style ul { width: 100%; overflow: hidden; float: left; text-align: center; }
.two-box .left-box ul li .title-all-style dl dt { display: inline-block; padding: 0rem 0.26rem; color: #262626; }
.active-hover { color: #0066cc; }
.active-hover b { display: inline-block;  line-height: 0.70rem; color: #0066cc; border-bottom: solid 0.05rem #0066cc; }

.active-block { display: block!important; }


.two-box .right-box .right-b1-box, .two-box .right-box .right-b3-box { display: none; }
.two-box .right-box .right-b2-box { margin-top: 0.20rem; }
.two-box .right-box .right-b2-box, .title2-all-style, .two-box .right-box .right-b2-box dl { width: 100%; overflow: hidden; float: left; }
.title2-all-style { font-weight: bold; font-size: 0.28rem; text-align: center; color: #0066cc; }
.title2-all-style a { display: inline-block;  line-height: 0.70rem; color: #0066cc; border-bottom: solid 0.05rem #0066cc; color: #0066cc; }
.two-box .right-box .right-b2-box dl { text-align: center; margin: 20px 0px 30px 0px; }


.three-box { width: 100%; overflow: hidden; float: left; margin-top: 0.25rem; }
.three-box dl, .three-box dl dt, .three-box dl .three-dl-box { width: 100%; overflow: hidden; float: left; }
.three-box dl dt { font-weight: bold; font-size: 0.28rem; text-align: center; color: #0066cc }
.three-box dl dt a { display: inline-block;  line-height: 0.70rem; color: #0066cc; border-bottom: solid 0.05rem #0066cc; }

.three-box dl .three-dl-box { margin: 0.25rem 0rem 0.05rem 0rem; }
.three-box dl .three-dl-box dd { width: 100%; overflow: hidden; float: left; margin-bottom: 0.28rem; }
.three-box dl .three-dl-box dd img { width: 100%; height: 1.65rem; }
	/* 内容 end */


/* footer */
.footer { width: 100%; overflow: hidden; float: left; text-align: center; color: #fff; background: #676161 }
.footer a { color: #fff; }
.footer .footer-one { display: none; }
.footer .footer-two { width: 100%; overflow: hidden; float: left; line-height: 0.25rem; margin: 0.22rem 0rem; font-size: 0.18rem; }
.footer .footer-two .w1060 { width: 4.65rem; margin: 0 auto; }
/* footer end */