@charset "utf-8";
/* CSS Document */
.pagebox{
	width:1200px;
	height:auto;
	float:left;
	padding:40px 0;
	}
.pageleft{
	width:270px;
	height:auto;
	float:left;
	}
.pageleft h3{
	width:240px;
	height:auto;
	float:left;
	background:rgba(0,0,0,0.7) url(../images/pagenavbg.png) no-repeat right top;
	padding:10px 15px;
	color:#fff;
	font-size:24px;
	font-weight:normal;
	}
.pageleft h3 p{
	font-size:14px;
	color:rgba(255,255,255,0.7);
	}
.pageleft dl{
	width:270px;
	height:auto;
	float:left;
	background:rgba(0,124,186,0.8);
	padding-bottom:10px;
	}
.pageleft dl dt{
	width:240px;
	height:40px;
	line-height:40px;
	border-bottom:rgba(255,255,255,0.3) 1px solid;
	padding:0 15px;
	float:left;
	font-size:14px;
	background:rgba(0,124,186,0.6);
	}
.pageleft dl dt a{
	color:#fff;
	}
.pageleft dl dd{
	width:220px;
	height:30px;
	float:left;
	line-height:30px;
	padding:0 25px;
	}
.pageleft dl dd a{
	color:rgba(255,255,255,0.7);
	}
.pageright{
	width:900px;
	height:auto;
	float:right;
	}
.pageright .aboutdetail{
	width:900px;
	height:auto;
	float:left;
	line-height:26px;
	font-size:14px;
	color:#444;
	padding-top:20px;
	}
.crumbs{
	width:865px;
	height:auto;
	float:left;
	padding:10px 0 10px 35px;
	background:url(../images/add.png) no-repeat 10px center;
	background-size:15px auto;
	border:#fff 1px solid;
	box-shadow:0 0 3px rgba(0,0,0,0.2) inset;
	border-radius:5px;
	}
.crumbs a:last-child{
	color:#007cba;
	}
.prolist{
	width:900px;
	height:auto;
	float:left;
	}
.prolist li{
	width:286px;
	height:auto;
	float:left;
	margin:15px 18px 15px 0;
	border:#ddd 1px solid;
	color:#fff;
	background:#fff;
	}
.prolist li:nth-child(3n){
	margin-right:0px;
	}
.prolist li img{
	width:100%;

	
	}
.prolist li h3{
	width:256px;
	height:auto;
	float:left;
	padding:10px 15px;
	border-top:#ddd 1px solid;
	font-weight:normal;
	}
.prol{
	width:400px;
	height:auto;
	float:left;
	padding-top:40px;
	}
.prol img{
	width:400px;

	}
.pror{
	width:470px;
	height:auto;
	float:left;
	padding-top:40px;
	padding-left:30px;
	}
.pror h3{
	width:470px;
	height:auto;
	float:left;
	font-size:18px;
	padding-bottom:10px;
	border-bottom:rgba(0,0,0,0.2) 1px solid;
	}
.pror p{
	width:470px;
	height:auto;
	float:left;
	padding:30px 0;
	border-bottom:rgba(0,0,0,0.2) 1px dotted;
	}
.pror p span{
	width:470px;
	height:auto;
	float:left;
	padding-bottom:15px;
	font-size:14px;
	color:#333;
	}
.pror a{
	width:auto;
	height:auto;
	float:left;
	border:#037baf 1px solid;
	background:#0a97d5 url(../images/down_03.png) no-repeat 10px center;
	background-size:25px;
	box-shadow:0 0 1px rgba(255,255,255,0.8) inset;
	padding:8px 15px 8px 40px;
	margin-top:20px;
	color:rgba(255,255,255,0.9);
	border-radius:3px;
	}
.newslist{
	width:900px;
	height:auto;
	float:left;
	padding-bottom:15px;
	}
.newslist li{
	width:880px;
	height:auto;
	float:left;
	padding:15px 0;
	border-bottom:#999 1px dotted;
	background:url(../images/newsui.png) no-repeat 2px 20px;
	background-size:14px;
	padding-left:20px;
	}
.newslist li h3{
	font-size:14px;
	color:#444;
	font-weight:normal;
	}
.newslist li h3 span{
	float:right;
	
	font-size:12px;
	color:#999;
	}
.newslist li p{
	color:#777;
	padding-top:10px;
	}
.newslist a:hover h3 , .newslist a:hover p{
	color:#007cba;
	}
.newsdetail{
	width:900px;
	height:auto;
	float:left;
	padding-top:20px;
	}
.newsdetail h3{
	font-size:24px;
	font-weight:normal;
	text-align:center;
	}
.newsdetail p{
	width:900px;
	height:auto;
	text-align:center;
	float:left;
	padding-top:10px;
	color:#999;
	}
.newsdetail .content{
	width:900px;
	height:auto;
	float:left;
	padding-top:20px;
	font-size:14px;
	line-height:26px;
	}
.newsdetail .content p{
	float:none;
	width:auto;
	
	}
.join{
	width:898px;
	height:auto;
	float:left;
	padding-left:2px;
	padding-top:30px;
	}
.join li{
	width:449px;
	height:auto;
	float:left;
	padding:15px;
	border:#999 1px dotted;
	box-sizing:border-box;
	line-height:24px;
	
	}
.join li h3 span{
	font-size:12px;
	color:#999;
	float:right;
	}
.join li:nth-child(2){
	border-right:#999 1px dotted;
	}
.contact{
	width:100%;
	height:auto;
	float:left;
	padding-top:60px;
	}
.contact_detail{
	width:100%;
	height:auto;
	float:left;
	padding:30px;
	box-sizing:border-box;
	background:rgba(0,124,186,0.5);
	color:#fff;
	font-size:16px;
	line-height:30px;
	position:relative;
	}
.lxr{
	width:300px;
	height:auto;
	border:#333 1px solid;
	position:absolute;
	padding:20px;
	font-size:12px;
	color:#333;
	right:0px;
	top:-40px;
	background:#fff;
	box-sizing:border-box;
	z-index:9999;
	}
.lxr p{
	width:100%;
	height:auto;
	border-bottom:#333 1px dotted;}
.masbox{
	width:100%;
	height:100%;
	position:fixed;
	background:rgba(0,0,0,0.8);
	top:0;
	left:0;
	z-index:9999999;
	display:none;
	}
.mascontent{
	width:600px;
	height:621px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-310px;
	margin-left:-300px;
	background:#fff;
	border-radius:3px;
	}
.mascontent .mastitle{
	width:570px;
	height:45px;
	line-height:45px;
	padding:0 15px;
	font-size:16px;
	border-bottom:#ddd 1px solid;
	}
.mascontent .mastitle .masclose{
	float:right;
	cursor:pointer;
	}
.mascontent .masform{
	width:500px;
	height:auto;
	padding:40px 50px;
	float:left;
	}
.mascontent .masform dt , .mascontent .masform dd{
	width:500px;
	float:left;
	padding:10px 0;
	}
.mascontent .masform dt input{
	width:468px;
	height:40px;
	border:#ddd 1px solid;
	background:#fafafa;
	padding:0 15px;
	border-radius:3px;
	}
.mascontent .masform dt textarea{
	width:478px;
	padding:10px;
	border:#ddd 1px solid;
	background:#fafafa;
	min-height:100px;
	border-radius:3px;
	}
.mascontent .masform dd{
	text-align:center;
	}
.mascontent .masform dd button{
	width:500px;
	height:40px;
	background:#007cba;
	color:#fff;
	font-size:14px;
	border-radius:3px;
	}