@charset "utf-8";
body {font-family:Microsoft Yahei,"微软雅黑",Helvetica,Arial,sans-serif; padding:0; margin:0; background:#fff; font-size:62.5%; color:#5f1111; }

*{ margin:0; padding:0}
li{ list-style:none}
img{border:none 0; border:none; padding:0; margin:0; vertical-align:top}
.hide{ display:none}
.clear{ clear:both}

#header{height:80px; border-bottom:1px solid #e38f0c; width:100%;}
	.header{ width:1200px; margin:0 auto;}
		.logo{float:left; width:360px; display:block; overflow:hidden; height:80px;}
			.logo img{ height:80%; margin:8px 0 0 10px}
			
		.topNav{float:left; width:840px}	
			.navIcon{ display:none}
			.ulNav{}
				.ulNav li{ float:left; display:inline-block; line-height:80px; width:140px}
					.ulNav li a{ display:block;font-size:1.6em; text-align:center; text-decoration:none; color:#5f1111}	
						.ulNav li a:hover,.ulNav li a:active{background: #f19f46; font-weight:bold; color:#fff; text-decoration:none}
						.ulNav li:hover a{color:#fff}


.switchBox{ width:100%; overflow:hidden; background:url(../images/bg.jpg) no-repeat center top #f1f8ff;}
	.switchTit{ width:1200px; margin:342px auto 0 auto; height:138px; overflow:hidden}
		.switchTit em{ width:150px; display:block; height:100%; float:left}
			.switchTit em a{ display:block; width:150px; height:100%; text-indent:-2000px}
			.switchTit em.tit01 a{ background:url(../images/tit.png) no-repeat 0 0}
			.switchTit em.tit01 a.hovera{ background:url(../images/tit.png) no-repeat 0 -138px}
			.switchTit em.tit02 a{ background:url(../images/tit.png) no-repeat -150px 0}
			.switchTit em.tit02 a.hovera{ background:url(../images/tit.png) no-repeat -150px -138px}
			.switchTit em.tit03 a{ background:url(../images/tit.png) no-repeat -300px 0}
			.switchTit em.tit03 a.hovera{ background:url(../images/tit.png) no-repeat -300px -138px}
			.switchTit em.tit04 a{ background:url(../images/tit.png) no-repeat -450px 0}
			.switchTit em.tit04 a.hovera{ background:url(../images/tit.png) no-repeat -450px -138px}
			.switchTit em.tit05 a{ background:url(../images/tit.png) no-repeat -600px 0}
			.switchTit em.tit05 a.hovera{ background:url(../images/tit.png) no-repeat -600px -138px}
			.switchTit em.tit06 a{ background:url(../images/tit.png) no-repeat -750px 0}
			.switchTit em.tit06 a.hovera{ background:url(../images/tit.png) no-repeat -750px -138px}
			.switchTit em.tit07 a{ background:url(../images/tit.png) no-repeat -900px 0}
			.switchTit em.tit07 a.hovera{ background:url(../images/tit.png) no-repeat -900px -138px}
			.switchTit em.tit08 a{ background:url(../images/tit.png) no-repeat -1050px 0}
			.switchTit em.tit08 a.hovera{ background:url(../images/tit.png) no-repeat -1050px -138px}

.switchPackage{ width:100%; overflow:hidden; background:url(../images/bg_01.png) no-repeat center top #f1f8ff; *height:750px; *background:#f0f}
	.projectRoll{ width:1200px; margin:0 auto; overflow:hidden; height:750px}
	.leftArrow,.rightArrow{ width:121px; overflow:hidden; float:left;}
		.leftArrow a,.rightArrow a{ width:121px; margin-top:260px; height:60px;  display:block; background:url(../images/arrow.png) no-repeat left top}
		.rightArrow a{ background-position: right 0}
			.leftArrow a:hover{background-position: left bottom;transition:all .6s ease; -webkit-transition:all .6s ease;-o-transition:all .6s ease;-ms-transition:all .6s ease;-moz-transition:all .6s ease} 
			.rightArrow a:hover{background-position: right bottom;transition:all .6s ease; -webkit-transition:all .6s ease;-o-transition:all .6s ease;-ms-transition:all .6s ease;-moz-transition:all .6s ease} 
	
	.rollWrap{ width:958px; overflow:hidden; float:left;}
		.ulProRoll{width:958px;}	
			.ulProRoll li{width:958px; float:left; overflow:hidden; height:650px; position:relative}
				.ulProRoll li p{ position:absolute; z-index:10; color:#000; font-size:16px; top:538px; left:0; width:100%; background:#ffb00d; line-height:40px; text-align:center; border-radius:0 0 5px 5px}

.roleSwitch{ text-align:center; position:absolute; z-index:10; width:100%; left:0; top:67px}
	.roleSwitch span{ display:inline-block; margin:0 auto 20px auto; width:300px; line-height:34px; height:34px;  border-radius:10px 10px 0 0; border:1px solid #3897f4; overflow:hidden; font-size:14px}
		.roleSwitch span a{ text-decoration:none; display:block; width:50%; float:left; color:#3897f4; background:#fff}
		.roleSwitch span a.clicka{color:#fff; font-weight:bold;background:#3897f4;}



	
.title{font-size:28px;  font-weight:normal; text-align:center; height:80px; line-height:80px}
.askBox .title{ color:#fff}
.askBox{  width:100%; background:url(../images/bg_02.png) no-repeat center top #fff; overflow:hidden; padding:50px 0 30px 0}
	.ulAsk{ width:1200px; margin:0 auto; padding-top:70px}
		.ulAsk li{ width:50%; float:left; padding:35px 50px; box-sizing:border-box; line-height:30px;}
			.ulAsk li span{ background:url(../images/icon_02.jpg) no-repeat 0 0; padding-left:40px; font-size:20px; display:block; color:#000}
			.ulAsk li em{ background:url(../images/icon_01.jpg) no-repeat 0 23px;padding:20px 0 0 40px;font-size:15px; font-weight:bold; color:#a1796b;display:block; font-style:normal;}
		.ulAsk li.clear{ width:100%; padding:0; height:10px; overflow:hidden}
		
#footer{ width:100%; text-align:center; background:#4faeef; color:#fff}
	#footer p{ padding:15px; font-size:12px}


.toolBox{ width:100%; background:rgba(59,170,241,.9);box-shadow: inset 0 1px 0  rgba(255,255,255,.2); border-top:1px solid rgba(59,170,241,.9); height:80px; position:fixed; bottom:0; left:0}
	.tool{ width:1000px; margin:0 auto; height:100%}
		.tool span{color:#fff; font-weight:bold; font-size:26px; line-height:80px;  width:700px; float:left; display:inline-block}
		.tool a{color:#fff; text-decoration:none; width:220px; display:block; background:#da3d46; line-height:50px; margin-top:15px;  height:50px; font-weight:bold; font-size:24px; float:left; border-radius:30px; text-align:center;}

.redFont{ color:#e92212}

@media screen and (max-width:1200px) { body,html{width:1200px; margin:0 auto}}