/*在线报名流程样式表文件*/
*{margin:0;padding:0;}
.container{
	width:100%;
	height: auto;
}
.container .bannerBox{
	width:100%;
	height: 264px;
	background:#fff url("../image/sign_banner_02.jpg") no-repeat top center;
}
.bannerBox img{
	width:100%;
	height: 100%;
}
.container .section1{
	width: 100%;
	height:875px;
	background-color: #E6E6E6;
}
.section1 .content{
	width: 960px;
	margin:0 auto;
	position: relative;
}
.section1 .s1_title{
	padding-top:70px;
	font-size:36px;
	line-height: 26px;
	font-family: "Microsoft Yahei";
	color:#333;
	padding-bottom: 40px;
	border-bottom: 2px solid #c9c9c9;
}
.section1 .title_box{
	position:relative;
}
.section1 .title_box:after{
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 2px;
	width: 155px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #393;
}
.content .step_box{
	margin-top:35px;
}
.content .step_box:after{
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	/*margin-top:35px;*/
}

.content .step_box li{
	position: relative;
	width: 318px;
	height: 304px;
	float:left;
	background-color: #fff;
	padding:45px 38px;
	box-sizing:border-box;
	color:#333333;
	border-left: 1px solid #BFBFBF;
	border-bottom:1px solid #bfbfbf;

}
.content .step_box li:nth-of-type(1){
	border-top-left-radius:6px;
}
.content .step_box li:nth-of-type(3){
	border-top-right-radius:6px;
}
.content .step_box li:nth-of-type(4){
	border-bottom-left-radius:6px;
}
.content .step_box li:nth-of-type(6){
	border-bottom-right-radius:6px;
}

.content .step_box li.li_on{
	background-color: #333333;
	color:#fff;	
}
.step_box .step_title{
	font-size:24px;
	font-family: "Microsoft Yahei";
	margin-bottom: 28px;
}
.step_box .step_desc{
	font-size:15px;
	font-family: "Microsoft Yahei";
}
.step_box .step_btn{
	position: absolute;
	bottom: 45px;
	display: inline-block;
	font-size:15px;
	font-family: "Microsoft Yahei";
	color:#333;
	padding:5px 18px;
	/*border:1px solid #393;*/
	border-radius: 5px;
	background-color: #E6E6E6;
}
.step_box a.a_on{
	border:1px solid #393;
	color:#fff;
	background-color: #333333;
}
.step_box .triangle{
	position: absolute;
	display: inline-block;
    width:22px;
    height:22px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    background-color:#fff;
    z-index:100;
}
.step_box .tri_on{
	background-color:#333;
	border-right: 1px solid #BFBFBF;
	border-top: 1px solid #BFBFBF;
}
.step_box .triangle_right{	
    /*background-color:#333;*/
    right:-12px;
    top:50%;
}

.step_box li:hover{
	background-color: #333333;
	color:#fff;	
}
.step_box li:hover a{
	border:1px solid #393;
	color:#fff;
	background-color: #333333;
}
.step_box li:hover span{
	background-color:#333;
}
/*
.step_box li:nth-of-type(2){
	border:0;
}
*/
.step_box .triangle_right2{
    right:-12px;
    top:50%;
    border-right:1px solid #BFBFBF;
    border-top:1px solid #BFBFBF;
}
.step_box .triangle_bottom{
	right:50%;
	bottom:-12px;
	border-right:1px solid #BFBFBF;
    border-bottom:1px solid #BFBFBF;
}
.step_box .triangle_left{
	top:50%;
	left:-12px;
	border-left:1px solid #BFBFBF;
    border-bottom:1px solid #BFBFBF;
}

.container .section2{
	width:100%;
	height: 405px;
	background-color: #fff;
	padding-top:97px;
	box-sizing:border-box;
}
.section2 .content{
	width: 960px;
	height:205px;
	margin:0 auto;
	/*margin-top: 97px;*/
}
.section2 .content .c_left{
	float:left;
	width:315px;
	height: 205px;
	background-color: #E6E6E6;
	padding:52px 40px;
	box-sizing:border-box;
	border-radius: 5px;
}
.c_left .p-img{
	/*display: inline-block;*/
	width:50px;
	height: 50px;
	background: url(../image/contact_ico.png) no-repeat;
}

.section2 .content .c_right{
	float:right;
	width: 635px;
	height:205px;
	/*font-size:0;*/
}
.section2 .content .c-item{
	display: inline-block;
	vertical-align: top;
}
.section2 .content .icon-title{
	font-size:15px;
	color:#666;
	text-align:center;

}
.section2 .content .item-title{
	font-size:15px;
	color:#666;
	font-weight: 600;
	line-height: 2em;

}
.section2 .content .item-txt{
	font-size:15px;
	color:#666;

}
.c_left .p-title{
	text-align:center;
}
.c_left .phone-icon{
	padding-right:30px;
}
.c_left .phone-content{
	padding-left:30px;
	border-left: 1px solid #C9C9C9;
}

.section2 .content .c_right .item{
	width: 310px;
	height: 98px;
	background-color: #E6E6E6;
	float:left;
	margin-right:7px;
	margin-bottom:8px;
	box-sizing:border-box;
	padding-top:8px;
	padding-left:40px;
	border-radius: 5px;
}

.section2 .content .c_right .q-img{
	width:50px;
	height: 50px;
	background: url(../image/contact_ico.png) no-repeat -46px;
}

.section2 .content .c_right .w-img{
	width:50px;
	height: 50px;
	background: url(../image/contact_ico.png) no-repeat -157px;
}
.section2 .content .c_right .a-img{
	width:50px;
	height: 50px;
	background: url(../image/contact_ico.png) no-repeat -101px;
}
.section2 .content .c_right .d-img{
	width:50px;
	height: 50px;
	background: url(../image/contact_ico.png) no-repeat -208px;
}

.c_right .item div:nth-of-type(2){
	margin-left:35px;
	margin-top:5px;
}
.c_right .download-content{
	width:165px;
}
.c_right .download-content .d-item-txt{
	font-size:13px;
}