body
{
	margin:0;
	padding:0;
	border:0;
	color:white;
	overflow:scroll;
}
a:link,a:hover
{
	text-decoration:none;
	color:white;
}
#Container
{
	width:1024px;
	margin:auto auto;/*设置整个容器在浏览器中水平居中*/
	height:auto;
}
/*********************************************************************************************/
#top
{
	width:1000px;
	height:100px;
	font-size:30px;
	line-height:50px;
	margin:0px 12px 0px 12px;
	background-color:white;
}
#rail
{
	background-color:#EE7600;
	height:5px;
	width:1000px;
	margin-left:10px;
}
#logo
{
	color:#EE7600;
	font-size:80px;
	font-family:calibri;
	/*font-weight:bolder;*/
	font-weight:200;
	margin:30px 0px 0px 10px;
	float:left;
}
#small_logo
{
	color:#EE7600;
	font-size:45px;
	font-family:calibri;
	font-weight:normal;
	margin:40px 0px 0px 10px;
	float:left;
}
#small_nav ul
{
	list-style:none;/*去掉ul前面的项目符号*/
	margin:25px 0px 0px 0px;
	width:auto;
	height:10px;
	float:right;
	/*border:1px solid white;*//*设置边框显示竖线效果*/
	/*margin-left:60px;*//*控制外边距（margin）达到定位的效果*/
	/*padding-left:50px;*//*控制内边距达到定边框竖线的效果*/
	padding:0px;
}
/**#small_nav ul li
{
	float:left;/*变为横向排列
}*/
/*#small_nav ul li a,#small_nav ul li a:visited*/
#small_nav ul li
{
	color:#EE7600;
	display:block;
	/*font-family:calibri;*/
	/*font-weight:bolder;*/
	/*margin-top:20px;*/
	line-height:1.0em;
	padding-top:7px;
	padding-right:10px;
	/*text-decoration:none;/*不显示超链接下划线*/
	font-size:14px;
	font-family:calibri;
}
/*********************************************************************************************/
#link
{
	height:30px;
	width:1000px;
	margin:0px 12px 0px 12px;
	background-color:white;
}
#nav ul
{
	list-style:none;
	margin:0px;
	padding:0px;
	height:auto;
	/*width:auto;*/
}
#nav ul li
{
	float:left;
    width:16.66%;
	/*text-align:center;*/
}
#nav ul li a,#nav ul li a:visited
{
	/*background-color:#0269A5;*/
	background-color:white;
	/*border:1px #4e667d solid;*/
	color:#104E8B;
	font-size:16px;
	font-family:calibri;
	display:block;/*显示为块级元素,此元素前后会带有换行符*/
	line-height:1em;
	padding:5px 40px;
	text-decoration:none;
	white-space:nowrap;/*文本内的空白处,不会换行,文本会在同一行上继续,直到遇到<br>*/
	text-align:center;
}
#nav ul li a:hover
{
	background-color:#bfcbd6;
	color:#465c71;
	text-decoration:none;
}
#nav ul li a:active
{
	background-color:#465c71;
	color:#cfdbe6;
	text-decoration:none;
}
/*********************************************************************************************/
/*#container .imgbox
{
    height: 300px;
    width: 1200px;
}
#container img 
{
    position: absolute;
    opacity: 0.3;
    height:300px;
	width:1000px;
	align:center;
	margin-left:10px;
	margin-bottom:50px;
}
#container lable 
{
    font-size: 60px;
    color: black;
    position: absolute;
    top:30%;
	left:30%;
	animation: easeinAnimate 2s ease 1;    
    -webkit-animation: easeinAnimate 2s ease 1;
    -ms-animation: easeinAnimate 2s ease 1;
    -o-animation: easeinAnimate 2s ease 1;
    -moz-animation: easeinAnimate 2s ease 1;
    
    /*规定动画的最后状态为结束状态*/
/*    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;  
    -o-animation-fill-mode: forwards; 
    -ms-animation-fill-mode: forwards;   
    -moz-animation-fill-mode: forwards;
}
/*********************************************************************************************/
#official0
{
	display:flex;
	margin-top:30px;
}
#word0
{
	margin-top:30px;
	margin-left:10px;
	margin-right:10px;
	padding-top:5px;
}
#official1
{
	display:flex;
	margin-top:50px;
}
#word
{
	flex:50%;
	margin-top:30px;
	margin-left:10px;
	margin-right:10px;
	padding-top:5px;
}
#picture_one
{
	flex:50%;
	padding-left: 60px;
	margin-left:50px;
	margin-top:40px;
}
#picture_one a,#picture_one a:visited
{
	background-color:white;
	/*border:1px #4e667d solid;*/
	color:#EE7600;
	font-size:22px;
	font-family:calibri;
	text-decoration:none;
	/*padding-left:30px;*/
	/*text-align:center;*/
}
#picture_one a:hover
{
	background-color:#bfcbd6;
	color:#465c71;
	text-decoration:none;
}
#picture_one a:active
{
	background-color:#465c71;
	color:#cfdbe6;
	text-decoration:none;
}
#content_title
{
	/*flex:50%*/
	background-color:#E5F0FA;
	/*border:1px #4e667d solid;*/
	color:#EE7600;
	font-size:26px;
	line-height:1.35em;
	/*padding:8px 12px;*/
	/*float:left;*/
	text-align:center;
	font-family:calibri;
	letter-spacing:2px;
}
#content_text
{
	/*flex:50%*/
	color: #104E8B;
	/*color: #778899;*/
	font-size:18px;
	/*margin:10px;0px;0px;10px;*/
	/*float:left;*/
	line-height:1.5em;
	/*text-align:justify;*/
	font-family:calibri;
	/*display:inline;*/
}
 
#official2
{
	display:flex;
	margin-top:30px;
}
#picture_two
{
	flex:50%;
	padding-top:60px;
	padding-left: 60px;
	margin-left:50px;
	margin-top:30px;
}
#picture_two a,#picture_two a:visited
{
	background-color:white;
	/*border:1px #4e667d solid;*/
	color:#EE7600;
	font-size:22px;
	font-family:calibri;
	text-decoration:underline;
}
#picture_two a:hover
{
	background-color:#bfcbd6;
	color:#465c71;
	text-decoration:none;
}
#picture_two a:active
{
	background-color:#465c71;
	color:#cfdbe6;
	text-decoration:none;
}
#official3
{
	display:flex;
	margin-top:50px;
}
#picture_three
{
	flex:50%;
	padding-left: 60px;
	padding-top:30px;
	margin-left:50px;
	margin-top:30px;
}
#picture_three_title
{
	background-color:white;
	color:#EE7600;
	font-size:22px;
	font-family:calibri;
	text-decoration:none;
}
#picture_three a,#picture_three a:visited
{
	background-color:white;
	/*border:1px #4e667d solid;*/
	color:#EE7600;
	font-size:26px;
	font-family:calibri;
	text-decoration:none;
	/*padding-left:30px;*/
	/*text-align:center;*/
}
#picture_three a:hover
{
	background-color:#bfcbd6;
	color:#465c71;
	text-decoration:none;
}
#picture_three a:active
{
	background-color:#465c71;
	color:#cfdbe6;
	text-decoration:none;
}
#official4
{
	display:flex;
	margin-top:30px;
}
#picture_four
{
	flex:50%;
	padding-top:60px;
	padding-left: 60px;
	margin-left:50px;
	margin-top:30px;
}
#official5
{
	display:flex;
	margin-top:30px;
	margin-bottom:250px;
}
#word5
{
	flex:50%;
	margin-top:30px;
	margin-left:10px;
	margin-right:10px;
	padding-top:5px;
}
#picture_five
{
	flex:50%;
	padding-top:60px;
	padding-left: 60px;
	margin-left:50px;
	margin-top:30px;
}
#picture_five a,#picture_five a:visited
{
	background-color:white;
	/*border:1px #4e667d solid;*/
	color:#EE7600;
	font-size:22px;
	font-family:calibri;
	text-decoration:underline;
}
#picture_five a:hover
{
	background-color:#bfcbd6;
	color:#465c71;
	text-decoration:none;
}
#picture_five a:active
{
	background-color:#465c71;
	color:#cfdbe6;
	text-decoration:none;
}
/*********************************************************************************************/
#footer
{
	background-color:white;
	margin-top:10px;
	margin-bottom:20px;
	color:#104E8B;
	font-size:14px;
	font-family:calibri;
	line-height:1.5em;
	text-align:center;
}
#rail_two
{
	background-color:#EE7600;
	height:5px;
	width:1000px;
	margin-left:0px;
}
#link_two
{
	height:30px;
	width:1000px;
	margin:0px 12px 0px 12px;
	background-color:white;
}
#nav_two ul
{
	list-style:none;
	margin:0px;
	padding:0px;
	height:auto;
	/*width:auto;*/
}
#nav_two ul li
{
	float:left;
    width:16.66%;
	/*text-align:center;*/
}
#nav_two ul li a,#nav_two ul li a:visited
{
	/*background-color:#0269A5;*/
	background-color:white;
	/*border:1px #4e667d solid;*/
	color:#104E8B;
	font-size:16px;
	font-family:calibri;
	display:block;/*显示为块级元素,此元素前后会带有换行符*/
	line-height:1em;
	padding:8px 37.5px;
	text-decoration:none;
	white-space:nowrap;/*文本内的空白处,不会换行,文本会在同一行上继续,直到遇到<br>*/
	text-align:center;
}
#nav_two ul li a:hover
{
	background-color:#bfcbd6;
	color:#465c71;
	text-decoration:none;
}
#nav_two ul li a:active
{
	background-color:#465c71;
	color:#cfdbe6;
	text-decoration:none;
}
/*********************************************************************************************/
/*@keyframes easeinAnimate{
    0%{ transform: translateY(200px); opacity: 0;}   /*在0%时设置文字在想y轴200px位移处（下边），透明度为0，也就是看不见文字*/
 /*   100%{ transform: translateY(0px); opacity: 1;}         /*在100%时设置文字在想y轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/
/*}
@-webkit-keyframes easeinAnimate{
    0%{ -webkit-transform: translateY(200px); opacity: 0;}
    100%{ -webkit-transform: translateY(0px); opacity: 1;}    
}
@-o-keyframes easeinAnimate{
    0%{ -webkit-transform: translateY(200px); opacity: 0;}
    100%{ -webkit-transform: translateY(0px); opacity: 1;}    
}
@-ms-keyframes easeinAnimate{
    0%{ -webkit-transform: translateY(200px); opacity: 0;}
    100%{ -webkit-transform: translateY(0px); opacity: 1;}    
}
@-moz-keyframes easeinAnimate{
    0%{ -webkit-transform: translateY(200px); opacity: 0;}
    100%{ -webkit-transform: translateY(0px); opacity: 1;}    
}*/
.slider {
  width: 1000px;
  height: 300px;
  border-radius: 10px;
  overflow: hidden;
  margin-left:10px;
}
 
.slides {
  width: 600%;
  height: 300px;
  display: flex;
}
 
.slides input {
  display: none;
}
 
.slide {
  width: 17%;
  transition: 2s;
}
 
.slide img {
  width: 1000px;
  height: 300px;
}
 
/*css for manual slide navigation*/
 
.navigation-manual {
  position: absolute;
  width: 1000px;
  margin-top: -40px;
  display: flex;
  justify-content: center;
}
 
.manual-btn {
  /*border: 2px solid #444444;*/
  background-color:#AAAAAA;
  padding: 8px;
  border-radius: 10px;
  cursor: pointer;
  transition: 1s;
}
 
.manual-btn:not(:last-child) {
  margin-right: 40px;
}
 
.manual-btn:hover {
  background-color:black;
}
 
#radio1:checked~.first {
  margin-left: 0;
}
 
#radio2:checked~.first {
  margin-left: -17%;
}
 
#radio3:checked~.first {
  margin-left: -34%;
}
 
#radio4:checked~.first {
  margin-left: -51%;
}

#radio5:checked~.first {
  margin-left: -68%;
}

#radio6:checked~.first {
  margin-left: -85%;
}
 
/*css for automatic navigation*/
 
.navigation-auto {
  position: absolute;
  display: flex;
  width: 1000px;
  justify-content: center;
  margin-top: 260px;
}
 
.navigation-auto div {
  border: 2px solid #444444;
  padding: 5px;
  border-radius: 10px;
  transition: 1s;
}
 
.navigation-auto div:not(:last-child) {
  margin-right: 40px;
}
 
#radio1:checked~.navigation-auto .auto-btn1 {
  background: #444444;
}
 
#radio2:checked~.navigation-auto .auto-btn2 {
  background: #444444;
}
 
#radio3:checked~.navigation-auto .auto-btn3 {
  background: #444444;
}
 
#radio4:checked~.navigation-auto .auto-btn4 {
  background: #444444;
}

#radio5:checked~.navigation-auto .auto-btn5 {
  background: #444444;
}

#radio6:checked~.navigation-auto .auto-btn6 {
  background: #444444;
}
/*********************************************************************************************/
.my-slider {
  width: 330px;
  height: 190px;
  border-radius: 0px;
  overflow: hidden;
}
 
.my-slides {
  width: 600%;
  height: 190px;
  display: flex;
}
 
.my-slides input {
  display: none;
}
 
.myslide {
  width: 17%;
  transition: 1s;
}
 
.myslide img {
  width: 330px;
  height: 190px;
}

.my-navigation-manual {
  position: absolute;
  width: 330px;
  margin-top: -40px;
  display: flex;
  justify-content: center;
}
 
.my-manual-btn {
  /*border: 2px solid black;*/
  background-color:#AAAAAA;
  padding: 8px;
  border-radius: 10px;
  cursor: pointer;
  transition: 1s;
}
 
.my-manual-btn:not(:last-child) {
  margin-right: 30px;
}
 
.manual-btn:hover {
  background: #40D3DC;
}

#myradio1:checked~.first {
  margin-left: 0;
}
 
#myradio2:checked~.first {
  margin-left: -17%;
}
 
#myradio3:checked~.first {
  margin-left: -34%;
}
 
#myradio4:checked~.first {
  margin-left: -51%;
}

#myradio5:checked~.first {
  margin-left: -68%;
}

#myradio6:checked~.first {
  margin-left: -85%;
}

#myradio1:checked~.navigation-auto .auto-btn1 {
  background: #40D3DC;
}
 
#myradio2:checked~.navigation-auto .auto-btn2 {
  background: #40D3DC;
}
 
#myradio3:checked~.navigation-auto .auto-btn3 {
  background: #40D3DC;
}
 
#myradio4:checked~.navigation-auto .auto-btn4 {
  background: #40D3DC;
}

#myradio5:checked~.navigation-auto .auto-btn5 {
  background: #40D3DC;
}

#myradio6:checked~.navigation-auto .auto-btn6 {
  background: #40D3DC;
}