/*******************************
    -------[=留学澳洲-费用及奖学金]-------
********************************/
.m-tit1{
    font-size: 18px;font-weight: bold;
    color: #005ca5;padding-left: 28px;margin: 20px 0 10px;
    background: url(../images/ico-01.png) 3px center no-repeat;
}

.g-tit1{font-size: 20px;color: #333;border-bottom: 1px solid #efefef;padding-bottom: 9px;overflow: hidden;}
.g-tit1 h3{position: relative; font-weight: normal;padding: 0 16px;height: 24px;line-height: 24px;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.g-tit1 .dl{display: block;float: right;font-size: 20px;color: #999;padding-left: 45px;background: url(../images/ico-02.png) left center no-repeat;}
.g-tit1 .dl:hover{color: #005ca5;}
.g-tit1 h3:after{
    position: absolute;
    content: '';
    left: 0;top: 0;
    height: 100%;width: 4px;
    background-color: #005ca5;
}
.m-infor {padding: 10px 0 30px;}
.m-infor .lk{color: #5cab53;text-decoration: underline;}
.m-infor .lk:hover{color: #005ca5;}
.m-infor p{font-size: 18px;color: #999;line-height: 1.65em;}
.m-infor .txt{padding: 10px 0 35px;}
.m-infor h4{font-size: 18px;color: #999;line-height: 1.8em;}

.sl-list1{overflow: hidden;padding: 35px 0;}
.sl-list1 li{float: left;width: 20%;height: 47px;line-height: 47px;text-align: center;font-size: 18px;}
.sl-list1 li a{display: block;width: 100%;height: 100%;color: #fff;white-space: nowrap;overflow: hidden;}
.sl-list1 li.on a,.sl-list1 li:hover a{color: #005ca5;}

.m-con1{overflow: hidden;height: 413px;margin-bottom: 20px;}
.m-con1 .pic{
    float: left;width: 287px;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.m-con1 .pic img{display: block;width: 100%;}
.m-con1 .tab{
    height: 100%;padding: 15px 0 0 65px;
    font-size: 16px;color: #fff; 
    margin-left: 287px;background-color: #0057a2;
}
.m-con1 .tit{overflow: hidden;font-size: 18px;line-height: 2em;font-weight: bold;}
.m-con1 .tr1{overflow: hidden;line-height: 2.3em;}
.m-con1 .td1{float: left;width: 40%;}
.m-con1 .td2{float: right;width: 60%;}
.m-con1.ad-con1{height: 326px;margin-bottom: 40px;}


/*******************************
    -------[=留学澳洲-院校库-2]-------
********************************/
.cur-tit{font-size: 14px;color: #999;padding-bottom: 15px;}
.cur-tit a{color: #999;}
.cur-tit a:hover{color: #0066ab;}
.pic-list1 .slick-dots{padding-top: 25px;text-align: center;}
.pic-list1 .slick-dots li{width: 11px;height: 11px;border-radius: 50%;background-color: #51a445;margin: 0 6px; display: inline-block;vertical-align: middle;}
.pic-list1 .slick-dots li.slick-active{background-color: #1d2163;}
.pic-list1 .item img{margin: 0 auto;}

.m-video{
    overflow: hidden;padding-top: 35px;
    background-repeat: no-repeat;
    background-size: 41% auto;
    background-position: right bottom;
}
.m-video .video{width: 55%;}
.m-video .video video,
.m-video .video iframe,
.m-video .video embed{width: 100%; max-width: 100%;}

.m-infor1 {font-size: 16px;color: #333;line-height: 1.5em;padding-bottom: 90px;}
.m-infor1 p:after,
.m-infor1 h3:after{
    content:"";display:block;height:0;clear:both;visibility:hidden;
}
.m-infor1 .tit{font-size: 18px;font-weight: bold;color: #5cab53;padding: 0 37px;margin-bottom: 25px; background: url(../images/ico-01.png) 5px center no-repeat;}
.m-infor1 .txt{padding-bottom: 25px;}
.m-infor1 img{ height: auto !important; }
.article ul,
.article ol,
.m-infor1 ul,
.m-infor1 ol {
	list-style: disc;
	margin-left: 20px;
}


/*******************************
    -------[=首页]-------
********************************/

#banner{position: relative;}
#banner .img-bg-parent {position: absolute;bottom: 10%;right: 17%;left: 17%;display:inline-block;}
#banner .img-bg-parent .img-bg-parent-bd {float: right; width: 27%;}
#banner .img-bg-parent .img-bg-parent-bd a { position:relative;display:block;padding-top:148%; background-image:url(../images/ico-05.png);background-size:cover;background-position:center;background-repeat: no-repeat;}
#banner .img-bg-parent .img-bg { position: absolute;left: 12%;
right: 0;
top: 30%;
bottom: 0;background-repeat: no-repeat;background-size: contain;background-position: center top;background-color: #fff;}
#banner .item img{display: block;width: 100%;}
#banner .con{position: absolute;bottom: 35%;left: 17%; font-size: 32px;}
/* #banner .con .p1{color: #747a81;}
#banner .con .p2{color: #4da41c;}
#banner .con .p3{color: #13aaf3;} */
#banner .con .p1{color: #4da41c; max-width: 200px;}
#banner .con .p2{color: #4da41c;}
#banner .con .p3{color: #4da41c;}
#banner .con .sp{
    display: block;position: relative;
    font-family: "Arial";line-height: 1.3em;
    font-size: 21px;color: #fff;
    width: 200px;height: 54px;
    background: url(../images/ico-04.png) center center no-repeat;
    background-size: 100% 100%;
}
#banner .con .sp i{display: block;font-style: normal;text-transform: uppercase;}
#banner .con .sp:after{
    position: absolute;
    content: '';
    height: 7px;width: 55px;
    background-color: #13aaf3;
    left: 0;bottom: -14px;
}

#banner .slick-dots{
    position: absolute;
    bottom: 28%;left: 17%;
    z-index: 3;
}
#banner .slick-dots li{
    width: 13px;height: 13px;
    border-radius: 50%;
    background-color: #e9e9e9;
    cursor: pointer;
    float: left;margin-right: 12px;
}
#banner .slick-dots li.slick-active{background-color: #9eeb8f;}

.row-a1{overflow: hidden;background-color: #f6f6f6;}

.sl-list2{text-align: center;padding: 55px 0;margin: 0 -10px;}
.sl-list2 li{
    display: inline-block;
    vertical-align: top;
    width: 238px;height: 144px;
    padding-top: 20px;
    margin: 0 10px 26px;
}
.sl-list2 li a{display: block;width: 100%;height: 100%;}
.sl-list2 .icon{display: block;height: 62px;margin: 0 auto;}
.sl-list2 li h4{font-size: 17px;font-weight: normal;color: #fff;}
.sl-list2 li p{font-family: "Arial";font-size: 13px;color: #fff;line-height: 1em;}
.sl-list2 .l1{background-color: #1d2163;}
.sl-list2 .l2{background-color: #ee9d2a;}
.sl-list2 .l3{background-color: #eb5b3d;}
.sl-list2 .l4{background-color: #49973f;}
.sl-list2 .l5{background-color: #ce2f28;}

.row-a2{background-color: #fff;padding: 35px 0 50px;}
.m-tit2{position: relative; font-size: 17px;color: #333;border-bottom: 1px solid #e7e7e7;margin-bottom: 15px;padding-bottom: 5px;}
.m-tit2 span{display: block;font-size: 12px;color: #999;font-family: "Arial";line-height: 1em;}
.m-tit2 .more{float: right;font-size: 12px;font-family: "Arial";color: #333;margin-top: 22px;}
.m-tit2.ad-tit1{padding-bottom: 10px;margin-bottom: 32px;}
.m-tit2.ad-tit1:after{
    position: absolute;
    content: '';
    height: 2px;
    width: 144px;
    background-color: #0066ab;
    left: 0;bottom: -1px;
}

.m-stu{
    width: 92%;height: 330px;
    padding: 25px 30px 10px;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #e8e8e8;
}

.m-stu .name{font-size: 28px;color: #666;}
.m-stu .tit{height: 26px;line-height: 26px;margin: 15px 0 20px;padding: 0 5px; background-color: #0061a8;font-size: 18px;color: #fff;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.m-stu .txt{
    position: relative;
    font-size: 16px;
    color: #666;
    padding: 28px 45px 45px 85px;
    background: url(../images/ico-11.png) left top no-repeat,
                url(../images/ico-12.png) right bottom no-repeat;
}
.m-stu .txt p{position:relative;line-height: 1.9em;height: 7.6em;overflow: hidden;}

.m-stu .txt img{position: absolute;bottom: 0;left: 0;}

.stu-list,.essence-list,.partner-list{padding: 0 66px;}
.stu-list .slick-arrow,.essence-list .slick-arrow,.partner-list .slick-arrow{
    position: absolute;
    top: 50%;margin-top: -15px;
    width: 19px;height: 31px;
    font-size: 0;border: none;
    outline: none;cursor: pointer;
}
.stu-list .slick-prev,.essence-list .slick-prev,.partner-list .slick-prev{left: 0; background: url(../images/ico-15.png) center center no-repeat;background-size: 100% 100%;}
.stu-list .slick-next,.essence-list .slick-next,.partner-list .slick-next{right: 0; background: url(../images/ico-14.png) center center no-repeat;background-size: 100% 100%;}

.row-a3{overflow: hidden;padding: 30px 0 60px;background-color: #f6f6f6;}
.m-essence{position: relative; overflow: hidden;width: 95%;margin: 0 auto; font-family: "Arial";border-bottom: 2px solid #e7e7e7;padding-bottom: 20px;}
.m-essence:after{
    position: absolute;
    content: '';
    height: 2px;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #0066ab;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.m-essence .pic{
    display: block;
    position: relative;
    height: 0;padding-top: 85%;
    overflow: hidden;
    margin-bottom: 10px;
}
.m-essence .pic img{position: absolute;display: block;left: 0;top: 0;width: 100%;height: 100%;}
.m-essence h4{font-size: 14px;font-weight: normal;color: #666;height: 25px;line-height: 25px;}
.m-essence h4 a{display: block;color: #666;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.m-essence p{font-size: 12px;color: #999;line-height: 1.5em;height: 4.5em;overflow: hidden;margin-bottom: 18px;}
.m-essence .more{font-size: 12px;color: #333;display: inline-block;padding-left: 19px; background: url(../images/ico-16.png) left center no-repeat;}
.m-essence:hover:after{width: 100%;}
.m-essence:hover h4 a{color: #006bae;}


.sl-list3{padding: 35px 0 30px; background-color: #fff;text-align: center;overflow: hidden;}
.partner-list {overflow: hidden;}
.partner-list .item {float:left;margin: 0 10px;}
.partner-list .item a{height: 100px;line-height:100px;display: block;vertical-align: top; text-align: center;}
.partner-list .item img{display: inline-block;height: auto;width:auto;max-width:100%;max-height:100%;margin:0 auto;vertical-align:middle;}


.row-a4{overflow: hidden;padding: 25px 0 35px;}
.col-lt{float: left;width: 29%;}
.col-md{float: left;width: 41%;margin: 0 3%;}
.col-rt{float: left;width: 24%;}

.sl-list4{overflow: hidden;}
.sl-list4 li{float: left;/*padding: 30px 8px 0;*/ width: 48%;height: 99px; position: relative; margin-right: 1%;margin-bottom: 17px;}
.sl-list4 li a{display: block;top:50%; left: 0; padding-left: 8px; padding-right: 8px; width: 100%; position: absolute; -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%); }
.sl-list4 h4{font-size: 16px;color: #fff;}
.sl-list4 p{font-size: 12px;color: #fff;text-transform: uppercase;line-height: 1.2em;}
.sl-list4 li:nth-child(2n){float: right;margin-right: 0;margin-left: 1%;}
.sl-list4 .l1{background-color: #1f2368;}
.sl-list4 .l2{background-color: #4d9a43;}
.sl-list4 .l3{background-color: #d0322b;}
.sl-list4 .l4{background-color: #595596;}
.sl-list4 .l5{background-color: #eb6041;}
.sl-list4 .l6{background-color: #eea02d;}

.m-video1 .pic{position: relative;margin-bottom: 5px;}
.m-video1 .pic iframe{ max-width: 100%; }
.m-video1 .pic img{display: block;width: 100%;}
.m-video1 .pic a{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/ico-18.png) center center no-repeat;background-size: 56px 56px;}
.m-video1 .pic .txt{position: absolute;left: 0;bottom: 0;width: 100%; height: 44px;line-height: 44px;padding: 0 14px;font-size: 14px;color: #fff;background-color: rgba(0,0,0,.5);}
.m-video1 p{font-size: 12px;color: #999;font-family: "Arial";line-height: 1.5em;height: 3em;overflow: hidden;}

.sl-list5{overflow: hidden;font-family: "Arial";}
.sl-list5 li{overflow: hidden;margin-bottom: 15px;}
.sl-list5 .date{float: left;width: 47px;text-align: center;}
.sl-list5 .date .day{font-size: 32px;color: #006bae;line-height: 1.2em;}
.sl-list5 .date .mon{font-size: 20px;color: #999;line-height: 1.2em;}
.sl-list5 .pic{display: block; float: left;width: 101px;height: auto;}
.sl-list5 .txt{margin-left: 156px;}
.sl-list5 .txt h4{font-size: 14px;color: #006bae;margin-bottom: 5px; font-weight: normal;line-height: 1.4em;height: 2.8em;overflow: hidden;}
.sl-list5 .txt h4 a{color: #006bae;display: block;}
.sl-list5 .txt p{font-size: 12px;line-height: 1.5em; height: 3.2em;overflow: hidden;margin-bottom: 5px; color: #999;border-bottom: 1px solid #e7e7e7;}
.sl-list5 .con{font-size: 12px;color: #999;}
.sl-list5 .con .admin{margin-right: 10px;}


.m-pop{
    display: none;
    position: fixed;
    left: 0;top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}
.m-pop .video{
    position: absolute;
    left: 50%;top: 50%;
    width: 640px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.m-pop .video video{width: 100%;}



@media only screen and (max-width: 1299px) {
    .m-con1,.m-con1.ad-con1 {height: auto;margin-bottom: 20px;}
    .m-con1 .pic{display: none;}
    .m-con1 .tab {margin-left: 0; } 

} 

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

    #banner .slick-dots {bottom: 20%; left: 10%; }
    #banner .con {bottom: 30%; left: 10%; font-size: 20px; }
    
    .sl-list3 li {
        margin: 0 30px 20px;
    }
    .sl-list3 ul {margin: 0 -30px; }
    
    .col-lt {
        float: left;
        width: 39%;
    }
    .col-md {
        float: right;
        width: 59%;
        margin: 0;
    }
    .col-rt {
        float: left;
        width: 100%;
    }
    .sl-box{overflow: hidden;}
    .sl-list4 li {
        width: 32.3%;
        margin: 0 .5% 10px;
    }
    .sl-list4 li:nth-child(2n) {
        float: left;
        margin: 0 .5% 10px;
    }
}

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

    .col-lt {
        float: none;
        width: auto;
    }
    .col-md {
        float: none;
        width: auto;
        margin: 0 0 20px;
    }
    .col-rt {
        float: none;
        width: auto;
    }
}

/*Common For Max 480*/
@media only screen and (max-width: 768px) {
    
    .m-video{padding-top: 10px; background: none !important; margin-top: 5px !important;}
    .m-video .video {width: 100%; }
    .m-stu {
        width: 100%;
        height: auto;
        padding: 10px;
    }
    .m-stu .name {
        font-size: 18px;
    }
    .m-stu .tit {
        margin: 10px 0;
        font-size: 16px;
    }
    .m-stu .txt {
        font-size: 14px;
        padding: 10px 10px 10px 40px;
        background: none;
    }
    .m-stu .txt img{width: 40px;}

    .stu-list{
        padding: 0 30px;
    }

}

@media only screen and (max-width: 600px) {
    .g-tit1 {font-size: 18px; padding-bottom: 5px; } 
    .m-infor p {font-size: 14px; } 
    .m-tit1 {font-size: 16px; margin: 10px 0; } 
    .m-con1 .tit {font-size: 14px; } 
    .m-con1 .tab {font-size: 12px; padding: 10px; } 
    .g-tit1 .dl {display: none; } 
    .sl-list1 {padding: 20px 0; } 
    .sl-list1.ad-tab li{width: 33.3%;}
    .sl-list1 li {height: 36px; line-height: 36px; font-size: 12px; } 
    .m-infor .txt {padding: 0 0 10px; } 
    .m-infor h4 {font-size: 16px; font-weight: normal; margin-bottom: 5px; line-height: 1.5em; }

    .m-infor1 {font-size: 14px; line-height: 1.5em; padding-bottom: 20px; } 
    .m-infor1 .txt {padding-bottom: 10px; } 
    .m-infor1 .tit {font-size: 16px; padding: 0 25px; margin-bottom: 10px; } 
    .pic-list1 .slick-dots {padding-top: 10px; text-align: center; } 
    .pic-list1 .slick-dots li {width: 8px; height: 8px; margin: 0 2px; }
    #banner .img1 {display: none; } #banner .con {display: none; } #banner .slick-dots {bottom: 5px; left: 0;right: 0; text-align: center; } #banner .slick-dots li {display: inline-block; vertical-align: middle; width: 8px; height: 8px; float: none; margin: 0 4px; }
    
    .sl-list3 ul {margin: 0; }
    .sl-list3 {
        padding: 20px 0;
    }
    .sl-list3 li {
        margin: 0 10px 20px;
    }
    .stu-list, .essence-list {
        padding: 0 20px;
    }
    .m-essence p {
        height: auto;
        margin-bottom: 10px;
    }
    .sl-list4 li {
        width: 49%;
    }
    .sl-list2 {
        padding:20px 0;
        margin: 0;
    }
    .sl-list2 li {
        display: block;
        float: left;
        width: 48%;
        height: 120px;
        margin: 0 1% 10px;
    }
    .sl-list2 .icon {
        height: 36px;
    }
    .sl-list5 .date {
        width: 30px;
    }
    .sl-list5 .date .day {
        font-size: 24px;
    }
    .sl-list5 .date .mon {
        font-size: 12px;
    }
    .sl-list5 .txt {
        margin-left: 140px;
    }
    .row-a4 {
        padding: 20px 0;
    }
    .box-study.box2 .row3 li{ width: 50%; }
}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    #hd{
        height: 70px !important;
        border-top: 8px solid #006bae;
    }
    .menuBtn{
        top:35px;
    }
    body{
        padding-top: 70px;
    }
    #hd:after{ height: 8px; top:-8px; }
    #hd .logo {margin-left: 50px;height: 35px; margin-top: 6px;}
    #hd .logo img {height: 35px !important; padding-top: 0 !important;}
    #hd .from {height: 50px !important; margin-left: 10px; line-height: 50px !important; padding-left: 10px !important; font-size: 12px !important;}
    #hd .lang{ margin-top: 13px !important; }
    .m-video1 .pic iframe{ height: 240px; }
}

@media only screen and (max-width: 360px) {
    #hd .from{ margin-left: 5px; padding-left: 5px !important; }
    .menuBtn{ width: 25px; }
    .box-study.box2 .row3 li{ width: 100%; margin-top: 20px; font-size: 14px; height: auto; line-height: 24px; white-space: normal;}
    .m-video1 .pic iframe{ height: 200px; }
}























/* by hope at 2017-03-03 */
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.pic-bg {
    position: relative;
}
.pic-bg .bg {
    position: relative;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.pic-list2 {
    margin: 0 -6px;
    padding: 30px 0;
}
.pic-list2 .item {
    float: left;
    width: 25%;
    padding: 0 6px;
}
.pic-list2 .item .box {
    position: relative;
}
.pic-list2 .item .box .pic .center {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    background-color: rgba(0,0,0,0.45);
    font-size: 18px;
    color: #fff;
    padding: 50px 30px 0;
    -o-transition: 0s;
    -ms-transition: 0s;
    -moz-transition: 0s;
    -webkit-transition: 0s;
    transition: 0s;
}
.pic-list2 .item .box .pic .center .p1 {
    height: 4.2em;
    line-height: 1.4em;
    overflow: visible;
    margin-bottom: 30px;
}
.pic-list2 .item .box .pic .center .p2 {
    height: 1.4em;
    line-height: 1.4em;
    font-weight: bold;
    overflow: hidden;
    margin-bottom: 15px;
}
.pic-list2 .item .box .txt a {
    display: block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    font-size: 16px;
    text-align: center;
    color: #666;
}
.pic-list2 .item .box .txt a:hover {
    text-decoration: underline;
}

.load-more {
    padding: 30px 0;
    text-align: center;
}
.load-more a {
    display: inline-block;
    min-width: 275px;
    margin: 0 auto;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    background: #51A445;
}


.pic-list3 {}
.pic-list3 .item {
    margin-bottom: 60px;
}
.pic-list3 .item .g-tit1 {
    margin-bottom: 30px;
}
.pic-list3 .item .pic {
    float: left;
    width: 318px;
}
.pic-list3 .item .pic-bg .bg {
    padding-top: 145%;
}
.pic-list3 .item .txt {
    padding-left: 400px;
}
.pic-list3 .item:nth-child(2n+2) .pic {
    float: right;
}
.pic-list3 .item:nth-child(2n+2) .txt {
    padding-left: 0;
    padding-right: 400px;
}


.p-box-team p,
.p-box-team .disc-ul li {
    font-size: 18px;
    color: #666;
    line-height: 1.65em;
}
.p-box-team .disc-ul {
    list-style-type: disc;
    padding-left: 30px;
}

.pul-link2 {
    padding: 10px 0;
    width: 710px;
    overflow: hidden;
}
.pul-link2 li{
    float: left;
    width: 20%;
}
.pul-link2 a{
    display: block;
    margin-bottom: 10px;
    padding: 100px 0 20px;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #51a445;
    background-repeat: no-repeat;
    background-position: center 20px;
}
.pul-link2 a span {
    display: block;
    height: 2.2em;
    line-height: 1.1em;
    display: block;
}
.pul-link2 .li1 a{background-image: url(../images/imgp2-linkbg1.png);}
.pul-link2 .li2 a{background-image: url(../images/imgp2-linkbg2.png);}
.pul-link2 .li3 a{background-image: url(../images/imgp2-linkbg3.png);}
.pul-link2 .li4 a{background-image: url(../images/imgp2-linkbg4.png);}
.pul-link2 .li5 a{background-image: url(../images/imgp2-linkbg5.png);}
.pul-link2 .li6 a{background-image: url(../images/imgp2-linkbg6.png);}
.pul-link2 .li7 a{background-image: url(../images/imgp2-linkbg7.png);}
.pul-link2 .li8 a{background-image: url(../images/imgp2-linkbg8.png);}
.pul-link2 .li9 a{background-image: url(../images/imgp2-linkbg9.png);}
.pul-link2 a:hover{color: #fff;background-color: #51a445;}
.pul-link2 .li1 a:hover{background-image: url(../images/imgp2-linkbg1hv.png);}
.pul-link2 .li2 a:hover{background-image: url(../images/imgp2-linkbg2hv.png);}
.pul-link2 .li3 a:hover{background-image: url(../images/imgp2-linkbg3hv.png);}
.pul-link2 .li4 a:hover{background-image: url(../images/imgp2-linkbg4hv.png);}
.pul-link2 .li5 a:hover{background-image: url(../images/imgp2-linkbg5hv.png);}
.pul-link2 .li6 a:hover{background-image: url(../images/imgp2-linkbg6hv.png);}
.pul-link2 .li7 a:hover{background-image: url(../images/imgp2-linkbg7hv.png);}
.pul-link2 .li8 a:hover{background-image: url(../images/imgp2-linkbg8hv.png);}
.pul-link2 .li9 a:hover{background-image: url(../images/imgp2-linkbg9hv.png);}



.slides-list {}
.slides-list .item {
    margin-bottom: 30px;
}
.slides-list .hd {
    position: relative;
    font-size: 18px;
    color: #005ca5;
    line-height: 1.6em;
    padding: 0.4em 10px;
    background: #F4F4F4;
    cursor: pointer;
}
.slides-list .hd .close {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.slides-list .hd .close:before {
    content: '';
    width: 0;
    height: 0;
    display: block;
    border-top: 10px solid #1668AA;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.slides-list .bd {
    padding: 10px 10px;
    display: none;
}
.slides-list .active .hd .close:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}


.p-box-visa p,
.p-box-visa .disc-ul li {
    line-height: 1.65em;
    font-size: 18px;
    color: #333;
}
.p-box-visa .disc-ul {
    list-style-type: disc;
    padding-left: 30px;
}



@media only screen and (max-width: 1280px) {
    .pic-list2 .item {
        width: 33.33333%;
    }
}
@media only screen and (max-width: 1080px) {
    .pic-list2 .item .box .pic .center {
        font-size: 14px;
    }
}
@media only screen and (max-width: 768px) {
    .pul-link2 {
        width: 100%;
    }
    .pul-link2 li {
        width: 25%;
    }
    .p-box-team p,
    .p-box-team .disc-ul li {
        font-size: 14px;
    }
    .pic-list3 .item .pic {
        width: 200px;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .pic-list3 .item .txt {
        padding-left: 0;
    }
    .pic-list3 .item:nth-child(2n+2) .pic {
        margin-left: 20px;
        margin-right: 0;
    }
    .pic-list3 .item:nth-child(2n+2) .txt {
        padding-right: 0;
    }

    .pic-list2 .item {
        width: 50%;
    }
    .pic-list2 .item .box .pic .center{
        padding-top: 10px;
    }
    .pic-list2 .item .box .pic .center .p2{
        margin-bottom: 15px;
    }
    .pic-list2 .item .box .txt a {
        font-size: 13px;
    }
}

@media only screen and (max-width: 600px) {
    .p-box-visa p,
    .p-box-visa .disc-ul li,
    .slides-list .hd {
        font-size: 14px;
    }

    .slides-list .item {
        margin-bottom: 14px;
    }
    .pul-link2 li {
        width: 33.3333%;
    }
    .pic-list2 .item .box .pic .center{
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 414px) {
    .pul-link2 li {
        width: 50%;
    }

    .pic-list3 .item .pic {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .pic-list2 .item .box .pic .center .p2{
        margin-bottom: 0;
    }
    .pic-list2 .item .box .pic .center .p3{
        display: none;
    }
    .pic-list3 .item:nth-child(2n+2) .pic {
        margin-left: 0;
        margin-right: 0;
    }
}








/* by hope at 2017-03-09 */
*:before,
*:after {
	display: block;
}

.hope-main {
	float: left;
	width: 786px;
	background: #FAFAFA;
	padding: 20px 35px;
	box-shadow: 2px 2px 10px #ccc;
	margin-bottom: 50px;
}
.hope-side {
	float: right;
	width: 500px;
	margin-bottom: 50px;
}

.contact-hd {
	text-align: center;
	margin-bottom: 26px;
}
.contact-hd i {
	float: left;
	width: 43px;
	height: 43px;
	line-height: 43px;
	text-align: center;
	background-image: url(../images/ico-20.png);
	margin-right: 14px;
}
.contact-hd span {
	display: inline-block;
	height: 43px;
	line-height: 43px;
	font-size: 18px;
	color: #5cab53;
}
.contact-tips {
	font-size: 14px;
	color: #5cab53;
	line-height: 1.6em;
}

.form-hd,
.form-group,
.name-style1,
.input-style1,
.checkradio-group {
	margin-bottom: 14px;
}

.col-group1,
.col-group2,
.col-group3 {
	margin: 0 -17px;
}
.col-group1 .col,
.col-group2 .col,
.col-group3 .col {
	float: left;
	padding: 0 17px;
}
.col-group1 .col {
	width: 100%;
}
.col-group2 .col {
	width: 50%;
}
.col-group3 .col {
	width: 33.3333333%;
}

.lump {
	float: left;
}
.lump-r {
	float: right;
}

.fa2 {
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.form-hd {
	position: relative;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	color: #0061a8;
	padding-left: 30px;
}
.form-hd:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 24px;
	height: 27px;
	background-image: url(../images/ico-21.png);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.name-style1,
.name-style2 {
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #afafaf;
}
.row-submit {
	text-align: center;
	padding: 30px 0;
}
.name-style2 {
	min-width: 280px;
}
.input-style1 {
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #afafaf;
	background: none;
	border: 0;
	border-bottom: 2px solid #afafaf;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}
.checkradio1 + .input-style1 {
	width: auto;
}

.checkradio1 {
	height: 30px;
	line-height: 30px;
	margin-right: 50px;
	cursor: pointer;
}
.checkradio1 .checkradio-check {
	height: 0;
	width: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}
.checkradio1 .checkradio-icon {
	position: relative;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 20px;
}
.checkradio1 .checkradio-icon:before,
.checkradio1 .checkradio-icon:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.checkradio1 .checkradio-icon:before {
	background: #DFDFDF;
}
.checkradio1 .checkradio-icon:after {
	width: 7px;
	height: 7px;
	background: #005CA5;
	display: none;
}
.checkradio-check:checked + .checkradio-icon:after {
	display: block;
}

.btn-style1 {
	display: inline-block;
	border: 0;
	background: none;
	height: 45px;
	line-height: 45px;
	background: #5CAB53;
	font-size: 18px;
	color: #fff;
	width: 245px;
	border-radius: 4px;
	margin-right: auto;
	margin-left: auto;
	font-family: "Microsoft Yahei", arial;
	cursor: pointer;
}


.contact-map {
	box-shadow: 2px 2px 10px #ccc;
}
.contact-map .map-bd img {
	width: 100%;
	height: auto;
}
.contact-address {
	position: relative;
	background: #0061A8;
	padding: 50px 60px;
	font-size: 18px;
	color: #fff;
	line-height: 1.4em;
	margin-bottom: 15px;
	box-shadow: 2px 2px 10px #ccc;
}
.contact-address p {
	position: relative;
	margin-bottom: 20px;
}
.contact-address .icon {
	position: absolute;
	top: 50%;
	left: 0;
	width: 50px;
	font-size: 140%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
.contact-address .icon.big {
	font-size: 190%;
}
.contact-address .txt {
	display: block;
	padding-left: 50px;
}



@media screen and (max-width: 1366px) {
	.hope-main {
		width: 760px;
	}
}
@media screen and (max-width: 1300px) {
	.hope-main {
		width: 58%;
	}
	.hope-side {
		width: 40%;
	}
}
@media screen and (max-width: 1024px) {
	.hope-main {
		width: 100%;
		margin-bottom: 30px;
	}
	.hope-side {
		width: 100%;
	}
}
@media screen and (max-width: 768px) {
	.hope-main {
		padding: 15px;
	}
	.contact-address {
		font-size: 14px;
		padding: 15px;
	}
	.col-group2 .col,
	.col-group3 .col {
		width: 100%;
	}
	.checkradio1 + .input-style1 {
		width: 100%;
	}
}


.student-pop-mask {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 200;
	background: rgba(0, 0, 0, 0.84);
}
.student-pop {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 201;
	width: 1080px;
	border-top: 18px solid #006BAE;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.student-pop .wp {
	width: 100%;
	background: #fff;
	padding: 25px 30px;
	overflow: hidden;
}
.student-pop:before {
	content: '';
	position: absolute;
	top: -18px;
	left: 0;
	z-index: 202;
	width: 30%;
	height: 18px;
	background: #61AE58;
}
.student-pop .left {
	/* float: left; */
	/* width: 400px; */
}
.student-pop .right {
	/* float: right; */
	width: 100%!important;
	height: 520px;
	background: #F4F4F4;
	border-radius: 6px;
	padding: 45px 50px;
}
.student-pop .back {
	/* position: absolute; */
	color: #61ae58;
	font-size: 16px;
	cursor: pointer;
}
.student-pop .student-info {
	padding-left: 140px;
	text-align: left;
	margin-bottom: 35px;
}
.student-pop .student-info .name {
	line-height: 1.4em;
	font-size: 18px;
	color: #666;
}
.student-pop .student-video video {
	width: 100%;
}
.student-pop .article {
	position: relative;
	height: 100%;
	line-height: 1.6em;
	font-size: 16px;
	color: #666;
	padding-right: 45px;
	overflow: hidden;
	overflow-y:scroll;
}

@media screen and (max-width: 1180px) {
	.student-pop {
		width: 80%;
	}
	.student-pop .wp {
		padding: 20px;
	}
	.student-pop .left {
		width: 40%;
	}
	.student-pop .right {
		width: 58%;
		padding: 20px 30px;
	}
	.student-pop .back {
		position: static;
		margin-bottom: 10px;
	}
	.student-pop .student-info {
		padding-left: 0;
	}
}
@media screen and (max-width: 960px) {
	.student-pop {
		left: 20px;
		top: 20px;
		bottom: 20px;
		right: 20px;
		width: auto;
		height: auto;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	}
	.student-pop .wp {
		height: 100%;
		padding: 15px;
		overflow: auto;
	}
	.student-pop .left {
		width: 100%;
	}
	.student-pop .right {
		width: 100%;
		padding: 15px;
		height: auto;
	}
	.student-pop .article {
		height: auto;
		padding-right: 0; 
		overflow:hidden!important;
	}
}
@media screen and (max-width: 580px) {
	.img-bg-parent {
		display: none !important;
	}
}