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

body,h1,h2,h3,h4,h5,h6,p{padding:0px; margin:0 auto; font-size:14px; font-family:'微软雅黑'; color: #333; box-sizing:border-box;}
img{ border:none}
a{text-decoration:none;}
ul{margin:0; padding:0; list-style:none;}
.fl{float:left;}
.fr{float:right;}
/*header*/
.head{
width:100%;
height:75px;
background:#4ebee5;
}
.head_a{
width:1000px;
margin:0 auto;
height:75px;
}
.logo{
float:left;
width:232px;
padding-top:4px;
}
.menu{
float:right;
width:760px;
overflow:hidden;
padding-top:15px;
}
.menu ul{
width:760px;
height:auto;
}
.menu ul li{
float:left;
width:auto;
padding-left:23px;
line-height:50px;
}
.menu ul li a{
color:#FFFFFF;
display:block;
height:50px;
width:auto;
font-size: 18px;
color:#FFFFFF;
}
.menu ul li a:hover{
color:#ffe09d;
}
/*banner*/
.se_banner {
    background:url(../images/banner.jpg) no-repeat center top; position:relative;
	 height: 570px;
    text-align: center;
}
.index_a{position:absolute; bottom:50px; left:50%; width:306px; height:55px; margin-left:-153px;}
/*锚点菜单*/
.mao_menu{width:1330px; margin: 36px auto 0; height:123px; background:url(../images/menu_bg.png) no-repeat;}
.mao_menu .menu_div{width:1000px; line-height: 72px; margin:0 auto;}
.mao_menu .menu_div a{font-size:16px; color:#fff; padding-right: 45px;}
.mao_menu .menu_div a:hover{color: #ffe09d;}
.mao_menu .menu_div a:last-child{padding-right: 0;}
/*主要内容*/
.mian{width:1330px; margin:0 auto;}
/*美国读本科*/
.box_blue{width: 1330px; background: #58bddb; position: relative; margin-bottom: 10px;}
.box_blue .img01{position: absolute; right: 70px; top: 0; z-index: 1;}
.title{font-size: 36px; text-align: center; color: #fff; font-weight: normal; padding: 30px 0 10px;}
.benke{width: 1000px; margin: 0 auto; overflow: hidden; padding: 15px 0 35px;}
.benke div{float: left; width: 200px; text-align: center; line-height: 30px; font-size: 16px; color: #fff;}
/*美国本科申请核心攻略*/
.title_div{width: 1330px; margin-bottom: 6px; background: #43a897; padding-bottom: 30px;}
.gonglve{background: #59c4b2; min-height: 400px; margin-bottom: 6px; position: relative;}
.gonglve .gonglve_div{width: 1000px; margin: 0 auto; padding: 20px 0;}
.title01{background: url(../images/bg_02.png) no-repeat; color: #fff; font-size: 20px; width: 429px; height: 102px; 
		text-align: center; line-height: 90px; padding-left: 10px;}
.title02{background: url(../images/bg_03.png) no-repeat; color: #fff; font-size: 20px; width: 429px; height: 102px; 
		text-align: center; line-height: 110px; padding-left: 10px;}
.icon_06{position: absolute;right: 10px; top:0; z-index: 111;}
.gonglve .gonglve_p01{font-size: 14px; line-height: 26px;color: #fff; padding:0 30px 10px 20px;}

.qushi{margin: 5px 0; font-size: 18px; line-height: 80px; color: #fff;}
.qushi span{display: block; float: left; position: relative; z-index: 99; width: 80px; height: 80px; margin-right: 15px; background: #21a8d8; border-radius: 80px;}
.qushi span:before{ position: absolute; left: 8px; top: 8px; z-index: 1; width: 64px; height: 64px; 
			display: block; background: #00678c; border-radius: 64px; text-align: center; font-size: 18px; line-height: 64px; color: #fff;}
.qushi span.qushi01:before{content: '趋势一';}
.qushi span.qushi02:before{content: '趋势二';}
.qushi span.qushi03:before{content: '趋势三';}
.btn_a{width: 284px; height: 44px; line-height: 44px; background: url(../images/bg_a.png) no-repeat; text-align: center;
      margin: 20px auto;}
.btn_a a{display: block; font-size: 14px; color: #fa5f01;}
/*申请要素*/
.yaosu{width: 1000px; margin: 0 auto; background: url(../images/icon_08.png) 335px 90px no-repeat;}
.yaosu .yaosu_div{overflow: hidden; padding-top: 20px;}
.yaosu .yaosu_div .yaosu_s{width: 330px;}
.yaosu .yaosu_div .yaosu_s span{display: block; float: left; background: url(../images/num.png) no-repeat; width: 55px; height: 80px;}
.yaosu .yaosu_div .yaosu_s b{font-size: 14px; color: #0588ed;  display: block; padding:5px 0 5px 65px;}
.yaosu .yaosu_div .yaosu_s p{font-size: 12px; line-height: 20px; font-family: '宋体'; color: #fff; padding-left: 65px;}
.yaosu .yaosu_div .yaosu_s span.num01{background-position: -10px 0;}
.yaosu .yaosu_div .yaosu_s span.num02{background-position: -74px 0;}
.yaosu .yaosu_div .yaosu_s span.num03{background-position: -134px 0;}
.yaosu .yaosu_div .yaosu_s span.num04{background-position: -194px 0;}
.yaosu .yaosu_div .yaosu_s span.num05{background-position: -252px 0;}
.yaosu .yaosu_div .yaosu_s span.num06{background-position: -310px 0;}

/*常见问题*/
.question_div{overflow: hidden; padding:0 10px; margin-top: -10px;}
.question_div .question_01{width: 474px; height: 287px; background: url(../images/bg_04.png) no-repeat;}
.question_div .question_01 b{display: block; height: 56px; margin-top: 27px; line-height: 56px; color: #fff;
							font-size: 18px; font-weight: normal; padding-left: 20px;}
.question_div .question_01 p{padding: 15px 20px 0; font-size: 14px; color: #3f989b; line-height: 26px;}
.question_div .question_01 .btn_a{margin-top: 15px !important;}
.question_div .qu_02{background: url(../images/bg_05.png) no-repeat;}
/*哈鲁服务*/
.service{width: 1330px;}
.se_bg01{width: 1330px; height: 169px; margin-left: -1px; background: url(../images/img04.jpg) no-repeat;}
.se_bg02{width: 1330px; height: 150px;  background: url(../images/img05.jpg) no-repeat;}

.service .service_div{min-height: 200px; background: url(../images/img08.jpg) repeat-y; position: relative;}
.title04{font-size: 36px; text-align: center; color: #34a390; font-weight: normal; padding: 30px 0 10px;}
.icon_star{position: absolute; right: 50px; top: 30px; z-index: 1;}
.icon_07{position: absolute; left: 50px; top: 115px; z-index: 1;}
.font{font-size: 14px; color: #34a390; line-height: 26px; padding: 15px 0 25px; width: 853px; padding-left: 290px;}
/* tab */
.tab{width:873px;position:relative; padding-left: 290px;}
.tab .tab_menu{width:100%; overflow:hidden;}
.tab .tab_menu li{float:left;width:228px;height:60px;line-height:40px; font-size:18px; color:#fff;cursor:pointer;text-align:center;margin:0 25px 0 0; box-sizing:border-box;}
.tab .tab_menu li span{display: block; width: 228px; height: 60px;}
.tab .tab_menu li .tab_bg01{background: url(../images/tab_a01.png) no-repeat; }
.tab .tab_menu li .tab_bg02{background: url(../images/tab_b01.png) no-repeat; }
.tab .tab_menu li .tab_bg03{background: url(../images/tab_c01.png) no-repeat; }
.tab .tab_box{width:873px;height:auto;clear:both;}
.tab .tab_menu .selected{cursor:pointer;}
.hide{display:none;}
.tab .tab_menu .selected .tab_bg01{background: url(../images/tab_a02.png) no-repeat; }
.tab .tab_menu .selected .tab_bg02{background: url(../images/tab_b02.png) no-repeat; }
.tab .tab_menu .selected .tab_bg03{background: url(../images/tab_c02.png) no-repeat; }

.record_line {
    position: relative;
    width: 2px;
    border-right: #63a4b8 1px solid;
    margin-top: 20px;
}
.record_line img {
    width: 27px;
    height: 16px;
    position: relative;
    z-index: 2;
    left: -9px;
    top: -10px;
}
.record_div{min-height: 200px; width: 850px; padding-top: 10px;}
.record_div ul li{position: relative; padding-bottom: 10px;}
.record_div ul li span.circle{position: absolute; left: -31px; top: 23px; z-index: 1; display: block; width: 20px; height: 20px; border-radius: 20px; background: #31c2f9;}
.record_div ul li span.circle:before{content: ''; position: absolute; left: 3px; top: 3px; z-index: 2; background: #0f87bb; width: 14px; height: 14px; border-radius: 14px;}
.record_div ul li b{position: relative; left:-20px; font-size: 18px; font-weight: normal; float: left; color: #59c4b2; display: block; 
					width: auto; padding:0 10px 8px 25px; border-bottom: #2eb0e1 1px solid; line-height: 26px; }
.record_div ul li b:before{content: ''; position: absolute; right: 0; bottom: -2px; width: 6px; height: 6px; border-radius: 6px; background: #37bbf9;}
.record_div ul li p{ position: relative; font-size: 14px; color: #3d3d3d; line-height: 26px; padding-top: 10px;}
.record_div ul li:last-child p:before{content: ''; position: absolute; left: -20px; top: 26px; border-bottom: #63a4b8 1px solid; width: 17px; height: 1px;}

.tab_table table{margin-top: 20px;width: 873px;border-top: #82dcf7 1px solid;border-left: #82dcf7 1px solid;}
.tab_table table tr td{border-right: #82dcf7 1px solid;border-bottom: #82dcf7 1px solid; padding: 10px 0; text-align: center; font-size: 14px; color: #000;}
.tab_table table tr td div{float: left; padding-left: 50px;}
.tab_table table tr td div p{background: url(../images/point.png) no-repeat left center; padding-left: 10px; text-align: left !important; line-height: 24px;}

/*学生感言*/
.icon_08{position: absolute; left: -240px; top: -80px; z-index: 1;}
.ganyan_list{position: relative; width: 873px; padding-top: 20px; padding-bottom: 15px;}
.ganyan_list ul li{overflow: hidden; border-bottom: #a9a9a9 1px dashed; padding: 30px 0;}
.ganyan_list ul li img{float: left; width: 210px; height: 210px; margin-right: 20px;}
.ganyan_list ul li b{font-size: 14px; color: #59c4b2; font-weight: normal; display: block;padding-left: 230px; margin-bottom: 10px;}
.ganyan_list ul li p{padding-left: 230px; font-size: 14px; color: #3d3d3d; line-height: 26px;}
.ganyan_list ul li:last-child{border-bottom: none;}
/*哈鲁明星学子*/
.xuezi{width: 1330px; background: #264369; position: relative; padding-bottom: 10px;}
.icon_09{position: absolute; right: 30px; top: 0; z-index: 1;}
.xuezi ul{width: 1000px; margin: 30px auto 0; overflow: hidden; padding: 20px 0 0; border-top: #667a94 1px solid;}
.xuezi ul li{float: left; padding:30px 0; height: 105px; border-bottom: #6f819b 1px dashed; overflow: hidden; width: 500px;}
.xuezi ul li img{float: left; width: 103px; height: 103px; margin-right: 30px;}
.xuezi ul li p{ padding-left: 133px; font-size:14px; color: #fff; line-height: 26px; padding-right: 30px; }

/*返回顶部*/
.top{position:fixed; right:10px; bottom:50px; z-index:111; height:50px; width:50px; overflow:hidden; 
  -moz-border-radius:5px; /* Firefox */
  -webkit-border-radius:5px; /* Safari 和 Chrome */
  border-radius:5px; }
.top a{background:#000; filter:alpha(opacity:30); opacity:0.3; display:block;}
.top a:hover{background:#4ebee5; filter:alpha(opacity:100); opacity:1;}

/*footer*/
.footer{width:100%;background:#831405;padding:20px 0;margin-top:20px;font-size:12px;font-family:"瀹嬩綋"}
.footer_a{width:1000px;margin:0 auto;overflow:hidden}
.footer_l{float:left;width:168px;height:125px;margin:20px 0 20px 20px}
.footer_r{float:right;width:750px;color:#fff;line-height:21px}
.footer_r a{color:#fff}
.footer_r span{font-size:14px}
.footer01{width:800px;border-bottom:#a25a50 1px solid;padding:8px 0 0 0;margin-bottom:8px}
.footer02{width:100%;padding:20px 0;font-size:12px;font-family:"瀹嬩綋";color:#b9b9b9;background:#360c07;text-align:center;line-height:21px}