@charset "utf-8";

/*****banner******/
.carousel .carousel-inner img{
    width: 100%;
    height: 432px;
}


/*************主体内容****************/
.main3,.main4,.main5{
    padding: 25px 0;
}

.mt {
    margin-top: 20px;
}

.w-title {
    text-align: center;
    color: #333;
    font-size: 24px;
    line-height: 35px;
    font-weight: bold;
}
.eglish_title{
    text-align: center;
    color: #686868;
    font-size: 16px;
}
.splitline{
    text-align: center;
    margin-bottom: 40px;
}
.w-text {
    text-align: center;
    color: #666;
    font-size: 16px;
    padding-bottom: 20px;
}


.recent-work-wrap {
    position: relative;
    display: block;
}

.recent-work-wrap img {
    width: 100%;
}
.recent-work-wrap .js_words{
    padding:10px 0 35px 0;
}
.timeline{
    width: 80%;
    margin: 30px auto;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.timeline .timeline-item {
    margin-bottom: 20px;
    position: relative;
}
.timeline .timeline-item .timeline-icon {
    background: #ffc221;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    left: 50%;
    overflow: hidden;
    margin-left: -7px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}
.timeline .timeline-item .timeline-icon-kx {
    width: 18px;
    height: 18px;
    border: 2px solid  #ffc221;
    position: absolute;
    top: 0;
    left: 50%;
    overflow: hidden;
    margin-left: -8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
}
.timeline:before {
    content: "";
    width: 3px;
    height: 100%;
    background: #ffc221;
    left: 50%;
    top: 0;
    position: absolute;
}
.timeline:after {
    content: "";
    clear: both;
    display: table;
    width: 100%
}
.timeline .timeline-item .timeline-content {
    width: 40%;
    background: #fff;
    padding-bottom: 15px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.service_all{
     width: 100%;
    margin: 90px auto;
    position: relative;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    padding: 0 15px;
}
.s-col-lg-5{
    width: 40%;
    float: left;
}
.s-col-lg-2{
     width: 20%;
     float: left;
}
.service_middle{
    text-align: center;
}
.service_right{
    float: right;
}
.ciecle_yq{
    width: 185px;
    height: 185px;
    border: 22px solid #ffc221;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    padding-top: 45px;
    margin: 0 auto;
}
.ciecle_yq h2{
    font-weight: bold;
}
.ciecle_yq p{
    font-size: 20px;
    color: #999;
    margin-top: 7px;
}
.service_all .sp_1,.service_all .sp_2{
    margin-top: -90px;
}
.service_all .sp_2,.service_all .sp_4{
    margin-left: -45px; 
    overflow: hidden;
}
.service_all .sp_4{
    margin-top: -9px;
}
.service_all .sp_2 .words_js,.service_all .sp_4 .words_js{
    margin-left: 40px;
}
.service_all .service_program img{
    width: 109%;
}
.service_all .sp_3 img,.service_all .sp_4 img{
    margin-top: -75px;
}
.service_all .sp_3 .words_js,.service_all .sp_4 .words_js{
    margin-top: 65px;
}
.service_all .service_program h4{
    font-weight: bold;
}
.service_all .service_program .service_content{
    width: 70%;
    height: 40px;
    margin: 10px 0;
    overflow: hidden; 
    text-overflow: ellipsis; 
    display: -webkit-box; 
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}
.service_all .sp_2 h4,.service_all .sp_2 .service_content{
    margin-left: 75px;
}
.service_all .sp_4 h4,.service_all .sp_4 .service_content{
    margin-left: 75px;
}
/*****手机端下******/
@media (max-width: 768px) {
.splitline img{
    width: 150px;
}
.carousel .carousel-inner .item img{
    height: 200px;
}

.timeline {
    margin: 30px;
    padding: 0;
}
.timeline:before {
    left: 0;
}
.timeline .timeline-item .timeline-content {
    width: 90%;
    float: right;
}
.timeline .timeline-item .timeline-content{
    left: 10%;
    margin-left: -6px;
    border-left: 0;
}
.timeline .timeline-item .timeline-icon,.timeline .timeline-item .timeline-icon-kx {
    left: 0;
}
.service-xm{
    display: none;
}
}  
@media only screen and (min-width: 768px) and (max-width: 980px){

.splitline img{
    width: 300px;
}
.hidden-lg{
    display: none;
}
.carousel .carousel-inner .item img{
    height: 360px;
}
.container .recent-work-wrap .qiye_img{
    height: 340px;
}
.service-xm{
    display: block;
}
.service_all .sp_2, .service_all .sp_4 {
    margin-left: -60px;
    overflow: hidden;
}
.service_all .sp_1 img,.service_all .sp_3 img{
    margin-left: -15px;
}
.service_all .sp_2 img,.service_all .sp_4 img{
    margin-left: 60px;
}
.recent-work-wrap .js_words {
    padding: 0 0 10px 0;
}
.ciecle_yq{
    margin-left: -20px;
}
}
@media only screen and (min-width: 768px){
.hidden-lg{
    display: none;
}
}