/*
    Created on : 2016-1-1
    Author     : guoyuna
*/
@charset "utf-8";


/*ban*/
.ban{width:100%;}
.ban ul li{overflow: hidden; width:100%; position: relative }
.ban ul li .li_con{position: absolute; width:100%; top:0; }
.ban ul li a{display:block; width:100%;}
.ban ul .li1{background: url(../images/ban_1.jpg) no-repeat center top; background-size: 100%;}
.ban ul .li2{background-image: url(../images/ban_2.jpg);}
.ban ul .li3{background-image: url(../images/ban_3.jpg);}
.ban img{display: block; width:100%;}
.ban img.ban_logo{width:40%; margin: 4% 0 0 4%;}
.ban img.ban1_txt1{width:50%; margin: 7% auto 0;}
.ban img.ban1_txt2{width:90%; margin: 0 auto;}
.ban img.ban1_txt3{width:75%; margin: 2% auto 0;}
.ban .li2 img.ban1_txt1{width:80%; margin: 10% auto 0;}
.ban .li2 img.ban1_txt2{width:96%; margin: 4% auto 0;}
.block_home_slider {position: relative; } 
.block_home_slider .slide {position:relative;}
.block_home_slider .flex-control-paging {display:inline-block; position: absolute; bottom:5%; width:24%; left:50%; margin-left: -12.5%;}
.block_home_slider .flex-control-paging li {float: left; width:47%; height: 6px; line-height: 6px; font-size:0; background: #D5D4E2; margin-right: 3%; opacity: .6;}
.block_home_slider .flex-control-paging li a{width:100%; height:auto; display:block; text-indent:-9000px; cursor:pointer;}
.block_home_slider .flex-control-paging li a.flex-active {background: #fff;}
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; list-style-type: none;} 
/*你想要的，我们懂！*/
.box{width:100%; background: #F5F5F5; overflow: hidden;}
.box h2{font-size: 1.5em; text-align: center; padding:4% 0;}
.box img{display: block; width:100%;}
.box1 .ulbox{width:85%; margin: 0 auto; overflow: hidden;}
.box1 .ulbox ul li{width:100%; overflow: hidden; margin-bottom: 2%; font-size: .9em; }
.box1 .ulbox ul li span{float:left; width:20%; padding:2% 0; background: #FFE21C; text-align: center; font-weight: bold;}
.box1 .ulbox ul li p{float: left; width:80%; padding:2% 5%; background: #fff; }
.box1 .ulbox ul li div{padding:3% 0 3% 25%; font-weight:bold; background: #21246B; color:#fff; clear:both;}
.box1 .box1_img{width:92%; margin: 5% auto;}
.box .abtn{width:40%; text-align: center; margin: 6% auto; background: #FFE21C; color: #000; display: block; padding:3% 5%; border-radius: 40px;}

/*这所院校，超出你的预期！*/
.box2{background: #151548; color: #fff;}
.box2 .tsbox{width:96%; margin: 0 auto;}
.box2 .tsbox .ts_list{overflow: hidden; margin-bottom: 3%;}
.box2 .tsbox .ts_list h3{float: left; width:35%; height: 8em; padding:8% 1%; background: url(../images/box2_1.jpg) no-repeat center top; background-size: 100% 100%; font-size: .9em; color:#FFE21C; text-align: center;}
.box2 .tsbox .ts_list p{float:left; width:65%; height: 9em; font-size: .8em; padding:4% 2% 0; background: url(../images/border_bg.jpg) no-repeat center top; background-size: 100% 100%;}

/*人生的十字路口：选择大于努力*/
.box3{ padding-bottom: 1.3%; background:#F5F5F5 url(../images/vs_2.jpg) no-repeat center bottom; background-size: 30%;}
.box3 .vs_hd{width:98%; margin: 0 auto; overflow: hidden; height: 3em; background: url(../images/vs.jpg) no-repeat center top; background-size: 30%;}
.box3 .vs_hd .hd_l{float: left; width:50%; text-align: center; padding-top: 6%;}
.box3 .vs_con{width:96%; margin: 0 auto;}
.box3 .vs_list{overflow: hidden; margin-bottom: 1%;}
.box3 .vs_list p{text-align: center; float: left; height: 8em; font-size: .9em; overflow:hidden;}
.box3 .vs_list .p1{width:40%; background: #E9E9E9; padding-top: 8%;}
.box3 .vs_list .p2{width:20%; background: #21246C; color: #fff; line-height: 7em;}
.box3 .vs_list .p3{width:40%; background: #FFE21C; padding:8% 1% 0 1%;}

/*政府、高校、企业联手打造！*/
.box4{background: #151548; color: #fff; padding-bottom: 8%;}
.box4 .tsbox{width:96%; margin: 0 auto;}
.box4 ul{width:98%; margin: 0 auto 5%; background: url(../images/video_bg.jpg) no-repeat; background-size: 100% 100%; padding:2% 3% 7% 3%;}
/*.box4 ul li{display: none;}*/
.box4 ul li.cur{display: block;}
.box4 .span_box{width:100%;}
.box4 .span_box span{display:block; float: left; width:25%;font-size: .8em; height: 2.4em; background: url(../images/start_bg.jpg) no-repeat; background-size: 100% 100%; padding-left: 3%; line-height: 2.4em; margin-left: 4%;}
.box4 .span_box span.cur{color: #FFE21C;}

/*独有的选拔流程，只为找到合适的你*/
.box5 .hd{font-size: 1.1em;}
.box5 .whitebox{width:94%; margin: 0 auto 2%; background: #fff; padding:4%;}
.box5 .whitebox p{font-size: .9em;}

.box6{background: url(../images/mohu_bg.jpg) no-repeat; background-size: 100% 100%;}
.box6 .hd{color: #FFE21C;}
.box6 p{color: #fff; text-align: center; margin-bottom: 4%;}
.box6 h3{text-align: center; background: url(../images/zs_bg.png) no-repeat center center; background-size: 55%; color: #fff; font-size: 1.1em; padding:2% 0;}
.box6 table{width:96%; margin: 0 auto; font-size: .9em;}
.box6 table th{background: #000; color: #fff; text-align: center; padding:2% 0.5%;}
.box6 table td{background: #D1D1D8; color: #000; text-align: center; padding:2% 0.5%;}
.box6 .abtn{width:50%;} 
.box10{background: #f3f3f3;}
.box10 .box_in{width:90%; margin: 0 auto; overflow: hidden;}
.box10 .box_l{display: none;}
.box10 .box_r{width:100%; float: right;}
.box10 h3{font-size: 2.4em; color: #000; text-align: center; margin: 8% 0 5%;}
.box10 p{background: url(../images/icon.jpg) no-repeat 0 0; height: 52px; padding-left: 62px; margin-bottom: 4%;}
.box10 p.p2{background-position: 0 -62px;}
.box10 p.p3{background-position: 0 -124px;}
.box10 p input{height: 52px; line-height: 52px; text-indent: 3%; width:100%; font-size: 1.15em; border-top-right-radius:10px; border-bottom-right-radius:10px;border: none;}
.box10 a{width:100%; display: block; text-align: center; color: #fff; background: #21246C; border:0; height: 42px; border-radius: 5px; margin-top: 5%; font-size: 1.8em; cursor: pointer;}
.box10 .p_txt{background: #21246C; color: #fff; text-align: center; font-size: 1em; padding: 4% 1%; height: auto; position: relative; margin-bottom: 0; margin-top:2%; width:100%;}
.box10 .p_txt span{display:block; width:0; height:0; border-width:0 15px 15px; border-style:solid; border-color:transparent transparent #005B5D;    position:absolute; top:-10px; left:50%; margin-left: -10px;}


.box8{background: #151548 url(../images/question_bg.jpg) no-repeat left top; background-size: 40%;}
.box8 .hd{color: #fff;}
.box8 .que{color: #fff; display: block; margin-left: 15%; padding-left: 5%; text-decoration: underline; font-size: .9em; margin-bottom: 1%; background: url(../images/tot.png) no-repeat left center; background-size: 4%;}
.box8 .abtn{width:50%;} 

.box9{background: #333; color: #fff; padding:3% 0 15%;}
.box9 .box_in{width:90%; margin: 0 auto; font-size: .9em;}
.box9 .add{background: url(../images/address_icon.jpg) no-repeat left center; background-size: 9%; padding-left: 11%;}
.box9 .tel{background: url(../images/tel_icon.jpg) no-repeat left center; background-size: 10%; padding:3% 0 5% 11%;}
.box9 .copy{text-align: center; border-top: 1px solid #fff; padding-top: 2%;}

/*快速通道*/
.quck{width:100%;}
.quck ul{overflow: hidden;}
.quck ul li{width:33.3%; float: left; background: #fff;}
.quck ul li a{display: block; width: 100%;}
.quck ul li .li_in{width:82%; margin: 0 auto; overflow: hidden; padding:5% 0;}
.quck ul li .li_in img{width:25%; float: left;}
.quck ul li .li_in span{float: right; padding-top: 3%;}
/*社交账号*/
.quck_sj{ padding-top:2.5%;background: #F6F6F6;}
.quck_sj ul li .li_in img{width:25%;}
.quck_sj ul li .li_in span{color: #333;}

.bdzx{width:100%; height: 2.5em; background: #1BAAF8; position: fixed; bottom:0; left:0; z-index: 99; max-width: 750px;}
.bdzx a{ line-height: 2.5em; color: #fff; display: block; float: left; width:49%; height: 2.5em; text-align: center;}
.bdzx a.zx_btn{border-right: 1px solid #fff; background: url(../images/qq_icon.jpg) no-repeat 20% center; background-size: 10%;}
.bdzx a.tel_btn{ background: url(../images/phone_bg.jpg) no-repeat 17% center; background-size: 12%;}

/*小屏幕/苹果5s*/
@media only screen and (max-width: 360px){
	.box h2{font-size:1.3em;}
	.box2 .tsbox .ts_list h3{font-size: .6em;}
	.box2 .tsbox .ts_list p{padding-top: 3%; height: 9em;}
	.box3 .vs_hd{height: 2.6em;}
	.box3 .vs_list p{font-size:.8em;}
	.box6 p{font-size: .8em;}	
	.box6 table th{font-size: .7em;}
	.box6 table td{font-size: .7em;}
	.box8 .que{font-size: .8em;}
	.box9 .box_in p{font-size: .9em;}	
} 

/*大于pad屏幕*/
@media only screen and (min-width: 750px){
	.box h2{font-size:2.4em;}
	.box1 .ulbox ul li{font-size: 1.5em;}
	.box .abtn{font-size: 1.7em;}
	.box2 .tsbox .ts_list h3{font-size: 1.5em;}
	.box2 .tsbox .ts_list p{font-size: 1.3em;}
	.box3 .vs_hd{ font-size: 2em;}
	.box3 .vs_list p{font-size: 1.4em;}
	.box3 .vs_list .p1{padding-top: 7%;}
	.box3 .vs_list .p3{padding-top: 7%;}
	.box4 .span_box span{font-size: 1.6em;}
	.box5 .hd{font-size: 2.4em;}
	.box5 .whitebox p{font-size: 1.3em;}
	.box6 h3{font-size: 2.2em;}
	.box6 p{font-size: 2em;}	
	.box6 table th{font-size: 1.5em;}
	.box6 table td{font-size: 1.5em;}
	.box8 .que{font-size: 1.5em;}
	.box9 .box_in{width:76%;}
	.box9 .box_in p{font-size: 1.4em; background-size: 6%; padding-left: 8%;}
	.box9 .box_in p.copy{padding-left: 0;}
	.bdzx{height: 5em; left: 50%; margin-left: -375px;}
	.bdzx a{font-size: 2em;}
	.box10 .p_txt{font-size: 1.4em;padding: 2% 0;}
	.box10 p input{height: 60px;line-height: 60px;font-size: 1.25em;}
	.box10 a{width: 80%;height: 60px;line-height: 60px;margin: 5% auto 0;}
}