.top {height:120px;z-index:9999;}
.top .nr {padding:0 5px;}
.top .nr .logo{float:left;width:auto; height:50px;}
.top .nr .advertise{float:left;width:auto; height:50px;padding-left:5px;}
.top .nr .welcome{
	position: absolute;
	overflow: hidden;
	left: 30%;
	width: 30%;
	height: 50px;
	line-height: 50px;
	text-align: center;
}
.top .nr .language{position: absolute;width:150px;right:75px;text-align: right;height:50px;line-height: 50px;}
.top .nr .r{float:right;width:50px;height:50px;line-height: 50px;}

.clear {clear:both}

.mySlides {display:none;}


.floor01 {padding: 50px 0px;}
.floor01 .main {cursor: pointer;}
.floor01 .main section {width: 100%;text-align:center;border-right: 2px dotted #ccc;}
.floor01 .main section img {margin: 0 auto;margin-top: 5px;margin-bottom: 38px;}
.floor01 .main section h4 {font-size: 2em;color: #036298;margin-bottom: 20px;}
.floor01 .main section h5 {font-size: em;color: #036298;margin-bottom: 20px;}
.floor01 .main section p {font-size: 1em;}

.floor04 .title {font-size:2em;font-weight: bold;}
.floor04 .f2-main {position: relative;padding-left:15%;min-height:300px;overflow:scroll;}
.floor04 .f2-main:before {content:"."; margin-left:-5px;font-size:0.833em;visibility:hidden;}
.floor04 .f2-main img {vertical-align:middle; background-color: #036298;}

.floor04 .f2-main dl {
	position: absolute;
	left: 20%;
	width: 60%;
	top: -3px;
	margin-top: 12px;
	font-weight: normal;
	border-left: 2px solid #ccc;
}
.floor04 .f2-main dl dt {vertical:align:middle;font-size: 1.0em;margin-top: 0px;font-weight:normal;}
.floor04 .f2-main dl dd {font-size: 1.0em;font-weight:normal;}

.footer_wrap,.copyright,.sharebar {
	background: #C8C8C8; 
	repeat-x center top #757575; 
	overflow:hidden; 
    display: flex;
    flex-wrap: wrap; /* optional. only if you want the items to wrap */
    justify-content: center; /* for horizontal alignment */
    align-items: center; /* for vertical alignment */	
	/*font-weight: bold;  */
}

.footer_wrap .wcont {
	display:inline;
	float:left;
	margin-left:5px;
	margin-right:5px;
	padding:0 40px;
	position:relative;
	width:auto;
	padding-bottom:20px;
}
 
.footer_wrap .recent {width:200px;}

.footer_wrap .wcont h3 {
	font-size:0.875em;
	/*font-weight:400;*/
}
 
.footer_wrap .wcont ul {margin:0;padding:0;font-size:0.875em;}
 
.footer_wrap .wcont ul li {
	font-size:1em;
	background:none;
	list-style-type:none;
	margin:0;
	padding-left:0px;
	border-bottom: 2px solid #FFFFFF;
}
 
.footer_wrap .wcont ul.social li {margin-bottom:11px !important;}
 
.footer_wrap .wcont ul li a {
	color:#4b545f;
	display:inline-block;
	height:28px;
	line-height:28px;
	text-decoration:none;
}

.footer_wrap .wcont ul li:first-child {margin-top:0;}
 
.footer_wrap .wcont ul li a:hover {color:#e4e3e3;}
 
.footer_wrap .wcont ul li img {float:left;margin-right:12px;}

.copyright,.sharebar{
	background:#929191 repeat scroll 0 0; 
}

 .jiathis_style_24x24 {margin-top:10px;margin-bottom:10px} 

.jiathis_style_24x24 .jtico {
    text-align: left;
    overflow: hidden;
    display: block!important;
    height: 32px!important;
    line-height: 32px!important;
    padding-left: 36px!important;
    background: url(http://www.webhek.com/jiathis_ico_32x32.png) no-repeat left;
    cursor: pointer;
}
 
.copyright, .copyright a {
	color:#000000;
}

#demo {display:none;float:right;}
#hint {display:none}
#reg-form {width:90%;}
#myform div {padding-bottom:10px;}
#fileslabel{float:left;margin-right:20px;max-width:150px;cursor:pointer;background: #C8C8C8;border:1px solid black;}

@media screen and (max-width: 992px) {
	.welcome {display:none;} 
	.floor01 .main section {border: 2px dotted #ccc;}
	
}

@media screen and (min-width: 520px) and (max-width: 992px) {
	.advertise {display:none;}
	/*.top .nr .r{float:left;width:auto; height:50px;}*/
	.footer_wrap .wcont {padding:0 20px;}
	.floor01 .main {width:50%}
	.floor01 .main section img {width:140px;}	
	.footer_wrap .wcont {padding:0 0px;}
	#name_en {display:none;}
	
}


@media screen and (max-width: 519px) {
	
	.advertise {display:none;}
	/*.top .nr .r{float:left;width:auto; height:50px;}*/
	.floor01 .main {width:100%}
	.floor01 .main section img {width:120px;}
	.floor01 .main section h4 {font-size: 1.5em;margin-bottom: 10px;}
	.floor01 .main section h5 {font-size: 0.8em;margin-bottom: 10px;}
	.footer_wrap .wcont {padding:0 0px;}
	#name_en {display:none;}
	#myform div span {display:none;}
	#hint {float:left;display:block;border:1px solid orange;width:100%;margin-bottom:10px;}	
}