* {font-family:"Segoe UI", "Microsoft YaHei", sans-serif;}/*"Microsoft Yahei",*/
html,body{height:100%;}
body{
	background: #e4e8f1;
	font-size:14px;
	color:#323232;
	position:relative;
	min-width:320px;
}
/*********************************header*************************************/
header{width:100%; background:#f4f5f9;}
#page1 header{padding-bottom:0px;}
header .indent-top{padding-top:20px;}
header .indent-bottom{padding-bottom:20px;}
.header-pannel{background:#3cb371 url(img/header-pannel-tail.png) center top repeat; color:#f5f4f6;}
#page1 .header-pannel{margin-bottom:0px;}
.header-pannel .indents{padding:0 5px;}
.header-light{width:100%;}
.header-link{
	display:block;
	float:right;
	background:#ff9c00;
	font:bold 14px/22px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px rgba(0,0,0,.09);
	padding:12px 10px 12px;
	margin-bottom:-13px;
	border-radius:0px 0px 15px 15px;
	-moz-border-radius:0px 0px 15px 15px;
	-webkit-border-radius:0px 0px 15px 15px;
}
	.header-link:hover{background-color:#339ed5;}
.secondary-menu{
	float:right;
	overflow:hidden;
	margin-right:24px;
	padding-top:8px;
}
	.secondary-menu li{
		float:left;
		margin-right:16px;
		font:12px/16px Arial, Helvetica, sans-serif;
		color:#000000;
	}
		.secondary-menu a{color:#000000; text-decoration:none;}
			.secondary-menu a:hover{text-decoration:underline; color:#177b47;}
h1{float:left;font-size:24px;}
	h1 a{
	font-size:24px;
		display:block;
		overflow:hidden;
		text-indent:-999em;
		font-size:0;
		line-height:0;
	}


/********************************* Content **********************************/
#content{width:100%; background:#f8f9fb; padding:31px 0 39px;}
#page1 #content{padding:0px 0 20px;}
/*----- Global Structure -----*/
.img-indent{float:left; margin-right:20px;}
.yessw{float:left; margin-left:10px;}
.yesl{float:left; margin-left:9px;}
.yesla{float:left; margin-left:25px;}
.img-indent3{float:right; margin-left:15px;}
.img-indent3 img{width:150px;}
.img10 img{width:auto;}
.img150 img{width:150px;}
.img-indent3-1{float:left; margin-right:18px;}
.last-item{margin-right:0 !important; margin-bottom:0 !important;} 

/* ---------- Tags ---------*/
h2{font-size:26px; color:#151515; font-weight:normal}
h2 span{font-size:12px;font-weight:normal; float:right}
h3{font-size:18px; color:#14181b;font-weight:normal}
h3 a{color:#009999;text-decoration:none;font-weight:normal}
h3 a:hover{color:#444;text-decoration:underline}
h3 span{color:#ff0000;}
h4{font-size:16px; color:#000;font-weight:normal}
h4 a{text-decoration:none;color:#444;}
h4 a:hover{color:#ff6600; text-decoration:underline }
h4.aright{text-align:right;}
h5{font-size:14px; color:#151515;font-weight:normal}
h5 a{text-decoration:none;color:#151515;}
h5 a:hover{color:#ff6600; text-decoration:underline }
h5.title1{line-height:18px; text-transform:uppercase; color:#063559;}
h6{font-size:12px; line-height:200%;font-weight:normal;color:#585858;}
h6 a{color: #666; text-decoration:none;}
h6 a:hover{color:#ff9c00;}
bhh {white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}

.tta{font-size:14px;height:30px;line-height:30px;overflow:hidden;}
.txta{font-size:12px; color:#cc0000;height:23px;line-height:23px;overflow:hidden;}

blockquote{width:100%;}
	.quote-caption{text-align:right;}

/*----------- Boxes ----------*/
.box1{
	background:#fff;
	border:1px solid #edeef0;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.box1 .indents{padding:12px 10px 10px;}
	
.box2{
	border:0px solid #edeef0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.box2 .indents{padding:12px 10px 10px;}	
	
	
.box3{
	background:#fff;
	border:1px solid #edeef0;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	padding:10px;
}

.box4{
	background:#fff;
	border:1px solid #edeef0;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

.btna a{display: inline-block;padding: 2px 8px 2px 8px;background: #ff9900; border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;color: #fff;text-decoration:none;text-align:center;}
.btna a:hover {background: #c00;color: #fff; text-decoration:none}

.box6{
width:158px; height:200px; overflow:hidden; text-align:center; line-height:200px;  _font-size:200px; background:#fff;
border:1px solid #edeef0;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}
.box6-img{display:inline-block; vertical-align:middle top; max-width:300px; _height:10px;}
.img-box6{float:left; margin-right:15px;}
.tma{background-color:#333; filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
 color:#FFFFFF; font-size:10px; padding:3px}
	
/*---------- Links ----------*/
a{color:#323232; outline:none; cursor:pointer; text-decoration:none;}
	a:hover{text-decoration:underline;}
a[href^="tel:"]{color:#323232; text-decoration:none;}
.link{text-decoration:none; color:#323232;}
	.link:hover{color:#fb9b04;}


	
.button{
	display:inline-block;
	cursor:pointer;
	font:12px/17px;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	padding:13px 7px;
	background:url(img/button-tail.gif) center top repeat-x #314451;
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
}
	.button:hover{text-decoration:none; background-position:center -70px; background-color:#ee9302;}
/*---------- Lists -----------*/
.list-1 li{
	font:16px/20px;
	color:#063559;
	text-transform:uppercase;
	margin-bottom:17px;
}
	.list-1 a{
		display:block;
		height:26px;
		overflow:hidden;
		padding-left:20px;
		background:url(img/list1-left.png) 0 0 no-repeat;
		color:#2b4a68;
		text-decoration:none;
		white-space:nowrap;
	}
		.list-1 .right{display:block; padding-right:6px; background:url(img/list1-right.png) 0 0 no-repeat; height:26px;}
		.list-1 .tail{display:block; padding:3px 10px 3px 17px; background:url(img/list1-tail.png) 0 -999em no-repeat; height:20px;}
		.list-1 a:hover{color:#14181b; text-decoration:none;}
			.list-1 a:hover .right{background-position:right 0;}
			.list-1 a:hover .tail{background-position:0 0; background-repeat: repeat-x;}
.list-2 li{
	font-size:14px;
	color:#014479;
	padding-left:5px;
	margin-bottom:8px;
	white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;
}
.list-2 a{color:#014479; text-decoration:none;}
.list-2 a:hover{text-decoration:none; color:#ff9c00;}
.list-3 li{
	font-size:12px; font-weight:normal; 
	color:#666;
	background:url(img/marker-3.gif) 0 5px no-repeat;
	padding-left:12px;
	margin-bottom:5px;
}
.list-3 a{text-decoration:none; color:#666;}
.list-3 a:hover{text-decoration:none; color:#339ed5;}
.list-4 { height:199px;overflow:hidden;}		
.list-4 li{
	font-size:14px;
	color:#014479;
	padding-left:0px;
	margin-bottom:10px;
	white-space:nowrap;word-break:keep-all;overflow:hidden;
}
.list-4 a{color:#014479; text-decoration:none;}
.list-4 a:hover{text-decoration:none; color:#ff9c00;}		
	
.banners{overflow:hidden;}
	.banners li{margin-bottom:3px;}
/*---------- Borders ---------*/
.borders{display:block; border:1px solid #fff;}
/*---------- Indents ---------*/
p, .p3-1{margin-bottom:18px}
	.p0{margin-bottom:0;}		.p0-1{margin-bottom:3px;}
	.p1{margin-bottom:5px;}		.p1-1{margin-bottom:8px;}
	.p2{margin-bottom:10px;}	.p2-1{margin-bottom:12px;}
	.p3{margin-bottom:15px;}
	.p4{margin-bottom:20px;}	.p4-1{margin-bottom:22px;}
	.p5{margin-bottom:25px;}	.p5-1{margin-bottom:28px;}
	.p6{margin-bottom:30px;}	.p6-1{margin-bottom:32px;}
	.p7{margin-bottom:35px;}	.p7-1{margin-bottom:37px;}
	.p8{margin-bottom:40px;}	.p8-1{margin-bottom:42px;}
.indents-lr{padding-left:15px; padding-right:13px;}
.indent-top1{padding-top:5px;}
.indent-top1-1{padding-top:8px;}
.indent-top2-1{padding-top:13px;}
.indent-right6{padding-right:30px;}
.indent-left1{padding-left:5px;}
.indent-left2{padding-left:10px;}
.indent-bottom5-1{padding-bottom:27px;}
.indent-bottom6{padding-bottom:30px;}
.indent-bottom9{padding-bottom:45px;}
.ba{padding-bottom:10px; border-bottom: 1px #E3E3E3 solid}
.b1{padding-bottom:20px; border-bottom: 1px #E3E3E3 solid}
.b11{padding-bottom:10px;}
.b2{padding-bottom:20px;}
.b3{padding-bottom:30px;}
.b5{padding-bottom:5px;}
.t1 {padding-top:10px;}
.t2 {padding-top:20px;}
.t5 {padding-top:5px;}
.l1 {padding-left:10px;}
.la {padding-left:10px;}
.l2 {padding-left:20px;}
.r1 {padding-right:10px;}
.r2 {padding-right:15px;}
.f666 {color:#666;}
.f008 {color:#008000;}
/*----------- Map ------------*/
#map iframe{width:517px; height:263px; position:relative; z-index:1;}
#map .contacts{float:right; width:296px;}
#map dl{width:100%; position:relative; overflow:hidden;}
#map dt{margin-bottom:18px;}
#map dl span {float:left; width:91px;}
/************************************** Footer *************************************/
aside{
	width:100%;
	background:url(img/aside-tail.gif) center top repeat-x #eef1f6;
	padding:33px 0 9px;
}
.social-icons li{
	font:12px/16px;
	color:#000;
	margin-bottom:4px;
}
	.social-icons a{
		display:inline-block;
		color:#000;
		text-decoration:none;
		padding-top:3px;
		padding-left:33px;
		background-position:0 0;
		background-repeat:no-repeat;
		min-height:22px;
	}
	.social-icons a.icon-1{background-image:url(img/icon1.jpg);}
	.social-icons a.icon-2{background-image:url(img/icon2.jpg);}
	.social-icons a.icon-3{background-image:url(img/icon3.jpg);}
	.social-icons a:hover{text-decoration:none; color:#339ed5;}
	
.mue {margin-bottom: 0px;}
.mue li {width:100%;margin-bottom: 5px;}
.mue li a {display: inline-block;width:100%;padding: 8px 0 8px 0;background: #e8e8e8; border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;color: #444;text-decoration:none;text-align:center;}
.mue li a:hover {background: #C00;color: #fff;}
.mue li .dq {background: #C00;color: #fff;}
.mue li .da {background: #fafafc;color: #444;}
	
/* pages */
.pages {padding:20px 0 20px 0;text-align:center;font-size:14px;color:#666666;}
.pages a:link,.pages a:visited,.pages a:active {background:#FFFFFF;border:#DDDDDD 1px solid;padding:5px;text-decoration:none;}
.pages a:hover {background:#258CFF;border:#258CFF 1px solid;color:#FFFFFF;padding:5px;text-decoration:none;}
.pages strong {background:#258CFF;padding:5px;border:#258CFF 1px solid;color:#FFFFFF;}
.txaa {width:120px; height:120px; border-radius:50%; overflow:hidden;}
.tx25 {width:25px; height:25px; border-radius:50%; overflow:hidden;}
.tx200 {width:200px; height:200px; border-radius:50%; overflow:hidden;}
.tx128 {width:128px; height:128px; border-radius:50%; overflow:hidden;}
.tx100 {width:100px; height:100px; border-radius:50%; overflow:hidden;}
.tx60 {width:60px; height:60px; border-radius:50%; overflow:hidden;}
.tx80 {width:80px; height:80px; border-radius:50%; overflow:hidden;}

.fx100 {width:100px;  overflow:hidden;}
.fx120 {width:120px;  overflow:hidden;}
/************************************** Footer *************************************/
footer{width:100%; padding:15px 0; background:#e4e8f1;}
.footer-menu{float:right; overflow:hidden;}
.footer-menu li{float:left;font-size:12px;border-right:1px solid #ccc;padding:0 7px;}
.footer-menu li:first-child{padding-left:0;}
.footer-menu li.last-item{padding-right:0; border-right:none;}
.footer-menu a{color:#646465; text-decoration:none;}
.footer-menu a:hover, .footer-menu a.active{text-decoration:underline; color:#044562;}
.footer-text{float:left;font-size:12px;color:#2c2e31;}
.footer-text span{color:#666;}
.footer-text a{color:#646465;text-decoration:none;}		
.qdvideo{width: 640px; height: 360px;}





/*=================================================================================*/
@media only screen and (max-width: 995px) {
	p, .p3, .p3-1{margin-bottom:15px}
		.p4-1, .p5, .p5-1, .p6, .p6-1, .p7, .p7-1, .p8, .p8-1{margin-bottom:20px;}
		h3{font-size:16px; color:#14181b;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;}
	.indent-left1, .indent-left2{padding-left:0px;}
	.indent-right6{padding-right:20px;}
	.indent-bottom5-1, .indent-bottom9{padding-bottom:30px;}
	/*-----------------------------------------*/
	.list-1 li{font-size:13px; line-height:16px;}
		.list-1 a{display:inline-block;}
		.list-1 .tail{padding:5px 10px 5px 10px; height:16px;}
	#map iframe{width:400px;}
	#map .contacts{width:240px;}
	.footera{display:none;}
	.qdvideo{width: 503px; height: 283px;}
	.yessw{width:189px;}
	.yesl{width:166px; margin-left:10px;}
	.l2 {padding-left:5px;}
	
}

@media only screen and (max-width: 767px) {
header .indent-top{padding-top:53px;}
	.mar-bot-ml{margin-bottom:15px !important;}
	.indent-top1, indent-top1-1, .indent-top2-1{padding-top:0px;}
	.indent-right6{padding-right:0px;}
	/*-----------------------------------------*/
	.clear-tp{clear:none !important; padding-top:0 !important;}
	.header-link{padding:30px 10px 16px; margin-top:-15px; -webkit-border-radius:15px;}
	h4.aright{text-align:left; margin-bottom:-15px;}
	.secondary-menu{float:left;}
	.list-1 li{font-size:16px; line-height:20px;}
		.list-1 .tail{padding:3px 10px 3px 10px; height:20px;}
	.banners li{float:left; margin-right:5px; margin-bottom:0; width:135px;}
	#map iframe{width:100%;}
	#map .img-indent-none-ml{margin-bottom:0 !important;}
	#map .contacts{width:auto; float:none; margin-bottom:20px;}
	.footer-menu{float:none; margin-bottom:30px;}
	.footer-text{float:none;}
	.footera{display:none;}
	.qdvideo{width: 423px; height: 236px;}
	.yessw{width:196px;}
	.yesl{width:180px; margin-left:10px;}
	.l2 {padding-left:0px;}
	.la {padding-left:0px;}
	
}

@media only screen and (max-width: 479px) {
header .indent-top{padding-top:53px;}
	h1 a{width:200px; }
	h1{font-size:16px;width:200px;}
	h2{font-size:18px;}
	.secondary-menu{margin-right:20px; padding-top:10px}
	.secondary-menu li{margin-right:10px; font-size:12px; line-height:15px;}
	.banners li{float:none; margin-right:0px; margin-bottom:3px; width:auto;}
		.banners img{width:auto;}
	.img-indent-none-mp + .clear-ml{padding-top:0 !important;}
	.footer-menu{display:none;}
	.footera{display:none;}
	.menu{top:54px;}
	.img-indent3{margin-left:0px;}
	.img-indent3 img{width:300px;}
	.qdvideo{width: 300px; height: 168px;}
	.tx100 {width:90px; height:90px; border-radius:50%; overflow:hidden;}
	.yessw{width:300px; margin-left:0px;}
	.yesl{width:260px; margin-left:10px;}
	.datua{display:none;}
}