﻿#top { min-width: 1000px; width: 100%; background: url("../Images/banner.png") no-repeat; background-size: 100% 100%; }
#top .layout { width: 1000px; /*height: 293px;*/
border: 1px solid red;/*position: relative;*/
}
#top .layout .cancel { position: absolute; top: -112px; right: 0; }
#top .layout .cancel img { border: none; }
#top .title { padding-top: 14.25%; color: #ffffff; }
#top .title h1 { font-size: 35px; }
#top .descrip { padding-top: 1.85%; }
#top .descrip p { color: #ffffff; }
#top .apply { margin-top: 1.85%; }
#top .apply a { display: inline-block; font-size: 23px; color: #ffffff; padding: 17px 41px; border: 2px solid #ffffff; text-align: center; border-radius: 5px; }
#navigation { width: 100%; height: 63px; border-bottom: 1px solid rgb(235, 235, 235); }
.layout { margin: 0 auto; width: 1000px; height: 100%;/*border: 1px solid blue;*/
}
#navigation .navi_l { float: left; width: 240px; height: 30px; margin-top: 20px; font-size: 22px; }
#navigation .navi_l span { vertical-align: top; }
#navigation .navi_l span:first-child+span { font-weight: 600; }
#navigation .navi_r { float: right; width: 600px; height: 64px; }
#navigation .navi_r .login { float: left; display: inline-block; width: 100px; height: 64px; text-align: center; line-height: 64px; text-decoration: none; font-size: 18px; background: #ff3e46; color: #ffffff; }
.navi_r ul { width: 500px; height: 100%; float: left; }
.navi_r ul li { text-align: center; width: 100px; height: 64px; list-style: none; line-height: 64px; float: left; }
.navi_r ul li:hover { background: #f9f9f9; }
.navi_r ul li a { display: block; color: #515151; text-decoration: none; width: 100%; height: 100%; }


/*学员分数*/
#scheme { width: 100%;min-height: 575px; background:url(../Images/notred.png) no-repeat center;}
#scheme .layout { margin: 0 auto; width: 1200px; height: 100%;/*border: 1px solid blue;*/
}
#scheme .title { width: 490px; height: 115px; margin: 30px auto 0; text-align: center; padding: 25px 0; }
#scheme .title span{ width:475px; background:url(../Images/fengexian.png)  no-repeat center; height:30px; display:block;  background-size:100%;}
#scheme .title p { text-align: center; color: rgb(102, 102, 102); margin:0px 20px 0;}
#scheme .title p:first-child { font-size: 35px; color: #000; }
#scheme .school { width: 100%; height: 220px;/*border: 1px solid red;*/
}
#scheme .school ul { width: 100%; height: 100%; }
#scheme .school ul li { float: left; width: 321px; height: 100%; list-style: none; }
#scheme .school ul li a { display: inline-block; width: 100%; height: 100%; text-decoration: none; position: relative; }
#scheme .school ul li a img { width: 100%; height: 100%; border: none; position: absolute; z-index: -1; }
#scheme .school ul li .out { width: 50%; height: 75px; margin: 60px auto; text-align: center; color: #ffffff; text-shadow: 0 5px 15px #000; }
#scheme .out span { display: block; font-size: 24px; }
#scheme .out span:first-child { padding: 10px 0; margin: 10px 0; border-bottom: 2px solid #ffffff; }
#scheme .school ul .middle { margin: 0 18px; }


#scheme .service { width: 100%; margin-top: 40px;}
#scheme .service::after{ content:""; display:block; clear: both;}
#scheme .service ul { width: 100%;}
#scheme .service ul.UL_one li:nth-child(3n){ margin-right:0;}
#scheme .service ul.UL_one li .ULLI_left{ float:left; width:80px; height:80px; overflow:hidden; border-radius:50%; border:3px solid #fff; box-shadow:0 0 5px #FFAC00; margin-right:20px;}
#scheme .service ul.UL_one li .ULLI_left img{ width:100%;}
#scheme .service ul.UL_one li .ULLI_right{ float:left;width:calc(100% - 126px);}
#scheme .service ul.UL_one li .ULLI_right .ULLI_top{ margin-bottom:5px;}
#scheme .service ul.UL_one li .ULLI_right .ULLI_top::after{ content:""; display:block; clear:both;}
#scheme .service ul.UL_one li .ULLI_right .ULLI_top h3{font-size: 20px;color: #333;font-weight: bold; float:left; margin-right:10px;}
#scheme .service ul.UL_one li .ULLI_right .ULLI_top p{ float:left; font-size:16px;}
#scheme .service ul.UL_one li .ULLI_right .ULLI_top p i{ display:block; background:url(../Images/shenbimaliang.png) no-repeat center; float:left; display:block; width:20px; height:20px;margin-right:5px;}
#scheme .service ul.UL_one li .ULLI_right .ULLI_bottom{ width:100%;}
#scheme .service ul.UL_one li .ULLI_right .ULLI_bottom p{ height:auto;margin-bottom:3px;font-size:14px;}
#scheme .service ul.UL_one li .ULLI_right .ULLI_bottom p:nth-child(2){ color:#999; font-weight:100;  }
#scheme .service ul.UL_one li .ULLI_right .ULLI_bottom p em{ color:#f00; margin-left:5px; font-size:20px;}

#scheme .service ul.UL_two{ width:100%; margin:15px auto;}
#scheme .service ul.UL_two li .ULLI_left{ float:left; width:80px; height:80px; overflow:hidden; border-radius:50%; border:3px solid #fff; box-shadow:0 0 5px #FFAC00; margin-right:20px;}
#scheme .service ul.UL_two li .ULLI_left img{ width:100%;}
#scheme .service ul.UL_two li .ULLI_right{ float:left;width:calc(100% - 126px);}
#scheme .service ul.UL_two li .ULLI_right .ULLI_top{ margin-bottom:5px;}
#scheme .service ul.UL_two li .ULLI_right .ULLI_top::after{ content:""; display:block; clear:both;}
#scheme .service ul.UL_two li .ULLI_right .ULLI_top h3{font-size: 20px;color: #333;font-weight: bold; float:left; margin-right:10px;}
#scheme .service ul.UL_two li .ULLI_right .ULLI_top p{ float:left; font-size:16px;}
#scheme .service ul.UL_two li .ULLI_right .ULLI_top p i{ display:block; background:url(../Images/shenbimaliang.png) no-repeat center; float:left; display:block; width:20px; height:20px;margin-right:5px;}
#scheme .service ul.UL_two li .ULLI_right .ULLI_bottom{ width:100%;}
#scheme .service ul.UL_two li .ULLI_right .ULLI_bottom p{ height:auto;margin-bottom:3px;font-size:14px;}
#scheme .service ul.UL_two li .ULLI_right .ULLI_bottom p:nth-child(2){ color:#999; font-weight:100;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#scheme .service ul.UL_two li .ULLI_right .ULLI_bottom p em{ color:#f00; margin-left:5px; font-size:20px;}



#scheme .service ul::after{ content:""; display:block; clear:both;}
#scheme .service ul li { width: 390px; padding:20px; margin-right:15px;  box-sizing:border-box; background:#f6f6f6; list-style: none; float: left; border-radius:10px; box-shadow:0 0px 20px rgba(0,0,0,0.2); min-height:150px; margin-bottom:20px;}



#story { width: 100%; height: 569px; background: url(../Images/hbanner01.png) no-repeat center; padding-top:20px;  box-sizing:border-box;}
#story .title { margin: 50px auto; text-align: center; }
#story .title span{ width:475px; background: url(../Images/xiaosucai.png)  no-repeat center; height:30px; display:block;  background-size:100%; margin:10px auto 0;}
#story .title h1{ color:#fff;}
#story .title p { margin-top: 20px; }
#story .people { width: 999px; height: 307px; }
#story .people ul { width: 999px; height: 307px; }
#story .people ul li { width: 220px; height: 307px; float: left; list-style: none; margin-left: 39px;}
#story .people ul li:nth-child(1){ margin-left:0;}
#story .people ul li .picture { width: 100%; height: 100%; position: relative; background:url(../Images/xiaosucai01.png) no-repeat center top;}
#story .people ul li .picture img { width: 100%; height: 100%; }
#story .people ul li .mask { position: absolute; top: 55px; overflow: hidden;padding-left: 38px;text-align: center;}
#story .mask p { color: #ffffff; }
#story .mask p:first-child { font-weight: bold; font-size:20px;}
#story .mask p:first-child+p { font-size: 14px; text-align:center; margin-top:10px; }
#flow { width: 100%; padding-bottom:60px; background: url(../Images/bigbg2_04.png); }
#flow .title { width: 490px; height: 115px; margin: 0 auto; text-align: center; padding: 25px 0; }
#flow .title span{ width:475px; background:url(../Images/fengexian.png)  no-repeat center; height:30px; display:block;  background-size:100%;}
#flow .title p { text-align: center; color: rgb(102, 102, 102); margin:0px 60px 0;}
#flow .title p:first-child { font-size: 35px; color: #000; }
#flow .process { width: 1000px; }
#flow .process ul{ background:#fff; height:40px; line-height:40px;}
#flow .process ul::after{ content:""; display:block; clear:both;}
#flow .process ul li{ width:50%; float:left; text-align:center; font-size:18px; cursor:pointer; color:#999;}
#flow .process ul li.on{ background:#fca856; color:#fff;}
#flow .process .process_one{ margin-bottom:20px; background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2);}
#flow .process .process_title{ width:100%; text-align:center; background:#fca856; color:#fff; line-height:30px; font-size:16px;}
#flow .process .process_con{ margin-bottom:20px; display:none;}
#flow .process .process_con table{ width:100%; color:#333;}
#flow .process .process_con table tr{ height:60px; text-align:center; font-size:14px;}
#flow .process .process_con table tr:nth-child(2n){ background:rgb(240, 240, 240)}
#flow .process .process_con table tr td:nth-child(3){ text-align:left; }
#flow .process .process_con table tr:nth-child(1) td:nth-child(4){ color:#333;}
#flow .process .process_con table tr td:nth-child(4){ color:#F30;}
#flow .process .process_con table tr a{ display: inline-block; padding:0 20px; background:#3fa9f5; color:#fff; border-radius:5px; line-height:30px;}


#flow .advice { margin: 55px auto 0; width: 188px; height: 55px; }
#flow .advice a { display: inline-block; width: 100%; height: 52px; text-align: center; line-height: 52px; color: rgb(252, 103, 103); font-size: 24px; background: #f9fafc; border: 2px solid #ff5151; border-radius: 10px; outline: none; cursor: pointer; }
#flow .advice a:hover { background: #ff5151; color: #ffffff; }
#sought { width: 100%; height: 557px; }
#sought .title { width: 325px; height: 120px; text-align: center; margin: 0 auto; line-height: 120px; }
#sought .info { width: 997px; height: 340px;/*border: 1px solid red;*/
}
#sought .info .picture { float: left; width: 553px; height: 342px; position: relative; }
#sought .info .picture .item { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#sought .info .picture .item img { border: none; width: 100%; height: 100%; }
#sought .info .link { float: left; width: 435px; height: 342px; }
#sought .link ul { width: 100%; height: 100%; }
#sought .link ul li { position: relative; list-style: none; height: 114px; margin-left: 20px; background: url("../Images/background1.png") no-repeat; }
#sought .link ul li a { text-decoration: none; }
#sought .link ul li:first-child { background: url("../Images/background.png") no-repeat; }
#sought .link ul li:first-child a div p { color: #ffffff; }
#sought .link ul li p { margin-left: 20px; padding-top: 5px; }
#sought .link ul li p:first-child { color: #141414; font-size: 20px; }
#sought .link ul li p:first-child+p { color: rgb(136, 136, 136); font-size: 13px; }
#sought .link ul li div { width: 95%; height: 57px; padding: 20px 20px; }
#service { width: 100%; height: 538px; }
#service .title { width: 325px; height: 115px; margin: 0 auto; text-align: center; line-height: 115px; color: #ffffff; }
.title h1 { font-weight: inherit; font-size: 34px; color:#ff5151;}
.title h1 em{ color:#333; font-size:32px;}
#service .service_layout { width: 100%; height: 100%; background: url("../Images/back_82.jpg") no-repeat top center; }
#service .classify { width: 1000px; height: 300px; margin: 0 auto; }
#service .classify .item { width: 20%; height: 200px; float: left; list-style: none; margin-top: 20px; }
#service .item ul { width: 100%; height: 100%; }
#service .item ul li { list-style: none; margin: 13px 10px; overflow: hidden; }
#service .item ul li img { vertical-align: middle; margin-right: 9px; float: left; }
#service .item ul li span { width: 86%; color: #ffffff; font-size: 13px; display: block; float: left; }


/*  header  */
h1 {
    font-weight: normal;
    font-size: 36px;
}
.topten{ z-index:1;}
.header { width: 100%; min-width: 1200px; height: 57px; border-bottom: 1px solid #eeeeee; }
.header .logo { float: left; width: 220px; height: 57px; line-height: 57px; padding-left: 20px; margin-top:0;}
.header .layout { width: 1000px; margin: 0 auto; overflow: inherit; }
.header .logo img { margin: 0 2px; vertical-align: middle; }
.header .navi { float: right; width: auto; height: 100%; }
.header .navi .ul_1 { width: 100%; height: 100%; }
.header .navi .ul_1 .li_1 { height: 100%; list-style: none; line-height: 57px; float: left; padding: 0 38px; position: relative; }
.header .navi .ul_1 .pull-down { background:  url(../images/header2_03.png) no-repeat 110px 25px; }
.header .navi .ul_1 .li_1:first-child+.li_1:hover { background: url(../images/header1_03.png) no-repeat 110px 25px; box-shadow: 0 0 10px #eaeaea; }
.header .navi .ul_1 .li_1:first-child+.li_1:hover .xiala { display: block; }
.header .navi .ul_1 .li_1:hover { background: #f7f7f7; }
.header a { display: block; text-decoration: none; color: #555555; font-size: 16px; }
.header .navi ul .pull-down .xiala { /* width: 150px; */
position: absolute; border: 1px solid #efefef; width: max-content; left: 0; z-index: 10; display: none; }
.header .navi ul .pull-down .xiala .li_2 { width: 123px; float: none; list-style: none; margin: 0; padding: 0 10px; background: #ffffff; border-bottom: 1px solid #efefef; text-align: center; }
.header .navi ul .pull-down .xiala .li_2:hover { background: #efefef; }

/*留学方案*/

.liuxue_con{ width:100%; height:460px; position:relative;}
.liuxue_con img{ width:100%; height:100%;}
.liuxue_con .liuxue_title{ position:absolute; width:1200px; top:165px; text-align:left; left:50%; margin-left:-600px;}
.liuxue_con .liuxue_title h3{ font-size:40px; color:#fff; padding-bottom:30px;}
.liuxue_con .liuxue_title p{ font-size:18px; color:#fff;}



