﻿/* ==========  Non-Mobile First Method  ========== */
	html 		{ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
	body 		{ margin: 0; padding: 0; background-color: #fff; font-family: "Microsoft YaHei"; }
	dl,dt,dd,p 	{ margin: 0; padding: 0; }
	ul,ol,li 	{ margin: 0; padding: 0; list-style: none; }
	h1,h2,h3,h4 { margin: 0; padding: 0; font-weight: normal; }
	img 		{ border: 0; }
	em,i 		{ font-style: normal; }
	a:visited,
	a:link,
	a:hover,
	a:active 	{ text-decoration: none !important; }
	a:focus 	{ outline: none; }
	input		{ outline: none; }

	.clearfix:before,
	.clearfix:after,
	.container:before,
	.container:after {
		display: table;
		content: " ";
	}
	.clearfix:after,
	.container:after {
		clear: both;
	}
	.clear {
		clear: both;
	}
	.container {
		width: 1280px;
		max-width: none !important;
		margin: 0 auto;
	}
	.row-view {
		margin-left: -15px;
		margin-right: -15px;
	}
	.minwdt {
		min-width: 1280px;
	}
	.img-responsive {
		display: block;
		max-width: 100%;
		height:auto;
	}
	.center-block {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	.dp-ib {
		display: inline-block; 
	}
	.dp-blk {
		display: block; 
	}
	.fl-lf {
		float: left;
	}
	.fl-rg {
		float: right;
	}

	.evenflow_scale {
		transition: -webkit-transform 0.43s ease;
		transition: -moz-transform 0.43s ease;
		transition: -ms-transform 0.43s ease;
		transition: -o-transform 0.43s ease;
		transition: transform 0.43s ease;
	}
	.evenflow_scale:hover { 
		-webkit-transform: scale(1.06,1.06);
		   -moz-transform: scale(1.06,1.06);
			-ms-transform: scale(1.06,1.06);
			 -o-transform: scale(1.06,1.06);
				transform: scale(1.06,1.06);
	}
	
	.effect-ruby img {
		-webkit-transition: all 0.43s ease-in;
		   -moz-transition: all 0.43s ease-in;
			-ms-transition: all 0.43s ease-in;
			 -o-transition: all 0.43s ease-in;
				transition: all 0.43s ease-in;
		-webkit-transform: scale(1.2,1.2);
		   -moz-transform: scale(1.2,1.2);
			-ms-transform: scale(1.2,1.2);
			 -o-transform: scale(1.2,1.2);
				transform: scale(1.2,1.2);
	}

	.effect-ruby:hover img {
		-webkit-transform: scale(1,1);
		   -moz-transform: scale(1,1);
			-ms-transform: scale(1,1);
			 -o-transform: scale(1,1);
				transform: scale(1,1);		
	}


/* header */
	header {
		display: block;
	}
	/* head-bits */
	.head-bits {
		padding-top: 5px;
		padding-bottom: 5px;
		background: #17338B;
	}
		/* bits-lf */
	.head-bits .bits-lf li {
		display: inline-block;
		margin-right: 5px;
	}
	.head-bits .bits-lf li span {
		font-size: 12px;
		color: #fff;
	}
		/* bits-rg */
	.head-bits .bits-rg li {
		display: inline-block;
	}
	.head-bits .bits-rg .bitslink,
	.head-bits .bits-rg .line {
		font-size: 12px;
		color: #a6baf6;
	}
	.head-bits .bits-rg li.on {
		margin-left: 25px;
	}
	.head-bits .bits-rg li.active .bitslink {
		color: #fff;
	}
	.head-bits .bits-rg .bitslink:focus,
	.head-bits .bits-rg .bitslink:hover {
		color: #fff;
	}
	/* nav-box */
		/* logo link */
	.logolink {
		float: left;
		padding-top: 16px;
	}
		/* column */
	.column .columnli {
		position: relative;
		float: left;
		padding-left: 15px;
		padding-right: 15px;
	}
	.column .columnli:last-child {
		padding-right: 0;
	}
	.column .columnlink {
		display: inline-block;
		font-size: 16px;
		line-height: 88px;
		color: #333;
		border-bottom: 2px solid transparent;
	}
	.column li.active .columnlink {
		color: #15338d;
		border-bottom: 2px solid #15338d;
	}
	.column .columnlink:focus,
	.column .columnlink:hover {
		color: #15338d;
		border-bottom: 2px solid #15338d;
	}
	.subcolumn {
		position: absolute;
		top: 88px;
		left: 0;
		right: 0;
		z-index: 9;
		display: none;
		text-align: center;
		background: #fff;
		border-top: 2px solid #15338d;
		overflow: hidden;
		-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
		   -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
			-ms-box-shadow: 0 6px 12px rgba(0,0,0,.175);
			 -o-box-shadow: 0 6px 12px rgba(0,0,0,.175);
				box-shadow: 0 6px 12px rgba(0,0,0,.175);
	}
	.subcolumn .subcolumnlink {
		display: block;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 12px;
		color: #999;
	}
	.subcolumn .subcolumnlink:focus,
	.subcolumn .subcolumnlink:hover {
		color: #15338d;
		background: #F5F5F5;
	}


/* footer */
	footer {
		display: block;
	}
	.foot-Scan {
		padding-right: 20px;
		text-align: center;
	}
	.foot-Scan dt {
		padding-bottom: 15px;
	}
	.foot-Scan img {
		width: 120px;
	}
	.foot-Scan strong {
		font-size: 15px;
		font-weight: normal;
		color: #fff;
	}
	/* foot-menu */
	.foot-menu {
		padding-top: 35px;
		padding-bottom: 40px;
		background-size: cover !important;
		background-position: center center !important;
	}
	.foot-menu-box {
		padding-bottom: 40px;
	}
	.foot-menu-box > li {
		float: left;
		margin-right: 71px;
	}
		/* foot-menu-pack */
	.foot-menu-pack dt i {
		display: block;
		height: 3px;
		width: 40px;
		background: #fff;
	}
	.foot-menu-pack dt strong {
		display: block;
		margin-top: 10px;
		margin-bottom: 7px;
		font-size: 16px;
		font-weight: normal;
		color: #fff;
	}
	.foot-menu-pack dd {
		padding-top: 5px;
	}
	.foot-menu-pack dd a {
		font-size: 14px;
		color: #767676;
	}
	.foot-menu-pack dd a:focus,
	.foot-menu-pack dd a:hover {
		color: #cfcfcf;
	}
		/* foot-info */
	.foot-info {
		padding-left: 60px;
	}
	.foot-info dt {
		padding-bottom: 10px;
	}
	.foot-info dt strong {
		font-size: 16px;
		font-weight: normal;
		color: #fff;
	}
	.foot-info dd span {
		font-size: 18px;
		color: #767676;
	}
	.foot-info dd p {
		padding-top: 20px;
		font-size: 14px;
		color: #767676;
	}
		/* foot-links */
	.foot-links {
		padding-top: 15px;
		border-top: 1px solid #4A4A4A;
	}
	.foot-links dt,
	.foot-links dd {
		float: left;
		display: inline-block;
		margin-right: 15px;
	}
	.foot-links dt strong {
		font-size: 15px;
		color: #fff;
	}
	.foot-links dd .links {
		font-size: 12px;
		color: #999;
	}
	.foot-links dd .links:focus,
	.foot-links dd .links:hover {
		color: #cfcfcf;
	}
	/* foot-btm */
	.foot-btm {
		padding-top: 11px;
		padding-bottom: 11px;
		background: #000;
	}
	.foot-btm p,
	.foot-btm a {
		font-size: 12px;
		color: #A8A8A8;
	}
	.foot-btm a:focus,
	.foot-btm a:hover {
		color: #e40000;
	}


/* custom-serve */
	.custom-serve {
		position: fixed;
		top: 50%;
		right: 15px;
		z-index: 991;
		width: 120px;
		background: #fff;
		border: 1px solid #654F1E;
	}
	.custom-serve li.img {
		position: relative;
		height: 53px;
	}
	.custom-serve li.img img {
		position: absolute;
		top: -90px;
		left: -5px;
		width: 128px;
	}
	.custom-serve li.link {
		padding-left: 10px;
		padding-right: 10px;
	}
	.custom-serve li.link a {
		display: block;
		height: 30px;
		margin-bottom: 10px;
		font-size: 12px;
		line-height: 30px;
		text-align: center;
		color: #333;
		background: #ECECEC;
		overflow: hidden;
	}
	.custom-serve li.link a:focus,
	.custom-serve li.link a:hover {
		color: #fff;
		background: #CF2C1D;
	}


/* login-view */
	.login-view {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 999;
		display: none;
		background: rgba(0,0,0,0.3);
	}
	.login-box {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -170px;
		margin-left: -200px;
		height: 340px;
		width: 400px;
		background: #fff;
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.25);
			   -moz-box-shadow: 0 0 10px rgba(0,0,0,0.25);
				 -o-box-shadow: 0 0 10px rgba(0,0,0,0.25);
					box-shadow: 0 0 10px rgba(0,0,0,0.25);
	}
	.login-box dt,
	.login-box dd {
		padding-left: 20px;
		padding-right: 20px;
	}
	.login-box dt {
		position: relative;
		height: 49px;
		margin-bottom: 10px;
		background: #F6F6F6;
		border-bottom: 1px solid #DCDCDC;
	}
	.login-box dt .login-logo {
		float: left;
		margin-top: 12px;
		margin-right: 10px;
	}
	.login-box dt .login-cross {
		position: absolute;
		top: 17px;
		right: 15px;
		cursor: pointer;
	}
	.login-box dt strong {
		font-size: 16px;
		font-weight: normal;
		line-height: 50px;
		color: #666;
	}
	.login-box dd {
		padding-top: 18px;
	}
	.login-box a.link {
		font-size: 12px;
		font-family: '宋体';
		color: #3f89ec;
	}
	.login-box a.link:focus,
	.login-box a.link:hover {
		color: #ff0000;
	}
	.login-box input.ipt {
		height: 40px;
		width: 318px;
		color: #333;
		padding-left: 40px;
		border: 1px solid #DCDCDC;
	}
	.login-box input.submit {
		height: 48px;
		width: 100%;
		font-size: 16px;
		color: #fff;
		background: #4189EA;
		border: 1px solid #4189EA;
		border-radius: 2px;
		cursor: pointer;
	}

