/* 作用全局 */
*{
    transition: all linear .25s;
    box-sizing: border-box;
}
.all{
    width:100%;
    position: relative;
    background: #fff;
}
@media all and (max-width:750px) {
.all>.zzc{
    position: fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:0;
    height:0;
    margin:auto;
    background:rgba(0,0,0,.5);
    z-index:100;
    transition:all ease .5s;
}
.all>.zzc1{
    position: fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.5);
    z-index:100;
    transition:all ease .5s;
}
}
.all_w{
    width:1200px;
    margin:0 auto;
}
.all_w1{
    width:1200px;
    margin:0 auto;
}
@media all and (max-width:1200px) {
    .all_w{
        width:95%;
        margin:0 auto;
    }
    .all_w1{
        width:100%;
        margin:0 auto;
    }
}
/* 头部 */
.head{
    width:100%;
    background: #fff;
    height:93px;
}
@media all and (max-width: 750px) {
    .head{
        width:100%;
        background: #fff;
        height:68px;
    }
}
.header{
    width:100%;
    height: 92px;
    position: fixed;
    top:0;
    left:0;
    background: #fff;
    z-index:999;
    box-shadow: 0 2px 5px #ddd;
    border-bottom:2px solid #e25a0f;
}
.head_wrap{
    width:100%;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
    align-items: center;
    position: relative;
    padding-top: 11px;
}
.head_wrap .logo{
    width:200px;
}
@media all and (max-width: 750px) {
    .head_wrap .logo{
        width:175px;
        padding:5px 0;
    } 
}
.head_wrap .logo img{
    width:100%;
}
.head_wrap .nav{
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
    background: #fff;
}
.head_wrap .nav li{
    padding:0 20px;
    line-height: 78px;
}
@media all and (max-width:1100px) {
    .head_wrap .nav li{
        padding:0 5px;
        line-height: 78px;
    }
}
.head_wrap .nav li a{
    display:block;
    text-align: center;
    font-size: 17px;
    color:#222;
    border-bottom: 2px solid rgba(0,0,0,0s);
}
.head_wrap .nav .on a{
    border-bottom: 2px solid #e25a0f;
    color:#e25a0f;
    font-weight:bold;
}
.head_wrap .nav li:hover a{
    border-bottom: 2px solid #e25a0f;
    color:#e25a0f;
    font-weight:bold;
}
@media all and (max-width:750px) {
    .head_wrap .nav{
        display:block;
        position: fixed;
        top:68px;
        left:-300px;
        z-index:999;
        width:300px;
        height:100%;
        box-shadow:5px 5px 5px rgba(0,0,0,0);
        padding:20px;
        transition: all ease .5s;
        background: #fff;
    }
    .head_wrap .nav1{
        display:block;
        position: fixed;
        top:68px;
        left:0;
        z-index:999;
        width:300px;
        height:100%;
        box-shadow:5px 5px 5px rgba(0,0,0,.2);
        padding:20px;
        transition: all ease .5s;
        background: #fff;
    }
    .head_wrap .nav li{
        padding:0 5px;
        line-height: 48px;
    }
    .head_wrap .nav li a{
        text-align: left;
    }
}
@media all and (max-width:480px) {
    .head_wrap .nav{
        display:block;
        position: fixed;
        top:68px;
        left:-200px;
        z-index:999;
        width:200px;
        height:100%;
        box-shadow:5px 5px 5px rgba(0,0,0,0);
        padding:20px;
        transition: all ease .5s;
        background: #fff;
    }
    .head_wrap .nav1{
        display:block;
        position: fixed;
        top:68px;
        left:0;
        z-index:999;
        width:200px;
        height:100%;
        box-shadow:5px 5px 5px rgba(0,0,0,.2);
        padding:20px;
        transition: all ease .5s;
        background: #fff;
    }
}
.head_wrap .cd_open{
     display: none;
    width: 40px;
    height: 40px;
    background: url(../img/menu.png) no-repeat center center #e25a0f;
    background-size: auto 25px;
    background-color:#e25a0f;
    cursor: pointer;
}
.head_wrap .cd_close{
    background: url(../img/menu-1.png) no-repeat center center #e25a0f;
    background-size: auto 25px;
}
@media all and (max-width:750px) {
    .head_wrap .cd_open{
        display:block;
    }
}
/* 轮播 */
.banner{
    width:100%;
    height:100%;
    position: relative;
}
.banner .item{
    position: relative;
}
.banner .owl-carousel .owl-item .img{
    overflow: hidden;
}
.banner .owl-carousel .owl-item .img img{
    display: block;
    width:100%;
}

@media only screen and (max-width: 1200px){
    .banner .owl-carousel .owl-item .img img {
        width:120%;
        margin-left:-10%;
        max-width: initial;
    }
}
@media only screen and (max-width: 750px){
    .banner .owl-carousel .owl-item .img img {
        width:150%;
        margin-left:-25%;
    }
}
/* 分页器 */
.owl-theme .owl-controls {
    bottom:30px;
}
.owl-theme .owl-dots .owl-dot span {
    width: 40px;
    height: 5px;
    border-radius: 0;
    margin: 0 20px;
    position: relative;
    background: #000;
    opacity: .4;
}
/* .owl-theme .owl-dots .owl-dot span:after {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 100%;
	background: #fff;
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -2px;
	left: 50%;
	margin-left: -2px;
} */
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #e25a0f;
    opacity: 1;
}
/* .details .owl-theme .owl-dots .owl-dot span:after {
	background: #be9a78
} */
.details .owl-theme .owl-dots .owl-dot.active span, .details .owl-theme .owl-dots .owl-dot:hover span {
	background: #e25a0f;
}
/* 左右 */
.banner_cur {
	left: 10%;
	right: 10%;
	position: absolute;
	top: 50%;
	margin-top: -20px;
    z-index: 50;
    display:flex;
    justify-content: space-between;
}
@media only screen and (max-width: 750px){
    .banner_cur {
        display:none;
    }
}
.banner_cur span {
	cursor: pointer;
	display: block;
	width: 60px;
	height: 60px;
	border-radius:3px;
	background-image: url(../img/cur1.png);
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: .5;
}
.banner_cur span:hover {
	border-color: #fb3546;
    background-color: rgba(0,0,0,0.2);
    opacity: 1;
}
.banner_cur span.next{
	background-image: url(../img/cur2.png);
}
/* page-number */
.page_number{
    width:100%;
    background: url(../img/bg1.jpg) no-repeat center center;
    background-size: cover;
}
.page_number ul{
    width:100%;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
    padding:20px 0;
}
.page_number ul li{
    width:25%;
    padding:25px 0;
}
@media only screen and (max-width:750px){
    .page_number ul li{
        width:50%;
        padding:25px 0;
    }
}
.page_number ul li:nth-child(n+2){
    border-left:1px solid rgba(255,255,255,.5)
}

.page_number ul li h2{
    font-size: 50px;
    width:100%;
    color:#fff;
    text-align: center;
}
@media only screen and (max-width:1200px){
    .page_number ul li h2{
    font-size:40px;
    }
}
@media only screen and (max-width:750px){
    .page_number ul li:nth-child(3){
        border-left:none;
    }
    .page_number ul li h2{
        font-size:30px;
        }
}
.page_number ul li h2 span{
    color:#fff;
    width:100%;
}
.page_number ul li label{
    display: block;
    width: 30px;
    height: 3px;
    background: #fcc442;
    margin: 20px auto;
}
.page_number ul li p{
    width:100%;
    text-align: center;
    font-size: 16px;
    color:#fff;
}
/* 课程 */
.ind_bjkc{
    width:100%;
    overflow: hidden;
}
.ind_tit{
    margin:80px 0 40px;
    position: relative;
    text-align: center;
}
.ind_tit h3{
    font-size: 32px;
    font-weight: normal;
    color: #222;
    position: relative;
    z-index: 9;
}
.ind_tit label{
    display: block;
    margin: 0 auto;
    height: 3px;
    width: 60px;
    background: #e25a0f;
    margin-top: 15px;
}
.ind_tit span{
    display: block;
    font-size: 60px;
    color: #f1f1f1;
    text-transform: uppercase;
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
}
@media only screen and (max-width:750px){
    .ind_tit{
        margin:40px 0 20px;
        position: relative;
        text-align: center;
    }
    .ind_tit span{
        display: block;
        font-size: 30px;
        color: #f1f1f1;
        text-transform: uppercase;
        position: absolute;
        bottom: 10px;
        left: 0;
        width: 100%;
    }
}
.ind_bjkc .nav{
    width:100%;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    margin-bottom:50px;
}
.ind_bjkc .nav a{
    display:block;
    padding: 0 20px;
    font-size: 16px;
    color:#222;
}
.ind_bjkc .nav a:nth-child(n+2){
    border-left: 1px solid #ddd;
}
@media only screen and (max-width:750px){
    .ind_bjkc .nav a{
        padding: 0 10px;
        font-size: 16px;
        margin-bottom:10px;
    }
}
@media only screen and (max-width:480px){
    .ind_bjkc .nav{
        margin-bottom:20px;
    }
}
.ind_bjkc .list{
    width:100%;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.ind_bjkc .list .list_l{
    width:65%;
}
.ind_bjkc .list .list_l ul{
    width:100%;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.ind_bjkc .list .list_l ul li{
    width:31%;
    position: relative;
    margin-bottom:20px;
}
.ind_bjkc .list .list_l ul li .img{
    width:100%;
}
.ind_bjkc .list .list_l ul li .img img{
    width:100%;
}
.ind_bjkc .list .list_l ul li .text{
    width:100%;
    position: absolute;
    bottom:0;
    left:0;
    padding:0px 20px;
    background:rgba(0,0,0,.5);
    z-index:8;
    transition: all ease .35s;
    line-height: 40px;
    height:40px;
}
.ind_bjkc .list .list_l ul li .text>div{
    width:100%;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
    align-items: center;
}
.ind_bjkc .list .list_l ul li .text>div p{
    color:#fff;
    font-size:16px;
}
.ind_bjkc .list .list_l ul li .text>div img{
    width:30px;
}
.ind_bjkc .list .list_l ul li:hover .text{
    height:100%;
    background: rgb(255 142 106 / 70%);;
}
.ind_bjkc .list .list_l ul li:hover .text>div{
    justify-content:center;
    position: absolute;
    top:0;
    left:0;
    top:50%;
    margin-top:-26px;
}
.ind_bjkc .list .list_l ul li:hover .text>div p{
    width:100%;
    text-align: center;
}
.ind_bjkc .list .list_r{
    width:33%;
    height:100%;
}
.ind_bjkc .list .list_r a{
    display: flex;
    flex-wrap: wrap;
    width:100%;
}
.ind_bjkc .list .list_r a .img{
    width:100%;
    vertical-align: top;
    overflow: hidden;
    height: 250px;
}
.ind_bjkc .list .list_r a .img img{
    width:100%;
    display:block;
    transition: all ease .3s
}
.ind_bjkc .list .list_r a:hover .img img{
    transform: scale(1.2,1.2)
}
.ind_bjkc .list .list_r a .text{
    width:100%;
    display: flex;
    justify-content: space-between;
    margin-top:7%;
    line-height: 80px;
}
.ind_bjkc .list .list_r a .text .text1{
    width:75%;
    padding: 0 20px;
    background: #e25a0f;
    line-height: 80px;
}
.ind_bjkc .list .list_r a .text .text1 p{
    color:#fff;
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.ind_bjkc .list .list_r a .text span{
    width:25%;
    display:block;
    background: url("../img/icon6.png")no-repeat center center #fcc442;
    background-size: 40px 20px;
}
.ind_bjkc .list .list_r a:hover .text .text1{
    width:80%;
}
.ind_bjkc .list .list_r a:hover .text span{
    width:20%;
}
@media only screen and (max-width:1200px){
    .ind_bjkc .list .list_r a .text{
        width:100%;
        display: flex;
        justify-content: space-between;
        margin-top:5%;
        line-height: 70px;
    }
    .ind_bjkc .list .list_r a .text .text1{
        width:75%;
        padding: 0 20px;
        background: #e25a0f;
        line-height: 70px;
    }
}
@media only screen and (max-width:850px){
    .ind_bjkc .list .list_l{
        width:100%;
    }
    .ind_bjkc .list .list_r{
        width:100%;
    }
}
@media only screen and (max-width:480px){
    .ind_bjkc .list .list_l ul li{
        width:48%;
        position: relative;
        margin-bottom:20px;
    }
    .ind_bjkc .list .list_r a .text{
        width:100%;
        display: flex;
        justify-content: space-between;
        margin-top:0;
        line-height: 80px;
    }
}
/* 关于我们 */
.ind_about{
    width:100%;
    overflow: hidden;
    position: relative;
}
.ind_about .content{
    width:100%;
    position: relative;
    padding:50px 0;
    background-color:#f3f3f3;
}
.ind_about_img{
    width:50%;
    height:100%;
    position: absolute;
    top:0;
    right:0;
    z-index: 5;
    background:url("../img/about.jpg")no-repeat center center ;
    background-size: cover;
}
@media only screen and (max-width:750px){
    .ind_about_img{
        width:100%;
        height:100%;
        position: absolute;
        top:0;
        right:0;
        z-index: 5;
        background:url("../img/about.jpg")no-repeat center center;
        background-size: cover;
        opacity: .3;
    }
}
.ind_about .content .tit{
    width: 30%;
    margin-left: 50px;
    padding: 20px;
    position: relative;
    z-index: 10;
    padding-bottom: 0;
}
.ind_about .content .tit h3{
    white-space: nowrap;
    font-size: 24px;
    line-height: 40px;
    background: rgba(0,0,0,0);
    font-weight: normal;
    color: #222;
    position: relative;
    z-index:10;
}
.ind_about .content .tit:after{
    content: '';
    display: block;
    width: 78px;
    height: 78px;
    border: 3px solid #febb43;
    top: 0px;
    left: 0;
    position: absolute;
    z-index: -1;
}
.ind_about .content .tit:before{
    content: '';
    display: block;
    position: absolute;
    left: 80px;
    height: 24px;
    top: 50%;
    margin-top: -2px;
    width: 5px;
    background: #fff;
    z-index: 1;
}
.ind_about .content .text{
    width:80%;
    position: relative;
    z-index:7;
    padding:50px;
    background:#e25a0f;
}
@media only screen and (max-width:750px){
    .ind_about .content .text{
        width:100%;
        position: relative;
        z-index:7;
        padding:30px 10px;
        background:#e25a0f;
    }
}
.ind_about .content .text p{
    line-height: 35px;
    font-size: 14px;
    text-indent: 25px;
    color:#fff;
}
.ind_about .content .text a{
    width: 209px;
    line-height: 50px;
    background: #fcc442;
    display:block;
    position: absolute;
    bottom:-25px;
    right:100px;
    background:url("../img/icon6.png")no-repeat 70% center #fcc442;
    background-size:25px 15px;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    padding-right:35px;
    border-radius: 3px;
}
.ind_about .content .text a:hover{
    background:url("../img/icon6.png")no-repeat 75% center #febb43;
    background-size:25px 15px;
    padding-right:45px;
}
@media only screen and (max-width:750px){
    .ind_about .content .text a{
       bottom:-25px;
       left:50px;
    }
}
/* 团队 */
.ind_team{
    width:100%;
    overflow: hidden;
}
.ind_team .nav{
    width:100%;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    margin-bottom:50px;
}
.ind_team .nav a{
    display:block;
    padding: 0 20px;
    font-size: 16px;
    color:#222;
}
.ind_team .nav a:nth-child(n+2){
    border-left: 1px solid #ddd;
}
@media only screen and (max-width:750px){
    .ind_team .nav a{
        padding: 0 10px;
        font-size: 16px;
        margin-bottom:10px;
    }
}
@media only screen and (max-width:480px){
    .ind_team .nav{
        margin-bottom:20px;
    }
}
.ind_team .list{
    width:100%;
}
.ind_team .list .pos{
    position: relative;
}
.ind_team .list .bg_img{
    position: absolute;
    top:0;
    left:0;
    width:150%;
    margin-left:-25%;
    height:480px;
    background:url("../img/team.jpg")no-repeat center center;
    background-size: cover;
}
@media only screen and (max-width:1000px){
    .ind_team .list .bg_img{
        width:100%;
        margin-left:0;
    }
}
@media only screen and (max-width:750px){
    .ind_team .list .bg_img{
        height:240px;
        position: relative;
        display:block;
        width:100%;
        background-size:cover;
    }
}
@media only screen and (max-width:480px){
    .ind_team .list .bg_img{
        height:160px;
        position: relative;
        display:block;
        width:100%;
        background-size:cover;
    }
}
.ind_team .list ul{
    width:100%;
}
.ind_team .list ul li{
    width:600px;
    padding: 0 20px;
    margin:0 auto;
    position: relative;
    background: #fff;
    margin:160px auto 80px;
}
@media only screen and (max-width:750px){
    .ind_team .list ul li{
        width:95%;
        padding: 0 20px;
        margin:0 auto;
        position: relative;
        background: #fff;
        margin:0px auto 40px;
    }
}
.ind_team .list ul li .tit{
    width:100%;
    padding:25px 0;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items:center;
}
.ind_team .list ul li .tit h3{
    padding-left:15px;
    border-left: 5px solid #e25a0f;
    font-size: 24px;
    color: #333;
    font-weight: normal;
}
.ind_team .list ul li .tit p{
    display: block;
    color:#e25a0f;
    font-size: 20px;
}
@media only screen and (max-width:750px){
    .ind_team .list ul li .tit h3{
        font-size: 20px;
    }
    .ind_team .list ul li .tit p{
        font-size: 16px;
    }
}
.ind_team .list ul li .text{
    width:100%;
    padding:25px 0;
}
.ind_team .list ul li .text p{
    line-height: 32px;
    color: #333;
    font-size: 14px;
}
.ind_team .list ul li a{
    width: 209px;
    line-height: 50px;
    background: #fcc442;
    display:block;
    position: absolute;
    left:50%;
    margin-left:-105px;
    bottom:-30px;
    background:url("../img/icon6.png")no-repeat 70% center #fcc442;
    background-size:25px 15px;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    padding-right:35px;
    border-radius: 3px;
    z-index:10;
}
.ind_team .list ul li a:hover{
    background:url("../img/icon6.png")no-repeat 75% center #febb43;
    background-size:25px 15px;
    padding-right:45px;
}
.team_prev{
    display: block;
    cursor: pointer;
    width: 60px;
    height: 60px;
    opacity: .5;
    position: absolute;
    left:0;
    top:50%;
    margin-top:-30px;
    background: url(../img/cur1.png) no-repeat center center;
    background-size: cover;
    z-index:10;
}
.team_prev:hover{
    opacity: 1;
}
.team_next{
    display: block;
    cursor: pointer;
    width: 60px;
    height: 60px;
    opacity: .5;
    position: absolute;
    right:0;
    top:50%;
    margin-top:-30px;
    background: url(../img/cur2.png) no-repeat center center;
    background-size: cover;
    z-index:10;
}
.team_next:hover{
    opacity: 1;
}
@media only screen and (max-width:750px){
    .team_prev{
        top:70%;
    }
    .team_next{
        top:70%;
    }
}
/* 作品案例 */
.ind_al{
    width:100%;
    overflow: hidden;
    background: url(../img/work.jpg) no-repeat center center;
    background-size: cover;
    padding-bottom:50px;
}
.ind_al .ind_tit span{
    color: #e0e0e0;
}
.ind_al .nav{
    width:100%;
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    margin-bottom:50px;
}
.ind_al .nav a{
    display:block;
    padding: 0 20px;
    font-size: 16px;
    color:#222;
}
.ind_al .nav a:nth-child(n+2){
    border-left: 1px solid #ddd;
}
@media only screen and (max-width:750px){
    .ind_al .nav a{
        padding: 0 10px;
        font-size: 16px;
        margin-bottom:10px;
    }
}
@media only screen and (max-width:480px){
    .ind_al  .nav{
        margin-bottom:20px;
    }
}
.ind_al .content{
    width:100%;
}
.ind_al .content .pos{
    position: relative;
}
.ind_al .content ul{
    width:100%;
}
.ind_al .content ul li{
    width:224px;
}
.ind_al .content ul li .img{
    width:100%;
}
.ind_al .content ul li .img img{
    width:100%;
    height:160px;
}
.ind_al .content ul li .text{
    padding:20px;
    background:#fff;
}
.ind_al .content ul li:hover .text{
    padding:20px;
    background:#e25a0f;
}
.ind_al .content ul li .text h3{
    font-size: 18px;
    padding-left: 15px;
    border-left: 5px solid #e25a0f;
    font-weight: normal;
    margin-bottom: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ind_al .content ul li:hover .text h3{
    border-left: 5px solid #febb43;
    color:#fff;
}
.ind_al .content ul li .text p{
    background: url(../img/icon8.png) no-repeat right center;
    margin-bottom: 15px;
    color: #666;
    font-size: 16px;
}
.ind_al .content ul li:hover .text p{
    background: url(../img/icon8-1.png) no-repeat right center;
    color:#fff;
}
.course_prev{
    display: block;
    cursor: pointer;
    width: 60px;
    height: 60px;
    opacity: .5;
    position: absolute;
    left:30px;
    top:50%;
    margin-top:-30px;
    background: url(../img/cur1.png) no-repeat center center;
    background-size: cover;
    z-index:10;
}
.course_prev:hover{
    opacity: 1;
}
.course_next{
    display: block;
    cursor: pointer;
    width: 60px;
    height: 60px;
    opacity: .5;
    position: absolute;
    right:30px;
    top:50%;
    margin-top:-30px;
    background: url(../img/cur2.png) no-repeat center center;
    background-size: cover;
    z-index:10;
}
.course_next:hover{
    opacity: 1;
}
@media only screen and (max-width:480px){
    .course_next{
        display: none
    }
    .course_prev{
        display:none;
    }
}
/* 新闻动态 */
.ind_news{
    width:100%;
    overflow: hidden;
}
.ind_news .content{
    width:100%;
    margin-top:20px;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.ind_news .content .content_l{
    width: 38%;
    background: #f5f5f5;
    height: 500px;
    overflow: hidden;
}
.ind_news .content .content_l .img{
    width:100%;
    overflow: hidden;
}
.ind_news .content .content_l .img img{
    width:100%;
    transition: all ease .35s;
}
.ind_news .content .content_l:hover .img img{
    transform: scale(1.2,1.2)
}
.ind_news .content .content_l .text{
    padding:20px;
}
.ind_news .content .content_l .text p{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #333;
    font-weight: normal;
    line-height: 25px;
}
.ind_news .content .content_l:hover .text p{
    color:#e25a0f
}
.ind_news .content .content_l .text span{
    color: #666;
    overflow: hidden;
    line-height: 25px;
    font-size: 14px;
}
.ind_news .content .content_r{
    width:60%;
}
.ind_news .content .content_r li{
    width:100%;
}
.ind_news .content .content_r li a{
    width:100%;
    display:flex;
    justify-content:flex-start;
    padding:20px 0;
    position: relative;
}
.ind_news .content .content_r li:hover a{
    background:#e25a0f;
}
.ind_news .content .content_r li .date{
    line-height: 20px;
    width:15%;
    text-align: center;
}
.ind_news .content .content_r li .date span{
    display: block;
    font-size: 20px;
    margin-bottom: 5px;
    color: #999;
}
.ind_news .content .content_r li:hover .date span{
    color:#fff;
}
.ind_news .content .content_r li .date label{
    font-size: 12px;
    line-height: 20px;
}
.ind_news .content .content_r li:hover .date label{
    color:#fff;
}
.ind_news .content .content_r li a .text{
    width:85%;
    position: relative;
    padding-left:20px;
}
.ind_news .content .content_r li a:after{
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    background: #ddd;
    height:100%;
    left:15%;
}
.ind_news .content .content_r li:hover a:after{
    background: #e25a0f;
}
.ind_news .content .content_r li a .text:after{
    content: '';
    display: block;
    width: 3px;
    left:-1px;
    background: #e25a0f;
    top: 0px;
    position: absolute;
    height: 20px;
    z-index:5;
}
.ind_news .content .content_r li a .text:after{
    background: #fcc442;
}
.ind_news .content .content_r li a .text h3{
    line-height: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
    color: #333;
    background: no-repeat 80% center;
}
.ind_news .content .content_r li:hover a .text h3{
    background: url(../img/icon5.png) no-repeat 95% center;
    color:#ffffff;
    font-weight: bold;
}
.ind_news .content .content_r li a .text p{
    color: #666;
    overflow: hidden;
    line-height: 27px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
}

.ind_news .content .content_r li:hover a .text p{
    color:#fff;
}
@media all and (max-width:750px) {
.ind_news .content .content_l{
    width:100%;
    height:100%;
}
.ind_news .content .content_r{
    width:100%;
    margin-top:20px;
}
}
/* 合作伙伴 */
.ind_partner{
    width:100%;
    overflow: hidden;
    padding-bottom:50px;
}
.ind_partner .pos{
    position: relative;
}
.ind_partner .content{
    width:100%;
}
.ind_partner .content ul{
    width:100%;
    border-left:1px solid #ddd;
    border-bottom:1px solid #ddd;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.ind_partner .content ul li{
    width:16.666666%;
    display:flex;
    border-top:1px solid #ddd;
    border-right:1px solid #ddd;
    background:#fff;
    padding:30px 0;
}
.ind_partner .content ul li:hover{
   background: #f7f8f9;
}
.ind_partner .content ul li img{
    display:block;
    width:60%;
    margin:0 auto;
}
.partner_prev{
    display: block;
    cursor: pointer;
    width: 60px;
    height: 60px;
    opacity: .5;
    position: absolute;
    left:30px;
    top:50%;
    margin-top:-30px;
    background: url(../img/cur1.png) no-repeat center center;
    background-size: cover;
    z-index:10;
}
.partner_prev:hover{
    opacity: 1;
}
.partner_next{
    display: block;
    cursor: pointer;
    width: 60px;
    height: 60px;
    opacity: .5;
    position: absolute;
    right:30px;
    top:50%;
    margin-top:-30px;
    background: url(../img/cur2.png) no-repeat center center;
    background-size: cover;
    z-index:10;
}
.partner_next:hover{
    opacity: 1;
}
@media only screen and (max-width:480px){
    .partner_prev{
        display: none
    }
    .partner_next{
        display:none;
    }
}
@media all and (max-width:750px) {
    .ind_partner .content ul li{
        width:33.333333333%;
        display:flex;
        border-top:1px solid #ddd;
        border-right:1px solid #ddd;
        background:#fff;
        padding:30px 0;
    }
}
@media all and (max-width:480px) {
    .ind_partner .content ul li{
        width:50%;
        display:flex;
        border-top:1px solid #ddd;
        border-right:1px solid #ddd;
        background:#fff;
        padding:30px 0;
    }
}
/* 底部 */
.footer{
    width:100%;
    padding:40px 0;
    background:url(../img/bg_3.jpg) no-repeat center center;
    background-size: cover;
}
.footer .link{
    width:100%;
    margin-bottom:20px;
    line-height:25px;
    display:flex;
    justify-content:flex-start;
}
.footer .link p{
    color: #ededed;
    font-size: 16px;
    white-space: nowrap;
}
.footer .link .links a{ 
    color:#fff;
    font-size: 14px;
    padding:0 10px;
    white-space: nowrap;
}
.footer .link .links a:hover{
    color:#fcc442;
} 
@media all and (max-width:480px) {
    .footer .link{
        flex-wrap:wrap;
    }
    .footer .link p{
        width:100%;
    }
    .footer .link .links{
        width:100%;
    } 
}
.footer .tit{
    width:100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:20px;
    flex-wrap:wrap;
}
.footer .tit h3{
    font-weight: normal;
    font-size: 20px;
    color:#fcc442;
}
.footer .tit p{
    font-weight: normal;
    font-size: 20px;
    color:#fff;
}
.footer .tit p em{
    font-style: normal;
    font-size: 20px;
    color:#fcc442;
}
@media all and (max-width:480px) {
    .footer .tit{
        justify-content:center;
    }
    .footer .tit h3{
        width:100%;
        text-align: center;
        margin-bottom:10px;
    }
    .footer .tit p{
        width:100%;
        line-height: 35px;
        text-align: center;
    }
}

.footer .nav{
    width:100%;
    display: flex;
    justify-content: center;
    flex-wrap:wrap;
    color:#fff;
    font-size: 14px;
    margin-bottom:20px;
    line-height: 25px;
}
.footer .nav a{
    display:block;
    padding:0 15px;
    font-size: 14px;
    color:#fff;
    line-height: 25px;
}
.footer .nav a:hover{
    color:#fcc442;
}
.footer .text{
    width:100%;
}
.footer .text p{
    text-align: center;
    line-height: 25px;
    font-size: 14px;
    color:#fff;
}
.footer .text p a{
    color:#fff;
    font-size: 14px;
}








/* 面包屑 */
.every_mbx{
    width:100%;
    line-height: 42px;
    background: #f3f3f3;
    color: #999;
}
.mbx_w{
    width:1200px;
    margin:0 auto;
    font-size: 14px;
    color:#999;
}
.mbx_w a{
    font-size: 14px;
    color:#999;
}
@media all and (max-width:1200px) {
    .mbx_w{
        width:95%;
        margin:0 auto;
        font-size: 14px;
        color:#999;
    }
}
@media all and (max-width:750px) {
    .every_mbx{
        width:100%;
        line-height:35px;
        background: #f3f3f3;
        color: #999;
    }
}
/* 每个页的标题 */
.every_tit{
    width:100%;
    padding:80px 0;
    overflow: hidden;
}
.every_tit h1{
    width:100%;
    font-size: 32px;
    font-weight: normal;
    color: #222;
    position: relative;
    z-index: 9;
    text-align: center;
}
.every_tit label{
    display: block;
    margin: 0 auto 0;
    height: 3px;
    width: 60px;
    background: #e25a0f;
    margin-top: 15px;
}
@media all and (max-width:750px) {
    .every_tit{
        width:100%;
        padding:40px 0;
        overflow: hidden;
    }
}
/* 每个页的小导航 */
.every_nav{
    width:100%;
    padding: 8px 0;
    border-top: 1px solid #ddd;
    display:flex;
    justify-content:flex-start;
    overflow: hidden;
}
.every_nav a{
    display:block;
    padding:0 25px;
    background:#fff;
    margin-left:20px;
    color:#222;
    line-height: 34px;
    font-size: 18px;
}
.every_nav .every_on{
    background:#e25a0f;
    color:#fff;
}
.every_nav a:hover{
    background:#e25a0f;
    color:#fff;
}
@media all and (max-width:750px) {
    .every_nav{
        width:100%;
        padding: 8px 0;
        border: 1px solid #ddd;
        display:flex;
        justify-content:flex-start;
        overflow: hidden;
        flex-wrap:wrap;
    }
    .every_nav a{
        display:block;
        padding:0 10px;
        background:#fff;
        margin:5px 10px; 
        color:#222;
        line-height: 34px;
        font-size: 14px;
    }
}
/* 翻页 */
.page_list{
    width:100%;
    display:flex;
    justify-content: center;
    margin-bottom:50px;
}
.page_list li{
    margin:0 10px;
}
.page_list li a{
    display:block;
    width:100%;
    padding:10px 15px;
    color:#333;
    border:1px solid #ddd;
    font-size: 14px;
}
.page_list li:hover a{
    border:1px solid #e25a0f;
}
.page_list .page_on a{
    border:1px solid #e25a0f;
}
@media all and (max-width:480px) {
    .page_list li{
        margin:0 5px;
    }
    .page_list li a{
        display:block;
        width:100%;
        padding:5px 10px;
        color:#333;
        border:1px solid #ddd;
        font-size: 14px;
    }
}








/* 公司简介 */
.about{
    width:100%;
}
.about .gsjj{
    width:100%;
    margin:80px 0 40px;
    overflow: hidden;
}
.about .gsjj p{
    font-size: 14px;
    color:#222;
    text-indent: 25px;
    line-height: 35px;
    margin-top:20px;
}
/* 发展历程 */
.about .fzlc{
    width:100%;
    margin:0px 0 40px;
    overflow: hidden;
}
.about .fzlc p{
    font-size: 14px;
    color:#222;
    text-indent: 25px;
    line-height: 35px;
    margin-top:20px;
}
/* 招贤纳士 */
.about .zxns{
    width:100%;
    padding:30px 0;
}
.about .zxns ul{
    width:100%;
}
.about .zxns ul li{
    width:100%;
    padding:10px 0;
}
.about .zxns ul li .tit{
    width:100%;
    display:flex;
    justify-content: space-between;
    cursor: pointer;
    line-height: 60px;
    border-bottom: 1px solid #ddd;
}
.about .zxns ul li .tit h3{
    font-size: 18px;
    font-weight: normal;
    color: #222;
    padding-left: 20px;
}
.about .zxns ul li .tit p{
    display: block;
    color: #ccc;
    text-transform: uppercase;
    float: right;
    padding-right: 30px;
    background: url(../img/icon11-1.png) no-repeat right center;
}
.about .zxns ul li .tit .p1{
    background: url(../img/icon11.png) no-repeat right center;
}
.about .zxns ul li .text{
    width:100%;
    transition: none;
}
.about .zxns ul li .text1{
    padding:20px 0 0 20px;
}
.about .zxns ul li .text1 p{
    line-height: 16px;
    margin: 8px 0;
    color: #333;
    padding-left: 10px;
    font-weight: normal;
    border-left: 4px solid #e25a0f;
    font-size:14px;
}
.about .zxns ul li .text1 span{
    display:block;
    line-height: 32px;
    color: #666;
    font-size:14px;
}
.about .zxns ul li:nth-child(n+2) .text{
    display:none;
}
/* 企业荣誉 */
.about .qyry{
    width:100%;
    padding:50px 0;
}
.about .qyry .tit{
    width:100%;
    border-bottom: 1px solid #e9e9e9;
}
.about .qyry .tit h3{
    font-size: 20px;
    margin-bottom: 25px;
    color:#222;
    line-height: 25px;
}
.about .qyry .tit p{
    color:#222;
    font-size: 16px;
    line-height:25px;
}
.qyry .content{
    width:100%;
    margin-top:40px;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.qyry .content li{
    width:48%;
    display:flex;
    justify-content: space-between;
    margin-bottom:20px;
}
.qyry .content li .tit{
    width:48%;
    border:1px solid #ddd;
    padding:10px;
}
.qyry .content li .tit img{
    width:100%;
    height: 160px;
}
.qyry .content li .text{
    width:48%;
}
.qyry .content li .text h2{
    font-size: 20px;
    font-weight: normal;
    color: #222;
    padding: 25px 0 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.qyry .content li .text p{
    font-size: 16px;
    line-height: 25px;
    color: #747474;
    overflow: hidden;
}
@media all and (max-width:750px) {
    .qyry .content{
        margin-top:40px;
    }
    .qyry .content li{
        width:100%;
    }
    .qyry .content li .text h2{
        font-size: 16px;
    }
    .qyry .content li .text p{
        font-size: 14px;
    }
    .qyry .content li .tit img{
        height: 140px;
    }
}
@media all and (max-width:850px) {
    .qyry .content li .tit img{
        height: auto;
    }
    .qyry .content li .text p{
            overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}











/* 课程 */
.bjkc{
    width:100%;
}
/* 列表 */
.bjkc .list{
    width:100%;
    padding: 40px 0 40px;
    border-top: 1px solid #e7e7e7;
}
.bjkc .list ul{
    width:100%;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}
.bjkc .list ul li{
    width:23%;
    margin-bottom:20px;
}
@media all and (max-width:750px) {
    .bjkc .list ul li{
        width:48%;
        margin-bottom:20px;
    }
    .bjkc .list ul li .img img{
        height: 160px;
}

}
.bjkc .list ul li .img{
    width:100%;
    position: relative;
}
.bjkc .list ul li .img img{
    width:100%;
    height: 180px;
}
.bjkc .list ul li .img .text{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#e25a0f;
    z-index:10;
    opacity: 0;
    opacity: 0;
}
.bjkc .list ul li .img .text p{
    width:100%;
    position: absolute;
    top:50%;
    margin-top:-8px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding-right: 50px;
    background: url(../img/icon1.png) no-repeat 60% center;
}
.bjkc .list ul li:hover .img .text{
    opacity: 1;
}
.bjkc .list ul li .content{
    margin-top:20px;
    line-height: 25px;
    display:flex;
    justify-content:space-between;
}
.bjkc .list ul li .content p{
    color:#333;
    font-size: 16px;
}
.bjkc .list ul li .content span{
    color: #e25a0f;
    font-size: 16px;
}
.bjkc .list ul li .content span em{
    font-style: normal;
    font-size: 14px;
}
/* 详情 */
.bjkc .article{
    width:100%;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
    margin:100px 0;
}
.bjkc .article .img{
    width:38%;
}
.bjkc .article .img img{
    width:100%;
}
.bjkc .article .text{
    width:100%;
}
@media all and (max-width:850px) {
    .bjkc .article .img{
        width:100%;
    }
    .bjkc .article .text{
        width:100%;
    }
    .bjkc .list ul li .img img{
        height: 130px;
    }
}
.bjkc .article .text .tit{
    width:100%;
    background: #fff;
    padding: 11px 0;
    position: relative;
    text-align: center;
    border-bottom: 1px solid #e9e9e9;
}
.bjkc .article .text .tit h3{
    font-size: 24px;
    font-weight: normal;
    color: #333;
}
.bjkc .article .text .tit p{
    width:100%;
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
    margin-top: 10px;
    margin-top: 26px;
    padding-left: 30%;
}
.bjkc .article .text .tit p span{
    display:block;
    font-size: 16px;
    color: #999;
}
.bjkc .article .text .tit p span:nth-child(2){
    margin-left:100px;
}
.bjkc .article .text .tit .line{
    width: 104px;
    height: 104px;
    /*background: url(../img/icon4.png) no-repeat center center;*/
    position: absolute;
    top: 50%;
    margin-top: -52px;
    left: -60px;
}
.bjkc .article .text .price{
    width:100%;
    margin-top:50px;
    line-height: 32px;
}
.bjkc .article .text .price h4{
    font-size: 16px;
    font-weight: normal;
    color: #333;
}
.bjkc .article .text .price h4 p{
    display:inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #FCC442;
}
.bjkc .article .text .kcxq{
    width:100%;
    margin-top:25px;
    border-bottom: 1px solid #ddd;
}
.bjkc .article .text .kcxq h4{
    font-size: 16px;
    font-weight: normal;
    color: #333;
    line-height: 32px;
}
.bjkc .article .text .kcxq p{
    line-height: 32px;
    font-size: 14px;
    color: #666;
    text-indent: 2em;
}
@media all and (max-width:850px) {
    .bjkc .article{
        width:100%;
        display:flex;
        justify-content: space-between;
        flex-wrap:wrap;
        margin:20px 0 50px;
    }
    .bjkc .article .text .tit{
        width:100%;
        margin-top: 45px;
        background: #fff;
        padding: 11px 0;
        position: relative;
        padding-left:60px;
    }
    .bjkc .article .text .tit .line{
        width: 104px;
        height: 104px;
        background: url(../img/icon4.png) no-repeat center center;
        position: absolute;
        top: 50%;
        margin-top: -52px;
        left: 0px;
    }
    .bjkc .article .text .tit p span{
        display:block;
        width:100%;
        font-size: 14px;
        color: #999;
        line-height: 20px;
    }
    .bjkc .article .text .tit p span:nth-child(2){
        margin-left:0px;
    }
    .bjkc .article .text .price{
        width:100%;
        margin-top:20px;
        line-height: 32px;
    }
    .bjkc .article .text .kcxq{
        width:100%;
        margin-top:20px;
    }
}
    .bjkc .article .pn{
        width:100%;
        display:flex;
        justify-content: space-between;
        flex-wrap:wrap;
        line-height: 35px;
    }
    .bjkc .article .pn p{
        font-size: 14px;
        color:#666;
    }
    .bjkc .article .pn p a{
        color:#999;
        font-size: 14px;
    }














/* 团队 */
.mstd{
    width:100%;
}
.mstd .list{
    width:100%;
    padding:50px 0;
    border-top: 1px solid #e7e7e7;
}
.mstd .list ul{
    width:100%;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.mstd .list ul li{
    width:23%;
    border:1px solid #f3f3f3;
    margin-bottom:30px;
}
@media all and (max-width:750px) {
    .mstd .list ul li{
        width:48%;
        border:1px solid #f3f3f3;
        margin-bottom:30px;
    }
}
.mstd .list ul li .img{
    width:100%;
    position: relative;
    overflow: hidden;
}
.mstd .list ul li .img img{
    width:100%;
}
.mstd .list ul li:hover .img img{
    transform: scale(1.1,1.1)
}
.mstd .list ul li .img>div{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0);
    z-index: 10;
}
.mstd .list ul li:hover .img>div{
    background:rgba(0,0,0,.3);
}
.mstd .list ul li .text{
    width:100%;
    padding:20px;
    position: relative;
}
.mstd .list ul li .text p{
    font-size: 16px;
    color: #222;
    margin-bottom: 15px;
    font-weight: normal;
}
.mstd .list ul li:hover .text p{
    color:#e25a0f;
}
.mstd .list ul li .text span{
    display:block;
    font-size: 14px;
    color: #999;
    margin-top:10px;
}
.mstd .list ul li .text em{
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    background: url(../img/icon8-1.png) no-repeat center center #e25a0f;
    top: -25px;
    right: 20px;
    z-index: 11
}
.mstd .list ul li:hover .text em{
    background: url(../img/icon8.png) no-repeat center center #fcc442;
}
@media all and (max-width:750px) {
    .mstd .list ul li .text em{
        width: 40px;
        height: 40px;
    }
    .mstd .list ul li .text{
        width:100%;
        padding:15px;
        position: relative;
    }
}


















/* 案例 */
.zpal{
    width:100%;
}
.zpal .list{
    width:100%;
    padding:50px 0;
}
.zpal .list ul{
    width:100%;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.zpal .list ul li{
    width:23%;
    margin-bottom:30px;
    border:1px solid #efefef;
}
@media all and (max-width:750px) {
    .zpal .list ul li{
        width:48%;
        margin-bottom:20px;
        border:1px solid #efefef;
    }
}
.zpal .list ul li .img{
    width:100%;
}
.zpal .list ul li .img img{
    width:100%;
    display: block;
}
.zpal .list ul li .text{
    width:100%;
    padding:20px;
    background:#fff;
}
.zpal .list ul li:hover .text{
    background:#e25a0f;
}
.zpal .list ul li .text h3{
    font-size: 18px;
    padding-left: 15px;
    border-left: 5px solid #e25a0f;
    font-weight: normal;
    margin-bottom: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.zpal .list ul li:hover .text h3{
    border-left: 5px solid #fcc442;
    color:#fff;
}
.zpal .list ul li .text p{
    background: url(../img/icon8.png) no-repeat right center;
    margin-bottom: 15px;
    color: #666;
    font-size: 14px;
}
.zpal .list ul li:hover .text p{
    background: url(../img/icon8-1.png) no-repeat right center;
    color: #fff;
}
@media all and (max-width:750px) {
    .zpal .list ul li .text{
        padding:10px;
    }
    .zpal .list ul li .text h3{
        font-size: 16px;
        padding-left: 10px;
        border-left: 5px solid #e25a0f;
        font-weight: normal;
        margin-bottom: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .zpal .list ul li .text p{
   
    }
}
/* 详情 */
.zpal .article{
    width:100%;
    padding:50px 0;
}
@media all and (max-width:750px) {
    .zpal .article{
        width:100%;
        padding:30px 0;
    } 
}
.zpal .article .img{
    width:100%;
}
.zpal .article .img img{
    width:100%;
    display:block;
}
.zpal .article .text{
    width:100%;
    margin-top:30px;
}
.zpal .article .text h4{
    color:#222;
    font-size: 14px;
    line-height: 30px;
}
.zpal .article .text p{
    color:#666;
    font-size: 14px;
    line-height: 30px;
}
@media all and (max-width:750px) {
    .zpal .article .text{
        width:100%;
        margin-top:15px;
    }
}


















/* 新闻资讯 */
.xwzx{
    width:100%;
}
.xwzx .list{
    width:100%;
    padding:50px 0;
    border-top: 1px solid #ddd;
}
@media all and (max-width:750px) {
    .xwzx .list{
        width:100%;
        padding:20px 0;
    }
}
.xwzx .list ul{
    width:100%;
}
.xwzx .list ul li{
    width:100%;
    padding:0 15px;
}
.xwzx .list ul li:hover{
    background:#e25a0f;
}
.xwzx .list ul li a{
    width:100%;
    display:flex;
    justify-content: space-between;
}
.xwzx .list ul li a .img{
    width: 240px;
    padding:15px 0;
}
.xwzx .list ul li a .img img{
    width:100%;
}
.xwzx .list ul li a .content{
    width:78%;
    padding:15px 0;
    position: relative;
    display:flex;
    justify-content: space-between;
}
.xwzx .list ul li a .content:after{
    content:"";
    z-index: 1;
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    top: 0;
    bottom: 0;
    background: #ddd;
    left: 171px;
}
.xwzx .list ul li:hover a .content:after{
    background: #e25a0f;
}
.xwzx .list ul li a .content .date{
    padding:0 30px;
    line-height: 40px;
}
.xwzx .list ul li a .content .date span{
    display: block;
    font-size: 40px;
    color: #999;
    white-space: nowrap;
}
.xwzx .list ul li:hover a .content .date span{
    color: #fff;
}
.xwzx .list ul li a .content .date label{
    display: block;
    width:100%;
    font-size: 14px;
    color:#333;
    text-align: right;
}
.xwzx .list ul li:hover a .content .date label{
    color: #fff;
}
.xwzx .list ul li a .content .text{
    padding-left:15px;
    position: relative;
}
.xwzx .list ul li a .content .text h3{
    line-height: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: normal;
}
.xwzx .list ul li:hover a .content .text h3{
    color: #fff;
}
.xwzx .list ul li a .content .text p{
    font-size: 14px;
    line-height: 35px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.xwzx .list ul li:hover a .content .text p{
    color: #fff;
}
.xwzx .list ul li a .content .text:after{
    content:"";
    display:block;
    position: absolute;
    width:3px;
    left: -2px;
    background: #e25a0f;
    top: 0px;
    position: absolute;
    height: 20px;
    z-index:5
}
.xwzx .list ul li:hover a .content .text:after{
    background: #FCC442;
}
@media all and (max-width:750px) {
    .xwzx .list ul li a{
        flex-wrap:wrap;
    }
    .xwzx .list ul li a .img{
        width:100%;
        padding:15px 0 0;
    }
    .xwzx .list ul li a .content{
        width:100%;
        padding:0 0 15px;
        flex-wrap:wrap;
    }
    .xwzx .list ul li a .content .date{
        width:100%;
        padding:0;
        line-height: 25px;
        padding:10px 0;
        display:flex;
        justify-content: flex-start;
        align-items: baseline;
    }
    .xwzx .list ul li a .content .date span{
        font-size: 24px;
    }
    .xwzx .list ul li a .content .date label{
        text-align: left;
        padding-left:10px;
    }
    .xwzx .list ul li a .content .text{
        width:100%;
    }
    .xwzx .list ul li a .content .text h3{
        line-height: 25px;
    }
    .xwzx .list ul li a .content .text p{
        line-height: 25px;
    }
    .xwzx .list ul li a .content:after{
        width:0;
    }
}
/* 详情 */
.xwzx .article{
    width:100%;
    padding:50px 0;
}
@media all and (max-width:750px) {
    .xwzx .article{
        width:100%;
        padding:20px 0;
    }
}
.xwzx .article .tit{
    padding:20px 0;
}
.xwzx .article .tit h2{
    width:100%;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 10px;
    color: #222;
    line-height: 35px;
}
.xwzx .article .tit p{
    font-size: 14px;
    text-align: center;
    color:#999;
    padding:20px 0;
}
.xwzx .article .text{
    width:100%;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding:30px;
}
@media all and (max-width:750px) {
    .xwzx .article .tit p{
        padding:10px 0;
    }
    .xwzx .article .text{
        width:100%;
        border-top:1px solid #ddd;
        border-bottom:1px solid #ddd;
        padding:15px 10px; 
    }
}
.xwzx .article .text p{
    line-height: 36px;
    color: #666;
    font-size: 14px;
}
.xwzx .article .pn{
    width:100%;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
    line-height: 35px;
}
.xwzx .article .pn p{
    font-size: 14px;
    color:#666;
}
.xwzx .article .pn p a{
    color:#999;
    font-size: 14px;
}















/* 联系我们 */
.lxwm{
    width:100%;
}
.lxwm .content{
    width:100%;
    padding:100px 0;
}
.lxwm .content .content1{
    width:100%;
    display:flex;
    justify-content: space-between;
}
.lxwm .content .content1 .map{
    width:500px;
}
.lxwm .content .content1 .map img{
    width:100%;
}
.lxwm .content .content1 .yhly{
    width:55%;
    margin-left:30px;
}
.lxwm .content .content1 .yhly .tit{
    line-height: 50px;
    height: 40px;
    background: url(../img/icon21.png) no-repeat left center;
    text-align: left;
}
.lxwm .content .content1 .yhly .tit h3{
    font-size: 20px;
    display: inline-block;
    padding-left: 10px;
    height: 20px;
    border-left: 5px solid #e25a0f;
    line-height: 20px;
    font-weight: normal;
    margin-top: 10px;
}
.lxwm .content .content1 .yhly form{
    width:100%;
}
.lxwm .content .content1 .yhly form ul{
    width:100%;
    display:flex;
    justify-content: space-between;
}
.lxwm .content .content1 .yhly form ul li{
    width:30%;
}
.lxwm .content .content1 .yhly form ul li span{
    display: block;
    padding-left: 10px;
    color: #888;
    line-height: 35px;
    font-size: 14px;
}
.lxwm .content .content1 .yhly form ul li>div{
    line-height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0 15px;
}
.lxwm .content .content1 .yhly form ul li>div input{
    width: 100%;
    border: 0;
    background: none;
}
.lxwm .content .content1 .yhly form .textare{
    width:100%;
    margin-top:15px;
}
.lxwm .content .content1 .yhly form .textare span{
    display: block;
    padding-left: 10px;
    color: #888;
    line-height: 35px;
    font-size: 14px;
}
.lxwm .content .content1 .yhly form .textare .div_textare{
    line-height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding:5px 15px;
}
.lxwm .content .content1 .yhly form .textare .div_textare textarea{
    height: 100px;
    width: 100%;
    border: 0;
    background: none;
    resize: none;
    font-family: 微软雅黑, "Open Sans", sans-serif;
    font-size: 1em;
}
.lxwm .content .content1 .yhly form .btn{
    width:100%;
    margin-top:10px;
}
.lxwm .content .content1 .yhly form .btn a{
    display:block;
    width: 200px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #e25a0f;
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
}
.lxwm .content .content1 .yhly form .btn a:hover{
    color: #fff;
    background: #00988a;
}
.lxwm .content .content1 .yhly form .btn a span{
    display:block;
    padding-right: 25px;
    color: #fff;
    background: url(../img/icon23.png) no-repeat 70% center;
}
@media all and (max-width:750px) {
    .lxwm .content{
        width:100%;
        padding:30px 0;
    }
    .lxwm .content .content1{
        width:100%;
        display:flex;
        justify-content: space-between;
        flex-wrap:wrap;
    }
    .lxwm .content .content1 .map{
        width:100%;
    }
    .lxwm .content .content1 .yhly{
        width:100%;
        margin:0;
        margin-top:10px;
    }
    .lxwm .content .content1 .yhly form ul{
        flex-wrap:wrap;
    }
    .lxwm .content .content1 .yhly form ul li{
        width:80%;
        margin:0 auto;
    }
    .lxwm .content .content1 .yhly form .textare{
        width:80%;
        margin:10px auto 0;
    }
    .lxwm .content .content1 .yhly form .btn a{
        margin:10px auto 0;
    }
    .lxwm .content .content1 .yhly .tit {
        width:100%;
        line-height: 50px;
        height: 40px;
        background: url(../img/icon21.png) no-repeat center center;
        text-align: left;
        display: flex;
        align-items:baseline;
    }
    .lxwm .content .content1 .yhly .tit h3 {
        width:100px;
        font-size: 20px;
        display:block;
        padding-left: 10px;
        height: 20px;
        border-left: 5px solid #e25a0f;
        line-height: 20px;
        font-weight: normal;
        margin:0 auto;
        margin-top: 10px;
        text-align: center;
    }
}
.lxwm .content .content2{
    width:100%;
    margin-top:50px;
}
.lxwm .content .content2 ul{
    width:100%;
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
}
.lxwm .content .content2 ul li{
    line-height: 32px;
    color: #222;
    font-size: 18px;
    width: 27.333%;
    margin: 0 3%;
    text-align: center;
    position: relative;
}
.lxwm .content .content2 ul li .img{
    overflow: hidden;
    width: 120px;
    height: 120px;
    border-radius: 120px;
    position: relative;
    margin: 0 auto;
}
.lxwm .content .content2 ul li .img img{
    width:100%;
    height:100%;
}
.lxwm .content .content2 ul li .img .i1{
    position: absolute;
    top: 32px;
    left: 57px;
    width: 32px;
    height: 27px;
    background: url(../img/icon16.png) no-repeat center center;
    display: block;
} 
.lxwm .content .content2 ul li .img .i2{
    position: absolute;
    top: 61px;
    left: 30px;
    width: 27px;
    height: 11px;
    background: url(../img/icon17.png) no-repeat center center;
    display: block;
}
.lxwm .content .content2 ul li .img .i3{
    position: absolute;
    top: 41px;
    left: 51px;
    width: 20px;
    height: 20px;
    background: url(../img/icon18.png) no-repeat center center;
    display: block;
}
.lxwm .content .content2 ul li .text{
    text-align: center;
}
.lxwm .content .content2 ul li .text h3{
    font-weight: normal;
    font-size: 18px;
    color: #666;
    line-height: 25px;
    margin-top:10px;
}
.lxwm .content .content2 ul li .text p{
    font-size:16px;
    color: #666;
    line-height: 25px;
    margin-top:10px;
}
@media all and (max-width:750px) {
    .lxwm .content .content2 ul li{
        width:100%;
        display:flex;
        justify-content: flex-start;
        margin-bottom: 0px;
        align-items: center;
    }
    .lxwm .content .content2 ul li .img{
        margin:0;
        transform: scale(.7)

    }
    .lxwm .content .content2 ul li .text{
        text-align: left;
        margin-left:10px;
    }
    .lxwm .content .content2 ul li .text p{
        margin-top:5px;
    }
    .lxwm .content .content2 ul li .text h3{
        margin:0;
    }
}