
.section-about-4 .box-info {margin: 0 36px 60px 36px;}
.section-about-4 .item {position: relative;overflow: hidden;cursor: pointer;}
.section-about-4 .list {width: 562px;z-index: 1;}
.section-about-4 .list .img {position: relative;padding-top: 64%;height: 0;overflow: hidden;}
.section-about-4 .list img {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;}
.section-about-4 .txt {position: absolute;top: 50%;right: 0;margin-top: -125px;padding: 36px 40px 0;width: 550px;height: 250px;background: url(../images/bg-history.png) left center no-repeat;z-index: 10;
}
.section-about-4 .txt .tit {color: #333;font-size: 36px;font-family: Arial;line-height: 1em;font-weight: lighter;}
.section-about-4 .txt .tit em {color: #999;font-size: 14px;font-style: normal;}
.section-about-4 .txt .info {padding-top: 10px;border-top: 1px solid #eaeaea;color: #666;font-size: 13px;}
.section-about-4 .list .slick-dots {position: absolute;right: 0;bottom: 14px;padding-right: 20px;line-height: 1em;width: 100%;text-align: right;}
.section-about-4 .list .slick-dots li {margin-left: 5px;display: inline-block;width: 10px;height: 10px;border: 2px solid #ccc;border-radius: 50%;}
.section-about-4 .list .slick-dots .slick-active {background-color: #fff;border: 2px solid #fff;}
.section-about-4 .box-year {padding: 53px 0;background-color: #fff;}
.section-about-4 .box-year .wp {position: relative;height: 100%;}
.section-about-4 .box-year .cont {position: relative;z-index: 0;}
.section-about-4 .box-year .cont:after {position: absolute;top: 25%;left: 0;width: 100%;height: 0;border-bottom: 1px dashed #cad0d7;content: '';z-index: 1;}
.section-about-4 .box-year em {font-style:normal;position: relative;margin: 14px auto 0;display: block;width: 10px;height: 10px;border-radius: 50%;background-color: #cad0d7;z-index: 10;line-height: 64px;text-indent: -1em;}
.section-about-4 .box-year em:after {position: absolute;top: -5px;left: -5px;display: none;width: 17px;height: 17px;border: 2px solid #ff0d00;border-radius: 50%;content: '';}
.section-about-4 .box-year .slick-current em {background-color: #ff0d00;font-weight: bold;color: #ff0d00;}
.section-about-4 .box-year .slick-current em:after {display: block;}
.section-about-4 .box-year .item {padding-bottom: 40px;}
.section-about-4 .box-year .btn {position: absolute;top: 1px;display: block;width: 30px;height: 30px;}
.section-about-4 .box-year .btn.btn-prev {left: 0;background-image: url(../images/ico-arrow-left.jpg);}
.section-about-4 .box-year .btn.btn-next {right: 0;background-image: url(../images/ico-arrow-right.jpg);}
.section-about-4 .box-year .slick-list {position: relative;z-index: 8;}

@media only screen and (max-width: 1024px) {
    .section-about-4 .txt {width: 460px;}
    .section-news-1 .txt {padding: 60px 10px 0;}
    .section-news-4 .list {margin-left: -10px;}
    .section-news-4 .list li {padding-left: 10px;}
    .section-news-4 .list .txt {height: 50px;}
    .box-news-list .box-list {padding: 28px 20px 0 0;}
    .sidebar-news .list {padding: 20px 10px 20px 0;}
    .box-news-info .box-info .tit {font-size: 28px;}
    .section-join-3 .tit .p1 {font-size: 20px;}
}
@media only screen and (max-width: 959px) {

    .g-tit-1 {margin: 30px 0 36px;line-height: 1;}
    .g-tit-1 .p1 {font-size: 18px;}
    .g-tit-1 .p2 {font-size: 12px;}
    
    .section-about-1 .cont {padding-bottom: 30px;}
    .section-about-1 .video {float: none;width: 100%;}
    .section-about-1 .txt {float: none;width: 100%;}
    .section-about-1 .txt .tit {margin: 20px 0;text-align: center;}
    .section-about-2 .l {float: none;width: 100%;}
    .section-about-2 .r {float: none;width: 100%;}
    .section-about-2 {padding-bottom: 20px;}
    .section-about-3 {padding-bottom: 30px;}
    .section-about-5 {padding-bottom: 30px;}

    .section-news-1 {padding-bottom: 30px;}
    .section-news-1 .l {float: none;width: 100%;}
    .section-news-1 .r {float: none;width: 100%;}
    .section-news-1 .r .list {overflow: hidden;}
    .section-news-1 .r .list li {padding-right: 20px;float: left;width: 50%;}
    .g-dots {margin: 30px 0;}
    .section-news-2 .box-list {margin-left: -10px;}
    .section-news-2 .box-list .item {padding-left: 10px;}
    .section-news-4 {padding-bottom: 30px;}
    .section-news-4 .list li {width: 33.333%;}
    .section-news-4 .list li:last-child {display: none;}
    .sidebar-news .tit.tit2 {display: none;}
    .sidebar-news .list {display: none;}
    .box-news-list .box-list {padding: 0;float: none;width: 100%;border-right: none;}
    .box-news-list .box-list .list li {padding: 14px 0;}
    .box-news-list .box-list .list .tit {font-weight: normal;font-size: 16px;}
    .sidebar-news {float: left;width: 100%;}
    .sidebar-news .tit {height: 50px;line-height: 50px;font-size: 18px;}
    .sidebar-news .box-search .inp-search {height: 34px;line-height: 34px;}
    .sidebar-news .box-search .btn-search {height: 36px;}
    .box-news-info .box-info {padding: 20px 0 0;float: none;width: 100%;border: none;}
    .box-news-info .box-info .info {margin: 10px 0;padding: 14px 0;}
    .box-news-info .box-info .txt {padding-bottom: 20px;}
    .preandnext {margin-bottom: 20px;}
    .preandnext a {height: 40px;line-height: 40px;}
    .preandnext em {height: 40px;}
    .box-news-info {padding-bottom: 30px;}
    .section-join-4 .list li {padding-left: 60px;}
    .section-join-4 {padding-bottom: 30px;}
    .section-join-5 .list li {height: 190px !important;}
    .section-join-5 {padding-bottom: 30px;}
    .section-join-6 {padding-top: 48px;}
    .section-join-6 .g-tit-1 {margin-top: 50px;}
    .section-join-6 .box-form {width: 84%;}

}
@media only screen and (max-width: 768px) {
    .banner-inner {height: 260px;}
    .banner-inner .p1 {font-size: 28px;}
    .banner-inner .p2 {font-size: 18px;}
    .banner-inner .p3 {font-size: 14px;}
    .sub-class a {height: 50px;line-height: 50px;}
    .section-about-3 li {margin-bottom: 12px;width: 50%;}
    .section-about-4 .list {width: 100%;}
    .section-about-4 .box-year {padding: 30px 0 20px;}
    .section-about-5 .list li {width: 50%;}
    .section-news-1 .img {float: none;width: 100%;}
    .section-news-1 .txt {margin-left: 0;padding: 30px 10px 20px;}
    .section-news-1 .txt .info {height: auto;}
    .section-news-1 .l .num {top: auto;bottom: 0;}
    .box-news-info .box-info .tit {font-size: 20px;font-weight: normal;}
    .section-join-1 li {width: 20%;}
    .section-join-2 .list li {padding-bottom: 20px;float: none;width: 100%;height: auto;}
    .section-join-2 .list em {margin: 0 auto 20px;float: none;}
    .section-join-2 .list .txt {margin-left: 0;}

    .section-join-3 .item {width: 100%;}
    .section-join-3 .item.cur {width: 100%;}
    .section-join-3 .num {font-size: 44px;}
    .section-join-4 .list li {float: none;width: 100%;}
    .section-join-5 .list li {float: none;width: 100% !important;height: auto !important;}

}

@media only screen and (max-width: 600px) {
    .section-about-4 .txt {position: static;margin-top: 10px; margin-right:20px; padding: 26px 10px 26px 10px;width: 96%;height: 215px;background: #fff;}
    .section-about-4 .box-year .btn {display: none;}
    .section-about-4 .box-info {margin: 0 0 10px 0;}
    .section-news-4 .list li {margin-bottom: 10px;width: 50%;}
    .section-news-4 .list li:last-child {display: block;}
    .section-news-1 .r .list li {padding-right: 0;float: none;width: 100%;}
    .box-news-list .box-list .list .img {float: none;width: 100%;}
    .box-news-list .box-list .list .txt {margin-top: 10px;margin-left: 0;}
    .section-join-1 li {width: 33.333%;}
    .section-join-6 .box-form {width: 94%;}
}
@media only screen and (max-width: 479px) {
    .banner-inner {height: 220px;}
    .banner-inner .p1 {font-size: 22px;}
    .banner-inner .p2 {font-size: 16px;}
    .banner-inner .p3 {font-size: 12px;}
    .section-about-3 li {width: 100%;}
    .section-about-5 .list li {width: 100%;}
    .section-news-4 .list li {width: 100%;}
}
@media only screen and (max-width: 360px) {

    .section-join-1 li {width: 50%;}
}
/*Éç»áÔðÈÎ*/