@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:260px; display:block; overflow:hidden; height:80px;}
			.logo img{ height:80%; margin:10px 0 0 10px}
			
		.topNav{float:left; width:940px}	
			.navIcon{ display:none}
			.ulNav{}
				.ulNav li{ float:left; display:inline-block; line-height:80px; width:116px}
					.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 #fff;}
	.switchTit{ width:1200px; margin:310px 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 -12px #fff; *height:750px; *background:#fff}
	.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 #ff9b1b; overflow:hidden; font-size:14px}
		.roleSwitch span a{ text-decoration:none; display:block; width:50%; float:left; color:#ff9b1b; background:#fff}
		.roleSwitch span a.clicka{color:#fff; font-weight:bold;background:#ff9b1b;}



	
.title{font-size:28px;  font-weight:normal; text-align:center; height:80px; line-height:80px}
.askBox .title{ color:#222}
.askBox{  width:100%; background:url(../images/bg_02.png) no-repeat center top #ffdfb2; overflow:hidden; padding:50px 0 30px 0;}
	.ulAsk{ width:1200px; margin:60px auto 0 auto; padding-bottom:20px;  background:#fff; overflow:hidden;}
		.ulAsk li{  padding:25px 80px; 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:16px; display:block; color:#333; font-weight:bold;}
			.ulAsk li em{ background:url(../images/icon_01.jpg) no-repeat 0 23px;padding:20px 0 0 40px;font-size:15px;  color:#333;display:block; font-style:normal;}
		.ulAsk li.clear{ width:100%; padding:0; height:10px; overflow:hidden}
		
#footer{ width:100%; text-align:center; background:#ff9b1b; 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:#ff8a00}
.tipBox{ position:fixed; right:0; bottom:80px; z-index:1000}

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

#myBank{ background:url(../images/dialog.png) repeat; position:fixed; _position:absolute; height:100%; _height:1000px; width:100%; overflow:hidden; top:0; left:0; display:none; z-index:100}
.bankBox{ position:relative;width:1000px; margin:0 auto; background:#fff;overflow:hidden; z-index:100;clear:both; min-height:220px; border-top:2px solid #fbb122;}
.bankClose{ text-align:right; cursor:pointer; float:right;}
	.bankClose img{ padding:20px 30px 10px 30px}
.dialog{ margin:40px 100px; overflow:hidden}
	.dialogTit{ font-size:20px; line-height:24px; padding:12px 0; border-bottom:1px solid #dedede; color:#fbb122}
	.ulBank{background:#fff; width:100%; overflow:hidden; max-height:500px; padding:15px 20px; overflow-y:auto}	
		.ulBank li{width:45%; float:left; margin:0 4% 0 1%; padding:12px 0; border-bottom:1px solid #ececec; font-weight:bold; font-size:15px}
			.ulBank li img{ width:18px; height:18px; margin-right:10px}
			.ulBank li span{ color:#999; float:right; font-weight:normal; margin-right:10px}