@charset "utf-8";
/* CSS Document */
/*container*/
*{margin:0; padding:0;}
body {
    font-family:'Source San Pro Bold, sans-serif';
    line-height: 1.42857143;
}


/*nav*/

.nav-top {
		position: -webkit-sticky; /* Safari */
		position: sticky;
		top: 0;
		z-index:1;
		background:#046A38;
		opacity:.95;
		display:flex;
		font-family:'Source San Pro Bold, sans-serif';
}
/* #71C5E8; #046A38;#336666;#54585A;#000000;#7C878E;*/
.nav-top .TUshield__KO{
			width:41.3px;
			height:58.6px;
			margin-left:35px;
			padding:5px 0;
}
.nav-top .TUwordmark_KO{
			width:116.15px;
			height:17.05px;
			margin-top:12px;
			margin-left:10px;
}


.nav-top-text{
			color:white;
			font-variant: small-caps;
			font-style:italic;
			text-align:justify;
			margin-top:34px;
			margin-left:-98px;
	}
	
.nav-top-right{
			margin:0 auto;
			margin-right:5%;
			overflow: hidden;
}	

.nav-top-right li{
			display:flex;
			padding:7px 0px;
			float:left;
			font-size:0.8em;
			font-style:italic;
			font-variant: small-caps;
}	

.nav-top-right li a{
			display:flex;
			padding:7px 12px;
			color:white;
}	

.nav-top-right li a:hover{
			background:#000;
			opacity:1;
}	
	
	
#container {background:#ddd;}

#nav #nav-links .title1 a{
		background:#000;
		position:relative;
}

#nav #nav-links .title1 a{
		background:#000;
		position:relative;
}

#nav{
	 z-index:1;
     width:100%;/*1332/1366*/
	 margin:0 auto;
	 background-color:#000;
	 font-size:16px;
	 font-weight:bold;
}



/* #71C5E8; #046A38;#336666;#54585A;#000000;#7C878E;*/

#nav ul .nav-links{
					list-style:none;
					display:block;
					zoom:1;
}

#nav:before,#nav:after{
						content:"";
                        display:block;
}

#nav:after{clear:both;}

#nav li:first-child:before{display:none;}

#nav ul  li{
		float:left;
		position:relative;
		display: flex;
}

/* clear the last border and shadow */
#nav ul li:last-child{
					border:none;
					box-shadow:none;
}

#nav ul  li a{
		 display:flex;
		 color:#FFF;
		 font:bold 1.125em;/*18px*/
		 text-decoration:none;
		 text-align: center;
		 text-shadow:0 1px 0 #000;
}

#nav ul li a:hover{
				background-color:#046A38;
				}

#nav ul ul{
			 visibility:hidden;
             position:absolute;
			 list-style:none;
			 top:2em;/*38px*/
			 left:0;
			 z-index:1;
			 padding:0;
			 background-color:#54585A;
			 box-shadow:0 -1 0 rgba(255,255,255,.3);
			 border-radius:5px;
			 opacity:0;
			 margin:50px 0 0 0;
			 _margin:0;
			 transition:all .5s ease-in-out;			  
}

#nav ul li:hover > ul{
					opacity:1;
                    visibility:visible;
					margin:18px 0 0 0;
}

#nav ul ul li{
			float:none;
			display:block;
			border:0;
			box-shadow:0 1px 0 #046A38,0 2px 0 #54585A;/*两级阴影生成分割线*/
}

/* clear the last border and shadow */
#nav ul ul li:last-child{
					border:none;
					box-shadow:none;
}

#nav ul ul a{ 
			padding:10px;
            /* width:100%; *//*130/1332*/
			text-align: left;
		    display:block;
			float:none;
			_height:10px;
}
#nav ul ul a:hover{
               background-color:#046A38;/*background blue*/
               
}

/*round angle*/
#nav ul ul li:first-child > a{
							border-radius:3px 3px 0 0;
}

#nav ul ul li:last-child > a{
							border-radius:0 0 3px 3px;
}

#nav ul ul li:first-child > a:before{
								content:"";
								position:absolute;
								left:35%;/*40/1332*/
								top:-6px;/*-6px*/
								border-left:6px solid transparent;/*6px*/
								border-right:6px solid transparent;
								border-bottom:6px solid #444;
}

#nav ul ul li:first-child > a:hover:before{
					border-bottom-color:#033;/*triangle two*/
}

#nav ul ul ul{
			top:0;
			left:150px;
			margin:0 0 0 20px;
			_margin:0;
			box-shadow:-1px 0 0 rgba(255,255,255,.3);
}

#nav ul ul ul li:first-child > a:before{
									left:-6px;
									top:50%;
									margin-top:-16px;
									border-left:0;
									border-bottom:6px solid transparent;
									border-top:6px solid transparent;
									border-right:6px solid #3b3b3b;
}

#nav ul ul ul li:first-child a:hover:before{
										border-right-color:#033;
										border-bottom-color:transparent;
}/*triangle three*/


#nav .logo{
			color:white;
			/* text-transform:uppercase; */
			letter-spacing:1px;
			font-variant: small-caps;
			font-size:16px;
			padding:10px;
			display:none;
			float:left;
	}
	
#nav-links{
			display:flex;
			justify-content:space-around;
}

#nav-links li{
				list-style:none;
}

#nav-links a{
				color:white;
				text-decoration:none;
				letter-spacing:1px;
				font-size:16px;
				font-weight:bold;
}

.burger{
			display:none;
			padding:6px;
			cursor:pointer;
}

.burger div{
			width:25px;
			height:3px;
			background-color:white;
			margin:5px;
}

/*content begin*/

#container1{ z-index:0;}


/*content end*/
/*copyright begin*/
#copyright{
	       clear:both;
           background:#046A38;
		   opacity:.95;
	}
.text-warning{color:#71C5E8;font-weight:bold;}
.map{float:left;padding-left:0.3660322%;}
a{text-decoration:none;color:#337ab7;font-weight:bold;}
.E-mail{float:right;padding-right:0.3660322%;}
.E-mail .e a{color:#FFF;}
.phone{width:55%; text-align:center;margin:0 auto;}
.E-mail .e,.phone .tel{color:#FFF;}
.cr-bottom{clear:both;padding:0.3660322%;text-align:center;color:#FFF;}
/*end*/

.content1{width:68.96047%;
         margin:0 auto;
		 min-height:1500px;
		 background-color:#EEE;
		 padding:30px 50px 150px 50px;
		 z-index:0;
		 word-wrap: break-word;
}
.content1 p{line-height:25px;padding:5px;font-size:16px;}
*{padding:0;margin:0;}
.title{padding:10px;color:#03C;background-color:#DDD;margin:10px auto;} 
.person{padding:45px;border-bottom:1px solid #CCC;clear:both;}
.person .photo1{margin-top:-5px;float:left;}
.person .info{margin-left:140px;}
.info p{margin:5px 0px;}
.photo1{margin-top:15px;margin-bottom:15px;margin-left:-30px;padding:2px;width:140px;height:180px;}
.photo1 img{width:140px;height:180px;border:#DDD solid 1px;}
.Name{font-size:18px;color:#03C;}

.sidebar{width:14%;margin-top:50px;margin-left:83.8%;padding:15px;position:fixed;}
.sidebar ul{list-style:none;}
.sidebar ul li{font-size:14px;line-height:30px;border-bottom:1px solid #666;text-align:center;}
.sidebar ul li a{display:block;color:#000;text-decoration:none;padding:7px 10px;}
.sidebar ul li a:hover{background-color:#336666;width:131px;}


/* media screen begin */
@media screen and (max-width: 1332px){


#nav ul li{
        border-right:none;
		box-shadow:none;	
}

#nav ul #nav-links{
				list-style:none;
				display:flex;
}

#nav ul li a{
		  display:flex;
		  padding:14px 30px;
}

#nav ul ul li{
		   width:100%;
}

#nav ul ul{
		  top:28px;/*32px*/
}

#nav ul ul a{ padding:8px;
}

#nav-links a{
			color:white;
			list-style:none;
			text-decoration:none;
			letter-spacing:1px;
			font-size:16px;
			font-weight:bold;
			
}
}


@media screen and (max-width: 1024px){
*{margin:0; padding:0;}

.nav-top-search .search{display:none;}

#nav ul li{
        border-right:none;
		box-shadow:none;	
		width:10%;
}

#nav ul #nav-links{
				 list-style:none;
				 display:flex;
				 padding:0;
}

#nav ul li a{
		  display:flex;
		  padding:12px 20px;
}

#nav ul ul li{
		   width:100%;
}

#nav ul ul{
		  top:20px;/*32px*/
}

#nav ul ul a{ padding:8px;
}

#nav-links a{
			color:white;
			list-style:none;
			text-decoration:none;
			letter-spacing:0.5px;
			font-size:12px;
			font-weight:bold;		
}

.sidebar{display:none;}
.sidebar1{display:none;}

}


@media screen and (max-width: 768px){


.nav-top-right{display:none;}

#nav ul  li{
		float:none;
		width:100%;
        /* border-right:1px solid #222;
		box-shadow:1px 0 0 #444; */
		position:relative;
		display: block;
		clear:both;
}

#nav ul  li a{float:none;
          padding:12px 20px;
		/* display:flex; */
		  color:#FFF;
		  font:bold 1.125em;/*18px*/
		  text-decoration:none;
		  text-align: center;
		 /*  text-shadow:0 1px 0 #000; */
}

#nav ul ul li:first-child > a:before{
								left:20%;/*40/1332*/
}

#nav .logo{
		color:white;
		/* text-transform:uppercase;*/
		letter-spacing:1px;
		font-variant: small-caps;
		color:#FFF;
		font-size:16px;
		padding:10px;
		display:block;
		float:left;
		margin:7px;
	}
	
#nav #nav-links .title1 a{
		background:#000;
		position:relative;
}

#nav-links{
			display:block;
			justify-content:space-around;
			clear:both;
			display:none;
}

#nav-links li{
			list-style:none;
}

#nav-links a{
			color:white;
			text-decoration:none;
			letter-spacing:1px;
			font-size:16px;
			font-weight:bold;
}

.burger {
		display:block;
		padding:6px;
		cursor:pointer;
		float:right;
		background:#54585A;
		border-radius:10px;
		margin:5px;
}

.burger div{
			width:25px;
			height:3px;
			background-color:#FFF;
			margin:5px;
}

#nav .burger:hover{
			background:#336666;
			cursor:pointer;
}

.content1{width:70%;
}

.content-top{display:none;}

}



@media screen and (max-width: 600px){
	.person{padding:45px;border-bottom:1px solid #CCC;clear:both;}
	.person .photo1{float:none;}
	.person .info{margin-left:0px;}
	.info p{margin:5px 0px;}
	.photo1{margin-top:15px;margin-bottom:15px;margin-left:0px;padding:2px;width:140px;height:180px;}
	.photo1 img{width:140px;height:180px;}
}