.about_content {
    width: 100%;
    background: url(licheng.jpg) no-repeat center;
    background-size: 100%;
    background-attachment: fixed
}

.nchild-sclose {
    float: right;cursor: pointer;transition: width 1s,height 1s,transform 1s;-moz-transition: width 1s,height 1s,transform 1s;-webkit-transition: width 1s,height 1s,transform 1s;
    -o-transition: width 1s,height 1s,transform 1s;width: 34px;height: 34px;line-height: 34px;border-radius: 1000px;text-align: center;background: #000;
}
.nchild-sclose:hover{transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);background: #ee7300;}
span:focus {outline: none;}
.dig{opacity: 1!important;height: auto!important;}
.swiper-pagination-bullets {margin: 0 auto;width: 100%;text-align: center;padding-top: 10px;}
.swiper-pagination-bullets .swiper-pagination-bullet {background: #8b8b8b;}
.swiper-pagination-bullet {margin: 0 6px;}
.swiper-pagination-bullet-active {background: #ff6900!important;}

.ygw1442 {width: 1472px;margin: 0 auto;padding-left: 15px;padding-right: 15px;box-sizing: border-box;position: relative;}

/*发展历程*/
.container{padding:50px 0;}
.cntl-link{width: 45px;height: 1px;background: #e5e5e5;position: absolute;right:0;top:15px;}
.year{position: absolute;right: 40px;font-size: 30px;top:0px; height:40px; line-height:40px;}
.cntl-text{float: right;margin-right: 210px;padding-right: 15px;border-right: 1px solid #f1f1f1;text-align: right; line-height:20px;display: -webkit-flex; /* Safari */
-webkit-align-items: center; /* Safari 7.0+ */display: flex;align-items: center;height:40px;}
.cntl-content:hover .year{color:#e46f29;}
.cntl-content:hover .cntl-link{background: #ee7700!important;}
.histo-swip{float: right;width: 100%;text-align: right;margin-top:15px;}
.cntl-content{cursor: pointer;}
.cntl-w10{position:relative;width: 100%;text-align: center;}
.cntl-w10 .swiper-pagination{left:50%;transform: translateX(-50%);padding-top: 5px;}
.cntl-txt{width: 100%;height: 0;opacity: 0;padding-left: 210px;box-sizing: border-box;float: left;margin-top: 15px;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;position: relative;
}
.cntl {position: relative;width: 100%;overflow: hidden;padding:50px 0;}
.cntl-center {left:0;right:0;margin-left:auto;margin-right:auto;}
.cntl-bar {position: absolute;width: 2px;top: 0;bottom: 0;background-color: #f5ad66;}
.cntl-bar-fill {background-color: #f5ad66;position: absolute;left:0;right:0;top:0;height:0;}
.cntl-bar-fill:after{content: "";position: absolute;width: 2px;height: 60px;top:0;
    background: -moz-linear-gradient(top, #ffffff 0%, #f5ad66 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5ad66));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f5ad66 100%);background: -o-linear-gradient(top, #ffffff 0%,#f5ad66 100%);background: -ms-linear-gradient(top, #ffffff 0%,#f5ad66 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f5ad66 100%);
}
.cntl-bar:after{content: "";position: absolute;width: 2px;height: 60px;bottom: 0;
    background: -moz-linear-gradient(top, #f5ad66 0%, #ffffff 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5ad66), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #f5ad66 0%,#ffffff 100%);background: -o-linear-gradient(top, #f5ad66 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #f5ad66 0%,#ffffff 100%);background: linear-gradient(to bottom, #f5ad66 0%,#ffffff 100%);
}
.cntl-state {position: relative;width:100%;margin-bottom: 50px;}
.cntl-state::after {display:block;content: ' ';clear:both;}
.cntl-icon {border-radius: 50%;width: 80px;height: 80px;background:url(yxg.png) no-repeat center;position: absolute;top: -10px;color: #fff;}
.cntl-content {width: 49%;float:left;opacity:0;position:relative;margin-left:-40%;}
.cntl-state:nth-child(2n+2) .cntl-content {float:right;margin-right:-40%;}
.cntl-state:nth-child(2n+1) .cntl-txt {padding-left: 0;padding-right: 210px;}
.cntl-image {opacity:0;width: 40%;padding: 2%;}
.cntl-state:nth-child(2n+1) .cntl-image {float:right;}
.cntl-image img {width:100%;}
.cntl-content h4 {font-size:20px;font-weight: normal;margin-bottom: 10px;}
.cntl-bar-fill,.cntl-content,.cntl-image {-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;}
.cntl-state:nth-child(2n+2).cntl-animate .cntl-content {margin-right:0%;}
.cntl-state:nth-child(2n+2).cntl-animate .cntl-content .year{left:40px;right:auto;}
.cntl-state:nth-child(2n+2).cntl-animate .cntl-content .cntl-text{float: left;margin-left: 210px;padding-right: 0!important;margin-right: 0!important;border-right: 1px solid #f1f1f1;text-align: left!important;}
.cntl-state:nth-child(2n+2).cntl-animate .cntl-content .cntl-link {width: 45px;height: 1px;background: #e5e5e5;position: absolute;left: 0;top: 14px;}
.cntl-state:nth-child(2n+2).cntl-animate .cntl-content .cntl-text{border-right: 0;border-left: 1px solid #f1f1f1;padding-right: 0;padding-left: 15px;}
.cntl-animate .cntl-content {opacity:1;margin-left:0%;position: relative;margin: 15px 0;}
.cntl-animate .cntl-image {opacity:1;}
.cntl-state:hover .cntl-icon{background:url(yxgs.png) no-repeat center;background-size: 16px;}
.close-btn{position: absolute;top:-14px;right:0;z-index: 99;}
.cntprel{position: relative;padding-right: 14px;}
.ewmclose2{font-size: 20px!important;color:#ffffff;}
.ewmclose2 img{ width:14px;}

.ifont-16{font-size: 16px;}

 

.nchild-sclose {
    float: right;cursor: pointer;transition: width 1s,height 1s,transform 1s;-moz-transition: width 1s,height 1s,transform 1s;-webkit-transition: width 1s,height 1s,transform 1s;
    -o-transition: width 1s,height 1s,transform 1s;width: 34px;height: 34px;line-height: 34px;border-radius: 1000px;text-align: center;background: #000;
}
.nchild-sclose:hover{transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);background: #ee7300;}
span:focus {outline: none;}
.dig{opacity: 1!important;height: auto!important;}
.swiper-pagination-bullets {margin: 0 auto;width: 100%;text-align: center;padding-top: 10px;}
.swiper-pagination-bullets .swiper-pagination-bullet {background: #8b8b8b;}
.swiper-pagination-bullet {margin: 0 6px;}
.swiper-pagination-bullet-active {background: #ff6900!important;}

.ygw1442 {width: 100%;margin: 0 auto;box-sizing: border-box;position: relative;}

/*发展历程*/
.container{padding:50px 0;}
.cntl-link{width: 45px;height: 1px;background: #e5e5e5;position: absolute;right:0;top:15px;}
.year{position: absolute;right: 40px;font-size: 30px;top:0px; height:40px; line-height:40px;} 

.cntl-text{float: right;margin-right: 210px;padding-right: 5px;border-right: 1px solid #f1f1f1;text-align: right; line-height:20px;display: -webkit-flex; /* Safari */
-webkit-align-items: center; /* Safari 7.0+ */display: flex;align-items: center;}
.cntl-content:hover .year{color:#e46f29;}
.cntl-content:hover .cntl-link{background: #ee7700!important;}
.histo-swip{float: right;width: 100%;text-align: right;margin-top:15px;}
.cntl-content{cursor: pointer;}
.cntl-w10{position:relative;width: 100%;text-align: center;}
.cntl-w10 .swiper-pagination{left:50%;transform: translateX(-50%);padding-top: 5px;}
.cntl-txt{width: 100%;height: 0;opacity: 0;padding-left: 140px;box-sizing: border-box;float: left;margin-top: 15px;transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;position: relative;
}
.cntl {position: relative;width: 100%;overflow: hidden;padding:50px 0;}
.cntl-center {left:0;right:0;margin-left:auto;margin-right:auto;}
.cntl-bar {position: absolute;width: 2px;top: 0;bottom: 0;background-color: #f5ad66;}
.cntl-bar-fill {background-color: #f5ad66;position: absolute;left:0;right:0;top:0;height:0;}
.cntl-bar-fill:after{content: "";position: absolute;width: 2px;height: 60px;top:0;
    background: -moz-linear-gradient(top, #ffffff 0%, #f5ad66 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5ad66));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f5ad66 100%);background: -o-linear-gradient(top, #ffffff 0%,#f5ad66 100%);background: -ms-linear-gradient(top, #ffffff 0%,#f5ad66 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f5ad66 100%);
}
.cntl-bar:after{content: "";position: absolute;width: 2px;height: 60px;bottom: 0;
    background: -moz-linear-gradient(top, #f5ad66 0%, #ffffff 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5ad66), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #f5ad66 0%,#ffffff 100%);background: -o-linear-gradient(top, #f5ad66 0%,#ffffff 100%);
    background: -ms-linear-gradient(top, #f5ad66 0%,#ffffff 100%);background: linear-gradient(to bottom, #f5ad66 0%,#ffffff 100%);
}
.cntl-state {position: relative;width:100%;margin-bottom: 50px;}
.cntl-state::after {display:block;content: ' ';clear:both;}
.cntl-icon {border-radius: 50%;width: 80px;height: 80px;background:url(yxg.png) no-repeat center;position: absolute;top: -10px;color: #fff;}
.cntl-content {width: 49%;float:left;opacity:0;position:relative;margin-left:-40%;}
.cntl-state:nth-child(2n+2) .cntl-content {float:right;margin-right:-40%;}
.cntl-state:nth-child(2n+1) .cntl-txt {padding-right: 0;padding-left: 140px;}
.cntl-image {opacity:0;width: 40%;padding: 2%;}
.cntl-state:nth-child(2n+1) .cntl-image {float:right;}
.cntl-image img {width:100%;}
.cntl-content h4 {font-size:20px;font-weight: normal;margin-bottom: 10px;}
.cntl-bar-fill,.cntl-content,.cntl-image {-webkit-transition: all 500ms ease;-moz-transition: all 500ms ease;-o-transition: all 500ms ease;-ms-transition: all 500ms ease;transition: all 500ms ease;}

.cntl-animate .cntl-content {opacity:1;margin-left:0%;position: relative;margin: 15px 0;}
.cntl-animate .cntl-image {opacity:1;}
.cntl-state:hover .cntl-icon{background:url(yxgs.png) no-repeat center;background-size: 16px;}
.close-btn{position: absolute;top:-14px;right:0;z-index: 99;}
.cntprel{position: relative;padding-right: 14px;}
.ewmclose2{font-size: 20px!important;color:#ffffff;}
.ewmclose2 img{ width:14px;}

.ifont-16{font-size: 16px;}

@media (max-width: 1160px) {

    .cntl-bar {
        right:auto;
        left:15px;
    }
    .cntl-state{
        margin-bottom: 15px;
    }

    .cntl-content {
        width:100%;
        float:left;
    }
    .cntl-text{
        margin-right:0;
        border-left:1px solid #f1f1f1;
        border-right:0;
        float: left;
        margin-left:130px;
        padding-left:15px;
        text-align: left;
    }
    .year{
        left:40px;
        font-size: 16px;
        right:auto;
        top:-5px; width:90px;
    }
    .cntl-link{
        right:auto;
        left:26px;
        width: 20px;
    }
    .cntl-state:nth-child(2n+2).cntl-animate .cntl-content .cntl-text {
 
        margin-left: 130px;
    }
    .cntl-state:nth-child(2n+2) .cntl-content {
        margin-right:0%;
        float:left;
    }
    .cntl-state:nth-child(2n+2).cntl-animate .cntl-content .cntl-link {
        width: 20px;
        height: 1px;
        background: #e5e5e5;
        position: absolute;
        left: 26px;
        top: 15px;
    }
    .cntl-state:nth-child(2n+2).cntl-animate .cntl-content .cntl-texts{
        margin-left: 120px;
    }
    .cntl-image {
        width:100%;
    }

    .cntl-state:nth-child(2n+1) .cntl-image {
        float:none;
    }

    .animate .cntl-content {
        margin-left: 2%;
    }

    .cntl-icon {
        left: -25px;
        right: auto;
    }
}

}