﻿@charset "utf-8";
/* CSS Document */
body,html {margin:0; padding:0; color: #666;  font:12px/180% "微软雅黑","Helvetica Neue", Arial, Helvetica, sans-serif;}
*{ margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
body{width:100%; background: #fff; padding-top: 100px;}
body a{outline:none; blr:expression(this.onFocus=this.blur());}
h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {margin: 0;padding: 0; list-style:none;}
li {list-style: none; vertical-align: bottom;}
img {border: none; display: block;}
em,i {font-style: normal;}
a{text-decoration:none; color: #666; }
.disable {display: none;}
.fl {float: left;}
.fr {float: right;}
.clearfix:after {content:""; height:0; display:block; clear:both; visibility:hidden;}
* html .clearfix {height:1%;}
* +html .clearfix {height:1%;}
.clearfix {display:block; clear:both;}
input,textarea{ resize:none; font-family:"微软雅黑"; outline:none;}
button{ font-family:"Arial"; outline: none;}
select{height:22px; line-height:18px; padding:2px 0; outline:none;}

.wrapper{ width: 1200px; margin: 0 auto;}

/*头部*/
.header{ position: fixed; left: 0; top: 0; right: 0; height: 100px; background: #000; overflow: hidden; z-index: 10;}
.header .wrapper{ height: 100px;}
.logo{ float:left; padding-top: 20px;}
.nav{ float:right; height: 100px;}
.nav li{ float:left; padding: 0 30px 0 30px; line-height: 100px; font-size: 18px;}
.nav li a{ color:#fff;}
.nav li.on a{ font-weight: 600;}

/*底部*/
.ft{ min-width: 1200px;}
.footer{ padding:40px 0; background:#2a2a2a; color:#fff; font-size:12px; line-height:30px;}
.footerBox{ width:1010px; margin:0 auto;}
.footerBox .floatL{width:270px;padding:30px 0 0;}
.footerBox p{ text-align:center;  width:600px; float:left;font-size:12px;}
.footerBox .floatR{width:130px;}
.footerBox .footer a{ color:#fff; font-size:12px;}
.footerBox .footer a:hover{ text-decoration: underline;}
.footerBox .footer p{	margin-left:40px;	text-align:left;}

/*banner*/
.banner{ min-width: 1200px; height: 662px; background-position: center top; background-repeat: no-repeat;}
.banner .wrapper{ overflow: hidden; height: 662px;}
.banner .wrapper img{margin: 85px auto 0;}

/*招生宣讲会*/
.main{ min-width: 1200px; overflow: hidden;}
.main .wrapper{ padding: 40px 0 90px;}
.main .title h2{ display:block; text-align: center; line-height: 141px; font-size: 35px; color: #333; background: url(../images/img_02.png) no-repeat center center;}
.zs_tab{ height: 122px; background: url(../images/img_01.jpg) no-repeat 0 49px;}
.zs_tab a{ float: left; width: 20%; text-align: center; line-height: 51px; height: 51px; padding-top: 71px; font-size: 20px; color: #333; background: url(../images/img_03.png) no-repeat center 35px;}
.zs_tab a.on{font-weight: 600; background: url(../images/img_03a.png) no-repeat center 28px;}
.zs_reviews{ margin-top: 20px; overflow: hidden;}
.zs_reviews > div{ width:1201px;}
.zs_reviews li{ float:left; position: relative; width: 298px; height: 360px; margin-right: 3px; margin-bottom: 4px; overflow: hidden;}
.zs_reviews img{ width: 298px; height: 360px;}
.zs_reviews li:nth-child(4n+4){ margin-right: 0;}
.zs_reviews li div{ position:absolute; left: 0; top: 0; bottom: 0; right: 0; padding-top: 43px; background-color: rgba(0,0,0,0.3); z-index: 2; text-align: center; color: #fff;}
.zs_reviews b{ display:block; font-size: 26px; line-height: 80px;}
.zs_reviews p{ font-size: 18px; line-height: 40px;}
.zs_reviews a{ display:block; width: 116px; height: 36px; line-height: 36px; border: 2px #fff solid; margin: 57px auto 0; color: #fff; font-size: 18px;}
.zs_reviews li:hover div{ background-color:rgba(0,0,0,0.6);}
.zs_reviews li:hover a{ color:#333; background-color: #fff;}

/*项目总览*/
.main01{ background-color:#f5f9ff;}
.xm_tab{ height: 47px; margin-bottom: 50px; text-align: center;}
.xm_tab a{ display:inline-block; vertical-align: top; margin: 0 40px; line-height: 47px; height: 47px; padding-bottom: 11px; position: relative; font-size: 24px; color: #333; font-weight: 600; overflow: hidden;}
.xm_tab a img{ display:none; position: absolute; left: 50%; margin-left: -90px; bottom: 0;}
.xm_tab a.on img{ display: block;}
.xm_reviews{ background-color:#fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); padding: 10px 28px 35px;}
.r_tab{ height: 56px; overflow: hidden;}
.r_tab a{ float:left; padding: 0 30px 11px; line-height: 45px; height: 45px; font-size: 20px; color: #333; position: relative; overflow: hidden; margin-right: 35px; font-weight: 600;}
.r_tab a img{ display: none; position: absolute; left: 50%; margin-left: -153px; bottom: 0;}
.r_tab a.on img{ display:block;}
.r_reviews{ padding-top: 19px;}
.r_reviews div{ padding-right: 553px; position: relative; min-height: 400px; overflow: hidden; font-size: 16px; color: #333; line-height: 30px;}
.r_reviews div img{ position: absolute; right: 0; top: 0;}
.r_reviews span{ display:block; padding-left: 82px; position: relative;}
.r_reviews div b{ position:absolute; left: 0; top: 0;}
.r_reviews div b i{ padding-left: 2em;}
.r_reviews div p a{ font-weight: 600; color: #1f4d92;}
.r_reviews div span em{ display:inline-block; width: 230px;}

/*培养体系*/
.main02 .wrapper{ background:url(../images/img_10.jpg) no-repeat right bottom; padding-bottom: 0;}
.tx_content{ font-size: 18px; color: #333; line-height: 29px; padding-bottom: 100px;}
.tx_center{ height: 675px;}
.tx_center .img{ margin: 33px auto 0;}
.tx_center div{ padding-top: 290px; position: relative; overflow: hidden;}
.tx_center .center{ margin:0 auto;}
.tx_center .p_img{ position:absolute; z-index: 1;}
.tx_center .p_img01{ left: 377px; bottom: 91px;}
.tx_center .p_img02{ left: 394px; bottom: 215px;}
.tx_center .p_img03{ left: 575px; bottom: 303px;}
.tx_center .p_img04{ right: 394px; bottom: 215px;}
.tx_center .p_img05{ right: 377px; bottom: 91px;}
.tx_center .p_img06{ left: 90px; bottom: 75px;}
.tx_center .p_img07{ left: 98px; bottom: 231px;}
.tx_center .p_img08{ left: 445px; bottom: 402px;}
.tx_center .p_img09{ right: 98px; bottom: 231px;}
.tx_center .p_img10{ right: 40px; bottom: 75px;}

/*招生流程*/
.zs_intro{ text-align:center; font-size: 18px; color: #333; line-height: 40px; padding: 0 0 30px;}
.step_tab{ height: 159px; padding-top: 16px;}
.step_tab a{ float:left; width: 160px; height: 159px; position: relative; background-image: url(../images/img_17.png); margin-right: 13px; color: #767575;}
.step_tab a:last-child{ margin-right: 0;}
.step_tab a i{ display: block; width: 100%; height: 159px; background-position: center center; background-repeat: no-repeat;}
.step_tab a .t_01{ background-image: url(../images/img_18.png);}
.step_tab a .t_02{ background-image: url(../images/img_19.png);}
.step_tab a .t_03{ background-image: url(../images/img_20.png);}
.step_tab a .t_04{ background-image: url(../images/img_21.png);}
.step_tab a .t_05{ background-image: url(../images/img_22.png);}
.step_tab a .t_06{ background-image: url(../images/img_23.png);}
.step_tab a .t_07{ background-image: url(../images/img_24.png);}
.step_tab a b{ position:absolute; text-align: center; left: 0; right: 0; top: -16px; line-height: 34px; font-size: 24px;}
.step_tab a.on{ background-image:url(../images/img_17a.png); color: #1f4d92;}
.step_tab a.on .t_01{ background-image: url(../images/img_18a.png);}
.step_tab a.on .t_02{ background-image: url(../images/img_19a.png);}
.step_tab a.on .t_03{ background-image: url(../images/img_20a.png);}
.step_tab a.on .t_04{ background-image: url(../images/img_21a.png);}
.step_tab a.on .t_05{ background-image: url(../images/img_22a.png);}
.step_tab a.on .t_06{ background-image: url(../images/img_23a.png);}
.step_tab a.on .t_07{ background-image: url(../images/img_24a.png);}
.step_reviews b{ display:block; font-size: 24px; color: #333; line-height: 65px; padding-top: 20px;}
.step_reviews b i{ margin-left: 30px; font-size: 18px;}
.step_reviews p{ font-size: 18px; color: #666; line-height: 35px;}

/*预审安排*/
.main03 h2{ display:block; font-size: 35px; color: #333; line-height: 80px; padding-bottom: 20px;}
.main table{ box-shadow: 2px 2px 5px rgba(0,0,0,0.2); width: 100%; font-size: 18px; color: #333; line-height: 79px; text-align: center;}
.main table td{ border-top: 1px #999 dashed;}
.main table th{ font-size: 23px;}
.main table a{ display:block; margin: 0 auto; width: 124px; height: 38px; line-height: 38px; border-radius: 3px; font-size: 19px; color: #fff; background-color: #0e419c;}
.main table a.on{ background-color: #b1b1b1;}

/*表单*/
.order{ min-width: 1200px; height: 408px; background: #f5f9ff url(../images/img_11.jpg) no-repeat center top; overflow: hidden;}
.order .title{ padding-top: 17px;}
.order .title h2{ display:block; text-align: center; font-size: 35px; color: #fff; line-height: 123px; background: url(../images/img_25.png) no-repeat center center;}
.order .form{ position: relative; margin: 0 auto; width: 700px; height: 215px; background-color: #fff; border-radius: 10px;}
.order .form ul{ padding:  25px 0 0 60px;}
.order .form li{ height: 36px; margin-bottom: 8px;}
.order .form label{ float:left; font-size: 20px; color: #333; line-height: 36px;}
.order .form label i{ padding-left: 2em;}
.order .form input,.order .form select{ float:left; border: 1px #dcdcdc solid; padding-left: 10px; width: 268px; height: 34px; line-height: 34px; font-size: 18px; color: #333;}
.order .form button{ position:absolute; right: 47px; top: 83px; border: 0; cursor: pointer; width: 160px; height: 50px; border-radius: 3px; color: #fff; background-color: #22ac38; font-size: 20px;}
.order .form select{ width: 280px; height: 36px;}

.btns{ padding-top: 93px;}
.btns a{ display:block; width: 356px; height: 96px; line-height: 96px; border: 2px #FFFFFF solid; text-align: center; font-size: 30px; color: #FFFFFF; border-radius: 4px;}
.btns a i{ display:inline-block; vertical-align: top; padding-left: 60px; background-position: left center; background-repeat: no-repeat;}
.btns a .b_01{ background-image:url(../images/img_26a.png);}
.btns a .b_02{ background-image:url(../images/img_27a.png);}
.btns a .b_03{ background-image:url(../images/img_28a.png);}
.btns a:hover{ color:#fff; border:none; height: 100px; line-height: 100px; width: 360px; background: linear-gradient(#005edf,#053a95);}
.btns a:hover .b_01{ background-image:url(../images/img_26a.png);}
.btns a:hover .b_02{ background-image:url(../images/img_27a.png);}
.btns a:hover .b_03{ background-image:url(../images/img_28a.png);}

/*联系我们*/
.contact{ min-width: 1200px; background-color: #000; padding: 30px 0 90px; color: #eaeaea; overflow: hidden;}
.contact .wrapper{ position:relative;}
.contact h2{ display:block; text-align: center; font-size: 35px; color: #fff; line-height: 100px;}
.contact p{ font-size: 20px; line-height: 36px;}
.contact div{ position: absolute; top: 113px;}
.contact .code02{ right: 0;}
.contact .code01{ right: 175px;}

/*悬浮按钮*/
.fix_btn{ position:fixed; right: 170px; bottom: 10%; z-index: 6;}
.fix_btn a{ display:block; margin-bottom: 30px;}

/*弹窗*/
.box{ display:none; position:fixed; left: 50%; margin-left: -260px; top: 50%; margin-top: -164px; width: 520px; height: 328px; background-color: #fff; border-radius: 4px; z-index: 7;}
.box ul{ padding-top: 45px; text-align: center;}
.box img{ margin:0 auto;}
.box p{ text-align: center; font-size: 20px; color: #333; line-height: 84px;}
.box a{ display:block; margin: 0 auto; border: 0; cursor: pointer; width: 250px; height: 50px; line-height: 50px; border-radius: 4px; font-size: 20px; color: #fff; background-color: #09bb07;}
#alert{
	position: fixed;top: 50%;left: 50%;margin-left: -350px;margin-top: -215px;
	transform: scale(2);
	z-index: -10;
	opacity: 0;
	transition: all 0.35s;
}
#alert.on{
	transform: scale(0.8);
	z-index: 10;
	opacity: 1;
	transition: all 0.35s;
}

#alert .close{
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	transform: scale(0.6);
}

