@charset "utf-8";
body {font-family:Microsoft Yahei,"微软雅黑",Helvetica,Arial,sans-serif; padding:0; margin:0; font-size:62.5%; background:#fff}
*{ margin:0; padding:0}
li{ list-style:none}
img{border:none 0; border:none; padding:0; margin:0; vertical-align:top}
input{vertical-align:middle}
em{ font-style:normal}
.lightFont{ color:#ff4200}



#headerPc{height:90px; border-bottom:1px solid #e38f0c; width:100%;}
	.header{ width:1000px; margin:0 auto;}
		.logo{float:left; width:240px; display:block; overflow:hidden; height:90px;}
			.logo img{ height:76px; margin-top:9px}
			
		.topNav{float:left; width:760px}	
		.ulNav{}
			.ulNav li{ float:right; display:inline-block; line-height:90px; width:12%}
				.ulNav li a{ display:block;font-size:16px; text-align:center; text-decoration:none; color:#333}	
					.ulNav li.hover,.ulNav li a:hover,.ulNav li a:active{background: #f19f46; font-weight:bold; color:#fff; text-decoration:none}
					.ulNav li:hover a{color:#fff}
				

.sectionCover{ text-align:center; background:url(banner.gif) no-repeat center #fd9610; background-size:auto 100%; height:350px; overflow:hidden}
	.sectionCover p{ color:#fff;font-size:2.6em; padding-top:90px;}
		.sectionCover p span{ font-size:2em; display:block}
	
.sectionBgWhite{background:#fff}

		.title{color:#444;font-weight:normal;text-align:center;position:relative; padding:30px 0}
			.title span{ display:block;font-size:32px;}
			.title em{ font-size:22px;text-transform:uppercase; display:block; color:#666}
			.title:before{display:block;position:absolute;content:'';left:50%;margin-left:-140px;top:110px;width:280px;height:4px;border-bottom:1px solid #eaeaea}
			.title:after{display:block;position:absolute;left:50%;margin-left:-30px;top:109px;content:'';width:60px;height:4px;border-bottom:3px solid #fdd435}
		
	.survey{ margin-top:80px; color:#ff4200}
		.subTitle{font-size:2.2em; font-weight:200; line-height:35px; height:35px;display:inline-block;  margin-bottom:15px}
			
		.data{ font-size:5em; line-height:66px}
			.data span{font-size:.4em}
	.dataPic{text-align:center}
		.dataPic img{}


.sectionBgLavender{width:100%; overflow:hidden; background:#f5f5f5}	
	.padTop{ padding-top:30px}
	.subTitleTwo{font-size:2.2em; font-weight:200; line-height:35px; height:35px;display:block;  margin-bottom:15px; text-align:center; color:#ff4200}	
		.subColor{ color:#555}
	.centerPic{text-align:center; padding-bottom:20px}
		.centerPic img{ width:90%; max-width:620px}
	.dlActivities{overflow:hidden; text-align:center; margin:0 12px}
		.dlActivities dt{ font-size:2em; margin-bottom:1em}
		.artReport{ padding:10px 0;font-size:1.6em; color:#666}
			
			.artReport p{ padding:3px 0; text-align:left}
				.artReport p span{ font-size:.8em; float:left; color:#999; margin-right:5px}
	.ulList{overflow:hidden; margin:0 12px}	
		.ulList li{ color:#494949; padding:30px 0 50px 0; display:inline-block; width:100%}
		.ulList li:last-child{ padding-bottom:0}
		.ulList li a{ color:#494949; text-decoration:none}
			.ulList li h3{ font-size:1.6em; margin-top:10px; font-weight:normal}
				.ulList li h3.textC{ text-align:center}
				
			.leftPic{ float:left; width:40%; margin-right:10px}
				.leftPic img{ width:100%}
				
		.ulList li .ulArt{font-size:1.6em; text-align:left; padding:10px 0}
			.artImg{ float:left; margin:10px 50px 0 0; width:460px} 
				

#footerReport{  width:100%; overflow:hidden; padding:10px 0; border-top:1px dotted #f2f2f2;}
	#footerReport p{ margin:0 10px; line-height:1.3em; text-align:center; font-size:1.2em}

#footer{ display:none}




.fl{ float:left}
	.fl .subTitle,.fl .data{ margin-left:90px}
	.fr .subTitle,.fr .data{ margin-right:90px}
.fr{ float:right}
.ulList li.halfWrap{width:50%; float:left; padding:12px 20px; box-sizing:border-box; overflow:hidden}
.ulList li.halfWrap .dataPic img{ width:90%; padding:0 5%; margin-bottom:12px;}
.wrap{ width:1000px; margin:0 auto; overflow:hidden; padding:40px 0 50px 0}
.imgPhone,#headerPhone{ display:none}
.textC{ text-align:center; color:#ff4200}


.ulList li.phoneShow{ display:none}



@media screen  and (max-width:1000px){
#headerPhone{width:100%;height:38px; line-height:38px;display:block; background:#ffc501; border-top:1px solid #dedede; color:#fff; text-align:center; font-size:2em; -moz-box-shadow:0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 1px 1px rgba(0,0,0,.1);-o-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1)}
	#headerPhone a{color:#fff; text-decoration:none}
		#headerPhone a.back{ font-size:0.8em; display:block; position:absolute; left:0; top:0; padding:0 20px}
.height50{ width:100%; height:50px; overflow:hidden}
.sectionCover{ height:200px;}
	.sectionCover p{ padding-top:30px}

	.title{text-align:center; color:#ff5400; background:url(titlebg.png) no-repeat center 20px;background-size:640px; padding:50px 0 40px 0;}
		.title span{ font-size:4.6em; display:block; height:45px; line-height:45px}
		.title em{ font-size:1.8em;text-transform:uppercase; display:block; color:#ff7725; line-height:32px; height:32px}
	.survey{ text-align:center; margin-top:0; width:100%}
		.subTitle{font-size:2.8em; font-weight:200; line-height:35px; height:35px; color:#fff; border-radius:33px; background:#ff4200; display:inline-block; padding-right:12px; margin-bottom:15px}
			.subTitle em{color:#ff4200; background:#fff url(subTitlebg.png) no-repeat 0 0; display:inline-block; padding:0 0 0 12px; margin-right:4px; float:left}
			.subTitle span{color:#ff4200; background:#f5f5f5 url(subTitlebg.png) no-repeat 0 0; display:inline-block; padding:0 0 0 12px; margin-right:4px; float:left}
		.data{ font-size:7em; color:#ff4200; line-height:66px}
			.data span{font-size:.4em}
	
	.subTitleTwo{ font-size:3.6em; width:100%; height:36px; line-height:36px; color:#ff4200; text-align:center; font-weight:400}	
	
	.artImg{ float:none; width:auto}
	
	.ulList li{ padding:0 0 30px 0}
	.ulList li h3{ padding-bottom:0.6rem}
	.fl,.fr,.halfWrap{ float:none}
	.wrap,.ulList li.halfWrap{ width:100%;padding:0; overflow:hidden}
	.ulList li.halfWrap .dataPic img{ padding-bottom:0; width:100%; padding:0; margin-bottom:0}
	.title:before,.title:after,.imgPc,#headerPc{display:none}
	.imgPhone{ display:inline-block}
	.fl .subTitle,.fl .data,.fr .subTitle,.fr .data{ margin:0px}

	.ulList li .ulArt{ padding:0}
	
#footer{position:fixed;bottom:0;left:0;z-index:2000;width:100%;height:50px;display:block; background:#ffc501; color:#fff; -moz-box-shadow:0 -1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 -1px 1px rgba(0,0,0,.1);-o-box-shadow:0 -1px 1px rgba(0,0,0,.1);box-shadow:0 -1px 1px rgba(0,0,0,.1);}
	.ulFooter{ overflow:hidden;}
		.ulFooter li{ width:25%; float:left; display:inline; overflow:hidden;}
			.ulFooter li a{ display:block; text-align:center; background:url(inc.png) no-repeat center 0; height:50px; color:#fff;}
			.ulFooter li a.mail{background:url(inc.png) no-repeat center -50px;}
			.ulFooter li a.map{background:url(inc.png) no-repeat center -100px;}
			.ulFooter li a.share{background:url(inc.png) no-repeat center -150px; position:relative;}
			.ulFooter li a.message{background:url(inc.png) no-repeat center -200px;}
				.ulFooter li a span{ margin-top:30px; line-height:20px; text-align:center; display:inline-block; text-align:center;}
.ulList li.pcShow{ display:none}
.ulList li.phoneShow{ display:block}
	}


		
	
	
	@media (max-width:640px) {
		.title{ padding:35px 0 30px 0;background-size:320px}
			.title span{ font-size:2.4em; line-height:24px; height:24px}
			.title em{ font-size:1em; line-height:15px; height:15px}
		.subTitle{font-size:1.8em}
		.data{ font-size:3.5em; line-height:40px}
		.dataPic img{ width:85%}
		.subTitleTwo{ font-size:2em}
		.dlActivities dd img{ width:100%}
		.ulList li{ text-align:left; padding:0 0 20px 0;}
			.ulList li h3{ font-size:1.6em}
			.ulList li img{ width:100%}
		.ulNavList li a{ font-size:1.6em}
			.ulNavList li a{ font-size:1.6em}
		.artReport{ text-align:left; font-size:1.4em}
		.dlActivities dt{ font-size:1.6em}
		.ulList li .ulArt{ font-size:1.2em; margin-bottom:10px}
		.ulList li.listTwo{ text-align:center}
		}
	@media (max-width:420px) {
		.subTitle{font-size:1.4em}
		}