body{
	 margin:0px;
	 padding:0px;
	 }
 #container{
	 width:100%;
	 margin:0px auto;
	 display: grid;
	 }
   #header {
	   width:100%;
	   height:180px;
	   /* 背景渐变色控制*/
	  background-color: #ff4545;
	   line-height: 100%;
	   /* 文字 */
	   font-size:40px;
	   color:#ffffff;
	   text-align: center;
	   font-family: Microsoft JhengHei;
	 }	
#cen{
	width:100%;
	display: grid;
}
.left,.right{
			float:left;
			width:10%;
			height:100%;
	 }
		.right{
			width:10%;
	 }

.maincen{
	width:80%;
	height:100%;
	float: left;
	position: relative;
	align : center;
	margin: auto;
}

.topwz{
	text-align:center;
  	-webkit-background-clip: text;
  	color: #ffffff;;
	font-size: 35px;
	font-family: Microsoft JhengHei;
}
/*
.yzan{
	border-spacing: 0;
	border-radius: 15px;
	height: 35px;
	width:60px;
	color: #FFFFFF;
	font-size: 15px;
	background: linear-gradient(to top right, #f86756, #fecab9);
	border-color:transparent;
	border: none;
}
*/
.selcet{
	border-spacing: 0;
	border-radius: 15px;
	padding: 5px;
	background-color: #f3df9d;
	border: 2px solid #f3df9d;
	color: #000000;
	margin-right: 5px;
	font-family: Microsoft JhengHei;
	font-size: 15px;
}
.selcet1{
	background-color: #f3df9d;
	border: 0px solid none;
}

/* 超链接字体颜色设置 */
.a:link,.a:visited,.a:hover,.a:active {
color:#000000;
text-decoration:none;
}
/*外框*/
.kuang-w{
	align:center;
	margin-top: 30px; 
	height: 60%;
	font-family: Microsoft JhengHei;
}
/*框内左，框内右*/
.kuang-nz{
	height:100%;
	float:left;
	margin: 5px;
	font-family: Microsoft JhengHei;
}
.kuang-ny{
	height: 40%; 
	font-family: Microsoft JhengHei;
	white-space: normal !important;
	padding-right: 5px;
}
.dhdiv{
	color: #7D7D7D;
	font-size: 15px;
	font-family: Microsoft JhengHei;
}
.bgbg{
	background-color: #EEEEEE;	
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	border-spacing: 0;
	border-radius: 10px;
	font-family: Microsoft JhengHei;
}
.bgdiv{
	margin : 5px;
	padding: 10px;
	font-family: Microsoft JhengHei;
}
.biaoti{
	font-family: Microsoft JhengHei;
	text-align: center;
	font-size: 30px;
	margin-bottom: 5px;
}
 .img-w{
		max-height: 600px;
		max-width: 100%; 
	 	margin-top: 10px;
		margin-bottom: 10px;
}
.iframe{
	width: 99.5%; 
	height: 99%;
	frameborder:no;
	border:0;
	marginwidth:0;
	marginheight:0;
	scrolling:no;
	allowtransparency: yes;
/*allowtransparency : 背景是否透明 yes透明 no不透明*/
}

/* PC端 */
@media screen and (min-width:1180px) {
	
.maincen{
	width: 1180px;
}
 .div-box{
      display: flex;
      flex-wrap: wrap;
    }
    .box-line{
      min-width: 50%;
      display: flex;
      justify-content: space-around;
    }
    .box{
      width: 240px;
      height: 115px;
		border: none;
		margin-left:20px;
		margin-top:7px;
		margin-right:20px;
		margin-bottom:7px;
	background-color: #f3df9d;
		padding-left:15px;
		align: center;		
	border-spacing: 0;
	border-radius: 10px;
    }
	
}
 
/* pad端 */
@media screen and (max-width:1180px) and (min-width:785px) {
	
 .div-box{
      display: flex;
      flex-wrap: wrap;
    }
    .box-line{
      min-width: 50%;
      display: flex;
      justify-content: space-around;
    }
    .box{
      width: 300px;
      height: 115px;
		border: none;
		margin-left: 15px;
		margin-right: 15px;
		margin-top:7px;
		margin-bottom:7px;
	background-color: #f3df9d;
		padding-left:15px;
		align: center;		
	border-spacing: 0;
	border-radius: 10px;
    }
}
	
/* M端 */
@media screen and (max-width:785px) {
	
 .div-box{
      display: flex;
      flex-wrap: wrap;
    }
    .box-line{
      min-width: 50%;
      display: flex;
      justify-content: space-around;
    }
    .box{
      width: 300px;
      height: 115px;
		border: none;
		margin-top:7px;
		margin-bottom:7px;
	background-color: #f3df9d;
		padding-left:15px;
		align: center;		
	border-spacing: 0;
	border-radius: 10px;
    }
}