
h1, h2, h3, h4, h5, h6, input, select, textarea {
    outline: 0;
    font-weight: 400;
    font-size: 100%;
}
ul,li{
	list-style-type: none;
}
img{
	display: block;
}
.clearfloat:after{
	display:block;
	clear:both;
	content:"";
	visibility:hidden;
	height:0;
}	 
.clearfloat{
	zoom:1
} 
body{
	width: 100%;
	min-width: 1300px;
	background: #FFFFFF;
}
.banner{
	width:100%;
	margin-bottom: 50px;
	position: relative;
}
.banner .top_logo {
    width: 26%;
    position: absolute;
    top: 5%;
    left: 1.5%;
    z-index: 2;
}
.triangle{
	width: 3%;
	margin:0 auto;
	margin-bottom: 20px;
}
.ques_list{
	position: relative;
}
.ques_list .gary_line{
	position: absolute;
	width: 2px;
	height: 100%;
	z-index: -1;
	top:1px;
	left: 25.5%;
	background: #CCCCCC;
}
.ques_list .ques_part .samll_title{
	width: 50.14%;
	margin:40px auto;
	cursor: pointer;
}
.ques_list .ques_part .samll_title span,.ques_list .ques_part .samll_title p{
	vertical-align: middle;
}
.ques_list .ques_part .samll_title span{
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 24px;
	border:3px solid #A20031;
	margin-right: 24px;
	background: #FFFFFF;
}
.ques_list .ques_part .samll_title p{
	font-size: 21px;
	letter-spacing: 1px;	
	display: inline-block;
}
.toggle_part{
	display: none;
	margin-bottom: 45px;
}
.toggle_part .big_title{
	width: 49%;
	margin:0 auto;
	cursor: pointer;
}
.toggle_part .big_title img{
	display: inline-block;
	vertical-align: middle;
}
.toggle_part .big_title .double_arrow{
	width: 24px;
	margin-right: 28px;
}
.toggle_part .answer_part{
	width: 100%;
	background: #D1C0A5;
}
.toggle_part .answer_part .left_txt{
	display: inline-block;
	border-left:2px solid #FFFFFF;
	margin-left: 25.5%;
	width: 33%;
	height: 691px;
	text-align: left;
	
	padding-left: 38px;
	float: left;
}
 
.toggle_part .answer_part .left_txt .hello_item{
	margin-bottom: 40px;
}
.toggle_part .answer_part .left_txt p{
	font-size: 20px;
	margin-bottom: 36px;
	line-height: 1.5;
}
.toggle_part .answer_part .left_txt .english_txt{
	font-size: 14px;
	font-family: 'sophis';
}
.toggle_part .answer_part .right_pic{
	display: inline-block;
	float: left;	 
	width: 444px;
}
.toggle_part .answer_part .right_pic img{
	margin:10px 0;
}
.four_course .title_2{
	width: 15%;
	margin:80px auto;
}
.two_part{
	width: 100%;
	background: #D1C0A5;
}
.two_part .left_title{
	float: left;
	width: 20%;
	margin-top: 18%;
}
.two_part .center_list{
	float: left;
	width: 30%;
	padding:0 8.5%;
	padding-top: 140px;
}
.center_list .top_part{
	width: 100%;
	height: 170px;
	line-height: 130px;
	border:18px solid #FFFFFF;
	border-left:none;
	margin-bottom: 50px;
}
.center_list .top_part p{
	font-size: 26px;
	font-weight: 900;	 
}
.center_list .bottom_ul li{	
	height: 40px;
	line-height: 40px;
	-o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;   
}
.center_list .bottom_ul li p{
	color:#000 ;
	font-size: 17px;
	-o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;  
}
.center_list .bottom_ul li:hover{
	list-style-type: disc;	
	color:#fff ;
	text-shadow: #272822 0 2px 0;  
}
.center_list .bottom_ul li:hover p{
	color:#fff ;
	font-size: 22px;
}
.right_pic{
	float: right;
	width: 50%;
}
.right_pic ul li{
	float: left;
	width: 50%;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.right_pic ul li .img_part img{
	-o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;    
}
 
.right_pic ul li .full_cell{
	position: absolute;
	background: rgba(0,0,0,.4);
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	-o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.right_pic ul li .full_cell img{
	display: inline-block;
	margin-top: 140px;
	
}
.right_pic ul li:hover img {
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.right_pic ul li:hover .full_cell {
	opacity: 1;
	visibility: visible;
}