﻿/*******************************
    -------[=公用]-------
********************************/
.g-cont .wp{
    overflow: hidden;
    background-image: url(../images/imgp-bg.png);
    background-repeat: no-repeat;
    background-position: right 40px top 10px;
    background-position: 1022px 20px \9;
}
.g-cont .colname{
    padding: 35px 0;
}
.g-cont .colname1{padding-bottom: 16px;}
.g-cont .colname h2{
    font-weight: normal;
    font-size: 32px;
    color: #4a4a4a;
}
.g-cont .colname p{
    font-size: 12px;
}
.sidebar{
    float: left;
    margin-right: 50px;
    width: 168px;
    border: 1px solid #ececec;
    background-color: #fff;
    overflow: hidden;
}
.sidebar .item{
    border-bottom: 1px solid #e9e9e9;
}
.sidebar .tit{
    display: block;
    padding-left: 20px;
    font-size: 18px;
    line-height: 45px;
    color: #666;
}
.sidebar .tit span{
    margin-right: 10px;
}
.sidebar .cont{
    padding-top: 14px;
    display: none;
    text-align: center;
}
.sidebar .a1{
    display: block;
    margin-bottom: 14px;
    font-size: 15px;
    line-height: 30px;
    color: #53a547;
}
.sidebar .item.on .tit{background-color: #0066ab;color: #fff;}
.sidebar .a1:hover,.sidebar .a1.on{background-color: #5aaa4d;color: #fff;}
.g-cont .cont-r{
    overflow: hidden;
}
.g-cont .cont-r .txt ul,
.g-cont .cont-r .cont ul,
.g-cont .m-infor1 ul,
.g-cont .article ul,
.slides-list ul{
	list-style-type: disc;
    padding-left: 30px;
}
.g-cont .box-study .cont ul,
.g-cont .box-study .cont ol {
	list-style-type: none;
    padding-left: 0;
}


.g-cont .cont-r .txt ol,
.g-cont .cont-r .cont ol,
.g-cont .m-infor1 ol,
.g-cont .article ol,
.slides-list ol{
	list-style-type: decimal;
    padding-left: 30px;
}
/*******************************
    -------[=关于我们-ACAE简介及特色]-------
********************************/
.p-box-about{
    padding: 0 0 130px;
}
.p-box-about .row1{
    position: relative;
    padding: 25px 0 30px;
}
.p-box-about .row1:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 780px;
    height: 1px;
    background-color: #e9e9e9;
}
.p-box-about .row1 p{
    padding-bottom: 20px;
}
.pul-list{
    margin-left: -70px;
    padding: 50px 0 30px;
    overflow: hidden;
}
.pul-list li{
    float: left;
    width: 50%;
    margin-bottom: 20px;
}
.pul-list .box{
    position: relative;
    overflow: hidden;
    margin-left: 70px;
    padding: 20px 20px 0 210px;
    min-height: 140px;
    border: 1px solid #f0f0f0;
}
.pul-list .tit{
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    width: 190px;
    height: 100%;
}
.pul-list .tit p{
    position: relative;
    height: 100%;
    border: 3px solid #fff;
    color: #fff;
}
.pul-list .tit span{
    position: absolute;
    top: 50%;
    left: 15px;
    width: 100%;
    font-size: 18px;
}
.pul-list .tit p:before{
    content: '';
    display: inline-block;
    width: 1px;
    height: 100%;
    vertical-align: middle;
}
.pul-list .li1 .tit{background-color: #55a749;}
.pul-list .li2 .tit{background-color: #006bae;}
.p-box-about .row3{padding-top: 40px;}
.p-box-about .row3 .cont{
    margin: 30px auto 60px;
    width: 900px;
    height: 780px;
    overflow: hidden;
}
.timeScro{
    float: left;
    margin-right: 70px;
    padding: 15px 0;
    width: 130px;
    height: 100%;
    text-align: center;
    border-radius: 8px;
    background-color: #5cab53;
}
.timeScro .item{
    display: block;
    padding-bottom: 15px;
    background: url(../images/imgp-dot2.png) center bottom no-repeat;
}
.timeScro .item span{
    display: block;
    padding-top: 15px;
    font-size: 14px;
    color: #fff;
}
.timeScro .slick-arrow{
    position: absolute;
    top: 50%;
    z-index: 5;
    margin-top: -8px;
    width: 16px;
    height: 6px;
    background-repeat: no-repeat;
    background-position: center center;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
}
.timeScro .prev{
    left: 10px;
    background-image: url(../images/imgp-slickt1.png);
}
.timeScro .next{
    right: 10px;
    background-image: url(../images/imgp-slickt2.png);
    
}
.timeScro .slick-current{
    font-size: 16px;
    font-weight: bold;
}
.contScro{
    overflow: hidden;
    height: 100%;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 10px 10px 30px rgba(0,0,0,.1);
}
.contScro .item{
    padding: 0 60px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
}
.contScro .txt p{
    width: 170px;
    font-size: 14px;
    color: #a3a5a4;
}
.contScro .txt .ico{
    position: relative;
    display: block;
    width: 45px;
    height: 45px;
    background-color: #54a84a;
}
.contScro .txt .ico:after{
    content: '';
    position: absolute;
    top: 5px;
    width: 0;
    height: 0;
    border-style: solid;
}
.contScro .txt .ico img{
    position: absolute;
    bottom: 4px;
    left: 4px;
    width: 20px;
}
.contScro .img img{
    max-width: 200px;
}
.contScro .roww1 .txt{padding-top: 88px;}
.contScro .roww2{padding-top: 10px;height: 130px;}
.contScro .roww3{padding-top: 10px;}
.contScro .roww4{padding-top: 0;}
.contScro .roww4 .txt{padding-top: 75px;}
.contScro .roww4 .img img{width: 180px;}
.contScro .roww5{height: 120px;padding-top: 10px;}
.contScro .roww6{height: 220px;padding-top: 100px;}
.contScro .roww7{padding-top: 10px;}
.contScro .roww7 .img img{width: 150px;}
.contScro .roww8{padding-top: 60px;}
.contScro .roww9 .txt{padding-top: 78px;}
.contScro .roww9 .img img{width: 150px;}
.contScro .roww10{padding-top: 40px;height: 180px;}
.contScro .roww11{padding-top: 110px;}
.contScro .roww12 .img img{width: 150px;padding-bottom: 10px;}
.contScro .roww12 .txt{padding-top: 75px;}
.contScro .roww13{height: 120px;}
.contScro .roww13 .txt{padding-top: 15px;}
.contScro .roww14{height: 100px;}
.contScro .roww14 .txt{padding-top: 13px;}
.contScro .roww15{height: 170px;}
.contScro .roww15 .img img{width: 150px;}
.contScro .roww15 .txt{padding-top: 20px;}
.contScro .roww16{height: 200px;}
.contScro .roww16 .txt{padding-top: 100px;}
.contScro .roww17{height: 170px;padding-top: 20px;}
.contScro .roww17 .txt{padding-top: 10px;}
.contScro .roww18{height: 370px;}
.contScro .rowl .txt{float: left;}
.contScro .rowl .img{float: right;}
.contScro .rowl .txt p{float: right;margin-right: 10px;}
.contScro .rowl .txt .ico{float: right;}
.contScro .rowl .txt .ico:after{
    right: -6px;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #54a84a;
}
.contScro .rowr .txt{float: right;}
.contScro .rowr .img{float: left;}
.contScro .rowr .txt p{float: left;margin-left: 10px;}
.contScro .rowr .txt .ico{float: left;}
.contScro .rowr .txt .ico:after{
    left: -6px;
    border-width: 6px 6px 6px 0;
    border-color: transparent #54a84a transparent transparent;
}
.p-box-about .row4 .scroll{
    padding: 40px 0 0 20px;
}
.Scrol-dots{
    margin-bottom: 25px;
    text-align: center;
}
.Scrol-dots li{
    display: inline-block;
    margin: 6px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #f0f0f0;
    cursor: pointer;
}
.txtScro .item{
    padding: 10px;
    box-shadow: -1px 1px 3px rgba(0,0,0,.1);
    -o-transition: 0s;
    -ms-transition: 0s;
    -moz-transition: 0s;
    -webkit-transition: 0s;
    transition: 0s;
}
.txtScro .item img{
    width: 100%;
}
.txtScro .slick-arrow{
    position: absolute;
    z-index: 3;
    width: 20px;
    height: 25px;
    background-repeat: no-repeat;
}
.txtScro .prev{
    top: 45%;
}
.txtScro .next{
    top: 50%;
}
.txtScro1{
    padding-left: 30px;
}
.txtScro1 .prev{
    left: 0;
    background-image: url(../images/imgp-slickp1.png);
}
.txtScro1 .next{
    left: 0;
    background-image: url(../images/imgp-slickp2.png);
}
.txtScro1 .prev:hover{
    background-image: url(../images/imgp-slickp1on.png);
}
.txtScro1 .next:hover{
    background-image: url(../images/imgp-slickp2on.png);
}
.txtScro1 .Scrol-dots .slick-active{background-color: #55a749;}
.txtScro2{
    padding-right: 30px;
}
.txtScro2 .prev{
    right: 0;
    background-image: url(../images/imgp-slickn1.png);
}
.txtScro2 .next{
    right: 0;
    background-image: url(../images/imgp-slickn2.png);
}
.txtScro2 .prev:hover{
    background-image: url(../images/imgp-slickn1on.png);
}
.txtScro2 .next:hover{
    background-image: url(../images/imgp-slickn2on.png);
}
.txtScro2 .Scrol-dots .slick-active{background-color: #006bae;}
.p-box-about .row4{padding-top: 40px;}
.p-box-about .row4 .tith3{
    font-weight: normal;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-color: #55a749;
}
.p-box-about .row4 .tith31{background-color: #006bae;}
.p-box-about .g-tit1{border-bottom: none;}
/*******************************
    -------[=留学澳洲-我想读]-------
********************************/
.g-tit1 .pem{
    padding-left: 15px;
    font-size: 12px;
    color: #999;
}
.pul-link{
    padding: 10px 0;
    width: 710px;
    overflow: hidden;
}
.pul-link li{
    float: left;
    width: 20%;
}
.pul-link a{
    display: block;
    margin-bottom: 10px;
    padding: 80px 0 20px;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #51a445;
    background-repeat: no-repeat;
    background-position: center 20px;
}
.pul-link .li1 a{background-image: url(../images/imgp-linkbg1.png);}
.pul-link .li2 a{background-image: url(../images/imgp-linkbg2.png);}
.pul-link .li3 a{background-image: url(../images/imgp-linkbg3.png);}
.pul-link .li4 a{background-image: url(../images/imgp-linkbg4.png);}
.pul-link .li5 a{background-image: url(../images/imgp-linkbg5.png);}
.pul-link .li6 a{background-image: url(../images/imgp-linkbg6.png);}
.pul-link .li7 a{background-image: url(../images/imgp-linkbg7.png);}
.pul-link .li8 a{background-image: url(../images/imgp-linkbg8.png);}
.pul-link .li9 a{background-image: url(../images/imgp-linkbg9.png);}
.pul-link .li10 a{background-image: url(../images/imgp-linkbg10.png);}
.pul-link a:hover{color: #fff;background-color: #51a445;}
.pul-link .li1 a:hover{background-image: url(../images/imgp-linkbg1hv.png);}
.pul-link .li2 a:hover{background-image: url(../images/imgp-linkbg2hv.png);}
.pul-link .li3 a:hover{background-image: url(../images/imgp-linkbg3hv.png);}
.pul-link .li4 a:hover{background-image: url(../images/imgp-linkbg4hv.png);}
.pul-link .li5 a:hover{background-image: url(../images/imgp-linkbg5hv.png);}
.pul-link .li6 a:hover{background-image: url(../images/imgp-linkbg6hv.png);}
.pul-link .li7 a:hover{background-image: url(../images/imgp-linkbg7hv.png);}
.pul-link .li8 a:hover{background-image: url(../images/imgp-linkbg8hv.png);}
.pul-link .li9 a:hover{background-image: url(../images/imgp-linkbg9hv.png);}
.pul-link .li10 a:hover{background-image: url(../images/imgp-linkbg10hv.png);}
.p-box-study .row2{
    font-size: 14px;
}
.p-box-study .row2 .cont{
    padding: 20px 0 40px;
    width: 800px;
}
.p-box-study .row2 .cont table{ width: 100% !important; }
.p-box-study .row2 h6{
    font-weight: normal;
    font-size: 14px;
    color: #5cab53;
}
.p-box-study .row2 .txt{
    padding-bottom: 40px;
}
/*******************************
    -------[=生活澳洲]-------
********************************/
.p-box-life{
    font-size: 18px;
}
.p-box-life .row1 .g-tit1{
    padding-right: 320px;
}
.p-tab-1{
    padding: 20px 0 75px 40px;
}
.pul-tab{
    overflow: hidden;
    font-size: 0;
    margin-bottom: 25px;
    overflow-x: auto;
    white-space: nowrap;
}
.pul-tab li{
    display: inline-block;
}
.pul-tab a{
    display: inline-block;
    width: 200px;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    border-bottom-width: 6px;
    border-bottom-style: solid;
    color: #666;
}
.pul-tab .li1 a{border-bottom-color: #74d887;}
.pul-tab .li2 a{border-bottom-color: #79a5eb;}
.pul-tab .li3 a{border-bottom-color: #f99d5b;}
.pul-tab .li4 a{border-bottom-color: #85669c;}
.pul-tab .li1.on a{color: #fff;background-color: #74d887;}
.pul-tab .li2.on a{color: #fff;background-color: #79a5eb;}
.pul-tab .li3.on a{color: #fff;background-color: #f99d5b;}
.pul-tab .li4.on a{color: #fff;background-color: #85669c;}
.p-tab-1 .cont .pic{
    padding-top: 30px;
}
.p-tab-1 .cont .pic img{
    display: inline-block;
    vertical-align: middle;
    line-height: 50px;
    max-height: 100%;
}
.p-box-life .row3 .cont{
    padding: 20px 0 100px 40px;
}
.p-box-life .row3 .txt{
    padding-bottom: 30px;
}
.p-box-life .row3 h6{
    font-size: 18px;
}






@media only screen and (max-width: 1299px) {
    /*******************************
        -------[=关于我们-ACAE简介及特色]-------
    ********************************/
    .pul-list{margin-left: -20px;}
    .pul-list .box{margin-left: 20px;}
    .p-box-about .row3 .cont{width: 100%;}


}
@media only screen and (max-width: 1199px) {
    /*******************************
       -------[=生活澳洲]-------
   ********************************/
   .pul-tab a{width: 150px;}
   /*******************************
       -------[=留学澳洲-我想读]-------
   ********************************/
   .p-box-study .row2 .cont{width: 100%;}
    /*******************************
        -------[=关于我们-ACAE简介及特色]-------
    ********************************/
    .pul-list .box{padding: 10px 10px 0 140px;}
    .pul-list .tit{width: 130px;padding: 10px;}
    .pul-list .tit span{left: 5px;}
}
@media only screen and (max-width: 1120px) {
    .contScro .item{padding: 0 20px;}
    .timeScro{margin-right: 30px;}
}

@media only screen and (max-width: 959px) {
    /*******************************
        -------[=生活澳洲]-------
    ********************************/
    #bd.bd-inner{padding-top: 0;}
    .sidebar{float: none;width: 100%;margin-right: 0;margin-bottom: 30px;}
    .g-cont .wp{background-position: right 40px top;}
    .g-cont .colname1{padding-bottom: 35px;}
    .p-box-life .row1 .g-tit1{padding-right: 0;}
    .p-box-about .row1:before{display: none;}

}

/*Common For Max 480*/
@media only screen and (max-width: 768px) {
    /*******************************
        -------[=生活澳洲]-------
    ********************************/
    .g-cont .colname h2{font-size: 18px;}
    .g-cont .wp{background-image: none !important;}
    .p-tab-1{padding-left: 0;padding-bottom: 30px;}
    .p-tab-1 .cont .pic{padding-top: 10px;}
    .p-box-life .row3 .cont{padding-left: 0;padding-bottom: 15px;}
    .p-box-life .row3 .txt{padding-bottom: 15px;}
    /*******************************
        -------[=留学澳洲-我想读]-------
    ********************************/
    .pul-link{width: 100%;}
    .pul-link li{width: 25%;}
    .p-box-study .row2 .cont{padding-bottom: 20px;}
    .p-box-study .row2 .txt{padding-bottom: 15px;}
    /*******************************
        -------[=关于我们-ACAE简介及特色]-------
    ********************************/
    .p-box-about .row3 .cont{height: auto;}
    .timeScro{float: none;margin-bottom: 20px;width: 100%;margin-right: 0;height: auto;}
    .timeScro .item{margin-bottom: 5px;}
    .timeScro .item span{display: inline-block;margin: 0 10px;}
    .contScro{height: auto;}
    .p-box-about .row4 .scroll{padding: 20px 0 0;}
    .p-box-about{padding: 0;}
    .p-box-about .row1{padding: 20px 0;}
    .p-box-about .row1 p{padding-bottom: 10px;}
    .pul-list{padding: 10px 0 20px;}
    .pul-list li{float: none;width: 100%;}
    .p-box-about .row3 .cont{margin: 10px 0 20px;}
    .txtScro .item a{width: 50%;margin-bottom: 10px;}
    .txtScro1{padding-left: 0;}
    .txtScro2{padding-right: 0;}
    .contScro .item{padding: 0;}
    .contScro .txt .ico{width: 30px;height: 30px;}
    .contScro .txt .ico img{width: 15px;}
	
}

@media only screen and (max-width: 600px) {
    /*******************************
        -------[=生活澳洲]-------
    ********************************/
    .p-box-life{font-size: 14px;}
    .p-box-life .row3 h6{font-size: 16px;}
    .pul-tab a{font-size: 16px;width: 120px;}
    .pul-tab{margin-bottom: 5px;}
}

@media only screen and (max-width: 510px) {
    .contScro .item{background-position: left top;padding-left: 55px; background-size: auto 500px;}
    .contScro .rowl .txt,.contScro .rowl .img,
    .contScro .rowr .txt,.contScro .rowr .img{float: none; position: relative; padding-left: 30px;}
        
    .contScro .rowl .txt .ico,
    .contScro .rowr .txt .ico{position: absolute; left: 0;}
    .contScro .rowl .txt p{margin-right: 0;margin-left: 10px; float: none; }
    /* .contScro .img img{max-width: 80px;} */
    .contScro .txt p{width: auto; height: 80px; position: relative; overflow: hidden;padding-right: 5px; float: none;}
    .contScro .rowl .txt .ico:after{
        left: -6px;
        border-width: 6px 6px 6px 0;
        border-color: transparent #54a84a transparent transparent;
    }
    .contScro .roww1 .txt{padding-top: 64px;}
    .contScro .roww2,
    .contScro .roww13,
    .contScro .roww14,
    .contScro .roww15,
    .contScro .roww16,
    .contScro .roww18{height: auto;}
    .contScro .roww5{height: auto;padding-top: 10px;}
    .contScro .roww6,
    .contScro .roww11{ height: auto; padding-top: 75px; }
    .contScro .roww4 .txt,
    .contScro .roww8,
    .contScro .roww12 .txt,
    .contScro .roww9 .txt,
    .contScro .roww15 .txt{ padding-top: 0; }
    .contScro .roww10,
    .contScro .roww17{ height: auto; padding-top: 0; }
    .contScro .roww16 .txt{ padding-top: 70px; }
    .contScro .row .img{ display: none; }
}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    /*******************************
        -------[=留学澳洲-我想读]-------
    ********************************/
    .pul-link li{width: 50%;}
    .pul-list .box{padding-bottom: 10px;min-height: auto;}
    .pul-list .tit span{font-size: 16px;}
}

@media only screen and (max-width: 360px) {

}
