html,body{width: 100%;min-width: 1200px;}
body{overflow-x:hidden ;font-family: "微软雅黑";}

li{list-style: none;}
a{text-decoration: none;outline: none;}
img{border: 0;font-size: 0}
input,textarea,button{outline: none;border: none;}
textarea{overflow: hidden;}
i,em{font-style: normal;}
h1,h2,h3,h4,h5{font-weight: normal;}
.placeholder{color: #b4b4b4;}
#header{width: 100%;}

#header .banner{width: 100%;}
#header .banner .bli{
	width: 100%;height: 712px;
	background: url(../img/banner01.jpg) no-repeat ;
	background-position: center center;}
#header .nav{
	width: 100%;overflow: hidden;background:#fc682b ;}
#header .nav ul{float: left;overflow: hidden;}
#header .nav .navLi{width: 1200px;margin: 0 auto;overflow: hidden;}
#header .nav ul li{float: left;}
#header .nav ul li a{
	display: block;font-size: 18px; color: #FFFFFF;
	line-height: 60px;height: 60px;
	}
#header .nav ul li a i{
	
	padding:0 25px;border-left: 1px solid #ffffff;
}
#header .nav ul li:first-child i{
	border-left: 0;
}
#header .nav .navLi>a{
	float: right;height: 60px;line-height: 60px;font-size: 18px; color: #FFFFFF;
}
#header .nav .navLi>a>i{
	
	display:inline-block;margin-right:10px;width: 15px;height: 14px;background: url(../img/img.png) no-repeat 0 0;
}


#content{width: 100%;;margin-top: 80px;}
.title{
	width: 1200px;margin: 0 auto;
}
.title h3{margin-bottom:20px;text-align:center;font-size:38px;font-weight: bold;color: #e87816;}
.title>p{font-size: 14px;font-family: arial;color: #b4b4b4;
	text-align: center;
	background: url(../img/sprite07.png) no-repeat center center;
}
.introduce{}
.introduce ul{width: 1100px;margin:0 auto;margin-top: 40px;}
.introduce ul li{position: relative;
width: 1100px;margin-bottom: 12px;
}
.introduce ul li:after{content: "";display: block;clear: both;}
.introduce ul li h4{
	color:#FFFFFF;
	text-align: center;
	font-size:24px;
	font-weight: bolder; 
	line-height: 40px;
}
.introduce ul li span{position: absolute;top: 30px;left:-100px;

	font-family:"微软雅黑" ,arial;font-size:80px;color:#fae3b8 ;float: left;
	font-style: italic;
}
.introduce ul li div{
	width:1100px;
	height:537px;
	padding:20px 0 24px 0;
	overflow: hidden;
	background: url(../img/bg02.png) no-repeat;
	overflow: hidden;
}
.introduce ul li:nth-child(3) div, .introduce ul li:nth-child(4) div{
	height:316px;
	background: url(../img/bg03.png) no-repeat;
}
.introduce ul li div p{
	font-size: 18px;
	line-height: 1.6;
	color: #333;
	width:880px; 
	margin-left: 110px;
}
/* .introduce ul li:nth-child(2) div p{
width:1026px;margin-left:70px;
}

.introduce ul li:nth-child(3) div, .introduce ul li:nth-child(4) div{
	width: 938px;height: 90px;
	padding:30px;margin-right: 100px;margin-left: 100px;
	background: url(../img/img.png) no-repeat 0 -447px ;
	
}

.introduce ul li:nth-child(3) span{
	margin-left: 80px;
}

.introduce ul li:nth-child(3) h4{color: #000000;
}	
.introduce ul li:nth-child(3) p{
	color: #000000;text-align: center;
} */
/* .introduce ul li:first-child+li+li div{
	height: 188px;background: url(../img/bg02.png) no-repeat;
}
 */



.detaile{width: 1200px;margin: 0 auto;}
.introduce .detaile>ol{margin-top:30px;}
.introduce .detaile>ol:after{content: "";display: block;clear: both;}
.introduce .detaile>ol>li:after{content: "";display: block;clear: both;}
.introduce .detaile>ol>li{
	width:1030px;border:8px solid #a7e2f9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;margin:0 0 38px 60px;
	border-radius: 5px;padding:0 30px 0 30px;
	-ms-behavior: url(PIE.htc);
behavior: url(PIE.htc);
position: relative;z-index: 99;

}
.introduce .detaile>ol h5{
	width: 160px;height: 54px;
	background: url(../img/img.png) 0 -271px;
	position: absolute;top: 6px;left: -28px;
	}
.introduce .detaile>ol h5 span{
	float: right;margin:12px 42px 0 0 ;font-weight: bold;font-size: 18px;
color:#FFFFFF;	
	}
.introduce .detaile>ol>li div{
	margin-bottom: 20px;float: left;width: 415px;
	list-style: url(../img/sprite14.png);
}
.introduce .detaile>ol>li .detaile_left{padding-top: 63px;margin-left: 33px;}
.introduce .detaile>ol>li .detaile_right{padding-top:30px;margin-left: 162px;}
.introduce .detaile>ol>li div>p:after{
	content: "";display: block;clear: both;position: absolute;left: -26px;top: 10px;
	width: 5px;height: 5px;background: url(../img/img.png) no-repeat -15px 0;
	}
.introduce .detaile>ol li:first-child{
	margin-bottom: 38px;	-ms-behavior: url(PIE.htc);
behavior: url(PIE.htc);
position: relative;z-index: 99;
	}

.introduce .detaile>ol>li div p{line-height: 1.5;font-size: 18px;position: relative;}
/*arrangement*/
.arrangement{margin-top:70px;}
.arrangement .detaile{margin-top: 40px;}
.arrangement .detaile ul{width: 1200px;overflow:hidden;}
.arrangement .detaile ul li{text-align:center;float: left;width: 240px;}
.arrangement .detaile ul li.active h5{font-weight: bold;
	color: #ffc602;font-size: 18px;font-family: heitistd;
}
.arrangement .detaile ul li.active span{
	color: #ffc602;font-size: 18px;font-family: helvetica;
}

 .arrangement .detaile ul li h5{font-weight: bold;
 	color: #000000;font-size: 18px;font-family: helvetica;
 }
 
  .arrangement .detaile ul li span{
 	color: #000000;font-size: 18px;font-family: helvetica;
 }
 .arrangement .detaile ul li i{
 	margin: 13px 0;
 	display: block;width: 240px;height: 12px;
 	background: url(../img/img.png) no-repeat 0 -423px;
 }
 
 .arrangement .detaile ul li.active i{
 	display: block;width: 240px;height: 12px;
 	background: url(../img/img.png) no-repeat 0 -435px;
 }
 
  .arrangement .detaile ul li.now  div{
 	background: url(../img/img.png) no-repeat -236px -325px;
 }
   .arrangement .detaile ul li.now  div p{
 	color: #FFFFFF;
 }
 
 .arrangement .detaile ul li div{
 	
 	vertical-align: middle;
 	text-align: center;
  	margin:30px 2px 0 2px;
  	width: 236px;height: 98px;
  	background: url(../img/img.png) no-repeat 0 -325px ;
  	
  }
  .arrangement .detaile ul li div p{height: 98px;display: table-cell;vertical-align:middle;
  color: #333333;line-height: 1.4;font-size: 14px;width: 202px;padding-left:19px ;padding-right: 19px;}
  .arrangement .detaile ul li div em{display: block;text-align: center;
  font-size:30px;color: #ffa801;font-weight: bold;}
/*sign_up*/
.middle{
	margin-top: 40px;
	width: 100%;
	height: 688px;
	background: url(../img/middle01.png) center center no-repeat;
	
	}

.sign_up{
	width: 1200px;margin: 0 auto;
	background: rgba(5,95,158,0.6);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F055f9e,endcolorstr=#7F055f9e);
	margin-top: 16px;overflow: hidden;height: 688px;
	
	}
.sign_up .title{margin-top: 40px;}
form{overflow: hidden;}
.sign_up .info h5{
	font-size: 16px;font-weight: bold;
	color: #0897fc;text-align: center;margin-bottom: 16px;
	}
.info{margin-top: 40px;}	

.info div{
	width: 600px;float: left;overflow: hidden;margin-bottom:16px;
}
.info div span{
font-size: 14px;height: 55px;line-height: 50px;
width: 112px;overflow:hidden;
text-align: right;margin:0 12px 0 14px;float: left;
color: #FFFFFF;font-weight: normal;
}
.info div input{
	float:left;width: 398px;padding:16px 6px;margin-right: ;
	-webkit-border-radius:15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-ms-behavior: url(PIE.htc);
behavior: url(PIE.htc);
position: relative;z-index: 99;
	border:0;
	}
.info div i{
	float:left;
	width: 40px;
	text-align: center;
	font-size:18px;
	color: #e87816;
	margin-top: 18px; 
	}
.info div.file a{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 55px;line-height: 55px;float: left;
-ms-behavior: url(PIE.htc);
behavior: url(PIE.htc);color: #ffffff;font-size: 18px;
position: relative;z-index: 99;height: 55px;line-height: 55px;
	cursor: pointer;
cursor: pointer;text-align: center;
}



.info div.file a.upload{
	margin-left: 12px;
	width: 194px;background: #43abff;text-align: center;
	cursor: pointer;
}

.info div.file a.upload input{
	 position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    cursor: pointer;
   }
   
   .info div.file a.upload b{font-style:  normal;font-weight: normal;display: block;
line-height:55px ;display: block;width: 100%;height: 55px;cursor:pointer;
   }
.info div.file a.form{margin-left: 30px;
	background:#abd256 ;width: 184px;
	height: 53px;line-height: 53px;
}
.info div.file a.form b{
	text-align: center;
	float: right;width: 53px;height: 51px;border-left: 2px solid #a2ca4e;
}

.info div.file a.form b em{display:inline-block;margin-top:12px ;
height:28px;width:27px;background:url(../img/img.png) no-repeat 0 -30px;
}
.info div.file .tip{float:left;color:#cecece;width: 126px;text-align:center;font-size: 12px;margin:0;padding-top:5px;line-height: 1.5 !important;}
.email{padding-right: 600px;}

.text{width: 1200px !important;}
.text textarea{float: left;
	width: 660px;height: 88px;padding:14px 10px ;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-ms-behavior: url(PIE.htc);
behavior: url(PIE.htc);
z-index: 99;position: relative;
}
.sign span{line-height:1.5 !important;}
.info div.submit input{float: left;margin-left: 136px;
width: 170px;padding:13px 0;background: #ff4800;font-size:18px;
-webkit-border-radius:5px;cursor: pointer;
-moz-border-radius:5px;
border-radius:5px;
-ms-behavior: url(PIE.htc);
behavior: url(PIE.htc);
z-index: 99;position: relative;text-align: center;
color: #FFFFFF;
}


/*structure*/

.structure{margin-top:80px;}
.structure .main{
	margin: 0 auto;margin-top: 36px;width: 1200px;
}
.structure .main ul{width: 100%;}
.structure .main ul li{
	margin-bottom: 22px;width: 560px;margin: 0 auto;
}
.structure .main ul li h5{margin-bottom: 15px;
	text-align: center;
	color: #e88d3d;
	font-size: 20px;
	font-weight: bold;

	}
.structure .main ul li h5 i{display: inline-block;
width: 15px;height: 15px;margin:3px 10px 0 10px ;
background: url(../img/img.png) no-repeat 0 -15px;}
.structure .main ul li div{text-align: center;margin-bottom: 12px;font-size: 16px;line-height: 1.8;}


/*contact*/
.contact_us{margin-top: 60px;}

.contact{width: 1200px;margin: 0 auto;}
.contact ul{width: 1200px;overflow: hidden;margin-top: 35px;}
.contact ul li{position: relative;
	overflow:hidden;
padding:0 53px 0 153px;
	float: left;
}
.contact ul li div{display: table-cell;vertical-align: middle;width:166px;height: 71px;}
.contact ul li i{width: 71px;height: 71px;float: left;
background: url(../img/img.png) no-repeat 0 -58px;position: absolute;top: 0;left:68px;}
.contact ul li span{color: #ffa801;font-size: 16px;width: 174px;display: inline-block;line-height: 1.4;}
.contact ul li:first-child+li i{
	background-position:0 -129px;
	
}
.contact ul li:first-child+li+li i{
	background-position:0 -200px;
	
}


/*footer*/

#footer{overflow:hidden;width: 100%;height: 133px;background: url(../img/bottom01.png) no-repeat center center;margin-top: 44px;}
#footer .bottom{width: 1200px;margin: 0 auto;overflow: hidden;}
#footer .bottom div{
	margin-top:55px ;float: left;
}
#footer .bottom .foot_left p{margin-bottom:14px;color: #808fa9;font-size: 12px;font-weight: normal;}
#footer .bottom .foot_left p a{color: #808fa9 ;}
#footer .bottom .foot_right{width: 450px;float: right;}
#footer .bottom .foot_right p{color: #FFFFFF;font-size: 12px;}
#footer .bottom .foot_right p span{display: block;color: #ffffff;font-size: 20px;margin-top: 10px;}
