@charset "gb2312";
/* CSS Document */
body{ background:#fbfbfb;font-family: Microsoft YaHei,"ËÎÌå";min-width:1300px; }
.wrap{ width:1190px; margin:0 auto;}
a{ text-decoration:none; outline:none;}
.pure-g [class*="pure-u"],html, button, input, select, textarea {
	font-family: Microsoft YaHei,"ËÎÌå";
}
button, input, select, textarea {
	outline:none;
}
.link{color: #0C73B7;}
.link:hover{color: #F60;}
.orangelink{color: #ff6c00;}
.orangelink:hover{color: #ff1200;}
.yellow{color:#fff600}
a.flink {
	background: #FF8402 ;
	color: #FFF;
	display: inline-block;
	padding: 3px 20px;
	text-decoration: none;
	transition: all 0.5s ease-out 0s;
}
a.flink:hover {
	background: #FF6702;
	text-decoration: underline;
}
.colorsnap{
	color: #2765c3;
}
.text-center{ text-align:center;}
.red{ color:#ff0000;}
.bold{ font-weight:bold;}
.p_price{color: #F55C00;}
.font45{font-size: 45px}
/*width*/
.width80{ width:80px;}
.width150{ width:150px;}
.widthper33{ width: 33.3333%}
.widthper55{ width: 55%}
.widthper45{ width: 45%}
.widthper40{ width: 40%}
.widthper60{width: 60%}
.widthper50{ width: 50%}
/*width end*/


/*banner*/
.banner{ background:url(../images/banner.jpg) no-repeat 50% top; margin:0 auto; height: 488px}
.banner .bannertext,.banner .bannertext h1{color: #fff;}
.banner .bannertext h1{display: inline-block}
.banner .bannertext{padding-top: 135px}
/*banner end*/

/*content*/
.container{
	background:#fbfbfb;
	color: #666;
	font-size: 16px;
	line-height: 27px;
}
.item{
	padding: 45px 0;
}
.title{
	color: #2765c3;
	text-align: center;
	margin: 0 auto;
}
.title strong{font-weight: normal;display: block;font-size: 30px;}
.title span{height: 2px; background-color: #5bb4ef; width: 80px; margin: 0 auto; display: inline-block}
.title-l{text-align: left}
.snapfloat{
	position: relative;
	border: 1px solid #2466cf;
	padding: 36px;
	border-radius: 5px;
}
.snapfloat p{
	color: #333;
}
.snapfloat img{
	position: absolute;
	right: 40px;
	top: 28px;
}
.des{margin: 20px 0}
.youshi{
	background: url("../images/bg.jpg") no-repeat 50% top;
	
}
.youshi .title{color: #fff;}
.youshi .snaplist{
	padding: 40px 0;
}
.youshi .snaplist .list_item{
	background-color: #508be8;
	background-color: rgba(80,139,232,0.2);
	border-radius: 5px;
	color: #fff;
	position: relative;
}
.youshi .snaplist .list_item:hover{
	background-color: #2466cf;
	opacity: 1;
}
.item_title{
	text-align: center;
	padding: 20px 0;
	background-color: #140e54;
	background-color: rgba(20,14,84,0.2);
}
.item_title .icon{
	display: inline-block;
	vertical-align: middle;
	text-align: center;
}
.item_con{
	padding: 25px;
	line-height: 27px;
	min-height: 80px;
}
.vstable{
	font-size: 16px;
}
/*table*/
.tableout table{ border-collapse:collapse; border-spacing:0;margin-bottom: 10px;}
.tableout table tr:hover td{
	background-color: #f9fbff;
}
.tableout table th{ background:#eef4fd;    height: 26px;
	line-height: 26px;
	color: #333333;
	padding:10px;
	font-size: 16px;
	border:1px solid #d4e5ff;
	text-align:center;
}
.tableout table th a{ text-decoration:none; color:#f60;}
.tableout table th a:hover{ color:red;}
.tableout table td{ text-align:center;height: 30px;line-height: 30px;color: #444;border-bottom: 1px solid #d4e5ff;word-break: break-all;font-size: 14px;padding: 5px 0;border:1px solid #d4e5ff;background-color: #fff;}
.tableout table td.font16{ font-size:16px;}
.tableout table td a{  color: #0C73B7; text-decoration:none;}
.tableout table td a:hover{color:#f60;}
.tableout h2 span{ float:right; color: #0C73B7; font-size:14px; font-weight:normal; margin-right:10px;margin-top: 12px;}
.tableout h2 span a{color: #0C73B7; text-decoration:none; }
/*table end*/
/*content end*/
@media all and (max-width:1020px) {
	.yhq .listbg2{
		margin: 0 15px;
	}
	.yhq .listbg5{
		margin: 0 15px;
	}
}