/*
-----------------[公用]--------------*/
.g-tit1{
    font-size: 24px;
    color: #333;
    text-align: center;
    font-weight: normal;
    letter-spacing: 5px;
}
.g-c1{color: #e60013;}
.pop-img{
    position: fixed;
    top: 0;left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(0,0,0,.9);
    display: none;
}
.pop-img img{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: 80%;
    max-height: 80%;
}
.g-mark,.g-mark2{
    position: fixed;top: 101%;
    left: 0;right: 0;
    height: 100%;
    background-color: #fff;
    z-index: 999;
    -o-transition:1.0s;
    -ms-transition:1.0s;
    -moz-transition:1.0s;
    -webkit-transition:1.0s;
    transition:1.0s;
    transition-timing-function: cubic-bezier(1,.01,.32,.95);
    -moz-transition-timing-function: cubic-bezier(1,.01,.32,.95);
    -webkit-transition-timing-function: cubic-bezier(1,.01,.32,.95);
    -o-transition-timing-function: cubic-bezier(1,.01,.32,.95);
}
.g-mark2{
    background-color: #f4f9f9;
    transition-timing-function: cubic-bezier(1,.01,.31,.89);
    -moz-transition-timing-function: cubic-bezier(1,.01,.31,.89);
    -webkit-transition-timing-function: cubic-bezier(1,.01,.31,.89);
    -o-transition-timing-function: cubic-bezier(1,.01,.31,.89);
}

.g-mark.show{
    top: 0;
}

.g-mark2.show{
    top: 0;
}
/*
-----------------[课程页面]--------------*/
/*
-----------------[row-kc01]--------------*/
.row-kc01{
    position: relative;
    padding: 120px 0 75px;
}
.row-kc01 .subtit{
    font-size: 16px;
    color: #000;
    margin-bottom: 30px;
}
.row-kc01 .subtit span{
    display: inline-block;
    position: relative;
}
.row-kc01 .subtit span:after{
    content: '';
    position: absolute;
    height: 2px;width: 43px;
    background-color: #999;
    right: -60px;
    top: 50%;
    margin-top: -1px;
}
.row-kc01 .tit span{
    display: inline-block;
    position: relative;
}
.row-kc01 .tit span img{
    display: block;
}
.row-kc01 .tit .leaf{
    position: absolute;
    top: -17px;right: -44px;
}
.js-leaf{
    -webkit-animation:5s linear infinite leaf;
    -o-animation:5s linear infinite leaf;
    animation:5s linear infinite leaf
}
@keyframes leaf{
    0%{opacity:1;transform:rotate(0) translateY(0)}
    50%{opacity:.5;transform:rotate(-15deg) translateY(150px)}
    100%{opacity:0;transform:rotate(-30deg) translateY(300px)}
}
@-webkit-keyframes leaf{
    0%{opacity:1;transform:rotate(0) translateY(0)}
    50%{opacity:.5;transform:rotate(-15deg) translateY(150px)}
    100%{opacity:0;transform:rotate(-30deg) translateY(300px)}
}

/*
-----------------[row-kc02]--------------*/
.row-kc02{
    padding: 85px 0 60px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(../images/bg01.png);
    background: url(../images/bg01.png) left bottom no-repeat;
}
.row-kc02 .col-l{
    width: 390px;
    padding-right: 40px;
}
.row-kc02 .col-r{
    float: none;
    overflow: hidden;
    margin-left: 390px;
}
.row-kc02 .col-l .tit{
    font-size: 36px;
    color: #333;
    line-height: 1.33em;
    font-weight: normal;
    margin-bottom: 43px;
    margin-top: 15px;
}
.row-kc02 .col-l .txt{
    font-size: 16px;
    color: #666;
    line-height: 1.88em;
}

.sl-list01{
    overflow: hidden;
}
.sl-list01 .item{
    float: left;
    width: 25%;
}
.sl-list01 .con{
    display: block;
    margin: 0 32px 50px;
}
.sl-list01 .pic{
    position: relative;
    height: 0;
    padding-top: 44%;
    border-radius: 5px 5px 0 0;
}
.sl-list01 .pic img{
    display: block;
    position: absolute;
    left: 0;top: 0;
    width: 100%;
    height: 100%;
}
.sl-list01 .pic .img-m{display: none;}
.sl-list01 .txt{
    position: absolute;
    left: 0;top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 22px;
    padding: 5px 15px;
    overflow: hidden;
}
.sl-list01 .txt p{
    opacity: 0;
}
.sl-list01 .txt .numb{
    opacity: 0.3;
    font-family:Arial;
}
.sl-list01 h4{
    font-size: 18px;
    color: #333;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    height: 80px;
    line-height: 78px;
    border: 1px solid #f1f1f1;
    background-color: #fafafa;
    border-radius: 0 0 5px 5px;
}

/*
-----------------[row-kc03]--------------*/
.row-kc-b1{position: relative;height: 240px;}
.row-kc-b1 .row-kc-b1-box{
    position: absolute;
    left: 0;width: 100%;
    top: 0;z-index: 98;
    background-color: #ff7e89;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.sl-list02{position: relative;}
.sl-list02 ul{overflow: hidden;}
.sl-list02 li{
    float: left;
    width: 25%;
    height: 240px;
    padding: 80px 0 70px;
    overflow: hidden;
    border-left: 2px solid rgba(255,255,255,.1);
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.sl-list02 li:first-child{
    border: none;
}
.sl-list02 .icon{
    float: left;
    width: 138px;
    height: 90px;
    margin-right: 11px;
    background-repeat: no-repeat;
    background-position: center center;
}
.sl-list02 .txt{
    overflow: hidden;
    font-size: 18px;
    color: #fff;
    padding-top: 10px;
}
.sl-list02 .txt h3{
    font-size: 30px;
    margin-bottom: 5px;
    font-weight: normal;
}
.sl-list02 .txt h4{
    font-size: 24px;
    font-weight: normal;
}
.sl-list02 .txt .numb{
    opacity: 0.5;
    margin-bottom: 7px;
    font-family:Arial;
}
.sl-list02 .txt .numb span{
    display: inline-block;
    position: relative;
}
.sl-list02 .txt .numb span:after{
    content: '';
    position: absolute;
    top: 50%;right: -37px;
    height: 1px;width: 28px;
    background-color: #fff;
}
.sl-list02 .m_slider{
    position: absolute;
    left: 0;
    width: 25%;
    bottom: 0;
    height: 26px;
    background: url(../images/icon-slider.png_%3b%20filename_%3dutf-8%27%20%27icon-slider.png) 25px bottom no-repeat;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.row-kc-b1-box.fixd .sl-list02 .m_slider{
    background: url(../images/icon-slider.png_%3b%20filename_%3dutf-8%27%20%27icon-slider.png) 40px bottom no-repeat;
    background-size: auto 16px;
}
.row-kc-b1 .row-kc-b1-box.fixd{
    position: fixed;
}
.row-kc-b1 .row-kc-b1-box.fixd.mv{top: 65px;}
.row-kc-b1-box.fixd .sl-list02 li {
    height: 120px;
    padding: 10px 0 30px;
}
.sl-list03 .item .top{
    overflow: hidden;
    padding: 118px 60px 110px;
}
.sl-list03 .item .top .icon{
    float: right;
}
.sl-list03 .item .top .icon .img-m{display: none;}
.sl-list03 .item .top .txt{
    overflow: hidden;
    max-width: 830px;
    padding-right: 40px;
}
.sl-list03 .item .top .txt .tit1{
    font-size: 24px;
    color: #000;
    font-weight: normal;
    margin-bottom: 25px;
}
.sl-list03 .item .top .txt .desc{
    font-size: 16px;
    color: #666;
    line-height: 1.75em;
    height: 7em;
    overflow: hidden;
}
.sl-list03 .item .top .txt .zp{
    font-size: 16px;
    color: #e60013;
    padding-right: 40px;
    background: url(../images/ico-16.png_%3b%20filename_%3dutf-8%27%20%27ico-16.png) 90% center no-repeat;
    background-size: 19px auto;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.sl-list03 .item .top .txt .zp:hover{
    background: url(../images/ico-16.png_%3b%20filename_%3dutf-8%27%20%27ico-16.png) 100% center no-repeat;
    background-size: 19px auto;
}

.sl-list04{
    overflow: hidden;
    border-radius: 5px;
    border-bottom: 3px solid #ffda0e;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(../images/bg02.png_%3b%20filename_%3dutf-8%27%20%27bg02.png);
}
.sl-list04 li{
    float: left;
    width: 25%;
    height: 198px;
    padding-top: 35px;
    overflow: hidden;
    border-right: 2px solid #fff;
}
.sl-list04 li:last-child{border: none;}
.sl-list04 li .con{
    max-width: 280px;
    margin: 0 auto;
}
.sl-list04 .zj_tit{
    font-size: 14px;
    color: #e60013;
    font-weight: normal;
    margin-bottom: 25px;
}
.sl-list04 .it1{
    font-size: 16px;
    color: #333;
    line-height: 1.81em;
    padding-left: 13px;
    background: url(../images/icon-s04.png_%3b%20filename_%3dutf-8%27%20%27icon-s04.png) left 14px no-repeat;
}


/*
-----------------[row-kc04]--------------*/
.row-kc04{
    padding: 90px 0 70px;
}
.row-kc04 .g-tit1{
    margin-bottom: 55px;
}
.m-img-bg{
    height: 345px;
    padding-top: 82px;
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url(../images/困境bg.jpg);
}
.m-img-bg .txt{
    font-size: 24px;
    color: #fff;
    line-height: 1.5em;
    text-align: center;
    letter-spacing: 5px;
}

.m-ring{
    padding-bottom: 53px;
    margin-top: -98px;
}
.m-ring:after, .m-ring:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.m-ring li{
    float: left;
    width: 33.33%;
}
.m-ring .ring{
    display: block;
    width: 168px;
    height: 168px;
    border-radius: 50%;
    border: 40px solid #ffd200;
    margin: 0 auto;
    position: relative;
}
.m-ring .ring:after{
    content: '';
    position: absolute;
    top: 50%;
    margin-top: 5px;
    left: 50%;
    margin-left: -4.5px;
    width: 8px;
    height: 120px;
    background: url(../images/icon-s05.png_%3b%20filename_%3dutf-8%27%20%27icon-s05.png) center center no-repeat;
    background-size: auto 100%;
}
.m-ring .dh_ring:before{
    pointer-events: none;
    position: absolute;
    width: 168px;
    height: 168px;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    top: -40px;
    left: -40px;
    padding: 0;
    box-shadow: 0 0 0 2px rgba(255,210,0,.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.m-ring .dh_ring:before{
    -webkit-animation: sonarEffect 2s ease-out 75ms infinite;
    -moz-animation: sonarEffect 2s ease-out 75ms infinite;
    animation: sonarEffect 2s ease-out 75ms infinite;
}
@-webkit-keyframes sonarEffect {
    0% {
        opacity: 0.1;
    }
    40% {
        opacity: 0.2;
        box-shadow: 0 0 0 2px rgba(255,210,0,0.1), 0 0 10px 10px #ffd200, 0 0 0 10px rgba(255,210,0,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255,210,0,0.1), 0 0 10px 10px #ffd200, 0 0 0 10px rgba(255,210,0,0.5);
        transform: scale(1.4);
        opacity: 0;
    }
}
@-moz-keyframes sonarEffect {
    0% {
        opacity: 0.1;
    }
    40% {
        opacity: 0.2;
        box-shadow: 0 0 0 2px rgba(255,210,0,0.1), 0 0 10px 10px #ffd200, 0 0 0 10px rgba(255,210,0,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255,210,0,0.1), 0 0 10px 10px #ffd200, 0 0 0 10px rgba(255,210,0,0.5);
        transform: scale(1.4);
        opacity: 0;
    }
}
@keyframes sonarEffect {
    0% {
        opacity: 0.1;
    }
    40% {
        opacity: 0.2;
        box-shadow: 0 0 0 2px rgba(255,210,0,0.1), 0 0 10px 10px #ffd200, 0 0 0 10px rgba(255,210,0,0.5);
    }
    100% {
        box-shadow: 0 0 0 2px rgba(255,210,0,0.1), 0 0 10px 10px #ffd200, 0 0 0 10px rgba(255,210,0,0.5);
        transform: scale(1.4);
        opacity: 0;
    }
}
.row-kc04 .wp{
    max-width: 1350px;
}
.sl-list05{overflow: hidden;}
.sl-list05 li{
    float: left;
    width: 33.33%;
    text-align: center;
    padding: 0 20px;
    font-size: 18px;
    color: #666;
}
.sl-list05 h4{
    font-size: 22px;
    color: #e60013;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 16px;
}
.sl-list05 p{
    line-height: 1.72em;

}

/*
-----------------[row-kc05]--------------*/
.row-kc05{
    overflow: hidden;
    padding: 70px 0 125px;
}

.sl-list06{
    margin: 103px -15px 0;
}
.sl-list06 li{
    float: left;
    width: 50%;
    
}
.sl-list06 .con{
    margin: 0 15px;
    height: 300px;
    background-color: #fbf7ed;
}
.sl-list06 .tit{
    float: left;
    width: 180px;
    height: 100%;
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url(../images/left-bg.png);
}
.sl-list06 .tit img{margin-top: -28px;}
.sl-list06 .txt{
    overflow: hidden;
    padding: 65px 40px;
    font-size: 16px;
    color: #666;
}
.sl-list06 .txt h4{
    font-size: 18px;
    color: #000;
    font-weight: normal;
    margin-bottom: 32px;
}
.sl-list06 .txt .it1{
    line-height: 1.88em;
    padding-left: 8px;
    background: url(../images/icon-s06.png_%3b%20filename_%3dutf-8%27%20%27icon-s06.png) left center no-repeat;
}

/*
-----------------[row-kc06]--------------*/
.row-kc06{
    padding: 83px 0;
    overflow: hidden;
    background-color: #f3f9f9;
}
.row-kc06 .btn{
    display: block;
    font-size: 18px;
    color: #fff;
    float: right;
    width: 323px;
    height: 97px;
    line-height: 97px;
    text-align: center;
    background-color: #e60013;
}
.row-kc06 .btn span{
    padding-right: 66px;
    background: url(../images/ico-8-m.png_%3b%20filename_%3dutf-8%27%20%27ico-8-m.png) 95% center no-repeat;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.row-kc06 .btn:hover span{
    background: url(../images/ico-8-m.png_%3b%20filename_%3dutf-8%27%20%27ico-8-m.png) 100% center no-repeat;
}
.row-kc06 .tit{
    float: left;
    font-size: 18px;
    color: #333;
    padding: 0 30px;
    width: 295px;
}
.row-kc06 .tit h2{
    font-size: 30px;
    color: #e60013;
    font-weight: normal;
}
.row-kc06 .txt{
    font-size: 18px;
    color: #666;
    padding: 0 32px;
    overflow: hidden;
    border-left: 2px solid #e1e1e1;
}
.row-kc06 .txt p{margin-bottom: 4px;}


/*
-----------------[row-kc07]--------------*/
.row-kc07{
    padding-top: 100px;
}
.row-kc07 .g-tit1{
    margin-bottom: 55px;
}
.row-kc07-b1{
    padding: 50px 0 50px;
    background-color: #f3f9f9;
}

.sl-list07{
    text-align: center;
    margin-bottom: 50px;
}
.sl-list07 li{
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
}
.sl-list07 li a{
    display: block;
    width: 117px;
    height: 50px;
    line-height: 50px;
    color: #666;
}
.sl-list07 li.on a,.sl-list07 li a:hover{
    color: #fff;
    background-color: #e60013;
}

.swiper-list01{overflow: hidden;}
.swiper-list01 .swiper-slide{
    background-color: #fff;
}
.swiper-list01 .pic{
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 49%;
    cursor: pointer;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.swiper-list01 .pic img{
    display: block;
    position: absolute;
    top: 0;left: 0;
    width: 100%;height: 100%;
}
.swiper-list01 .txt{
    height: 102px;
    line-height: 102px;
    overflow: hidden;
    padding: 0 42px;
}
.swiper-list01 .txt .name{
    float: right;
    font-size: 14px;
    color: #e60013;
}
.swiper-list01 .txt .tit{
    font-size: 18px;
    color: #999;
    float: left;
}
.swiper-list01 .txt .tit h4{
    color: #e60013;
    display: inline-block;
}

.swiper-box01{
    text-align: center;
    margin-top: 58px;
    height:18px;line-height:18px;
}


.swiper-box01 .arrows{position:relative;margin-top:0;left:0;top:0;display:inline-block;vertical-align:middle;width:32px;height:18px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover}
.swiper-box01 .swiper-list01-prev{margin-right:20px;background-image:url(../images/ico-5.png_%3b%20filename_%3dutf-8%27%20%27ico-5.png)}
.swiper-box01 .swiper-list01-next{margin-left:20px;background-image:url(../images/ico-6.png_%3b%20filename_%3dutf-8%27%20%27ico-6.png)}
.swiper-box01 .swiper-list01-pagination{position:relative;display:inline-block;vertical-align:middle}
.swiper-box01 .swiper-list01-pagination .swiper-pagination-bullet{float:left;font-size:18px;color:#999;padding:0 9px;width:auto;height:auto;background-color:transparent;font-family:Arial;opacity:1;filter:alpha(opacity=1);position:relative}
.swiper-box01 .swiper-list01-pagination .swiper-pagination-bullet:before{position:absolute;content:"";display:block;height:2px;top:8px;left:2px;width:0;z-index:0;background:#15aba6;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.swiper-box01 .swiper-list01-pagination .swiper-pagination-bullet:hover:before{width:24px}
.swiper-box01 .swiper-list01-pagination .swiper-pagination-bullet-active.swiper-pagination-bullet:before{display:none}
.swiper-box01 .swiper-list01-pagination .swiper-pagination-bullet-active.swiper-pagination-bullet{color:#e60013}
.swiper-box01 .swiper-list01-pagination .swiper-pagination-bullet:after{content:'';display:inline-block;vertical-align:middle;width:0;height:2px;margin-left:12px;background-color:#e60013;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.swiper-box01 .swiper-list01-pagination .swiper-pagination-bullet-active.swiper-pagination-bullet:after{content:'';width:100px}

.row-kc07-b1 .tab-show{
    height: 0;
    overflow: hidden;
}
.row-kc07-b1 .tab-show.show{height: auto;}
.row-kc08{
    background: #fff url(../images/4-bg.png) center bottom 50px no-repeat;
    background-size: 80% auto;
}
.row-kc08 .wp{position: relative;max-width: 1275px;}
.row-kc08 .desc{
    position: absolute;
    left: 0;
    width: 100%;
    top: 102px;
    font-size: 18px;
    color: #999;
    z-index: 1;
    text-align: center;
}
.row-kc08 .desc .g-tit1{margin-bottom: 18px;}
.sl-list08{overflow: hidden;border-left: 1px solid #f6f6f6;}
.sl-list08 li{
    float: left;
    width: 25%;
    font-size: 16px;
    color: #666;
    padding: 280px 38px 170px;
    border-right: 1px solid #f6f6f6;
}
.sl-list08 li:nth-child(2){
    padding-top: 300px;
}
.sl-list08 li:nth-child(3){
    padding-top: 320px;
}
.sl-list08 li:nth-child(4){
    padding-top: 340px;
}
.sl-list08 li .tit{
    font-size: 22px;
    color: #000;
    white-space: nowrap;
    margin-bottom: 32px;
    position: relative;
}
.sl-list08 li .tit:after{
    content: '';
    position: absolute;
    left: 0;
    width: 20px;
    height: 3px;
    bottom: -13px;
    background-color: #ccc;
}
.sl-list08 li .tit span{
    display: inline-block;
    padding-top: 56px;
    width: 100px;
    background-position: left top;
    background-repeat: no-repeat;

}
.sl-list08 li p{
    line-height: 1.88em;
}


/*
-----------------[row-kc09]--------------*/
.row-kc09-b1{
    padding-top: 83px;
    background-color: #f3f9f9;
}
.row-kc09-b1 .g-tit1{
    margin-bottom: 81px;
}
.sl-list09{}
.sl-list09:after, .sl-list09:before,.sl-list10:after, .sl-list10:before {
    display: block;
    content: "clear";
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.sl-list09 li{
    float: left;
    width: 50%;
    height: 500px;
    line-height: 500px;
    text-align: center;
    
}
.sl-list09 .con{
    display: block;
    width: 100%;
    height: 100%;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.sl-list09 .con.mv{
    transform: translateY(-20px);
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1);
}
.sl-list09 img{
    display: inline-block;
    vertical-align: middle;
    max-width: 90%;
    max-height: 90%;
}
.row-kc09-b2{
    background-color: #fff;
}
.sl-list10{}
.sl-list10 li{
    float: left;
    width: 50%;
    height: 345px;
    font-size: 16px;
    color: #666;
}
.sl-list10 li:nth-child(1){border-right: 1px solid #fff;}
.sl-list10 li:nth-child(2){border-left: 1px solid #fff;}
.sl-list10 .con{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 90px 50px;
    border-top: 2px solid #fff;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.sl-list10 .con:after{
    content: '';
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0;
    height: 4px;
    background-color: #e60013;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}
.sl-list10 .con.mv{
    transform: translateY(-20px);
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1);
}
.sl-list10 .con.mv:after{
    width: 100%;
}
.sl-list10 h4{
    font-size: 24px;
    color: #333;
    font-weight: normal;
    margin-bottom: 55px;
    white-space: nowrap;
    overflow: hidden;
}
.sl-list10 h4 span{
    display: inline-block;
    position: relative;
}
.sl-list10 h4 span em{position: relative;z-index: 1;}
.sl-list10 h4 span:after{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 4px;
    height: 4px;
    z-index: 0;
    background-color: #e60013;
}
.sl-list10 p{
    line-height: 1.88em;
}
.row-kc09-b2 .desc{
    padding: 115px 0 95px;
    font-size: 18px;
    color: #333;
    text-align: center;
}
.row-kc09-b2 .desc p{
    line-height: 1.89em;
}
.row-kc09-b2 .desc .zp{
    display: block;
    margin: 50px auto 0;
    width: 167px;
    height: 49px;
    line-height: 47px;
    border-radius: 3px;
    font-size: 16px;
    color: #666;
    border: 1px solid #e60013;
}
.row-kc09-b2 .desc .zp span{
    padding-right: 50px;
    background: url(../images/ico-15.png_%3b%20filename_%3dutf-8%27%20%27ico-15.png) 92% center no-repeat;
    background-size: 20px auto;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.row-kc09-b2 .desc .zp:hover span{
    background: url(../images/ico-15.png_%3b%20filename_%3dutf-8%27%20%27ico-15.png) 100% center no-repeat;
    background-size: 20px auto;
}

/*
-----------------[row-kc10]--------------*/
.row-kc10{
    padding: 40px 0 55px;
    background-color: #f3f9f9;
}
.row-kc10 .tit{
    font-size: 20px;
    color: #e60013;
    text-align: center;
    margin-bottom: 65px;
}

.sl-list11{overflow: hidden;margin: 0 -7px;}
.sl-list11 li{
    float: left;
    width: 14.285%;
}
.sl-list11 .con{
    margin: 0 7px;
}
.sl-list11 .lg{
    position: relative;
    height: 0;
    padding-top: 43%;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 14px;
    text-align: center;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.sl-list11 .lg img{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    max-height: 80%;
    max-width: 60%;
    opacity: 1;
    -o-transition:1s;
    -ms-transition:1s;
    -moz-transition:1s;
    -webkit-transition:1s;
    transition:1s;
}
.sl-list11 .lg .name{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    white-space: nowrap;
    overflow: hidden;
    font-size: 18px;
    color: #666;
    opacity: 0;
    font-weight: bold;
    -o-transition:1s;
    -ms-transition:1s;
    -moz-transition:1s;
    -webkit-transition:1s;
    transition:1s;
}
.sl-list11 .lg:hover{
    transform: translateY(-5px);
    box-shadow: 0 5px 10px rgba(50,50,50,.1)
}
.sl-list11 .lg:hover img{
    opacity: 0.1;
}
.sl-list11 .lg:hover .name{
    opacity: 1;
}
.sl-list11 .con h4{
    font-size: 18px;
    color: #999;
    text-align: center;
    font-weight: normal;
    margin-bottom: 24px;
}
.m-txtg6 .top2{
    background-color: #fff;
    font-size: 26px;
    color: #333;
    text-align: center;
    padding-bottom: 60px;
}
.m-txtg6 .top2 .tit{
    font-size: 20px;
    color: #999;
    margin-bottom: 16px;
}

.row-m-kc01{
    display: none;
    font-size: 14px;
    color: #999;
    text-align: center;
    padding: 30px 20px;
    background-color: #f3f9f9;
}
.row-m-kc01 .g-tit1{
    margin-bottom: 8px;
}
.row-m-kc01 .btn {
    display: block;
    color: #e60013;
    width: 142px;
    height: 39px;
    text-align: center;
    line-height: 39px;
    background-color: #e60013;
    color: #fff;
    font-size: 14px;
    padding: 0;
    margin: 30px auto 0;
}
.row-m-kc01 .btn em {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0 0;
    width: 12px;
    height: 12px;
    background-image: url(../images/ico-14-m.png_%3b%20filename_%3dutf-8%27%20%27ico-14-m.png);
    -webkit-background-size: cover;
    background-size: cover;
}
.row-m-kc01 .btn i {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
    width: 16px;
    height: 9px;
    background-image: url(../images/ico-15-m.png_%3b%20filename_%3dutf-8%27%20%27ico-15-m.png);
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.row-m-kc02{
    display: none;
    font-size: 14px;
    color: #666;
    text-align: center;
    padding: 30px 20px;
    background-color: #ffd200;
}
.row-m-kc02 .tit{
    font-size: 20px;
    color: #333;
    margin-bottom: 8px;
}
.row-m-kc02 .btn{
    display: block;
    margin: 30px auto 0;
    width: 140px;
    height: 35px;
    font-size: 14px;
    color: #e60013;
    line-height: 35px;
    border-radius: 3px;
    background-color: #fff;
}
.row-m-kc03{
    display: none;
    font-size: 14px;
    color: #fff;
    line-height: 1.64em;
    padding: 30px 20px;
    text-align: center;
    background-color: #e60013;
}
.row-m-kc04{
    display: none;
    font-size: 16px;
    color: #666;
    padding: 30px 20px;
    text-align: center;
    background-color: #fff;
}
.row-m-kc04 .tit{
    font-size: 14px;
    color: #999;
    margin-bottom: 10px;
}
@media only screen and (max-width:1620px){
    .row-kc01 {
        padding: 120px 80px 75px;
    }
    .slider-pic1 .con .txt{
        left: 80px;right: 80px;
    }

    #c4d{text-align: center; font-size: 16px; color: #999; background:#f4f9f9;width: 100%;line-height: 80px;}
}
@media only screen and (max-width: 1440px){
    .sl-list01 .con {
        display: block;
        margin: 0 15px 50px;
    }
    .box-g1 .pic2{right: 60px;}
    .slider-pic1 .con .txt {
        padding: 30px 0 50px;
    }
    .row-kc02 .col-l {
        padding: 0 40px;
    }
    .slider-pic1 .pic {
        border-top-right-radius: 80px;
    }
    .ul-list2 .txt{font-size: 14px;}
    .row-person .ul-content li {
        padding: 0 30px;
    }
}
@media only screen and (max-width: 1366px){
    .row-kc01 {
        padding: 80px 80px 50px;
    }
    .slider-pic1 .pic {
        border-top-right-radius: 60px;
    }
    .row-kc01 .tit span img{height: 38px;}
    .row-kc01 .tit .leaf{width: 32px;height: auto;}
    .ul-icon1 li {
        margin: 0 30px;
    }
    .row-person .ul-content li {
        padding: 0 15px;
    }
}
@media only screen and (max-width: 1200px){
    .sl-list02 .icon {
        width: 110px;
        margin-right: 5px;
    }
    .sl-list02 .txt h3 {
        font-size: 28px;
    }
    .sl-list02 .txt h4 {
        font-size: 22px;
    }
    .sl-list03 .item .top {
        overflow: hidden;
        padding: 100px 40px;
    }
    .sl-list06 .txt h4 {
        font-size: 17px;
    }
    .row-kc06 .tit {
        width: 240px;
    }
    .slider-pic1 .con .txt {
        padding: 30px 0;
        font-size: 14px;
        height: auto;
    }
}
@media only screen and (max-width: 1199px){
    .row-kc01 {
        padding: 100px 80px 55px;
    }
    .row-kc02 {
        padding: 60px 0 30px;

    }
    .sl-list01 .con {
        margin: 0 15px 30px;
    }
    .sl-list01 .item {
        width: 50%;
    }
    .sl-list01 .slick-dots{
        text-align: center;
        font-size: 0;
    }
    .sl-list01 .slick-dots li{
        display: inline-block;
        vertical-align: middle;
        width: 18px;
        height: 3px;
        border-radius: 1px;
        background-color: #ccc;
        margin: 0 3px;
    }
    .sl-list01 .slick-dots li.slick-active{
        background-color: #e60013;
    }
    .row-kc02 .col-l {
        padding: 60px 20px;
        max-width: 40%;
    }
    .row-kc-b1{
        height: auto;
    }
    .row-kc-b1 .row-kc-b1-box{position: static;}
    .sl-list02 li,.sl-list02 .m_slider,.row-kc05,.row-kc06,.row-kc09-b2 .desc,.row-kc10,.m-txtg6 .top2{display: none;}
    .xy-row01{display: block;text-align: center;padding: 40px 0;}
    .sl-list11 li {
        display: inline-block;
        vertical-align: top;
        float: none;
        width: 32%;
    }
    .sl-list11 .con h4 {
        font-size: 16px;
        margin-bottom: 16px;
    }
    .sl-list02 li:first-child{
        display: block;
        float: none;
        width: auto;
        text-align: center;
        padding: 30px 0;
        height: auto;
    }
    .row-kc-b1 .row-kc-b1-box {
        background-color: #f3f9f9;
    }
    .sl-list02 .txt {
        padding-top: 0;
        color: #999;
    }
    .sl-list02 .txt h3 {
        color: #333;
    }
    .sl-list03 .item .top {
        padding: 60px 20px;
    }
    .sl-list04 li {
        height: 180px;
        padding: 25px 15px;
    }
    .sl-list04 .it1 {
        font-size: 14px;
        background: url(../images/icon-s04.png_%3b%20filename_%3dutf-8%27%20%27icon-s04.png) left 12px no-repeat;
    }
    .row-kc04 {
        padding: 60px 0 30px;
    }
    .row-kc04 .g-tit1 {
        margin-bottom: 40px;
    }
    .row-kc05 {
        padding: 30px 0 60px;
    }
    .sl-list06 {
        margin: 90px -15px 0;
    }
    .sl-list06 .txt {
        padding: 40px 20px;
        font-size: 14px;
    }
    .row-kc07{padding-top: 30px;}
    .sl-list07 li a {
        width: 100px;
        height: 40px;
        line-height: 40px;
    }
    .row-kc07-b1 {
        padding: 50px 0;
    }
    .sl-list08 li {
        font-size: 14px;
        padding: 150px 15px 60px;
    }
    .row-kc08 .desc {
        top: 40px;
        font-size: 16px;
    }
    .sl-list08 li:nth-child(2){
        padding: 170px 15px 60px;
    }
    .sl-list08 li:nth-child(3){
        padding: 190px 15px 60px;
    }
    .sl-list08 li:nth-child(4){
        padding: 210px 15px 60px;
    }
    .row-kc09-b1 {
        padding-top: 60px;
    }
    .row-kc09-b1 .g-tit1 {
        margin-bottom: 60px;
    }
    .sl-list09 li {
        height: 400px;
        line-height: 400px;
    }
    .sl-list10 li{font-size: 14px;height: 260px;}
    .sl-list10 .con {
        padding: 40px 20px;
    }
    .sl-list10 h4 {
        font-size: 20px;
        margin-bottom: 40px;
    }
    .box-g1 .pic2.kc,.box-g1 .pic2.xy,.box-g1 .pic2.xz{
        width: 160px;
        top: -95px;
    }
    .sl-list07 {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }
    .sl-list05 li {
        float: none;
        width: auto;
        padding: 0 20px;
        font-size: 14px;
        text-align: center;
        margin-bottom: 20px;
    }
    .row-kc04{overflow: hidden;}

    .row-person .ul-content li {
        padding: 25px 15px;
    }
    .sl-list11{margin: 0;}

}
@media only screen and (max-width: 1024px){
    .m-ring {
        margin: -98px -340px 0;
    }
    .ul-teamlist .txt h3{font-size: 20px;}
}
@media only screen and (max-width: 959px){
    .row-kc01 {
        padding: 75px 35px 55px;
    }    
    .slider-pic1 .con .txt{
        left: 35px;right: 35px;
        padding: 30px 0;
    }
}
@media only screen and (max-width: 768px){
    .m-ring {
        margin: -98px -280px 0;
    }
}
@media only screen and (max-width: 767px){
    .g-tit1{font-size: 16px;letter-spacing: 3px;}
    .row-m-kc01,.row-m-kc02,.row-m-kc03,.row-m-kc04{display: block;}
    .row-kc01 .subtit,.row-kc01 .leaf,.sl-list01 h4,
    .sl-list03 .item .top .txt .zp,
    .sl-list03 .item .top .txt .tit1 em,
    .swiper-list01 .txt,.swiper-box01 .arrows,
    .swiper-box01 .swiper-list01-pagination .swiper-pagination-bullet:after{display: none;}
    
    .box-g1 .pic2.kc,.box-g1 .pic2.xz,.box-g1 .pic2.xy {
        top: 18px;
        width: 25%;
    }

    .row-kc01 {
        padding: 120px 0 20px;
        text-align: center;
    }  
    .row-kc01 .tit span img{height: 24px;}
    .row-kc01 .tit .leaf{display: none;}
    .slider-pic1 .con .txt{
        position: static;
        font-size: 14px;
        color: #999;
        opacity: 1;
        border: none;
        text-align: center;
        background-color: #f3f9f9;
        padding: 40px 20px;
    }
    .row-kc02 .col-l {
        float: none;
        width: auto;
        max-width: none;
        text-align: center;
        padding: 40px 0 30px;
    }
    .row-kc02 .col-l .tit{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .row-kc02 .col-l .tit p{
        display: inline-block;vertical-align: middle;
    }
    .row-kc02 .col-l .txt {
        font-size: 14px;
        color: #999;
    }
    .row-kc02 {
        padding: 0 0 30px;
        background: none;
    }
    .sl-list01 .con {
        margin: 0 1px 2px;
    }
    .sl-list01 .txt p{opacity: 1;}
    .sl-list01 .pic {
        border-radius: 0;
    }
    .sl-list01 .item-box{
        border-radius: 10px;
        overflow: hidden;
    }
    .sl-list01 .txt {
        font-size: 16px;
    }
    .sl-list01 .slick-dots {margin-top: 20px;}
    .row-kc-b1 {
        background-color: #f3f9f9;
    }
    .sl-list02 .txt {
        font-size: 14px;
    }
    .sl-list02 .txt h3 {
        font-size: 18px;
    }
    .sl-list03 .item .top {
        padding: 30px 0;
    }
    .sl-list03 .item .top .icon {
        float: none;
        text-align: center;
        height: 100px;
        line-height: 100px;
        margin-bottom: 15px;
    }
    .sl-list03 .item .top .icon img{
        display: inline-block;
        vertical-align: middle;
        max-height: 100%;
        width: auto;
    }
    .sl-list03 .item .top .txt{
        padding: 0 40px;
        text-align: center;
    }
    .sl-list03 .item .top .txt .desc{
        font-size: 14px;
        height: auto;
    }
    .sl-list03 .item .top .txt .tit1{
        font-size: 16px;
        color: #333;
    }
    .sl-list03 .item .top .txt .tit1 span{
        display: block;
        font-size: 14px;
        color: #666;
    }
    .sl-list04 li {
        width: 50%;
        height: 160px;
        padding: 20px 15px;
        border: none;
    }
    .sl-list04 .it1 {
        font-size: 12px;
        padding-left: 10px;
        background: url(../images/icon-s04.png_%3b%20filename_%3dutf-8%27%20%27icon-s04.png) left 10px no-repeat;
    }
    .row-kc04 {
        padding: 30px 0;
        overflow: hidden;
    }
    .row-kc04 .g-tit1 {
        margin-bottom: 30px;
    }
    .m-img-bg {
        height: 150px;
        padding-top: 30px;
    }
    .m-img-bg .txt {
        font-size: 14px;
    }
    .m-ring .ring {
        width: 84px;
        height: 84px;
        border: 20px solid #ffd200;
    }
    .m-ring {
        padding-bottom: 30px;
        margin-top: -50px;
        margin: -50px -220px 0;
    }
    .m-ring .ring:after {
        display: none;
        margin-top: 5px;
        margin-left: -2.5px;
        width: 4px;
        height: 60px;
    }
    .m-ring li:nth-child(2) .ring:after{display: block;}
    .m-ring .dh_ring:before{
        display: none;
 /*       width: 84px;
        height: 84px;
        top: -20px;
        left: -20px;*/
    }
    .sl-list05 li {
        float: none;
        width: auto;
        padding: 0 20px;
        font-size: 14px;
        text-align: center;
        margin-bottom: 20px;
    }
    .sl-list05 h4 {
        font-size: 16px;
        margin-bottom: 12px;
    }
    .row-kc07{padding: 0;}
    .row-kc07 .g-tit1{padding: 30px 0;margin-bottom: 0;background-color: #f3f9f9;}
    .sl-list07 {
        margin-bottom: 0;
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        padding: 12px 5px;
        background-color: #fff;
    }
    .sl-list07 li a {
        width: 56px;
        height: 28px;
        line-height: 28px;
        font-size: 12px;
        white-space: nowrap;
        overflow: hidden;
    }
    .row-kc07-b1{padding: 0 0 30px;background-color: #fff;}
    .swiper-box01 {
        margin-top: 25px;
        height: 15px;
        line-height: 15px;
    }
    .swiper-box01 .swiper-list01-pagination .swiper-pagination-bullet{
        padding: 0;
        margin: 0 5px;
        font-size: 0;
        text-indent: 99px;
        overflow: hidden;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #d3d3d3;
    }
    .row-kc08 .desc {
        position: static;
        font-size: 14px;
        padding: 30px 30px 15px;
    }
    .row-kc08 .desc .g-tit1{margin-bottom: 10px;}
    .row-kc09 .wp,.row-kc-b2 .wp,.row-kc07 .wp,.slider-pic1 .con .wp{width: 100%;}
    .sl-list08{border: none;}
    .sl-list08 li{
        border: none;
        float: none;
        width: auto;
        padding: 15px 30px!important; 
        text-align: center;
    }
    .sl-list08 li .tit {
        font-size: 16px;
        margin-bottom: 20px;
        line-height: 1em;
    }
    .sl-list08 li .tit span {
        padding-top: 40px;
        width: auto;
        background-size: auto 42px;
        background-position: center bottom 5px;
    }
    .sl-list08 li .tit:after {
        left: 50%;
        margin-left: -10px;
    }
    .row-kc09-b1{padding: 0;}
    .row-kc09-b1 .g-tit1{
        padding: 30px 0;
        margin: 0;
    }
    .sl-list09 li {
        height: 250px;
        line-height: 250px;
    }
    .sl-list10 li{
        display: none;
        float: none;
        width: auto;
        text-align: center;
        height: auto;
    }
    .sl-list10 li:first-child{display: block;}
    .sl-list10 .con {
        padding: 30px 20px;
    }
    .sl-list10 h4 {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .sl-list01 .pic img{display: none;}
    .sl-list01 .pic .img-m{display: block !important;}
    .row-kc-b1 .row-kc-b1-box {
        background-color: #f3f9f9;
    }
    .sl-list03 .item .top .icon img{display: none;}
    .sl-list03 .item .top .icon .img-m{display: inline-block !important;}
    .row-kc08 {
        padding-bottom: 60px;
        background: #fff url(../images/bg07-1.png) center top 50px no-repeat;
        background-size: 100% auto;
    }
    .message{display: none !important;}
    .row-user1 .user-pu .item {
        padding: 20px 0 40px;
    }
    .row-user1 .user-pu .item .pic {
        width: 100px;
        height: 100px;
        margin-bottom: 20px;
    }
.row-user1 .user-pu .item .pic img{transform:translateY(0px);}


    .row-user1 .user-pu .item h3 {
        font-size: 18px;
    }
    .row-user1 .user-pu .item .date {
        font-size: 14px;
    }
    .row-user1 .user-pu .item .info {
        font-size: 12px;
        padding: 0 10px;
    }
    .row-user1 .link a {
        width: 40px;
        height: 40px;
        bottom: -20px;
        margin-left: -20px;
        background-size: 100% 100%;
    }
    .row-user1 .g-utit p {
        font-size: 14px;
    }
    .row-person .tit h3 {
        font-size: 18px;
    }
    .row-person .tit p {
        font-size: 14px;
    }
    .user-slide .user h3 {
        font-size: 18px;
    }
    .user-slide .user p span {
        font-size: 12px;
        padding: 2px 10px;
        border-radius:10px;
    }
    .user-slide .more a {
        width: 120px;
        height: 40px;
        line-height: 40px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 600px){
    .m-ring {
        margin: -50px -135px 0;
    }
    .row-user1 .user-pu .item{background-image: none;}
    #c4d{text-align: center; color: #999; background:#f4f9f9;width: 100%;line-height: 24px;padding:30px;}
}






























