@CHARSET "UTF-8";
/***************
This is for BASE, including header and footer
***************/
/** 20200418 Replace #A90000 with #9B0000-e06436-4874CB蓝-9A0000红 **/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, figure, figcaption, code, del, dfn, em, image, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, tf, tr, th {
	border: 0px;
	padding: 0px;
	/*font-size: 100%;*/
	margin: 0px;
	font-family: 'Microsoft Yahei',"Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif";
	-webkit-font-smoothing: subpixel-antialiased;
	font-weight:normal;
}
body {
	line-height: 20px;
	font-size: 12px;
	font-family:'Microsoft Yahei',"Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif";
	margin: 0px;
}
input, textarea, select {
	font-family: 'Microsoft Yahei',"Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif";
	background-color: #FFFFFF;
	font-size:12px;
	outline:none;
}
img {
	border: 0px;
	vertical-align:bottom;
	-ms-interpolation-mode: bicubic;
}
a, a:link {
	text-decoration: none;
   color: #323232;
}
a:hover {
	text-decoration:none;
	color:#9A0000;
}
ul{
	list-style-type:none;
}
.pku-red{
   color:#9A0000;
}
.pku-red-2{
   color:#9A0000;
}
.pku-gold{
   color:#dda813;
}
.pku-gray{
   color:#565656;
}
.pku-grey{
   color:#CECECE;
}
.pku-black{
   color:#333;
}
.pku-green{
   color:#00A105;
}
.black{
  color:#000;
}
.pku-grey-hr{
   height:1px;
   border:none;
   border-top:1px solid #cecece;
}
.icon-space-right{
   margin-right:3px;
}
.icon-space-left{
   margin-left:3px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clearfix:after {
	display:block;
	content:'';
	clear:both;
	height:0px;
	visibility: hidden;
}

.header{
   overflow:hidden;
   box-shadow: 0 0 4px #e5e5e5;
    -webkit-box-shadow: 0 0 4px #e5e5e5;
   width:100%;
   border-bottom:1px solid #CECECE;
   margin-bottom:20px;
   background:url("../images/header_bg.png") right bottom no-repeat;
}
.header .content {
	width:1680px;
	height:100px;
	margin:10px auto;
	text-align:center;
}
.header .content-w {
	width:100%;
	height:100px;
	margin:10px auto;
	text-align:center;
}
.header .content .logo {
	float:left;
	_display:inline;
	/*padding-left:15px;*/
	height:100%;
	padding-left:60px;
}
.header .content-w .logo {
	float:left;
	_display:inline;
	/*padding-left:15px;*/
	height:100%;
	padding-left:80px;
}
.header .content .logo a{
	float:left;
	display:inline-block;
	height:calc(100% - 30px);
	margin:15px 0;
	box-sizing:border-box;
}
.header .content .logo a img{
	height:100%;
}
.header .content .logo a.sub-logo{
	margin-left:20px;
	padding-left:20px;
	border-left:solid 1px #0D00B1;
}
.header .content .logo a.sub-logo img{
	float:left;
	margin:4px 0;
	height:62px;
	
}
.header .content .logo a.sub-logo span.title{
	float:left;
	display:inline;
	width:280px;
	height:100%;
	padding-left:10px;
	color:#0D00B1;
}
.header .content .logo a.sub-logo span.title-cn{
	float:left;
	text-align:left;
	width:100%;
	height:60%;
	line-height:42px;
	font-size:30px;
}
.header .content .logo a.sub-logo span.title-en{
	float:left;
	text-align:left;
	width:100%;
	height:40%;
	line-height:28px;
	font-size:18px;
}
@media screen and (max-width:1680px) {
	.header .content {
		width:1440px;
	}
	.header .content-w {
		width:100%;
	}
}
@media screen and (max-width:1440px) {
	.header .content {
		width:1200px;
	}
	.header .content-w {
		width:100%;
	}
}
@media screen and (max-width:1440px) {
	.header .content {
		width:1200px;
	}
	.header .content-w {
		width:100%;
	}
}
@media screen and (max-width:1200px) {
	.header .content {
		width:1000px;
	}
	.header .content-w {
		width:100%;
	}
	.header .content-w .logo {
		padding-left:60px;
	}
}
@media screen and (max-width:1000px) {
	.header .content {
		width:800px;
	}
	.header .content-w {
		width:100%;
	}
}
@media screen and (max-width:800px) {
	.header{
		background:none;
	}
	.header .content {
		width:640px;
		height:80px;
	}
	.header .content-w {
		width:100%;
	}
	.header .content .logo {
		padding-left:20px;
	}
	.header .content .logo a{
		height:calc(100% - 20px);
		margin:10px 0;
	}
	.header .content .logo a.sub-logo img{
		height:52px;
	}
	.header .content .logo a.sub-logo{
		margin-left:15px;
		padding-left:15px;
	}
	.header .content .logo a.sub-logo span.title{
		width:240px;
		padding-left:5px;
	}
	.header .content .logo a.sub-logo span.title-cn{
		line-height:36px;
		font-size:26px;
	}
	.header .content .logo a.sub-logo span.title-en{
		line-height:24px;
		font-size:14px;
	}
}
@media screen and (max-width:640px) {
	.header .content {
		width:100%;
		height:70px;
	}
	.header .content .logo {
		padding-left:20px;
	}
	.header .content .logo a{
		height:calc(100% - 20px);
		margin:10px 0;
	}
	.header .content .logo a.sub-logo img{
		height:48px;
		margin:1px 0px;
	}
	.header .content .logo a.sub-logo{
		margin-left:15px;
		padding-left:15px;
	}
	.header .content .logo a.sub-logo span.title{
		width:240px;
		padding-left:5px;
	}
	.header .content .logo a.sub-logo span.title-cn{
		line-height:30px;
		font-size:26px;
	}
	.header .content .logo a.sub-logo span.title-en{
		line-height:20px;
		font-size:14px;
	}
}
@media screen and (max-width:580px) {
	.header .content {
		width:100%;
		height:70px;
	}
	.header .content .logo {
		padding-left:20px;
	}
	.header .content .logo a{
		height:calc(100% - 20px);
		margin:10px 0;
	}
	.header .content .logo a.sub-logo img{
		height:42px;
		margin:4px 0px;
	}
	.header .content .logo a.sub-logo{
		margin-left:15px;
		padding-left:15px;
	}
	.header .content .logo a.sub-logo span.title{
		width:240px;
		padding-left:5px;
	}
	.header .content .logo a.sub-logo span.title-cn{
		line-height:30px;
		font-size:22px;
	}
	.header .content .logo a.sub-logo span.title-en{
		line-height:20px;
		font-size:14px;
	}
}
@media screen and (max-width:520px) {
	.header .content {
		width:100%;
		height:60px;
	}
	.header .content .logo a.sub-logo img{
		height:38px;
		margin:1px 0px;
	}
	.header .content .logo a.sub-logo{
		margin-left:10px;
		padding-left:10px;
	}
	.header .content .logo a.sub-logo span.title{
		width:180px;
		padding-left:5px;
	}
	.header .content .logo a.sub-logo span.title-cn{
		line-height:22px;
		font-size:20px;
	}
	.header .content .logo a.sub-logo span.title-en{
		line-height:18px;
		font-size:12px;
	}
}
@media screen and (max-width:480px) {
	.header .content {
		width:100%;
		height:60px;
	}
	.header .content .logo a.sub-logo img{
		height:38px;
	}
	.header .content .logo a.sub-logo{
		margin-left:10px;
		padding-left:10px;
	}
	.header .content .logo a.sub-logo span.title{
		width:170px;
		padding-left:5px;
	}
	.header .content .logo a.sub-logo span.title-cn{
		line-height:22px;
		font-size:18px;
	}
	.header .content .logo a.sub-logo span.title-en{
		line-height:18px;
		font-size:10px;
	}
}
@media screen and (max-width:400px) {
	.header .content {
		width:100%;
		height:56px;
	}
	.header .content .logo a{
		height:calc(100% - 16px);
		margin:8px 0;
	}
	.header .content .logo a.sub-logo img{
		height:32px;
	}
	.header .content .logo a.sub-logo{
		margin-left:6px;
		padding-left:6px;
	}
	.header .content .logo a.sub-logo span.title{
		width:150px;
		padding-left:3px;
	}
	.header .content .logo a.sub-logo span.title-cn{
		line-height:24px;
		font-size:18px;
	}
	.header .content .logo a.sub-logo span.title-en{
		line-height:16px;
		font-size:10px;
	}
}
@media screen and (max-width:360px) {
	.header .content {
		width:100%;
		height:46px;
	}
	.header .content .logo a{
		height:calc(100% - 10px);
		margin:5px 0;
	}
	.header .content .logo a.sub-logo img{
		height:28px;
	}
	.header .content .logo a.sub-logo{
		margin-left:6px;
		padding-left:6px;
	}
	.header .content .logo a.sub-logo span.title{
		width:120px;
		padding-left:3px;
	}
	.header .content .logo a.sub-logo span.title-cn{
		line-height:22px;
		font-size:14px;
	}
	.header .content .logo a.sub-logo span.title-en{
		line-height:14px;
		font-size:8px;
	}
}
@media screen and (max-width:320px) {
	.header .content {
		width:100%;
		height:40px;
	}
	.header .content .logo a{
		height:calc(100% - 10px);
		margin:5px 0;
	}
	.header .content .logo a.sub-logo img{
		height:22px;
		margin:4px 0px;
	}
	.header .content .logo a.sub-logo{
		margin-left:6px;
		padding-left:6px;
	}
	.header .content .logo a.sub-logo span.title{
		width:120px;
		padding-left:3px;
	}
	.header .content .logo a.sub-logo span.title-cn{
		line-height:18px;
		font-size:14px;
	}
	.header .content .logo a.sub-logo span.title-en{
		line-height:12px;
		font-size:8px;
	}
}