@charset "gb2312";
/* CSS Document */
body{
    font-size: 16px;
    line-height: 24px;
    font-family: 'Microsoft YaHei', '\5FAE \8F6F \96C5\91';
    color:#444;
}
.jb_cheng_l{
    background: -moz-linear-gradient(left, #92dafe 0%, #5e80fe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#92dafe), color-stop(100%,#5e80fe));
    background: -webkit-linear-gradient(left, #92dafe 0%,#5e80fe 100%);
    background: -o-linear-gradient(left, #92dafe 0%,#5e80fe 100%);
    background: -ms-linear-gradient(left, #92dafe 0%,#5e80fe 100%);
    background: linear-gradient(to right, #92dafe 0%,#5e80fe 100%);
    background-color: #5e80fe;
}
.jb_cheng_r{
    /* background: -moz-linear-gradient(left, #fe3d4e 0%, #ff5522 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe3d4e), color-stop(100%,#ff5522));
    background: -webkit-linear-gradient(left, #fe3d4e 0%,#ff5522 100%);
    background: -o-linear-gradient(left, #fe3d4e 0%,#ff5522 100%);
    background: -ms-linear-gradient(left, #fe3d4e 0%,#ff5522 100%);
    background: linear-gradient(to right, #fe3d4e 0%,#ff5522 100%); */
    background-color: #5e80fe;
}
.weakness .jb_cheng_r{
    background: #5e80fe;
}
/*nav begin*/
.nav{
    background-color: #474747;
    color: #fff;
    line-height: 34px;
}
.nav_cnt{
    width: 1200px;
    margin: 0 auto;
    padding: 13px 0;
}
.nav_l span{
    font-size: 18px;
    padding:0 10px 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 12px;
}
.nav_r{
    width: 58%;
    margin-left: 1%;
    padding:3px 0;
}
.nav_r a{
    display: block;
    float: left;
    width:20% ;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.nav_r a:hover{
    background-color:#5e80fe;
}
.nav_tel{
    background: url("../images/tel_img.png") no-repeat left center;
    padding-left: 42px;
}
.nav_tel span{
    font-size: 14px;
    line-height: 36px;
    display: block;
}
/*nav end*/
/*banner end*/
.banner {
    background: url("../images/banner_bg.jpg") no-repeat center;
    margin-bottom: 50px;
}
.banner_img {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.banner_img img{
    display: block;
}

/*banner end*/
/*main_title begin*/
.main {
    padding:50px 0;
    margin-bottom: 50px;
}
.main_title{
    padding: 0 2%;
    font-size: 46px;
    line-height: 70px;
    color: #444444;
    text-align: center;
    margin-bottom: 50px;
}
.main_title span{
    font-weight: 600;
    position: relative;
}
.main_title span:before{
    content: '';
    display: block;
    width: 92px;
    height:71px;
    position: absolute;
    background: url("../images/tit_l_img.png") no-repeat ;
    left: -112px;
    top:0;
}
.main_title span:after{
    content: '';
    display: block;
    width: 49px;
    height:66px;
    position: absolute;
    background: url("../images/tit_r_img.png") no-repeat ;
    right:-69px;
    top:0;
}
.main_title  b{
    color:#5e80fe;
}
.main_title.withe,.main_title.withe b{
    color: #fff;
}
.main_title p{
    font-size: 26px;
    color: #666666;
}

/*main_title end*/

.main.recommend,.main.hot-topic,.main.artstate,.main.fitpeople,.main.fit,.main.sqfa {
    width: 1200px;
    margin: 0 auto 50px;
    padding: 0;
}
.main.eliteSchool .main_cnt,.main.sqtj2 .main_cnt{
    width: 1200px;
    margin: 0 auto;
}
/*form begin*/
.form{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    padding: 1% 0 ;
    background: url("../images/rec_form_bg.jpg") no-repeat center;
    background-size: cover;
}
.form form>ul{
    float: left;
    width: 60%;
    margin: 0 0 0 10px;
}
.form .form_title{
    width: 22%;
    padding: 0 0 0 2%;
    height: 100px;
    float: left;
    font-size: 20px;
    color: #fff;
}
.form form>ul li{
    width: 27.33%;
    margin: 1.5% 3% 0;
    height: 30px;
    float: left;
}
.form form>ul li input{
    width: 96%;
    border:none;
    background-color: #fff;
    color: #999999;
    font-size: 14px;
    padding-left: 4%;
    line-height: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.form form>ul li.submit input{
    width: 100%;
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    background-color: #fb705b;
    border-right:2px solid #f6563e ;
    border-bottom: 2px solid #f6563e;
    cursor: pointer;
}
.form form>ul li.yellow  input{
    background-color: #ffe467;
    color: #fe3d4e;
    border-color: #d8bc4b;
}

.form form > ul li select{
    width: 100%;
    border:0;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    color: #999999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


.form .form_title p{
    font-size: 30px;
    color: #ffe467;
    text-align: center;
}
.picture{
    position: absolute;
    right: 0;
    bottom: 0;
}
.zxdh{
    text-align: center;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
}
/*form end*/
/*main_tel begin*/
.main_tel{
    margin-top: 40px;
    text-align: center;
}
.main_tel a{
    text-align: center;
    color: #fff;
}
.main_tel span,.main_tel a{
    font-size: 18px;
    color: #fff;
    padding: 0 2%;
    display: inline-block;
    line-height: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius:50px;
    border-radius: 50px;
    margin: 0 3%;
    -webkit-box-shadow:0px 10px 10px -7px rgba(94,128,254,1);
    -moz-box-shadow: 0px 10px 10px -7px rgba(94,128,254,1);
    box-shadow:0px 10px 10px -7px rgba(94,128,254,1);
    background: -moz-linear-gradient(left, #5e80fe 0%, #92dafe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e80fe), color-stop(100%,#92dafe));
    background: -webkit-linear-gradient(left, #5e80fe 0%,#92dafe 100%);
    background: -o-linear-gradient(left, #5e80fe 0%,#92dafe 100%);
    background: -ms-linear-gradient(left, #5e80fe 0%,#92dafe 100%);
    background: linear-gradient(to right, #5e80fe 0%,#92dafe 100%);
    background-color: #5e80fe;
}
.main_tel span i{
    padding: 0 10px;
    margin-right: 5px;
}
/*main_tel end*/
.smallbanner{
    width: 1180px;
    margin: 0 auto 50px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}

/*artstate begin*/
.artstate .main_cnt_l{
    width: 50%;
    float: left;
}
.artstate .main_cnt_l h2{
    font-size: 24px;
    color: #444444;
    font-weight: normal;
    margin-bottom: 30px;
}
.artstate .main_cnt_l h2 span{
    color: #fff;
    font-size: 12px;
    text-align: center;
    position: relative;
    top: -4px;
    padding: 0 3px;
    -webkit-border-radius:0 3px 3px 3px;
    -moz-border-radius:0 3px 3px 3px;
    border-radius:0 3px 3px 3px;
}
.artstate .main_cnt_l h2 span:before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid #5e80fe;
    border-left: 5px solid transparent;
    position: absolute;
    left: -5px;
    top:0;
}
.artstate .hot_msg{
    margin-bottom: 30px;
}
.artstate .hot_msg dl{
    float: left;
    width: 27.33%;
    margin:  0 2%;
    padding:2% 1%;
    color: #fff;
    line-height: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.artstate .hot_msg dl span{
    font-size: 14px;
}
.artstate .hot_msg dl dt{
    width: 40%;
    float: left;
    text-align: center;
}
.artstate .hot_msg dl dd{
    float: left;
    width: 60%;
}

.artstate .hot_msg .dl2{
    background: -moz-linear-gradient(left, #5c7af6 0%, #92a5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5c7af6), color-stop(100%,#92a5f5));
    background: -webkit-linear-gradient(left, #5c7af6 0%,#92a5f5 100%);
    background: -o-linear-gradient(left, #5c7af6 0%,#92a5f5 100%);
    background: -ms-linear-gradient(left, #5c7af6 0%,#92a5f5 100%);
    background: linear-gradient(to right, #5c7af6 0%,#92a5f5 100%);
    background-color: #5c7af6;
}
.artstate .hot_msg .dl3{
    background: -moz-linear-gradient(left, #fb5fa6 0%, #ff99c4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb5fa6), color-stop(100%,#ff99c4));
    background: -webkit-linear-gradient(left, #fb5fa6 0%,#ff99c4 100%);
    background: -o-linear-gradient(left, #fb5fa6 0%,#ff99c4 100%);
    background: -ms-linear-gradient(left, #fb5fa6 0%,#ff99c4 100%);
    background: linear-gradient(to right, #fb5fa6 0%,#ff99c4 100%);
    background-color: #fb5fa6;
}

.artstate  .weakness dl {
    float: left;
    width: 48%;
    height: 48px;
    line-height: 48px;
    -webkit-border-radius: 48px;
    -moz-border-radius: 48px;
    border-radius: 48px;
    position: relative;
    margin: 3% 1% 8%;
}
.artstate  .weakness dl dt{
    float: left;
    position: absolute;
    top: -15px;
    left: 15px;
}
.artstate  .weakness dl dd{
    padding-left: 40%;
    float: left;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    padding-top: 3px;
}
.artstate  .weakness dl.bottom0{
    margin-bottom: 0;
}

.artstate .main_cnt_r{
    float: left;
    width: 46%;
    padding: 0 2%;
}
.artstate .main_cnt_r .cj_box{
    border:2px solid #5e80fe;
    padding:0 5% ;
    background-color: #fffee2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.artstate .cj_title{
    text-align: center;
    margin-bottom: 20px;
}
.artstate .cj_title span{
    position: relative;
    display: inline-block;
    font-size: 20px;
    line-height: 38px;
    color: #fff;
    background: -moz-linear-gradient(top, #5e80fe 0%, #92daf5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e80fe), color-stop(100%,#92daf5));
    background: -webkit-linear-gradient(top, #5e80fe 0%,#92daf5 100%);
    background: -o-linear-gradient(top, #5e80fe 0%,#92daf5 100%);
    background: -ms-linear-gradient(top, #5e80fe 0%,#92daf5 100%);
    background: linear-gradient(to bottom, #5e80fe 0%,#92daf5 100%);
    background-color: #5e80fe;
}
.artstate .cj_title span:after{
    content: '';
    display: block;
    width: 21px;
    height: 40px;
    background: url("../images/cj_title_r.png") no-repeat;
    position: absolute;
    right: -21px;
    top:-2px;
}
.artstate .cj_title span:before{
    content: '';
    display: block;
    width: 21px;
    height: 40px;
    background: url("../images/cj_title_l.png") no-repeat;
    position: absolute;
    top:-2px;
    left: -21px;
}
.cj_srcoll li{
    font-size: 14px;
    height: 40px;
    line-height: 40px;
}
.cj_srcoll li .school_name{
    float: left;
}
.cj_srcoll li p{
    float: right;
}
.cj_srcoll li .cj_line {
    color: #ff3e4e;
}
/*artstate end*/

/*eliteSchool begin*/
.eliteSchool {
    background:url("../images/eliteSchool_bg.jpg") no-repeat center;
    background-size: cover;
}
.eliteSchool dl{
    float: left;
    width: 27%;
    padding: 2%;
    margin: 1%;
    background-color: #fff;
    border:1px solid #e7e7e7;
    -webkit-box-shadow: 0 0 10px rgba(236,238,244,1);
    -moz-box-shadow: 0 0 10px rgba(236,238,244,1);
    box-shadow: 0 0 10px rgba(236,238,244,1);
}

.eliteSchool dl dt{
    float: left;
    width: 28%;
    margin-right: 2%;
}
.eliteSchool dl dd{
    width: 70%;
    float: left;
}
.eliteSchool dl dd span{
    font-size: 20px;
    display: block;
    margin-bottom: 3%;
    color: #333333;
}
.eliteSchool dl dd p{
    font-size: 12px;
    line-height: 20px;
    color:#999999
}

.eliteSchool .smallbanner{
    margin-top: 30px;
}
/*eliteSchool end*/

/*fitpeople begin*/
.fitpeople .tabList{
    text-align: center;
    margin-bottom: 25px;
}
.fitpeople .tabList li{
    display: inline-block;
    border:1px solid #5e80fe;
    line-height: 32px;
    width: 15%;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    margin: 0 1%;
    cursor: pointer;
}
.fitpeople .tabList li.hover{
    background-color: #5e80fe;
    color:#fff;
}
.box_cnt{
    display: none;
}
.box_hover{
    display: block;
}
.fitpeople dl.box_cnt {
    background: url("../images/sqtj2_bg.jpg") no-repeat center;
    padding:30px;
    color:#fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.fitpeople .box_cnt dt{
    width: 40%;
    float: left;
    text-align: center;
}
.fitpeople .box_cnt dd{
    width: 56%;
    padding-left:4%;
    float: right;
}
.fitpeople .box_cnt dd .title{
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
}
.smallbanner{
    width: 1180px;
    margin: 0 auto 50px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
}
/*fitpeople  end*/

/*sqtj2 begin*/
.main.sqtj2{
    background: url("../images/sqtj2_bg.jpg") no-repeat center ;
    background-size: cover;
}
.main.sqtj2 dl{
    float: left;
    width: 19%;
    margin: 0 1%;
    padding: 2%;
    background-color: #fff;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
}
.main.sqtj2 dl dt{
    margin-bottom: 20px;
    transition:all 1s ease-in-out;
    -webkit-transition:all 1s ease-in-out;
    -moz-transition:all 1s ease-in-auto;
    -ms-transition:all 1s ease-in-out;
    -o-transition:all 1s ease-in-out;
}
.main.sqtj2 dl:hover dt{
    transform: rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}
.main.sqtj2 dl .tit{
    font-size: 18px;
    margin-bottom: 10px;
}
.main.sqtj2 dl .tit span{
    display: block;
}
.main.sqtj2 dl  p{
    font-size: 14px;
    color: #999999;
    text-align: left;
    margin-bottom: 20px;
}
.main.sqtj2 dl a{
    font-size: 14px;
    display: inline-block;
    color: #3762e4;
    border:1px solid #3762e4;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 0 15px;
    line-height: 30px;

}
.main.sqtj2 dl:hover a{
    color: #fff;
    background: #3762e4;
}
.sqtj2 .main_tel a{
    background: -moz-linear-gradient(left, #fea758 0%, #ffe367 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fea758), color-stop(100%,#ffe367));
    background: -webkit-linear-gradient(left, #fea758 0%,#ffe367 100%);
    background: -o-linear-gradient(left, #fea758 0%,#ffe367 100%);
    background: -ms-linear-gradient(left, #fea758 0%,#ffe367 100%);
    background: linear-gradient(to right, #fea758 0%,#ffe367 100%);
    background-color: #fea758;
}
/*sqtj2 end*/

/*fit begin*/
.fit .fit_cont{
    margin-bottom: 30px;
}
.fit dl{
    float: left;
    width: 23%;
    margin:1%;
    padding-bottom:3%;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    -webkit-box-shadow: 0 0 10px rgba(201,203,209,0.5);
    -moz-box-shadow: 0 0 10px rgba(201,203,209,0.5);
    box-shadow: 0 0 10px rgba(201,203,209,0.5);
}
.zyjs{
    margin-bottom: 3%;
}
.fit dl dt{
    font-size: 18px;
    line-height: 24px;
    padding:14px 10% 27px;
    color: #fff;
    background-size: cover;
}
.fit dl dt span{
    font-weight: 600;
}
.fit dl dt p{
    text-transform: uppercase;
}
.fit dl dd{
    padding:0 10%;
}
.fit dl dd span{
    font-size: 14px;
    color: #333;
}
.fit dl dd p{
    font-size: 12px;
    color: #999;
}

.fit_dl1 dt{
    background:url("../images/dt_bg1.png") no-repeat center;
}
.fit_dl2 dt{
    background:url("../images/dt_bg2.png") no-repeat center;
}
.fit_dl3 dt{
    background:url("../images/dt_bg3.png") no-repeat center;
}
.fit_dl4 dt{
    background:url("../images/dt_bg4.png") no-repeat center;
}
.fit_dl5 dt{
    background:url("../images/dt_bg5.png") no-repeat center;
}
.fit_dl6 dt{
    background:url("../images/dt_bg1.png") no-repeat center;
}
.fit_dl7 dt{
    background:url("../images/dt_bg6.png") no-repeat center;
}
.fit_dl8 dt {
    background:url("../images/dt_bg7.png") no-repeat right bottom;
}

.fit_dl1 {
    background:url("../images/dd_bg1.png") no-repeat right bottom;
}
.fit_dl2 {
    background:url("../images/dd_bg2.png") no-repeat right bottom;
}
.fit_dl3 {
    background:url("../images/dd_bg3.png") no-repeat right bottom;
}
.fit_dl4 {
    background:url("../images/dd_bg4.png") no-repeat right bottom;
}
.fit_dl5 {
    background:url("../images/dd_bg5.png") no-repeat right bottom;
}
.fit_dl6 {
    background:url("../images/dd_bg6.png") no-repeat right bottom;
}
.fit_dl7 {
    background:url("../images/dd_bg7.png") no-repeat right bottom;
}
.fit_dl8 {
    background:url("../images/dd_bg8.png") no-repeat right bottom;
}
/*fit end*/



/*sqfa begin*/
.fan_title{
    margin-bottom: 30px;
}
.fan_title span{
    padding: 0 20px;
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    line-height: 60px;
    -webkit-border-radius:0 60px 60px 0;
    -moz-border-radius:0 60px 60px 0;
    border-radius:0 60px 60px 0;
}
.sqfa th{
    font-size: 20px;
    line-height: 38px;
    width:22.5%;
    color: #fff;
    vertical-align: middle;
}
.sqfa th.t02,.sqfa th.t04,.sqfa th.t05,.sqfa td.t02,.sqfa td.t04,.sqfa td.t05{
    width:10%;
}
.sqfa th.t01,.sqfa td.t01{
    width:20%;
}
.sqfa th.t03,.sqfa td.t03{
    width:40%;
}
.school_name a{
    color: #fe3d4e;
    font-weight: 600;
}
.sqfa td.btn a{
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 30px;
    padding: 0 15px;
    background-color: #fea05c;
    color: #fff;
}
.sqfa tbody tr:hover{
    color: #fe3d4e;
    background-color: #ffeaea;
}
.sqfa tbody tr:hover .btn a{
    background-color: #fe6f5c;
}
.table_box{
    margin-bottom: 30px;
}

.table_body{
    width: 1200px;
    height: 546px;
    overflow-x: hidden;
    overflow-y: auto;
}
.table_box table{
    width: 1200px;
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
    -webkit-border-radius:0 0 10px 10px ;
    -moz-border-radius: 0 0 10px 10px ;
    border-radius: 0 0 10px 10px ;
    border: 1px solid #f7888a;
}
.table_box .table_head table {
    -webkit-border-radius: 10px 10px 0 0 ;
    -moz-border-radius: 10px 10px 0 0 ;
    border-radius: 10px 10px 0 0 ;
    border-bottom: none;
    margin-left: 0;
}
.table_box .table_head th{
    padding:5px 0;
}

.table_box table tr td{
    text-align: center;
    font-size: 14px;
    line-height: 44px;
    padding:0.5% 1%;
}
.table_box table tr th,.table_box table tr td {
    border-right: 1px solid #f7888a;
    border-bottom: 1px solid #f7888a;
    padding: 5px 10px;
}
/*.table_box .border_bottom td{
    border-bottom:0;
}*/
.table_box .border_right{
    border-right:0;
}

thead{
    background: url("../images/table_bg.jpg") no-repeat center;
    background-size: cover;
}
.td_title{
    font-weight: 600;
    color: #f7888a;
    text-align: center;
    vertical-align: middle;
}

.sqfa .sqfa_form{
    margin-bottom: 30px;
}
.jg_tab_box ul {
    margin-bottom: 20px;
}
.jg_tab_box ul li {
    float: left;
    width: 17.666%;
    margin: 0 1%;
    border: 1px solid #eee;
    position: relative;
    cursor: pointer;
}
.jg_tab_box ul li.hover,.jg_tab_box ul li:hover{
    border: 1px solid #ff8c8f;
}
.jg_tab_box ul li.hover:after{
    content: '';
    display: block;
    position: absolute;
    width: 21px;
    height: 13px;
    left: 45%;
    bottom: -22px;
    background: url("../images/tab_tit_icon.png") no-repeat center;
}

.jg_tab_cnt p{
    width: 96%;
    padding: 2%;
    margin: 0 1%;
    background-color: #fffee2;
    color: #666666;
    font-size: 14px;
    border: 1px solid #ff8c8f;
}


/*sqfa end*/

/*recommend begin*/
.rec_tab_box .ckpm a{
    color: #fff;
}

.rec_tab_box{
    margin-bottom: 30px;
}
.recommend .rec_tab li{
    float: left;
    width: 12%;
    margin: 0 1%;
    text-align: center;
    border:1px solid #fe3d4e;
    color: #fe3d4e;
    line-height: 40px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.recommend .rec_tab li.hover,.recommend .rec_tab li:hover{
    color: #fff;
    background: -moz-linear-gradient(left, #ff5522 0%, #fe3d4e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff5522), color-stop(100%,#fe3d4e));
    background: -webkit-linear-gradient(left, #ff5522 0%,#fe3d4e 100%);
    background: -o-linear-gradient(left, #ff5522 0%,#fe3d4e 100%);
    background: -ms-linear-gradient(left, #ff5522 0%,#fe3d4e 100%);
    background: linear-gradient(to right, #ff5522 0%,#fe3d4e 100%);
    background-color: #fe3d4e;
}

.school_list_box .list_left{
    float: left;
    width: 20%;
    -webkit-border-radius:5px 0 0 5px;
    -moz-border-radius:5px 0 0 5px;
    border-radius:5px 0 0 5px;
    background: url("../images/list_l_bg.jpg") no-repeat center;
    background-size: cover;
    padding:0 3%;
}
.school_list_box .list_right {
    float: left;
    width: 70%;
    padding:1% 2% 2%;
    background-color: #fff;
    -webkit-box-shadow:2px 0px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 0px 5px 0px rgba(0,0,0,0.2);
    position: relative;
}
.school_list_box .list_right ul{
    padding-bottom: 80px;
}
.school_list_box .btn_box{
    padding: 2%;
    background-color: #fff;
    -webkit-box-shadow:0 -5px 10px -4px rgba(255,85,34,0.2);
    -moz-box-shadow: 0 -5px 10px -4px rgba(255,85,34,0.2);
    box-shadow: 0 -5px 10px -4px rgba(255,85,34,0.2);
    position: absolute;
    left:0;
    bottom: 0;
    width: 96%;
}
.school_list_box .btn_box a{
    display: block;
    float: right;
    padding: 0 2%;
    margin: 1%;
    height: 36px;
    line-height: 36px;
    -webkit-border-radius:36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    color: #fe3d4e;
    border:1px dashed #fe3d4e;
}

.school_list_box .img{
    margin-bottom: 20px;
}
.school_gk{
    color: #fff;
}
.school_gk h2{
    font-size: 20px;
    padding-left: 13px;
    margin-bottom: 10px;
    background: url("../images/h2_bg.jpg") repeat-y left center;
}
.school_gk p {
    font-size: 14px;
}
.gk_sqtj{
    margin-bottom: 20px;
}

.tab_cnt{
    margin-bottom: 30px;
}
.list_right .yxtj_title{
    border-bottom: 1px solid #d9d8d9;
    line-height: 50px;
}
.list_right .yxtj_title h3{
    float: left;
    width: 80%;
    font-size: 22px;
}
.list_right .yxtj_title h3 i{
    padding: 0 8px;
    margin-right: 5px;
    background: url("../images/badge.png") no-repeat center;
}
.list_right .yxtj_title a{
    font-size: 12px;
    color: #999999;
    float: right;
}
.list_right .yxtj_title a:hover{
    color: #3762e4;
}
.list_right ul li{
    float: left;
    width: 23%;
    margin: 1.5% 1% 0;
    font-size: 14px;
}
/*recommend end*/

/*hot-topic begin*/
.hot-topic{
    position: relative;
}
.hot-topic h2{
    float: left;
    width: 2%;
    font-size: 20px;
    line-height: 24px;
    padding: 2% 3%;
    margin-bottom: 0;
    font-weight: 400;
    color: #fff;
    background: url("../images/h2_bg.png") no-repeat center;
}
.hot-topic ul{
    float: left;
    width:91%;
}
.hot-topic ul li{
    width: 208px;
    padding:0 10px;
    float: left;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    text-align: center;
}
.hot-topic ul li img{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.hot-topic ul li span{
	display:block;
	width:100%;
	line-height:40px;
	height:40px;
	font-size:18px;
	text-align:center;
	}
.hot-topic ul li p{
	font-size:14px;
	line-height:24px;
	text-align:left;
    color:#666;
    text-align: center;
	}
#caselist{
    padding:0 30px;
    position: relative;
}
#caselist .prev, #caselist .next{
    display:block;
    width: 32px;
    height:73px;
    background:url(../images/icon.png) no-repeat -1px -397px ;
    overflow:hidden;
    cursor:pointer;
    position:absolute;
    top:22%;
}
#caselist .prev{
    left: 0;
}
#caselist .next{
    background:url(../images/icon.png) no-repeat -78px -397px ;
    right:0px;
}
#caselist .prev:hover{
    background:url(../images/icon.png) no-repeat -1px -297px ;
}
#caselist .next:hover{
    background:url(../images/icon.png) no-repeat -78px -297px ;
}

/*hot-topic end*/

.scrotop{
    width: 70px;
    height: 70px;
    line-height: 15px;
    background-color: #407ae6;
    font-size: 12px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    position: fixed;
    bottom: 8%;
    display: none;
    -moz-border-radius:74px ;
    -webkit-border-radius: 74px;
    border-radius:74px;
    -webkit-box-shadow:  0px 0px 10px rgba(64,122,230,0.2);
    -moz-box-shadow:  0px 0px 10px rgba(64,122,230,0.2);
    box-shadow: 0px 0px 10px rgba(64,122,230,0.2);
}
.scrotop i{
    display: block;
    width:50%;
    margin: 10% auto 5% ;
    height: 14px;
    background: url("../images/scrotop.png") no-repeat center center;
    background-size: contain;
}
.scrotop span{
    width: 50%;
    margin: 0 auto;
    font-size: 12px;
    line-height: 18px;
    display: block;
}

/*footer begin*/
.copyright{ display:none; padding:1em 0em 1em; text-align:center;border-top:2px solid #5e80fe; margin:1.5em 0 2em;}
.copyright p{ margin:0 0.3em 0.3em; font-size:12px;}
.copyright p a{ margin-right:5px;}

.last{ display:none;width:100%; height:40px; line-height:40px; background:#5e80fe; position:fixed; z-index:99999; bottom:0px;}
.last ul li{color:#FFF; float:left; width:33%; height:40px; border-right:1px #5e80fe; background:#5e80fe; text-align:center; display:block; overflow:hidden;}
.last ul li a { display:inline-block; height:40px; width:99.8%; color:#FFF;text-align:center; }
.last ul li a span { font-size:14px; font-weight:600;color:#FFF}
.last ul li span { font-size:14px; font-weight:600;color:#FFF}
/*footer end*/

@media only screen and (max-width:1200px){

    .smallbanner,.nav_cnt,.main.fitpeople,.main.hot-topic,.main.recommend,.main.artstate,.main.fit,.main.sqfa,.main.eliteSchool .main_cnt,.main.sqtj2 .main_cnt{
        width: 1024px;
    }
    .banner_img {
        width: 100%;
    }
    .table_box{
        overflow-x: auto;
    }


    #caselist {
        width: 938px;
        margin:0 auto;
    }
    .recommend_form .form_title{
        padding: 0 2%;
    }
    .recommend_form .form_title p{
        font-size: 24px;
    }

    .form .form_title p.p1{
        font-size: 16px;
    }
    .hot-topic-box .box{
        
    }
    .hot-topic ul li{
        width: 214px;
    }
}
@media only screen and (max-width:1024px){
    .cj_srcoll li{
        height: 30px;
        line-height: 30px;
    }
    .artstate .main_cnt_r .cj_box{
        height: auto !important;
        padding-bottom: 2%;
    }
    .fan_title,.artstate .main_cnt_l h2{
        margin-bottom: 3%;
    }
    .fan_title span{
        font-size: 18px;
        line-height: 50px;
    }
    .fitpeople ul li b{
        text-align: center;
        margin-bottom: 3%;
    }
    .nav_tel,.fitpeople ul li.li01:before,.fitpeople ul li.li02:before,.fitpeople ul li.li03:before,.fitpeople ul li.li04:before,.fitpeople ul li.li01:after,.fitpeople ul li.li04:after
    ,.fitpeople ul li.li05:before,.fitpeople ul li.li05:after,.fitpeople ul li.li02::after,
    .fitpeople ul li.li03::after,.main_title span::before,.main_title span::after {
        display: none;
    }
    .main {
        padding:3% 0;
        margin-bottom: 5%;
    }
    .smallbanner,.nav_cnt,.main.eliteSchool .main_cnt,.main.sqtj2 .main_cnt{
        width: 98%;
    }
    .main.hot-topic,.main.recommend,.main.artstate,.main.fitpeople,.main.fit,.main.sqfa {
        width: 98%;
        margin: 0 auto 5%;
    }
    .nav_cnt{
        padding: 2% 0 1%;
    }
    .nav_r{
        width: 64%;
    }
    .banner,.main.sqtj2 dl dt,.table_box{
        margin-bottom: 5%;
    }
    .main_title{
        font-size: 34px;
        line-height: 40px;
        margin-bottom: 3%;
    }
    .main_title p{
        font-size: 20px;
        line-height: 30px;
    }
    .jg_tab_cnt p{
        width: 93%;
    }
    .picture,.smallbanner,.artstate .main_cnt_l .weakness{
       display: none;
    }

    .artstate .main_cnt_l {
        width: 100%;
    }

    .artstate .main_cnt_r{
        width: 96%;
    }

    .form .form_title {
        width: 100%;
        padding: 0;
        text-align: center;
        height: auto;
        background: none;
    }
    .form form > ul{
        width: 94%;
        margin: 2% 3%;
    }
    .form .form_title p.p1 {
        font-size: 22px;
        margin: 2% 0 0;
    }


    .recommend .rec_tab li{
        width: 31%;
        margin: 1%;
    }

    .school_list_box .list_right{
        width: 96%;
    }
    .school_list_box .list_left{
        width:96%;
        padding:2%;
        -webkit-border-radius:5px 5px 0 0 ;
        -moz-border-radius:5px 5px 0 0 ;
        border-radius:5px 5px 0 0 ;
    }
    .school_list_box .list_left dt{
        float: left;
        width: 22%;
    }
    .school_list_box .img{
        margin-bottom: 0;
    }
    .school_list_box .list_left dd{
        width: 76%;
        margin-left: 2%;
        float: left;

    }
    .school_list_box .list_left dd p{
        width: 50%;
        float: left;
        line-height: 34px;
    }

    table .mibbile_clear{
        display: none;
    }
    .sqfa th.t01,.sqfa td.t01{
        width: 30%;
    }
    .sqfa th.t02,.sqfa td.t02{
        width: 15%;
    }


    .hot-topic h2 {
        background: none;
        padding: 1% 0%;
        width: 98%;
        font-size: 28px;
        height: 40px;
        line-height: 40px;
        color: #FE3D4E;
        text-align: center;
        margin-bottom: 2%;
    }
    #caselist{
        width: 886px;
    }
    #caselist .prev, #caselist .next{
        top:10%;
    }
    .hot-topic ul li{
        width: 201px;
    }

}
@media only screen and (max-width:970px){
    .main_title{font-size: 28px}

    .main_tel span,.main.sqtj2 dl .tit,.artstate .cj_title span,.eliteSchool dl dd span{
        font-size: 16px;
    }


    .main.sqtj2 dl{
        width: 44%;
        margin: 1%;
    }
    .fit dl{
        width: 31%;
    }
    .school_list_box .list_left dd p {
        line-height: 24px;
    }

    .main_tel span, .main_tel a{
        width: 48% !important;
        margin: 0 auto 2%;
    }

    .eliteSchool dl dt{
        width: 100%;
        margin: 0 0 3%;
        text-align: center;
    }
    .eliteSchool dl dd span{
        text-align: center;
    }
    .eliteSchool dl dd{
        width: 100%;
    }
    .hot-topic ul li{
        width: 152px;
    }
    #caselist {
        width: 688px;
    }
}
@media only screen and (max-width:767px){
    .nav_r{
        width: 100%;
        margin-left:0;
        padding:10px 0 0;
    }
    .main{
        padding: 5% 0;
    }
    .main_title{
        margin-bottom: 3%;
    }
    .artstate .main_cnt_l h2{
        font-size: 18px;
    }

    .main.sqtj2 dl p{
        font-size: 12px;
    }

    .table_box table tr td{
        line-height: 34px;
        vertical-align: middle;
    }
    .form form > ul li.submit input{
        font-size: 14px;
    }
    .form form > ul li{
        width: 48%;
        margin: 3% 1% 0;
    }
    .form form > ul li.zxdh span{
        display: inline-block;
        line-height: 20px;
    }
    .scheme_form .submit,.zy_recommend .submit,.cost_form .submit{
        margin: 3% 26% 0;
    }
    .main_tel{
        margin-top: 5%;
    }
    .main_tel span, .main_tel a{
        line-height: 40px;
    }

    .eliteSchool dl{
        width: 37%;
        padding: 5%;
    }

    .school_list_box .list_left,.jg_tab_box ul li.hover:after{
        display: none;
    }
    .list_right ul li{
        width: 31%;
    }
    .school_list_box .btn_box a{
        font-size: 14px;
    }

    .jg_tab_box ul li{
        width: 30%;
        margin: 1%;
    }

    .rec_tab_box{
        margin-bottom: 2%;
    }
    #caselist {
        width: 564px;
    }
    .hot-topic ul li{
        width: 168px;
    }

    .scrotop{
        width: 40px;
        height: 40px;
    }
    .scrotop i{
        margin: 30% auto;
    }
    
    .scrotop span,.hand,#footer,#qiao-wrap,#QIAO_INVITE_CONTAINER,#QIAO_ICON_CONTAINER .qiao-icon-sector-inner{
        display:none !important;
    }
    #QIAO_INVITE_CONTAINER{
        width:0 !important;
        height:0 !important;
    }
    .copyright,.last{
        display:block;
    }
}
@media only screen and (max-width:640px){
    .nav_l span{
        font-size: 16px;
    }
    .main_title {
        font-size: 22px;
        line-height: 32px;
    }

    .main.sqtj2 dl {
        width: 44%;
        margin: 1%;
    }


    .rec_tab_box{
        margin-bottom: 5%;
    }
    .recommend .rec_tab li {
        width: 47%;
    }

    .fit dl {
        width: 46%;
        margin: 2% ;
    }
    #caselist {
        width: 466px;
    }
    .hot-topic ul li{
        width: 213px;
    }
    .form,.recommend_form{
        padding: 5% 0;
    }
    .list_right ul li{
        width: 31%;
    }
    .main_tel span, .main_tel a,.main_title p{
        font-size: 16px;
    }
    .fitpeople .tabList li {
        width: 22.5%;
        font-size: 14px;
        margin: 0 0.9%;
        float: left;
    }
    .fitpeople .box_cnt dd p{
        line-height: 22px;
        font-size: 14px;
    }
}
@media only screen and (max-width:540px){
    .recommend .rec_tab li{
        font-size: 14px;
    }

    .form .form_title p.p1,.list_right .yxtj_title h3 {
        font-size: 20px;
    }

    .jg_tab_box ul li {
        width: 47%;
        margin: 1%;
    }

    .school_list_box .btn_box a {
        font-size: 12px;
    }

    .main_tel span, .main_tel a {
        width: 68% !important;
        margin: 0 auto 4%;
    }
    #caselist {
        width: 328px;
    }
    #caselist .prev, #caselist .next {
        top: 30%;
    }
    .hot-topic ul li{
        width: 144px;
    }
    .fitpeople .box_cnt dt{
        width: 100%;
    }
    .fitpeople .box_cnt dd{
        width:100%;
        padding-left:0;
        margin-top:4%;

    }
    .list_right ul li{
        width: 48%;
        font-size: 12px;
        line-height: 30px;
    }
    .artstate .hot_msg dl{
        width: 44%;
        margin: 2%;
    }
}
@media only screen and (max-width:400px){
    .nav_r a,.artstate .cj_title span{
        font-size: 14px;
    }
    .cj_srcoll li{
        font-size: 12px;
    }
    .form form > ul li {
        margin: 3% 1% 2%;
        font-size: 12px;
    }
    .form form > ul li select,.form form > ul li input {
        font-size: 12px;
    }
    .scheme_form .submit, .zy_recommend .submit, .cost_form .submit {
        margin: 5% 26% 0;
    }


    .main.sqtj2 dl {
        width: 88%;
        padding: 5%;
        margin: 2% 1%;
    }
    .main.sqtj2 dl p{
        margin-bottom: 0;
    }
    .eliteSchool dl {
        width: 87%;
        margin: 2% 1%;
    }
    .fit dl {
        width: 96%;
        margin: 2%;
    }

    .school_list_box .btn_box a{
        padding: 0 10%;
    }
    .main_tel span {
        font-size: 14px;
        margin: 0 2%;
    }
    #caselist {
        width: 250px;
    }
    #caselist .prev, #caselist .next {
        top: 20%;
    }
    .hot-topic ul li{
        width: 240px;
        padding:0 5px;
    }
    .fitpeople dl.box_cnt {
        padding: 10px;
    }
}