﻿

.l, .col-l, .col_l, .col-c, .col_c {

    float: left;

}



.r, .col-r, .col_r, dt span, .ul-txt li span, .ul_txt li span {

    float: right;

}



.c {

    clear: both;

}



.n, em {

    font-weight: normal;

    font-style: normal;

}



.b {

    font-weight: bold;

}



.i {

    font-style: italic;

}




.p-btn-1.color1{border-color: #9f805c;}

.p-btn-1.color1 span{background-color: #9f805c;}

/*标题*/

.p-tit-1{

    padding: 68px 0 39px;

    text-align: center;

    font-size: 16px;

    color: #b18c62;

}

.p-tit-1 .en{

    font-size: 48px;

    font-family: 'ShinePersonalUse';

}

.p-tit-1 .cn{

    font-size: 28px;

    margin-bottom: 17px;

}

.p-tit-1 .cn span{

    padding-left: 37px;

    background-repeat: no-repeat;

    background-position: 0 6px;

}

.p-tit-1.white{

    color: #fff;

}

.p-tit-2{

    text-align: center;

    color: #b18c62;

}

.p-tit-2 .d1{

    font-size: 34px;

    line-height: 1;

    font-weight: bold;

}

.p-tit-2 .d2{

    position: relative;

    display: inline-block;

    padding: 0 42px;

    font-size: 40px;

    font-family: 'PAINP';

    line-height: 55px;

}

.p-tit-2 .d2:after,

.p-tit-2 .d2:before{

    content: '';

    position: absolute;

    top: 0;

    width: 42px;

    height: 55px;

    background-repeat: no-repeat;

    background-position: 50% 9px;

}

.p-tit-2 .d2:after{left: 0;background-image: url(../images/ico-hm-tit-1.png);}

.p-tit-2 .d2:before{right: 0;background-image: url(../images/ico-hm-tit-2.png);}

.p-tit-2 .d3{

    font-size: 16px;

    line-height: 1;

}

.p-tit-2.white{

    color: #fff;

}



.m-box-three .row1{

    padding-bottom: 70px;

}

.m-box-three .row1 .cont{

    padding-bottom: 45px;

}

.m-box-three .row1 .col-l{

    width: 33.3333%;

}

.m-box-three .row1 .col-r{

    margin-right: -10px;

    width: 65%;

}

.m-box-three .row1 .video{

    position: relative;

    overflow: hidden;

    height: 430px;

}

.m-box-three .row1 .video .pos{

    position: absolute;

    top: 0;

    left: 0;

    z-index: 10;

    width: 100%;

    height: 100%;

    text-align: center;

    font-size: 0;

    background: url(../images/bg-three-2.png);

}

.m-box-three .row1 .video .pos:before {

   content: '';

   display: inline-block;

   width: 0;

   height: 100%;

   vertical-align: middle;

}

.m-box-three .row1 .video .txt{

    display: inline-block;

    vertical-align: middle;

    font-size: 24px;

    -moz-text-shadow: 2px 3px 7px rgba(0,0,0,.4);

    -webkit-text-shadow: 2px 3px 7px rgba(0,0,0,.4);

    text-shadow: 2px 3px 7px rgba(0,0,0,.4);

    color: #fff;

}

.m-box-three .row1 .video .play{

    margin-top: 12px;

    display: inline-block;

    width: 38px;

    height: 38px;

    background: url(../images/ico-three-2.png) center no-repeat;

}

.m-box-three .row1 video{

    object-fit: cover;

}

.m-box-three .row1 .items{

    float: left;

    width: 50%;

}

.m-box-three .row1 .item-cnt{

    margin: 0 10px 10px 0;

    padding: 0 20px 0 35px;

    height: 100px;

    font-size: 14px;

    background-color: #fff;

    color: #666;

}

.m-box-three .row1 .items h4{

    padding: 23px 0 9px;

    font-weight: normal;

    font-size: 20px;

    color: #333;

}



.m-box-three .row2{

    padding-bottom: 70px;

    background: url(../images/img-three-3.jpg) center no-repeat fixed;

    -webkit-background-size: cover;

    background-size: cover;

}

.m-box-three .row2 .cont{

    padding-bottom: 55px;

}

.m-box-three .row2 .col-l{

    width: 45%;

}

.m-box-three .row2 .col-r{

    width: 55%;

}

.workScro1 img{

    width: 100%;

}

.workScro1 .slick-arrow{

    position: absolute;

    bottom: 0;

    z-index: 10;

    width: 44px;

    height: 44px;

    background-repeat: no-repeat;

    background-position: center;

}

.workScro1 .slick-arrow.prev{

    right: 44px;

    background-image: url(../images/arr-l5.png);

}

.workScro1 .slick-arrow.next{

    right: 0;

    background-image: url(../images/arr-r5.png);

}

.workScro1 .slick-arrow.prev:hover{background-image: url(../images/arr-l6.png);}

.workScro1 .slick-arrow.next:hover{background-image: url(../images/arr-r6.png);}

.workScro2{

    padding-bottom: 20px;

}

.workScro2 a{

    display: block;

    margin: 0 0 20px 20px;

    height: 240px;

    font-size: 0;

    text-align: center;

    background-repeat: no-repeat;

    background-position: center;

    -webkit-background-size: cover;

    background-size: cover;

}

.workScro2 a:before {

   content: '';

   display: inline-block;

   width: 0;

   height: 100%;

   vertical-align: middle;

}

.workScro2 .center{

    position: relative;

   display: inline-block;

   width: 152px;

   height: 53px;

   font-size: 12px;

   vertical-align: middle;

   background: url(../images/bg-three-3.png);

   color: #666;

   opacity: 0;

   -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';

   filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);

   -o-transition: .5s;

   -ms-transition: .5s;

   -moz-transition: .5s;

   -webkit-transition: .5s;

   transition: .5s;

}

.workScro2 .center:after,.workScro2 .center:before{

    content: '';

    position: absolute;

    top: -3px;

    bottom: -3px;

    left: -3px;

    right: -3px;

    z-index: 10;

    opacity: .9;

    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);

    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';

}

.workScro2 .center:after{

    border-top: 1px solid #fff;

    border-bottom: 1px solid #fff;

}

.workScro2 .center:before{

    border-right: 1px solid #fff;

    border-left: 1px solid #fff;

}

.workScro2 .cn{

    display: block;

    padding-top: 8px;

    font-size: 16px;

    font-weight: normal;

    color: #333;

}

.workScro2 .en{

    font-family: 'Arial';

}

.slickDots{

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    height: 20px;

    font-size: 0;

    text-align: center;

}

.slickDots li{

    position: relative;

    display: inline-block;

    margin: 0 5px;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background-color: #fff;

    cursor: pointer;

}

.slickDots li:before,.slickDots li:after{

    content: '';

    position: absolute;

    top: 50%;

    z-index: 10;

}

.slickDots li:before{

    left: 50%;

    margin: -11px 0 0 -11px;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    border: 1px solid transparent;

}

.slickDots .slick-active{

    margin-right: 65px;

    background-color: #dca436;

}

.slickDots .slick-active:before{

    border-color: #dca436;

}

.slickDots .slick-active:after{

    left: 25px;

    width: 40px;

    height: 1px;

    background-color: #dca436;

}

.slickDots .slick-active:last-child{

    margin-right: 0px;

}

.slickDots .slick-active:last-child:after{

    display: none;

}

.workScro2 a:hover .center{

    opacity: 1;

    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';

    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);

}

.row-three {
    padding: 90px 0;
    background: url(../images/bg-hm-1.jpg) center center no-repeat;
    background-size: cover;
}
.row-three.bg1{
    background: url(../images/img-nine-8.jpg) fixed;
}
.row-three .list{
    margin-right: 20px;
    padding-top: 16px;
}
.row-three .cont{
    margin-top: 40px;
    background-color: #9f805c;
    border: 1px solid #9f805c;
}
.row-three .cont{margin-top: 44px;}
.row-three .tit{
    border-bottom: 1px solid #b69978;
    color: #fff;
}
.row-three .table .item{
    border-bottom: 1px dotted #b69978;
    color: #fff;
}
.row-three .table .d3,
.row-three .form .d1 em{
    color: #f0ac27;
}
.row-three .form,
.row-three .form .inp-form{
    background-color: #9f805c;
    color: #fff;
}
.row-three .form .inp-form::-webkit-input-placeholder {color: #fff;}
.row-three .form .inp-form::-moz-placeholder {color: #fff;}
.row-three .form .inp-form::-ms-input-placeholder {color: #fff;}
.row-three .form .li-item{
    border: 1px solid #b69978;
}
.row-three .form .d1{
    border-right: 1px solid #b69978;
    color: #fff;
}
.row-three .form .select .cur{background-image: url(../images/ico-three-16.png);}
.row-three .form .select .s-list{
    background-color: #9f805c;
    border: 1px solid #b69978;  
}
.row-three .form .select .s-list a{color: #fff;}
.row-three .form .select .s-list a:hover{color: #f0ac27;}




a {

    color: #444;

}



a:hover {

    color: #000;

}



img, .ani {

    max-width: 100%;

    transition: .3s;

    -ms-transition: .3s;

    -moz-transition: .3s;

    -webkit-transition: .3s;

    -o-transition: .3s;

}



input, textarea, select {

    font-size: 12px;

    color: #444;

    font-family: "微软雅黑", "Microsoft Yahei";

}



input[type='submit'], input[type='reset'], input[type='button'], select {

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}



@font-face {

    font-family: 'iconfont';

    src: url('../other/iconfont.eot');

    src: url('../other/iconfont.eot?#iefix') format('embedded-opentype'),

    url('../other/iconfont.woff') format('woff'),

    url('../other/iconfont.ttf') format('truetype'),

    url('../other/iconfont.svg#iconfont') format('svg');

}







.iconfont {

    font-family: "iconfont" !important;

    font-style: normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: 0.2px;

    -moz-osx-font-smoothing: grayscale;

}



/*布局*/

.wp {

    width: 1200px;

    margin: 0 auto;

}


/*咨询课程详细内容*/

.p-btn-1{

    display: block;

    margin: 0 auto;

    width: 198px;

    height: 48px;

    font-size: 16px;

    text-align: center;

    border: 1px solid #dda841;

}

.p-btn-1 span{

    position: relative;

    top: -6px;

    left: -6px;

    z-index: 5;

    display: block;

    width: 200px;

    line-height: 50px;

    background-color: #dca436;

    color: #fff;

    -o-transition: .5s;

    -ms-transition: .5s;

    -moz-transition: .5s;

    -webkit-transition: .5s;

    transition: .5s;

}

.p-btn-1:hover span{

    -webkit-transform: translate(5px,5px);

    -ms-transform: translate(5px,5px);

    -o-transform: translate(5px,5px);

    transform: translate(5px,5px);

}

.box-form .list {float: left;width: 660px;}
.box-form .list img {display: block;}
.box-form .tit {height: 61px;line-height: 61px;font-size: 24px;text-align: center;}
.box-form .table {overflow: hidden;}
.box-form .table .item {height: 45px;line-height: 45px;font-size: 14px;}
.box-form .table .item.last {border-bottom-color: transparent;}
.box-form .table div {float: left;text-align: center;}
.box-form .table .d1 {width: 158px;}
.box-form .table .d2 {width: 168px;}
.box-form .table .d3 {width: 172px;}
.box-form .table .d4 {width: 160px;}

.box-form .form {margin-left: 680px;padding-bottom: 40px;}
.box-form .form ul {padding: 30px 40px 0;}
.box-form .form .btn-form {margin: 40px auto 0;display: block;width: 210px;height: 45px;line-height: 45px;color: #fff;font-size: 18px;text-align: center;background-color: #dca436;border: none;cursor: pointer;}
.box-form .form .btn-form:hover {background-color: #b18c62;}
.box-form .form .li-gender {margin-bottom: 38px;text-align: center;font-size: 0;}
.box-form .form .li-gender label {position: relative;margin: 0 24px;display: inline-block;width: 110px;height: 156px;background-position: center center;background-repeat: no-repeat;cursor: pointer;}
.box-form .form .li-gender label.m {background-image: url(../images/ico-hm-1.png);}
.box-form .form .li-gender label.f {background-image: url(../images/ico-hm-2.png);}
.box-form .form .li-gender input {display: none;}
.box-form .form .li-gender em {position: absolute;right: 12px;bottom: 0;display: none;width: 23px;height: 23px;background: url(../images/ico-checked-1.png) center center no-repeat;}
.box-form .form .li-gender .checked em {display: block;}
.box-form .form .li-item {margin-bottom: 20px;}
.box-form .form .d1 {float: left;width: 114px;height: 48px;line-height: 48px;text-align: center;font-size: 14px;}
.box-form .form .d1 em {color: #f01332;font-weight: bold;}
.box-form .form .d2 {margin-left: 115px;padding: 0 13px 0 20px;}
.box-form .form .inp-form {display: block;width: 100%;height: 48px;line-height: 48px;border: none;font-size: 14px;}
.box-form .form .select {position: relative;cursor: pointer;}
.box-form .form .select .cur {display: block;width: 100%;height: 100%;background-position: right center;background-repeat: no-repeat;}
.box-form .form .select .s-list {position: absolute;top: 48px;left: -21px;right: -14px;display: none;z-index: 2;}
.box-form .form .select .s-list a {padding: 0 13px 0 20px;display: block;height: 40px;line-height: 40px;font-size: 14px;}