html,
body {
	margin: 0 auto;
	background: #3bac66;
	font-size: 100PX;
}

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

body {
	background: #00682c;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
	font-variant: tabular-nums;
}

img {
	width: 100%;
}

.header {
	height: 1.6rem;
	color: #fff;
	width: 100%;
	background-color: #03522c;
	box-sizing: border-box;
	margin: 0 auto;
	border-bottom: solid #078146 1px;
	display: flex;
	align-items: center;
	padding-left: .18rem;
	padding-right: .18rem;
	justify-content: space-between;

}

.header a.logo {
	margin: 0 auto;
}

.logo img {
	width: 55%;
	text-align: left;
	margin-top: .16rem;
}

.header a.service {
	width: 25%;
	float: right;
}

.service img {
	width: 100%;
}

/* 幻灯片相关 */
.swiper-container {
	width: 100%;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}

.swiper-slide img {
	display: block;
	width: 100%;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-pagination {
	position: absolute;
	text-align: center;
/* 	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
 	transition: .3s; */ 
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
	bottom: 0.1rem;
	width: 100%
}

.swiper-pagination-bullet {
	width: .3rem;
	height: .3rem;
	display: inline-block;
	border-radius: 100%;
	background: rgba(32, 120, 62, 0.8);
	border: #00ffa2 1px solid;
	margin-left: .1rem;
	margin-right: .1rem
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #dbffe8;
	border: #00ffa2 1px solid;
}

/* 滚动公告 */
.gonggao {
	height: .8rem;
	background: #067831;
}

.gonggao .title {
	margin-left: 0.3rem;
	color: #87d1a2;
	font-size: 0.32rem;
	width: .7rem;
	margin-top: 0.3rem;
	line-height: 0.8rem;
	float: left;
	display: block;
}

.gonggao .title span {
	display: block;
	float: left;
	width: 0.5rem;
	height: 0.5rem;
	margin-right: 0.2rem
}

.gonggao .title span.ico01 {
	font-size: 0.46rem;
	line-height: .22rem;
}

.gonggao .gundong {
	color: #87d1a2;
	font-size: 0.32rem;
	overflow: hidden;
	line-height: .72rem
}

.tabmenu {
	width: 100%;
	display: flex;
	box-sizing: border-box;
	margin: 0 auto;
}

.tabmenu li {
	width: 50%;
	background-color: #03522c;
	padding: .24rem;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.tabmenu li.current {
	background-color: #045a2a;

}

.tabmenu li img {
	height: .98rem;
	width: auto;
}

.tabmenu li p {
	font-size: .48rem;
	color: #fff;
	text-align: center;
}

.tabmenu li.current p {
	color: #fee001;
}

.item {
	display: none;

}

.tab_con {
	width: 100%;
	box-sizing: border-box;
	padding: .5rem .5rem 0;
	background-color: #00682c;
	margin: 0 auto;
}

.item {
	display: none;
	flex-wrap: wrap;
	justify-content: space-between;
}

.marca {
	display: flex;
	justify-content: flex-start;
	flex-direction: row;
}

.marca .item-icon {
	display: flex;
	flex-direction: column;
	justify-content: center;
	display: block;
	width: calc((100% - 1.8rem) / 4);
	margin-bottom: .4rem;
	margin-right: .6rem;
}
.marca .item-icon:nth-of-type(4n+0) {
  margin-right: 0;

}
.marca:after{
	content: '';
	flex: auto;
}

.marca .item-icon img{
	border-radius: .4rem;
}

.item-icon img {
	width: 100%;
}

.item-icon p {
	text-align: center;
	color: #fff;
	font-size: .36rem;
}

.jogo .item-icon span {
	width: 60%;
	display: none;
	color: #bfffd6;
	background-color: #067831;
	opacity: .9;
	height: .6rem;
	border-radius: .3rem;
	text-align: center;
	line-height: .54rem;
	position: absolute;
	top: 40%;
	left: 20%;
	font-size: .34rem;
}

.jogo .item-icon:hover span {
	display: block;
}
.jogo{
	
	justify-content: space-between
}
.jogo .item-icon {
	display: flex;
	flex-direction: column;
	justify-content: center;
	display: block;
	width: calc((100% - 0.5rem) / 2);
	margin-right: .5rem;
	margin-bottom: .44rem;
	position: relative;
}
.jogo .item-icon:nth-of-type(2n+0) {
  margin-right: 0;

}
.jogo:after{
	content: '';
	flex: auto;
}


.intro {
	width: 100%;
	padding: .3rem .4rem 0;
	box-sizing: border-box;
	background-color: #03522c;
}

.intro p {
	color: #87d1a2;
	font-size: .34rem;
}

.f-img {
	border-bottom: solid 1px #0a7843;
	padding: .35rem 0 .15rem;

}

/* 线路检测 */
.testing {
	width: 100%;
}

.testing:after {
	clear: both
}


.login {
	margin-left: 0.4rem;
	padding-right: 0.4rem;
	overflow: hidden;
	margin-top: 0.333333rem;
	margin-bottom: 0.333333rem;
}

.login .nobd {
	width: 5.6rem;
	height: 0.88rem;
	line-height: 0.88rem;
	border: 2px solid #d4a43e;
	border-radius: 0.6rem;
	display: block;
	margin: 0 auto;
	color: #deb558;
	font-size: 0.35rem;
	text-align: center
}

.login .nobd .user {
	display: inline-block;
	background: url(../images/user.png) no-repeat;
	background-size: cover;
	width: 0.4rem;
	height: 0.4rem;
	vertical-align: middle;
	margin-right: 0.08rem;
}

.login .bding .row1 {
	width: 9.20rem;
	height: 0.88rem;
	line-height: 0.88rem;
	border: 2px solid #d4a43e;
	border-radius: 0.4rem;
	display: block;
	margin: 0 auto;
	color: #deb558;
	font-size: 0.35rem;
	text-align: center
}

.login .bding .row1 .user {
	display: inline-block;
	background: url(../images/user.png) no-repeat;
	background-size: cover;
	width: 0.4rem;
	height: 0.4rem;
	vertical-align: middle;
	margin-right: 0.08rem;
}

.login .bding .row1 span {
	color: #fff100
}

.login .bding .row1 span.s1,
.login .bding .row1 span.s2 {
	margin-right: 0.2rem
}

.login .bding .row1 .link1 {
	color: #fff;
	display: inline-block;
	width: 1.1rem;
	height: .53rem;
	line-height: .53rem;
	font-size: .32rem;
	-moz-border-radius: .1rem;
	-webkit-border-radius: .1rem;
	border-radius: .1rem;
	text-align: center
}

.login .bding .row1 .link1 {
	background: #e60012;
	margin-left: 0.2rem
}

.login .bding .row1 .link2 {
	margin: 0
}

.testing .hd {
	line-height: 0.6rem;
	padding: .3rem .2rem;
	overflow: hidden;
	text-align: center;
	margin-top: .4rem;
}

.testing .hd .lines {
	font-size: 0.44rem;
	display: block;
	font-weight: normal;
	color: #fff;
}

.testing .hd .lines span {
	display: block;
	width: 0.5rem;
	height: 0.5rem;
	font-size: 0.4rem;
}

.testing .hd p {
	color: #ffff;
	float: right;
	margin-left: 0.1rem;
}

.testing .hd p a {
	color: #00ffa2;
}

.testing .hd .service {
	float: right;
	color: #fff100;
}

.testing .hd .service span {
	font-size: 0.7rem;
	display: inline-block;
	vertical-align: top;
	margin-right: 0.2rem;
}

.testing .hd .rText {
	float: right;
	color: #c18532;
}

.testing .hd .rText span {
	color: #fff;
}

.testing .hd .qq {
	float: right;
	color: #deb558;
	font-size: 0.37rem;
	line-height: 1.3rem
}

.testing .hd .qq b {
	font-weight: normal;
	color: #fff;
}

.testing .hd .qq span {
	display: block;
	background: url(../images/qq.png) no-repeat;
	float: left;
	width: 0.48rem;
	background-size: cover;
	height: 0.533333rem;
	margin-top: 0.33rem;
	margin-right: 0.2rem
}

.testing .bd {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: .15rem
}






/* 新闻列表 */
.news {
	line-height: 1;
	*zoom: 1;
	padding-left: .4rem;
	padding-right: .4rem;
	padding-top: 0;
	padding-bottom: 0;
	background: #111727;
}

.news:after {
	clear: both
}

.news .hd {
	height: 1.2rem;
	line-height: 1.25rem;
	border-bottom: 1px solid #3C5596;
	padding-right: .21rem
}

.news .hd .promotions {
	font-size: .37rem;
	float: left;
	display: block;
	font-weight: normal;
	color: #deb558
}




.tccon {
	background: #42400f;
	border: 1px solid #42400f;
	width: 8.6rem;
	height: auto;
	padding: 0.56rem 0;
	border-radius: 0.15rem;
	display: none;
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}

.tccon h2 {
	color: #ffffa0;
	font-size: 0.4rem;
	text-align: center;
	background: url(../images/tctitle.png) no-repeat;
	background-size: cover;
	width: 5.306667rem;
	height: 0.333333rem;
	line-height: 0.333333rem;
	margin: 0 auto;
	margin-bottom: 0.5rem
}

.tccon p {
	line-height: 1.36rem;
	height: 1.36rem;
	margin-left: 0.64rem;
}

.tccon p input {
	width: 6.84rem;
	height: 0.933333rem;
	border: none;
	border-radius: 0.12rem;
	background: #fff;
	text-align: left;
	color: #1e1e1f;
	font-size: 0.4rem;
	padding-left: 0.333333rem
}

.tccon p input::-webkit-input-placeholder {
	color: #1e1e1f;
}

.tccon p input::-moz-placeholder {
	color: #1e1e1f;
	opacity: 1;
}

.tccon p input:-moz-placeholder {
	color: #1e1e1f;
	opacity: 1;
}

.tccon p .yzmimg {
	position: relative;
	margin-left: -1.8rem;
	width: 1.546667rem;
	height: 0.666667rem;
	vertical-align: middle;
}

.tccon p select {
	width: 7.14rem;
	height: 0.94333rem;
	color: #1e1e1f;
	font-size: 14px;
	padding-left: 0.333333rem;
	border: none;
	border-radius: 0.12rem;
}

.tccon p select option {}

.tccon .subbtn {
	background: url(../images/subbtn.png) no-repeat;
	background-size: cover;
	width: 7.146667rem;
	height: 0.946667rem;
	line-height: 0.906667rem;
	cursor: pointer;
	color: #5d2c0b;
	font-size: 0.4rem;
	text-align: center;
	border: none;
	padding: 0;
	font-weight: bold;
}

.closebtn {
	background: url(../images/close.png) no-repeat;
	background-size: cover;
	width: 0.666667rem;
	height: 0.666667rem;
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	cursor: pointer;
}

.menuUl {
	margin: 0 20px 10px;
	overflow: hidden;
	zoom: 1;
}

.menuUl li {
	margin-right: 4%;
	width: 48%;
	float: left;
}

.menuUl li img {
	width: 100%;
}

.menuUl li:last-child {
	margin-right: 0;
}

.btm {
	margin: 0 0 0.3rem;
}

.btm a {
	margin: 0.16rem auto 0;
	width: 4.9rem;
	display: block;
}

#footer {
	padding: 0.2rem 0;
	height: 1.2rem;
	align-content: center;
	background-color: #03522c;
	text-align: center;
	color: #87d1a2;
	font-size: 0.3rem;
	line-height: 1.2rem;
	box-sizing: border-box;
}



.bottom {
	height: 1.6rem;
	position: fixed;
	bottom: 0;

	width: 100%;
	background: #151d29;
	z-index: 999;
	border-top: solid #293548 1px;
}

.bottom ul {
	width: 100%;
	margin: 0 auto;
	height: 1.6rem;
	max-width: 750px;
}

.bottom ul li {
	float: left;
	text-align: center;
	width: 25%;
	height: 1.6rem;
	background-color: #151d29;
	padding-top: .15rem;

}

.bottom ul li.special {
	background-color: #182434;
}

.bottom ul li a {
	display: block;
	height: 1.6rem;
	position: relative;
	width: 100%;

}



.bottom ul li .iconfont {
	display: inline-block;
	font-size: 0.7rem;
	color: #adb6c4;
	margin: 0 auto;
	margin-top: 0.15rem
}

.bottom ul li span {

	color: #fff;
	font-size: 0.2rem;
	display: block;
}

@media screen and (min-width:1200px){ 
	body{width: 90%;}
}