@charset "utf-8";
/* CSS Document */

.warp{ min-width:1200px; max-width:1920px; margin:0 auto; border:solid #F00 0px; overflow:hidden}
.center{ width:1200px; margin:0 auto}
.title{ text-align:center; padding-bottom:16px; position:relative}
.title h2{ font-size:40px; color:#000000; line-height:46px}
.title i{ position:absolute; background:#D5B572; width:154px; height:4px; border-radius:4px; margin-left:-77px; bottom:0; left:50%}
.title i:before{ content:""; position:absolute; background:#D5B572; width:39px; height:4px; border-radius:4px; top:0; left:-45px}
.title i:after{ content:""; position:absolute; background:#D5B572; width:39px; height:4px; border-radius:4px; top:0; right:-45px}
.table{ display:table}
.table .table-cell{ display:table-cell; vertical-align:middle}

.banner{ background:url(../images/banner.jpg) center no-repeat; height:615px; position:relative}
.banner a{ position:absolute; width:367px; height:70px; border-radius:35px; margin-left:-183px; top:358px; left:50%}

.section1{ padding:70px 0 0}
.section1 .title span{ display:block; font-size:30px; color:#626262; line-height:36px; padding:5px 0 0}
.section1 .encounter-cont{ height:340px; padding:49px 0 109px 0; margin-top:95px; position:relative}
.section1 .encounter-cont .encounter-pic{ float:left; width:432px; height:340px; position:relative; z-index:1}
.section1 .encounter-cont .encounter-info{ float:right; width:730px; height:340px; position:relative; z-index:1}
.section1 .encounter-cont li{ font-size:18px; color:#000000; line-height:47px; position:relative}
.section1 .encounter-cont li:before{ content:""; position:absolute; background:#3B2D5C; width:8px; height:8px; top:20px; left:-15px}
.section1 .encounter-cont .encounter-border{ position:absolute; width:470px; height:360px; border:solid 3px #D5B572; top:0; left:136px; z-index:0}
.section1 .encounter-cont .encounter-border:before{ content:""; position:absolute; background:#FFF; width:3px; height:284px; top:62px; right:-3px}

.section2{ background:url(../images/2-bj.jpg) top no-repeat #302F2C; padding:79px 0 122px}
.section2 .title h2{ color:#FFF}
.section2 .list-cont{ margin-top:60px}
.section2 .list-cont dl{ overflow:hidden; display: -webkit-flex; /* Safari */ display: flex; flex-wrap:wrap; justify-content:space-between}
.section2 .list-cont dd,.section2 .list-cont dt{ float:left; background:#FFF; border:solid 2px #E1C17C; width:535px; height:414px; padding:0 27px; border-radius:20px; margin-top:14px}
.section2 .list-cont dd .list-name{ font-size:26px; color:#b69246; line-height:32px; text-align:center; font-weight:bold; margin-top:48px}
.section2 .list-cont dd .list-info{ height:172px; border-bottom:dashed 1px #D5D2DA; text-align:center; margin-top:35px}
.section2 .list-cont dd .list-info i{ display:block; background:#F7A584; width:110px; height:28px; line-height:28px; border-radius:14px; margin:0 auto 9px; font-style:normal; font-size:16px; color:#ffffff}
.section2 .list-cont dd .list-info ul{ display:inline-block}
.section2 .list-cont dd .list-info li{ font-size:18px; color:#4f4f4f; line-height:30px; text-align:left}
.section2 .list-cont dd .list-info li span{ font-weight:bold}
.section2 .list-cont dd .list-data a{ display:block; background:#DCBC77; background: -webkit-linear-gradient(left, #E1C17C , #D2B270); background: -o-linear-gradient(right, #E1C17C , #D2B270); background: -moz-linear-gradient(right, #E1C17C , #D2B270); background: linear-gradient(to right, #E1C17C , #D2B270); width:320px; height:70px; border-radius:35px; margin:23px auto 0; font-size:22px; color:#ffffff; line-height:70px; padding-left:93px; text-decoration:none; position:relative}
.section2 .list-cont dd .list-data a:before{ content:""; position:absolute; width:48px; height:53px; background:url(../images/list-zip.png) no-repeat; top:9px; left:30px}
.section2 .list-cont dt{ text-align:center}
.section2 .list-cont dt .list-name{ font-size:26px; color:#b69246; line-height:32px; text-align:center; font-weight:bold}
.section2 .list-cont dt .list-info{ font-size:18px; color:#4f4f4f; line-height:35px; padding:56px 0 50px}
.section2 .list-cont dt .list-data{ width:221px; margin:0 auto; position:relative}
.section2 .list-cont dt .list-data:before{ content:""; position:absolute; width:48px; height:53px; background:url(../images/list-zip.png) no-repeat; top:-1px; left:-65px}
.section2 .list-cont dt .list-data a{ display:block; background:#E1C17C; height:51px; text-align:center; line-height:51px; border-radius:51px; font-size:22px; color:#ffffff; text-decoration:none}

.section3{ padding:47px 0 0}
.section3 .title h2{ font-weight:normal}
.section3 .form{ width:1050px; margin:50px auto 0}
.section3 .form input{ padding:0; outline:none}
.section3 .form li{ width:450px; height:50px; margin-top:33px}
.section3 .form li label{ float:left; width:67px; font-size:20px; color:#000000; line-height:50px}
.section3 .form li input{ float:left; box-sizing:border-box; background:#F7F7F7; width:383px; height:50px; border:solid 1px #E1C17C; border-radius:25px; padding:0 29px; font-size:20px; color:#333}
.section3 .form li.course{ position:relative}
.section3 .form li.course:before{ content:""; position:absolute; width:0; height:0; border-left:solid 8px transparent; border-top:solid 13px #E1C17C; border-right:solid 8px transparent; top:21px; right:27px; z-index:9}
.section3 .form li.course input{ padding-right:50px; cursor:pointer}
.section3 .form li.course dl{ position:absolute; width:333px; height:200px; overflow:auto; background:#FFF; border:solid 1px #E1C17C; top:49px; right:25px; z-index:99; display:none}
.section3 .form li.course dd{ padding:0 10px; font-size:14px; color:#666; line-height:26px; cursor:pointer}
.section3 .form li.course dd:hover{ background:#F7F7F7}
.section3 .form .submit{ padding:78px 0 92px}
.section3 .form .submit input{ display:block; background:#D2B270; width:311px; height:60px; margin:0 auto; font-size:22px; color:#ffffff; border-radius:30px; box-shadow:rgba(208,176,110,.3) 0 10px 13px; cursor:pointer}
input::-webkit-input-placeholder{ /*WebKit browsers*/
	color:#dad9d9;
}
input::-moz-input-placeholder{ /*Mozilla Firefox*/
	color:#dad9d9;
}
input::-ms-input-placeholder{ /*Internet Explorer*/ 
	color:#dad9d9;
}

.section4{ background:url(../images/4-bj.jpg) center no-repeat; height:875px; padding:71px 0 0}
.section4 .title h2{ font-weight:normal; color:#FFF}




.for li{

	overflow: hidden;

	margin-bottom: 32px;

}



.for li > span{

	font-size: 16px;

	color: #3e4b51;

	line-height: 43px;

	float: left;

	margin-right: 18px;

}

.right{

	width: 335px;

	float: left;

}



.for input{

	height: 45px;

	background-color: #F9F9F9;

	border: 1px solid #EAEAEA;padding-left: 15px;

	width: 100%;

}



.sele span{

	display: inline-block;

	position: relative;

	padding-left: 30px;

	font-size: 16px;

	color: #3e4b51;

	margin-right: 64px;

	cursor: pointer;

}



.for span i{

	display: inline-block;

	width: 20px;

	height: 20px;

	background: #F5F4F4;

	border: #EAEAEA 1px solid;

	position: absolute;

	left: 0;

	top: 50%;

	border-radius: 50%;

	margin-top: -10px;

}



.for span.on i::after{

	content: "";

	width: 6px;

	height: 6px;

	background: #333;

	border-radius: 50%;

	position: absolute;

	left: 50%;

	margin-left: -3px;

	top: 50%;

	margin-top: -3px;

}


.prop{
	z-index:999;
	background: rgba(0,0,0,.65);

	width: 100%;

	height: 100%;

	position: fixed;

	left: 0;

	top: 0;

	display: none;

}

.prop{
	z-index:999;
	background: rgba(0,0,0,.65);

	width: 100%;

	height: 100%;

	position: fixed;

	left: 0;

	top: 0;

	display:none;

}



.prop_Inner{

	width: 460px;

	height: 466px;

	background-color: #fff;

	position: absolute;

	top: 50%;

	margin-top: -233px;

	left: 50%;

	margin-left: -230px;

	padding: 23px 30px;

}



.close{

	position: absolute;

	cursor:pointer;

	right: 20px;

	top: 20px;

}



.prop_Inner h3{

	font-size: 24px;

	color: #00195b;

	font-weight: bold;

	text-align: center;

	margin-bottom: 15px;

}



.prop_Inner p{

	font-size: 16px;

	color: #5C666B;

	text-align: center;

}



.prop_Inner .for span{

	float: left;

	font-size: 14px;

	margin-right: 12px;

	line-height: 34px;

}



.prop_Inner .for .right {

    width: 330px;

}



.prop_Inner .for input{

	height: 34px;

}



.prop_Inner .for li{

	margin-bottom:0;

	margin-top: 16px;

}



.prop_Inner .for .sele span {

	margin-right: 48px;

}



.prop_Inner .for .tj{

	margin: auto;

}

.prop_Inner .for li .sele{ font-size:14px; color:#3e4b51; padding-top:10px}
.prop_Inner .for li .sele input{ width:auto; height:auto; margin:0}

.tj{

	display: block;

	width: 123px;

	height: 38px;

	border-radius: 6px;

	background: #E3B205;

	border: 1px solid #C55C4D;

	font-size: 20px;

	color: #fff;

	line-height: 38px;

	text-align: center;

	margin-left: 91px;

	margin-top: 40px;

}