/***************************公共组件样式控制***************************/

html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, img, b, i, dl, dt, dd, ul, li {

    margin:0;

    padding:0;

    border:0;

    list-style:none;

}

html {

    -webkit-font-smoothing:antialiased;

    -moz-font-smoothing:antialiased;

    _font-smoothing:antialiased;

    font-smoothing:antialiased;

}

#navs, #header, #menu, #section {

    display:block;

}

#navs, #header, #menu {

    width:100%;

}

.img {

    vertical-align:bottom

}

.zt-wrap {

    font-size:16px;

}

ul, li {

    list-style:none;

    padding:0;

}

a {

    margin:0;

    padding:0;

    border:0;

    font-size:100%;

    vertical-align:baseline;

    background:transparent;

    text-decoration:none;

    outline:none

}

abbr[title], dfn[title] {

    border-bottom:1px dotted #000;

    cursor:help;

}

.elips {

    white-space:nowrap;

    text-overflow:ellipsis;

    overflow:hidden;

    -o-text-overflow: ellipsis

}

/*清除浮动方法*/

.clear {

    clear:both;

    overflow:hidden;

    font-size:0;

    line-height:0;

}

.clearfix:after {

    visibility: hidden;

    display: block;

    font-size: 0;

    content:" ";

    clear: both;

    height: 0;

}

.clearfix {

    *zoom:1;

}

.fix {

    zoom:1;

}

.fix:after {

    display:block;

    content:'clear';

    clear:both;

    line-height:0;

    visibility:hidden;

}

p {

    margin: 0;

}

/****************************页面样式控制*****************************/

/*---------------------------全局页面控制----------------------------*/

body {

    line-height:22px;

    font-size:12px;

    color:#333333;

    font-family:"微软雅黑", "Microsoft YaHei", Helvetica, Arial;

}

a {

    color:#333333;

}

a:hover {

    color:#db2518;

}

.mw {

    width:1000px;

    margin:0 auto

}

/*---------------------------全局导航模块---------------------------*/

#looyuMid {

    z-index:99;

}

/*头部Banner*/

#header {

    width:100%;

    height:570px;

    background:url(../images/banner.png) center no-repeat;

    position: relative;

}

.navs {

    width: 100%;

    height:70px;

    background-color:#e9edf1;

}

.navs.totop-fix {

    position:fixed;

    width:100%;

    height:70px;

    top:0;

    left:0;

    z-index:1000;

    display:block;

    margin-top:0

}

.navs.totop-fix ul {

    margin: 0;

}

.navs ul li {

    float: left;

    width: 150px;

    height: 70px;

    text-align: center;

    line-height: 70px;

    cursor: pointer;

}

.navs ul li a {

    font-size: 22px;

    color: #17588a;

    font-weight: bold;

}

.navs ul li.activeLi {

    background-color: #17588a;

    color: #fff;

}

.navs ul li.activeLi a {

    color: #fff;

}

/*-------------------------全局菜单导航模块--------------------------*/

.tit {

    text-align:center;

    padding-top:50px;

    padding-bottom:30px

}

.tit h3 {

    font-size:38px;

    color:#000;

    line-height:50px;

}

.btn-box {

    margin: 35px auto;

    text-align: center;

}

.btn-box a {

    display: inline-block;

    width: 210px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    margin: 0 65px;

    font-size: 17px;

    cursor: pointer;

}

.btn-box a.btn1 {

    width: 206px;

    height: 44px;

    line-height: 44px;

    border: 3px solid transparent;

    border-image: linear-gradient(to right, #3996d0, #ed538c);

    border-image-slice: 10;

    color: #23508c;

}

.btn-box a.btn2 {

    background:linear-gradient(to right, #3996d0, #ed538c);

    color: #fff;

}

.part-title {

    width: 100%;

    text-align: center;

    margin: 35px auto;

    font-size: 44px;

    color: #fff;

    line-height: 60px;

    padding-top: 35px;

}

/*左侧导航background: url(../images/ly_l.png)* /
.left-navs{width: 120px;height: 270px; no-repeat; position:fixed;top:100px;left:10px;z-index:4}
/*.left-navs img{width: 100%; height: 100%;}*/

.closeBtnLeft {

    width: 11px;

    height: 11px;

    position: absolute;

    top: 7px;

    right: 6px;

    cursor: pointer;

}

#looyuMid {

    z-index: 100;

}

#looyuMidBtn {

    position: absolute;

    display: block;

    left: 262px;

    top:265px !important;

    width: 125px;

    height: 33px;

}

#looyuMid .yclose {

    left: 620px !important;

    top: 7px !important;

}

/*导语*/

#dy {

    height: 250px;

    text-align: center;

    padding-top: 40px;

    font-size: 18px;

    color: #2b5886;

    line-height: 35px;

    font-weight: bold;

}

/* part1 美国留学时间规划表 */

#part1 {

    position: relative;

}

#part1 .part1-bg {

    width: 100%;

    /* height: 1280px; */

    background: url('../images/part1-bg.png') no-repeat center 10px;

    padding-top: 225px;

}

#part1 .part1-bg .part1-title {

    font-size:57px;

    color: #224e8b;

    line-height: 57px;

    position: absolute;

    left: 50%;

    margin-left: -220px;

    top: 95px;

    font-weight: bold;

}

#part1 .part1-bg .part1-info {

    margin-bottom: 50px;

}

#part1 .part1-bg .part1-info > div {

    float: left;

}

#part1 .part1-bg .part1-info .img {

    width: 305px;

    height: 230px;

    margin-right: 50px;

}

#part1 .part1-bg .part1-info .img img {

    width: 100%;

    height: 100%;

}

#part1 .part1-bg .part1-info .info {

    width: 645px;

    font-size: 16px;

    color: #23508c;

    font-weight: bold;

    line-height: 40px;

}

#part1 .part1-bg .part1-info .info ul {

    margin: 0;

}

#part1 .part1-bg .four-year > ul {

    width: 940px;

    height: 47px;

    border-bottom: 3px solid #23508c;

    padding-left: 45px;

    margin: 0 auto;

}

#part1 .part1-bg .four-year > ul li {

    float: left;

    width: 198px;

    height: 42px;

    text-align: center;

    background: url('../images/part1-tab.png') no-repeat;

    font-size: 16px;

    color: #fff;

    padding-top: 8px;

    line-height: 20px;

    background-size: 100% 100%;

    margin-right: 35px;

    cursor: pointer;

}

#part1 .part1-bg .four-year > ul li.fourYearOn {

    background: url('../images/part1-tabon.png') no-repeat;

    color: #fff;

    background-size: 100% 100%;

}

#part1 .part1-bg .four-year .four-year-con {

    height: 345px;

    border: 2px dashed #23508c;

    border-radius:6px;

    margin-top: -2px;

    padding: 25px 25px 0;

}

#part1 .part1-bg .four-year .four-year-con.year-con-hid {

    display: none;

}

#part1 .four-year-con > div {

    height: 335px;

    overflow: auto;

}

#part1 .four-year-con .line-arrow {

    position: relative;

    padding-bottom: 20px;

}

#part1 .four-year-con .line-arrow:after {

    position: absolute;

    display: inline-block;

    content:"";

    width: 10px;

    min-height:24px;

    background: url('../images/part1-icon.png') no-repeat center bottom;

    left: 40px;

    top: 90px

}

#part1 .four-year-con.two .line-arrow:after {

    height: 40px;

    top: 95px;

}

#part1 .four-year-con.two .line-arrow:nth-child(2):after {

    height: 65px;

    top: 95px;

}

#part1 .four-year-con.three .line-arrow {

    padding-bottom: 15px;

}

#part1 .four-year-con.three .line-arrow:after {

    height: 60px;

    top: 95px;

}

#part1 .four-year-con.four .line-arrow:after {

    height: 40px;

    top: 95px;

}

#part1 .four-year-con.four .line-arrow:nth-child(2):after {

    height: 90px;

    top: 95px;

}

#part1 .four-year-con.four .line-arrow:nth-child(5):after {

    height: 65px;

    top: 95px;

}

#part1 .four-year-con .con-left {

    /* float: left; */

    display: inline-block;

    width: 90px;

    height: 80px;

    border-radius: 50%;

    background: #ea508c;

    color: #fff;

    text-align: center;

    padding-top: 10px;

    margin-right: 10px;

    vertical-align: text-top;

}

#part1 .four-year-con .con-left span {

    display: block;

    line-height: 20px;

    font-size: 16px;

    font-weight: bold;

}

#part1 .four-year-con .con-right {

    /* float: left; */

    display: inline-block;

    width: 820px;

    vertical-align: text-top;

}

#part1 .four-year-con .con-right .right-title {

    font-size: 16px;

    color: #ea508c;

    font-weight: bold;

    margin:5px 0 10px 0;

}

#part1 .four-year-con .con-right p {

    font-size:14px;

    color:#3a4b62;

    line-height:25px;

}

#part1 .ljgd {

    margin-top: 35px;

}

#part1 .ljgd > div {

    float: left;

    width: 430px;

    height: 400px;

    padding: 35px 25px 0;

    background:#ebeff2;

    color: #23508c;

    position: relative;

}

#part1 .ljgd > div:first-child {

    margin-right: 40px;

}

#part1 .ljgd > div h2 {

    font-size: 20px;

    line-height: 40px;

    border-bottom: 1px solid #23508c;

    padding-bottom: 25px;

}

#part1 .ljgd > div p {

    font-size: 14px;

    line-height:25px;

}

#part1 .ljgd > div a {

    display: inline-block;

    width: 210px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    font-size: 17px;

    color: #fff;

    background:linear-gradient(to right, #3996d0, #ed538c);

    position: absolute;

    left: 50%;

    margin-left: -105px;

    bottom: -25px;

    cursor: pointer;

}

#part1 .second-title {

    width: 100%;

    height: 860px;

    background: #f3f5f6;

    padding-top: 35px;

    margin-top: 60px;

}

#part1 .second-title .title {

    width: 186px;

    height: 70px;

    background: url('../images/part1-02.png') no-repeat;

    padding-left: 70px;

    margin: 0 auto;

    line-height: 70px;

    margin-bottom: 30px;

}

#part1 .second-title .title h1 {

    font-size: 31px;

    color: #23508c;

    margin: 0;

    padding-bottom: 10px;

    border-bottom: 4px solid #23508c;

    line-height: 31px;

    padding-top: 22px;

}

#part1 .second-title .con > div {

    margin-bottom: 30px;

    color: #23508c;

}

#part1 .second-title .con > div h3 {

    font-size: 16px;

    margin: 0;

    margin-bottom: 10px;

}

#part1 .second-title .con > div p {

    font-size: 14px;

    line-height: 25px;

}

#part1 .footer-img {

    margin-top: 40px;

}

#part1 .footer-img .mw > div {

    width: 480px;

    float: left;

}

#part1 .footer-img .mw > div img {

    width: 100%;

    height: 100%;

}

#part1 .footer-img .mw > div:first-child {

    margin-right: 40px;

}

/* part2 加拿大留学时间规划表 */

#part2 {

    position: relative;

    margin-top: 30px;

}

#part2 .part2-bg {

    width: 100%;

    /* height: 1280px; */

    background: url('../images/part2-bg.png') no-repeat center 10px;

    padding-top: 153px;

    margin-bottom: 60px;

}

#part2 .part2-bg .part2-title {

    font-size:57px;

    color: #b4272d;

    line-height: 57px;

    position: absolute;

    left: 43%;

    margin-left: -265px;

    top: 35px;

    font-weight: bold;

}

#part2 .part2-bg .part2-info {

    margin-bottom: 50px;

}

#part2 .part2-bg .part2-info > div {

    float: left;

}

#part2 .part2-bg .part2-info .img {

    width: 305px;

    height: 230px;

    margin-right: 50px;

}

#part2 .part2-bg .part2-info .img img {

    width: 100%;

    height: 100%;

}

#part2 .part2-bg .part2-info .info {

    width: 645px;

    font-size: 16px;

    color: #b5262d;

    font-weight: bold;

    line-height: 40px;

}

#part2 .part2-bg .part2-info .info ul {

    margin: 0;

}

#part2 .part2-bg .four-year > ul {

    width: 940px;

    height: 47px;

    border-bottom: 3px solid #f9c623;

    padding-left: 45px;

    margin: 0 auto;

}

#part2 .part2-bg .four-year > ul li {

    float: left;

    width: 198px;

    height: 42px;

    text-align: center;

    background: url('../images/part2-tab.png') no-repeat;

    font-size: 16px;

    color: #fff;

    padding-top: 8px;

    line-height: 20px;

    background-size: 100% 100%;

    margin-right: 35px;

    cursor: pointer;

}

#part2 .part2-bg .four-year > ul li.j-on {

    background: url('../images/part2-tabon.png') no-repeat;

    color: #fff;

    background-size: 100% 100%;

}

#part2 .part2-bg .four-year .four-year-con {

    height: 440px;

    border: 2px dashed #f9c623;

    border-radius:6px;

    margin-top: -2px;

    padding: 25px 25px 0;

}

#part2 .part2-bg .four-year .four-year-con.j-hid {

    display: none;

}

#part2 .four-year-con > div {

    height: 400px;

    overflow: auto;

}

#part2 .four-year-con .line-arrow {

    position: relative;

    padding-bottom: 20px;

}

#part2 .four-year-con .line-arrow:after {

    position: absolute;

    display: inline-block;

    content:"";

    width: 10px;

    height:65px;

    background: url('../images/part2-icon.png') no-repeat center bottom;

    left: 40px;

    top: 95px

}

#part2 .four-year-con .con-left {

    /* float: left; */

    display: inline-block;

    width: 90px;

    height: 77px;

    border-radius: 50%;

    background: #f9c623;

    color: #fff;

    text-align: center;

    padding-top: 13px;

    margin-right: 10px;

    vertical-align: text-top;

}

#part2 .four-year-con .con-left span {

    display: block;

    line-height: 20px;

    font-size: 16px;

    font-weight: bold;

}

#part2 .four-year-con .con-right {

    /* float: left; */

    display: inline-block;

    width: 820px;

    vertical-align: text-top;

}

#part2 .four-year-con .con-right .right-title {

    font-size: 16px;

    color: #ed8928;

    font-weight: bold;

    margin:5px 0 10px 0;

}

#part2 .four-year-con .con-right p {

    font-size:14px;

    color:#3a4b62;

    line-height:25px;

}

#part2 .four-year-con.two .line-arrow:nth-child(2):after, #part2 .four-year-con.two .line-arrow:nth-child(3):after {

    height: 115px;

}

#part2 .ljgd {

    margin-top: 35px;

}

#part2 .ljgd > div {

    width: 950px;

    height: 370px;

    padding: 30px 25px 0;

    background:#f1efef;

    color: #b5272d;

    position: relative;

}

#part2 .ljgd > div:first-child {

    margin-right: 40px;

}

#part2 .ljgd > div h2 {

    display: inline-block;

    font-size: 20px;

    line-height: 40px;

    border-bottom: 1px solid #b5272d;

    padding-bottom: 25px;

}

#part2 .ljgd > div p {

    font-size: 14px;

    line-height:25px;

}

#part2 .ljgd > div a {

    display: inline-block;

    width: 210px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    font-size: 17px;

    color: #fff;

    background:linear-gradient(to right, #3996d0, #ed538c);

    position: absolute;

    right:30px;

    bottom: -25px;

    cursor: pointer;

}

#part2 .second-title {

    width: 100%;

    height: 687px;

    background: #f3f5f6;

    padding-top: 35px;

}

#part2 .second-title .title {

    width: 186px;

    height: 70px;

    background: url('../images/part2-02.png') no-repeat;

    padding-left: 70px;

    margin: 0 auto;

    line-height: 70px;

    margin-bottom: 30px;

}

#part2 .second-title .title h1 {

    font-size: 31px;

    color: #b5272d;

    margin: 0;

    padding-bottom: 10px;

    border-bottom: 4px solid #b5272d;

    line-height: 31px;

    padding-top: 22px;

}

#part2 .second-title .con > div {

    margin-bottom: 30px;

    color: #b5272d;

}

#part2 .second-title .con > div h3 {

    font-size: 16px;

    margin: 0;

    margin-bottom: 10px;

}

#part2 .second-title .con > div p {

    font-size: 14px;

    line-height: 25px;

}

#part2 .second-title .btn-box {

    margin-top: 60px;

}

#part2 .footer-img {

    margin-top: 40px;

}

#part2 .footer-img .mw > div {

    width: 480px;

    float: left;

}

#part2 .footer-img .mw > div a {

    display: inline-block;

}

#part2 .footer-img .mw > div img {

    width: 100%;

    height: 100%;

}

#part2 .footer-img .mw > div:first-child {

    margin-right: 40px;

}

/* 

	common 样式

 */

.common .bg .part-info {

    margin-bottom: 50px;

    margin-top: 50px;

}

.common .bg .part-info > div {

    float: left;

}

.common .bg .part-info .img {

    width: 305px;

    height: 230px;

    margin-right: 50px;

}

.common .bg .part-info .img img {

    width: 100%;

    height: 100%;

}

.common .bg .part-info .info {

    width: 645px;

    font-size: 16px;

    color: #282d78;

    font-weight: bold;

    line-height: 40px;

}

.common .bg .part-info .info ul {

    margin: 0;

}

.common .second-title {

    width: 100%;

    height: 600px;

    background: #f3f5f6;

    padding-top: 35px;

}

.common .second-title .title {

    width: 186px;

    height: 70px;

    background: url('../images/part3-02.png') no-repeat;

    padding-left: 70px;

    margin: 0 auto;

    line-height: 70px;

    margin-bottom: 30px;

}

.common .second-title .title h1 {

    font-size: 31px;

    color: #282d78;

    margin: 0;

    padding-bottom: 10px;

    border-bottom: 4px solid #282d78;

    line-height: 31px;

    padding-top: 10px;

}

.common .second-title .con > div {

    margin-bottom: 30px;

    color: #282d78;

}

.common .second-title .con > div h3 {

    font-size: 16px;

    margin: 0;

    margin-bottom: 10px;

}

.common .second-title .con > div p {

    font-size: 14px;

    line-height: 25px;

}

.common .second-title .btn-box {

    margin-top: 60px;

}

.common .footer-img {

    margin-top: 40px;

}

.common .footer-img .mw > div {

    width: 480px;

    float: left;

}

.common .footer-img .mw > div a {

    display: inline-block;

}

.common .footer-img .mw > div img {

    width: 100%;

    height: 100%;

}

.common .footer-img .mw > div:first-child {

    margin-right: 40px;

}

.common .bg .four-year > ul {

    width: 940px;

    height: 47px;

    border-bottom: 3px solid #df3c85;

    padding-left: 45px;

    margin: 0 auto;

}

.common .bg .four-year > ul li {

    float: left;

    width: 198px;

    height: 42px;

    text-align: center;

    background: url('../images/part1-tab.png') no-repeat;

    font-size: 16px;

    color: #fff;

    padding-top: 8px;

    line-height: 34px;

    background-size: 100% 100%;

    margin-right: 35px;

    cursor: pointer;

}

.common .bg .four-year > ul li.y-on {

    background: url('../images/part1-tabon.png') no-repeat;

    color: #fff;

    background-size: 100% 100%;

}

.common .bg .four-year .four-year-con {

    height: 345px;

    border: 2px dashed #d9146c;

    border-radius:6px;

    margin-top: -2px;

    padding: 25px 25px 0;

}

.common .bg .four-year .four-year-con.y-hid {

    display: none;

}

.common .four-year-con > div {

    height: 335px;

    overflow: auto;

}

.common .four-year-con .line-arrow {

    position: relative;

    padding-bottom: 20px;

}

.common .four-year-con .line-arrow:after {

    position: absolute;

    display: inline-block;

    content:"";

    width: 10px;

    height:18px;

    background: url('../images/part3-icon.png') no-repeat center bottom;

    left: 27px;

    top: 71px

}

.common .four-year-con .con-left {

    /* float: left; */

    display: inline-block;

    width: 65px;

    height: 65px;

    line-height: 65px;

    border-radius: 50%;

    background: #d9146c;

    color: #fff;

    text-align: center;

    margin-right: 10px;

    vertical-align: middle;

}

.common .four-year-con .con-left span {

    display: block;

    line-height: 64px;

    font-size: 16px;

    font-weight: bold;

}

.common .four-year-con .con-right {

    /* float: left; */

    display: inline-block;

    width: 820px;

    vertical-align: middle;

}

.common .four-year-con .con-right p {

    font-size:14px;

    color:#3a4b62;

    line-height:25px;

}

.common .four-year-con .con-right p span {

    color: #d9146c;

}

.common .ljgd {

    margin-top: 35px;

}

.common .ljgd > div {

    width: 950px;

    height: 295px;

    padding: 30px 25px 0;

    background:#ebeff2;

    color: #23508c;

    position: relative;

}

.common .ljgd > div:first-child {

    margin-right: 40px;

}

.common .ljgd > div h2 {

    display: inline-block;

    font-size: 20px;

    line-height: 40px;

    border-bottom: 1px solid #23508c;

    padding-bottom: 25px;

}

.common .ljgd > div p {

    font-size: 14px;

    line-height:25px;

}

.common .ljgd > div a {

    display: inline-block;

    width: 210px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    font-size: 17px;

    color: #fff;

    background:linear-gradient(to right, #3996d0, #ed538c);

    position: absolute;

    right:30px;

    bottom: -25px;

    cursor: pointer;

}

/* part3 英国留学时间规划表 */

#part3 {

    position: relative;

    margin-top: 30px;

}

#part3 .part3-bg {

    width: 100%;

    /* height: 1280px; */

    background: url('../images/part3-bg.png') no-repeat center 10px;

    padding-top: 153px;

    margin-bottom: 60px;

}

#part3 .part3-bg .part3-title {

    font-size:57px;

    color: #282d78;

    line-height: 57px;

    position: absolute;

    left: 50%;

    margin-left: -240px;

    top: 70px;

    font-weight: bold;

}

#part3 .four-year-con .line-arrow:nth-child(5):after {

    height: 100px;

}

#part3 .four-year-con .line-arrow:nth-child(4):after {

    height: 40px;

}

#part3 .four-year-con.two .line-arrow:after {

    height: 25px;

}

#part3 .four-year-con.two .line-arrow:nth-child(4):after {

    height: 40px;

}

#part3 .four-year-con.two .line-arrow:nth-child(2):after, #part3 .four-year-con.two .line-arrow:nth-child(5):after {

    height:49px;

}

#part3 .four-year-con.two .line-arrow:first-child:after {

    height:90px;

}

/* part4 澳洲留学时间规划表 */

#part4 {

    position: relative;

    margin-top: 30px;

}

#part4 .part4-bg {

    width: 100%;

    /* height: 1280px; */

    background: url('../images/part4-bg.png') no-repeat center 10px;

    padding-top: 80px;

    margin-bottom: 60px;

}

#part4 .part4-bg .part4-title {

    font-size:57px;

    color: #0b5d36;

    line-height: 57px;

    position: absolute;

    left: 43%;

    margin-left: -240px;

    top: 10px;

    font-weight: bold;

}

#part4 .part4-bg .part-info .info {

    color: #0b5d36;

}

#part4 .part4-bg .four-year > ul li {

    background: url('../images/part4-tab.png') no-repeat;

    background-size: 100% 100%;

}

#part4 .part4-bg .four-year > ul li.a-on {

    background: url('../images/part4-tabon.png') no-repeat;

    background-size: 100% 100%;

}

#part4 .part4-bg .four-year .four-year-con.a-hid {

    display: none;

}

#part4 .part4-bg .four-year > ul {

    border-bottom: 3px solid #0b5d36;

}

#part4 .part4-bg .four-year .four-year-con {

    border: 2px dashed #0b5d36;

}

#part4 .four-year-con .con-left {

    background: #0b5d36;

}

#part4 .four-year-con .line-arrow:after {

    background: url('../images/part4-icon.png') no-repeat center bottom;

    top:65px;

}

#part4 .four-year-con.two .line-arrow:nth-child(2):after, #part4 .four-year-con.two .line-arrow:nth-child(5):after {

    top: 86px;

    height: 33px;

}

#part4 .four-year-con.two .line-arrow:first-child:after {

    top: 95px;

    height: 65px;

}

#part4 .four-year-con.two .line-arrow:nth-child(3):after {

    top: 70px;

    height: 28px;

}

#part4 .four-year-con.two .line-arrow:nth-child(4):after {

    top: 70px;

    height: 40px;

}

#part4 .four-year-con .con-right p span {

    color: #009849;

}

#part4 .ljgd > div h2 {

    color:#0b5c35;

    border-color: #0b5c35;

}

#part4 .ljgd > div p {

    color:#0b5c35;

}

#part4 .second-title .title {

    background: url('../images/part4-02.png') no-repeat;

}

#part4 .second-title .title h1 {

    color: #0b5c35;

    border-color: #0b5c35;

}

#part4 .second-title .con > div {

    color: #0b5c35;

}

#part4 .second-title {

    height: 780px;

}

/* part5 欧洲留学时间规划表 */

#part5 {

    position: relative;

    margin-top: 30px;

}

#part5 .part5-bg {

    width: 100%;

    /* height: 1280px; */

    background: url('../images/part5-bg.png') no-repeat center 10px;

    padding-top: 155px;

    margin-bottom: 60px;

}

#part5 .part5-bg .part5-title {

    font-size:57px;

    color: #005e68;

    line-height: 57px;

    position: absolute;

    left: 50%;

    margin-left: -220px;

    top: 85px;

    font-weight: bold;

}

#part5 .part5-bg .part-info .info {

    color: #005e69;

}

#part5 .part5-bg .four-year > ul li {

    background: url('../images/part5-tab.png') no-repeat;

    background-size: 100% 100%;

}

#part5 .part5-bg .four-year > ul li.o-on {

    background: url('../images/part5-tabon.png') no-repeat;

    background-size: 100% 100%;

}

#part5 .part5-bg .four-year .four-year-con.o-hid {

    display: none;

}

#part5 .part5-bg .four-year > ul {

    border-bottom: 3px solid #9782bb;

}

#part5 .part5-bg .four-year .four-year-con {

    border: 2px dashed #9782bb;

}

#part5 .four-year-con .con-left {

    background: #9782bb;

    vertical-align: top;

}

#part5 .four-year-con .line-arrow:after {

    background: url('../images/part5-icon.png') no-repeat center bottom;

    top: 65px;

    height: 100px;

}

#part5 .four-year-con .line-arrow:first-child:after, #part5 .four-year-con.two .line-arrow:nth-child(2):after {

    height: 175px;

}

#part5 .four-year-con .line-arrow:nth-child(2):after, #part5 .four-year-con.two .line-arrow:nth-child(5):after {

    height: 150px;

}

#part5 .four-year-con .line-arrow:nth-child(4):after, #part5 .four-year-con.two .line-arrow:first-child:after, #part5 .four-year-con.two .line-arrow:nth-child(3):after {

    height: 200px;

}

#part5 .four-year-con .con-right p span {

    color: #9782bb;

}

#part5 .ljgd > div h2 {

    color:#005d69;

    border-color: #005d69;

}

#part5 .ljgd > div p {

    color:#005d69;

}

#part5 .second-title .title {

    background: url('../images/part5-02.png') no-repeat;

}

#part5 .second-title .title h1 {

    color: #005d69;

    border-color: #005d69;

}

#part5 .second-title .con > div {

    color: #005d69;

}

#part5 .second-title .con > div p span {

    font-weight: bold;

}

#part5 .second-title {

    height: 625px;

}

/* part6 亚洲留学时间规划表 */

#part6 {

    position: relative;

    margin-top: 30px;

}

#part6 .part6-bg {

    width: 100%;

    /* height: 1280px; */

    background: url('../images/part6-bg.png') no-repeat center 10px;

    padding-top: 160px;

    margin-bottom: 60px;

}

#part6 .part6-bg .part6-title {

    font-size:57px;

    color: #784335;

    line-height: 57px;

    position: absolute;

    left: 43%;

    margin-left: -240px;

    top: 85px;

    font-weight: bold;

}

#part6 .part6-bg .part-info .info {

    color: #784335;

}

#part6 .part6-bg .four-year > ul li {

    background: url('../images/part6-tab.png') no-repeat;

    background-size: 100% 100%;

}

#part6 .part6-bg .four-year > ul li.cn-on {

    background: url('../images/part6-tabon.png') no-repeat;

    background-size: 100% 100%;

}

#part6 .part6-bg .four-year .four-year-con.cn-hid {

    display: none;

}

#part6 .part6-bg .four-year > ul {

    border-bottom: 3px solid #efa92c;

}

#part6 .part6-bg .four-year .four-year-con {

    border: 2px dashed #efa92c;

}

#part6 .four-year-con .con-left {

    background: #efa92c;

    vertical-align: top;

}

#part6 .four-year-con .line-arrow:after {

    background: url('../images/part6-icon.png') no-repeat center bottom;

    top: 65px;

    height: 150px;

}

#part6 .four-year-con .line-arrow:nth-child(2):after, #part6 .four-year-con.two .line-arrow:nth-child(2):after, #part6 .four-year-con.two .line-arrow:nth-child(3):after, #part6 .four-year-con.two .line-arrow:nth-child(4):after {

    height: 200px;

}

#part6 .four-year-con .line-arrow:nth-child(3):after {

    height: 225px;

}

#part6 .four-year-con.two .line-arrow:after {

    height:100px;

}

#part6 .four-year-con .con-right p span {

    color: #efa92c;

}

#part6 .ljgd {

    margin-top: 35px;

}

#part6 .ljgd > div {

    float: left;

    width: 415px;

    height: 300px;

    padding: 35px 25px 0;

    background:#f0e5e2;

    color: #784335;

    position: relative;

}

#part6 .ljgd > div:first-child {

    margin-right: 40px;

}

#part6 .ljgd > div h2 {

    font-size: 20px;

    line-height: 40px;

    border-bottom: 1px solid #784335;

    padding-bottom: 25px;

}

#part6 .ljgd > div p {

    font-size: 14px;

    line-height:25px;

}

#part6 .ljgd > div a {

    display: inline-block;

    width: 210px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    font-size: 17px;

    color: #fff;

    background:linear-gradient(to right, #3996d0, #ed538c);

    position: absolute;

    left: 50%;

    margin-left: -105px;

    bottom: -25px;

}

#part6 .second-title {

    background:#f9f5f4;

}

#part6 .second-title .title {

    background: url('../images/part6-02.png') no-repeat;

}

#part6 .second-title .title h1 {

    color: #784335;

    border-color: #784335;

}

#part6 .second-title .con > div {

    color: #784335;

}

#part6 .second-title .con > div span {

    color: #efa92c;

}

#part6 .second-title {

    height: 890px;

}

#part7 .tit h3 {

    font-size:58px;

    color: #27384a;

}

#part7 .tit h3 i {

    color: #2b5886;

    font-size: 58px;

    font-style: normal;

}

#part7 .tit > i {

    display:inline-block;

    font-size: 30px;

    color: #4a4646;

    margin-top: 15px;

}

#part7 .part4-img div {

    width: 50%;

    text-align: center;

    float: left;

}

#part7 .part4-img div a {

    display: inline-block;

    width: 320px;

    height: 235px;

    position: relative;

}

#part7 .part4-img div a img {

    width: 100%;

    height: 100%;

}

#part7 .part4-img div a .content {

    position: absolute;

    top:60px;

    left:50%;

    margin-left:-137px;

    width:254px;

    background: #333;

    opacity: .4;

    color: #fff;

    font-size: 18px;

    line-height: 30px;

    padding: 15px 10px;

}

#part7 .sum ul li {

    float: left;

    text-align: center;

    padding-top: 40px;

    width: 230px;

    height: 137px;

    background: #2b5886;

    margin-right: 20px;

}

#part7 .sum ul li:last-child {

    marign-right:0;

}

#part7 .sum ul li span {

    font-size: 46px;

    color: #fff;

    font-weight: bold;

}

#part7 .sum ul li div {

    font-size: 24px;

    color: #fff;

    margin-top: 10px;

}

#part7 .details {

    font-size: 18px;

    margin-top:20px;

    line-height: 35px;

    position: relative;

}

#part7 .line {

    margin-top: 50px;

}

#part7 .line ul li {

    cursor:pointer;

    width: 133px;

    height:44px;

    margin-right:40px;

    background: #eaeff3;

    color:#48525d;

    text-align:center;

    line-height: 44px;

    font-weight: bold;

    font-size: 22px;

    float: left;

    position: relative;

}

#part7 .line ul li:last-child {

    margin-right: 0;

}

#part7 .line ul li:after {

    display: inline-block;

    content:"";

    width: 40px;

    height: 6px;

    background: #eaeff3;

    position: absolute;

    right: -40px;

    top: 50%;

    margin-top: -3px;

}

#part7 .line ul li:last-child:after {

    width: 0;

}

#part7 .line ul li.qdfw-on {

    background: #2b5886;

    color: #fff;

}

#part7 .line .info {

    width: 100%;

    height: 275px;

    background: #f9f9f9;

    margin-top: 30px;

}

#part7 .line .info .img {

    width: 100%;

    height: 275px;

}

#part7 .line .info .img img {

    width: 400px;

    height: 275px;

    float: left;

}

#part7 .line .info .img div {

    width: 505px;

    height: 245px;

    float: left;

    padding: 70px 45px 0 50px;

    line-height: 30px;

    font-size: 18px;

}

#part7 .line .qdfw-hid {

    display: none;

}