@charset "utf-8";
/* CSS Document */
*{font-size:14px;font-family:"微软雅黑";color:#333;}
body,dl,dd,p{margin:0;}
a{text-decoration:none;transition:all 0.3s;}
img{display:block;}
input{margin:0;padding:0;border:none;outline:none;cursor:pointer;}
textaea{margin:0;padding:0;outline:none;}
h1,h2,h3{font-weight:normal;margin:0;}
ul{margin:0;padding:0;}
li{list-style:none;}
.clearfix{clear:both;}
body{background:#c0ffe4;}


/*header*/
.header-bg{background:#fff;}
.header{max-width:1000px; margin:0 auto; overflow:hidden;}
.header .logo{ float:left;margin-top:2px;}
.header .right{float:right; line-height:50px;text-align:right;}
.header .right a{font-size:14px;color:#333;transition:all 0.5s;}
.header .right a:hover{color:#136ec9;}


.banner img{
	width:100%;
}

.box{
	max-width:1000px;
	margin: auto;
	background:#fff;
}

.takeaway p{
	font-size:16px;
	color:#555;
	line-height:32px;
	padding:20px 40px;
	text-indent:2em;
	letter-spacing:2px;
}
.takeaway span{
	font-size:16px;
	color:#2f7c12;
}
.takeaway a{
	font-size:16px;
	color:#4c9637;
	border-bottom:#aaa solid 1px;
}
.takeaway a:hover{
	color:#2f7c12;
	border-bottom:#2f7c12 solid 1px;
}
.takeaway .more{
	float:right;
	border:none;
	text-align:center;
	margin-top:10px;
}
.takeaway .more:hover{
	color:#fff;
	background:#2f7c12;
	border:none;
}

.title{
	max-width:1000px;
	margin: auto;
	margin-top:30px;
	background:#00b183;
	padding:4px 0;
}
.title p{
	font-size:24px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}
.title p:nth-child(2){
	font-size:16px;
	font-weight:normal;
	letter-spacing:2px;
	line-height:32px;
}

.headlines{
	padding:20px 0;
}
.headlines li{
	width:80%;
	margin: auto;
	text-align:center;
	transition:all .3s;
}
.headlines li a{
	font-size:20px;
	font-weight:bold;
	line-height:50px;
	display:inline-block;
	width:100%;
	height:100%;
}
.headlines li:hover{
	background:#ff8d20;
}
.headlines li:hover a{
	color:#fff;
}

.topb_btn{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	padding-top:10px;
}
.topb_btn li{
	flex:0 0 10%;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	background:#ff8d20;
	padding:5px 16px;
  margin:4px 0;
	cursor:pointer;
	transition:all .3s;
}
.topb_btn li:hover{
	background:#00b183;
}
.topb_btn .current{
	background:#00b183;
}
.topb{
	height:510px;
	overflow:scroll;
	overflow-x:hidden;
}
.topb img{
	width:100%;
}
.topb::-webkit-scrollbar {
  /*滚动条整体样式*/
  width:10px;/*高宽分别对应横竖滚动条的尺寸*/
  height:2px;
}
.topb::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius:10px;
  background-color:#00b183;
  background-image:-webkit-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent
  );
}
.topb::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);
  background:#ededed;
  border-radius:10px;
}

.dsb{
	max-width:800px;
	margin: auto;
	background:#fff;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:20px 100px;
}
.dsb p{
	flex:0 0 40%;
	font-size:18px;
	line-height:40px;
	padding-left:40px;
	position:relative;
}
.dsb p::before{
	content:'★';
	color:#ff8d20;
	position:absolute;
	top:calc(50% - 18px);
	left:16px;
}
/* .dsb p:last-child{
	flex:1;
	text-align:center;
	padding-left:0;
}
.dsb p:last-child::before{
	content:none
} */
.dsb p a{
	font-size:18px;
}
.dsb p a:hover{
	color:#ff8d20;
}

.media ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	padding-top:20px;
}
.media li{
	flex:0 0 40%;
}
.media a{
	font-size:20px;
	font-weight:bold;
	color:#fff;
	background:#ff8d20;
	text-align:center;
	line-height:50px;
	border-radius:6px;
	display:block;
}
.media a:hover{
	background:#00b183;
}
.media p{
	font-size:16px;
	color:#00b183;
	padding:20px;
}
.media p span{
	font-size:16px;
	font-weight:bold;
	color:#ff8d20;
}
.media p strong{
	font-size:16px;
}

.swiper-container{
  max-width:1000px;
	margin: auto;
}
.swiper-slide img{
	width:100%;
	margin-top:20px;
}

.mt{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
	padding:20px 0;
}
.mt li{
	flex:0 0 44%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.mt li span{
	font-weight:bold;
	color:#111;
	line-height:30px;
}
.mt li a:hover{
	color:#ff8d20;
}

.posters_btn{
	display:flex;
}
.posters_btn li{
	flex:1;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	background:#ccc;
	text-align:center;
	line-height:40px;
	cursor:pointer;
	transition:all .3s;
}
.posters_btn .current{
	color:#ffe200;
	background:#207001; 
}
.posters{
	height:5260px;
	overflow:scroll;
	overflow-x:hidden;
}
.posters img{
	width:100%;
	display:none;
}
.posters::-webkit-scrollbar {
  /*滚动条整体样式*/
  width:10px;/*高宽分别对应横竖滚动条的尺寸*/
  height:2px;
}
.posters::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius:10px;
  background-color:#00b183;
  background-image:-webkit-linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent
  );
}
.posters::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);
  background:#ededed;
  border-radius:10px;
}

.pt{
	max-width:1000px;
	margin: auto;
}
.pt .pt-box:nth-child(even){
	margin-left:40px;
}
.pt-box{
	float:left;
	width:480px;
	margin-top:20px;
	background-color:rgba(255,255,255,1);
	transition:all .3s;
}
.pt-title{
	height:30px;
	background-color:#207001;
}
.pt-title h2{
	font-size:16px;
	line-height:30px;
	float:left;
	margin-left:5px;
	font-weight:bold;
	color:#ffe200;
}
.pt-title a{
	float:right;
	line-height:30px;
	font-size:14px;
	color:#eee;
	margin-right:2px;
	transition:all 0.3s;
}
.pt-title a:hover{
	color:#fff;
}
.pt-title img{
	height:30px;
	background:#fff;
}
.pt p{
	width:310px;
	margin-left:4px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.pt p a{
	transition:all 0.3s;
	line-height:30px;
	color:#000;
	font-size:13px;
}
.pt p a:hover{
	color:#207001;
}
.pt iframe{
	width:480px;
	height:240px;
	margin-left:15px;
}

.platform{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	padding:20px 0;
}
.platform a{
	flex:0 0 10%;
	padding:10px;
}
.platform a img{
	width:100%;
	height:50px;
}

.pjb li{
	display:none;
}
.pjb li img{
	width:100%;
}

.zt{
	max-width:1000px;
	margin: auto;
	display:flex;
	justify-content:space-between;
	padding-top:20px;
}
.zt li{
	flex:0 0 30%;
}
.zt li img{
	width:100%;
}

@media(max-width:1000px){
	.takeaway p{
		font-size:14px;
		padding:20px;
		line-height:30px;
		letter-spacing:initial;
	}
	.takeaway span, .takeaway a{
		font-size:14px;
	}

	.title{
		margin:20px 0 10px 0;
	}
	.title p{
		font-size:18px;
	}
	.title p:nth-child(2){
		font-size:12px;
	}

	.headlines li{
		background:#4c9637;
		width:94%;
		margin:10px auto;
	}
	.headlines li a{
		font-size:14px;
		color:#fff;
		line-height:32px;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	.topb_btn li{
		flex:0 0 12%;
		padding:10px;
		margin:5px 0;
		font-size:12px;
	}

	.dsb{
		display:inherit;
		padding:20px;
	}
	.dsb p{
		padding-left:16%;
	}
	.dsb p::before{
		left:10%;
	}

	.media ul{
		padding:20px 0;
	}
	.media li{
		flex:0 0 46%;
		padding:10px 0;
	}
	.media a{
		font-size:14px;
		line-height:32px;
	}
	.media p{
		padding:0 4px;
		margin-top:10px;
	}
	.media p, .media p span, .media p strong{
		font-size:12px;
	}

	.swiper-slide img{
		margin-top:0px;
	}

	.mt{
		display:inherit;
	}
	.mt li{
		padding:0 20px;
		text-align:center;
	}

	.posters_btn li{
		line-height:32px;
	}
	.posters{
		height:auto;
		overflow-y:hidden;
	}

	.pt-box{
		float:none;
		width:92%;
		margin:10px auto;
	}
	.pt .pt-box:nth-child(even){
		margin-left:auto;
	}
	.pt iframe{
	    width:96%;
	    margin-left:1%;
	}

	.platform a{
		flex:0 0 20%;
	}
	.platform a img{
		height:40px;
	}
}
@media(max-width:400px){
	.header .right a:first-child{
		display:none;
	}

	.dsb{
		padding:10px 0
	}
}