@charset "UTF-8";

.party-activities ul li:hover,
.theme-list ul li:hover .con,
.homemade-short-video .swiper-slide .item:hover,
.listbox4 li:hover,
.grace-with-zone .method-of-cooperation ul li:hover {
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
}

.party-partyIntroduce .party-members ul li:hover,
.party-partyhonor .swiper-container .swiper-slide .item:hover,
.party-culture .content ul li:hover,
.corporate-milestones .content .results .results-list li:hover,
.news-future .recommend:hover,
.industry-dynamic .recommend2 ul li:hover,
.hot-plate ul li:hover,
.original-IP-content .original-IP-bottom .Iplist ul li:hover,
.original-IP .original-IP-bottom .Iplist ul li:hover,
.homemade-short-video .holiday-video .swiper-slide .item:hover,
.grace-with-zone .function ul li:hover,
.key-partners ul li:hover {
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
}

.common-float-box .float-box-con .icon-close,
.pagination a,
.btn-red,
.management ul li .management-txt h3:after,
.partyBuilding-nav a,
.partyBuilding-nav a:after,
.party-activities ul li,
.party-partyIntroduce .party-members ul li,
.party-partyhonor .swiper-container .swiper-slide .item,
.party-culture .content ul li,
.party-culture .content ul li .txt .more .icon-arrR,
.corporate-milestones .content .results .results-list li,
.corporate-milestones .events-swiper .swiper-slide span,
.corporate-milestones .events-swiper .swiper-slide p,
.news-future .recommend,
.news-future .recommend .txt .more .icon-arrR,
.industry-dynamic .recommend2 ul li,
.industry-dynamic .recommend2 ul li .txt .more .icon-arrR,
.hot-plate ul li,
.video-play .play span,
.hit-series-content .content .hit-series-right .prev-next .prev p,
.hit-series-content .content .hit-series-right .prev-next .next p,
.hit-series-content .content .hit-series-right .recommend ul li a,
.original-IP-content .original-IP-bottom .Iplist ul li,
.original-IP .original-IP-bottom .Iplist ul li,
.theme-list ul li .con,
.relevanceSwiper .relevanceB .swiper-container .swiper-slide span i,
.homemade-short-video .swiper-slide .item,
.homemade-short-video .holiday-video .swiper-slide .item,
.listbox4 li,
.dance4K .videoList .videoNav ul li,
.dance4K .videoList .videoNav ul li .icon-arrL,
.grace-with-zone .function ul li,
.grace-with-zone .method-of-cooperation ul li,
.key-partners ul li {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -ms-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

.party-partyhonor .swiper-container .swiper-slide .txt p,
.news-future .recommend .img div p,
.industry-dynamic .recommend2 ul li .txt h6,
.hot-plate ul li .txt p,
.original-IP-content .original-IP-bottom .Iplist ul li .txt p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.party-partyhonor .swiper-container .swiper-slide .txt p {
    white-space: normal;
    text-align: left;
    line-height: 1.6;
}

@font-face {
    font-family: dragonsWritten;
    src: url("dragonsWritten.ttf")/*tpa=//www.sadysk.com//Public/future/font/dragonsWritten.ttf*/;
    /* url('dragonsWritten.eot'); IE9 */
}
img[src=""],img:not([src]){
	opacity: 0;
}
.swiper-slide {
    display: block;
}

.swiper-slide,
.swiper-wrapper {
    height: auto !important;
}

/*common-float-box*/
.common-float-box {
    display: none;
    position: fixed;
    z-index: 9;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #050100;
    background-color: rgba(5, 1, 0, 0.4);
}

.common-float-box .float-box-con {
    margin-top: 62px;
    width: 1200px;
    max-height: 680px;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 62.962%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background-color: #ffffff;
}

.common-float-box .float-box-con .icon-close {
    position: absolute;
    right: 0;
    top: -62px;
    width: 44px;
    height: 44px;
    background-color: #8a8989;
    background-position: 91.5% 11.6%;
    background-size: 800px;
    cursor: pointer;
}

.common-float-box .float-box-con .icon-close:hover {
    background-color: #f00;
}

.common-float-box .float-box-con .con {
    padding: 4.8%;
    overflow: auto;
    height: 100%;
    box-sizing: border-box;
}

.common-float-box .float-box-con .con .content {
    position: relative;
    height: 100%;
}

.common-float-box .float-box-con .con ul li {
    display: none;
}

.common-float-box .float-box-con .con ul li:first-child {
    display: block;
}

.common-float-box .float-box-con .con .img {
    width: 35.84%;
    height: 100%;
    position: absolute;
    left: 0;
}

.common-float-box .float-box-con .con .img img {
    width: 100%;
}

.common-float-box .float-box-con .con .txt {
    width: 58.49%;
    right: 0;
    position: absolute;
    top: 0;
    overflow: auto;
    height: 100%;
}

.common-float-box .float-box-con .con .txt h6 {
    font-size: 30px;
    padding-bottom: 4.838%;
    margin-bottom: 4.838%;
    color: #333;
    position: relative;
}

.common-float-box .float-box-con .con .txt h6:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 30px;
    background-color: #f00;
    left: 0;
}

.common-float-box .float-box-con .con .txt p {
    font-size: 14px;
    color: #666666;
    line-height: 2.14;
    margin-bottom: 10px;
}

@media screen and (max-width: 1440px) {
    .common-float-box .float-box-con .con .txt h6 {
        font-size: 24px;
    }
}

@media screen and (max-width: 1200px) {
    .common-float-box .float-box-con {
        width: 90%;
    }
}

@media screen and (max-width: 1024px) {
    .common-float-box .float-box-con .con .txt h6 {
        font-size: 22px;
    }
}

@media screen and (max-width: 768px) {
    .common-float-box .float-box-con {
        height: 80%;
        margin-top: 0;
        max-height: inherit;
    }

    .common-float-box .float-box-con .icon-close {
        width: 30px;
        height: 30px;
        top: 5px;
        right: 5px;
        z-index: 2;
        background-size: 550px;
    }

    .common-float-box .float-box-con .con {
        padding: 40px 0 10px;
    }

    .common-float-box .float-box-con .con .img {
        position: static;
        width: 100%;
        height: 300px;
        margin-bottom: 20px;
    }

    .common-float-box .float-box-con .con .txt {
        position: static;
        width: 100%;
    }

    .common-float-box .float-box-con .con .txt h6 {
        font-size: 22px;
    }
}

/*page*/
.pagination {
    letter-spacing: -8px;
    font-size: 16px;
    text-align: center;
}

.pagination span,
.pagination a {
    letter-spacing: 0px;
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    color: #000000;
}

.pagination .ellipsis {
    margin: 0 5px;
}

.pagination .active {
    background-color: #ff0000;
    color: #fff;
}

.pagination a.first-page,
.pagination a.last-page {
    background-color: #818181;
    color: #fff;
}

.pagination a:hover,
.pagination a.current {
    color: #fff;
    background-color: #ff0000;
}

.pagination a:active {
    color: #fff;
    background-color: #c91d1d;
}

@media screen and (max-width: 768px) {
    .pagination {
        font-size: 14px;
    }

    .pagination a,
    .pagination span {
        width: auto;
        height: auto;
        line-height: 1;
        padding: 10px;
    }

    .pagination .ellipsis {
        margin: 0;
        padding: 10px 5px;
    }
}

/**/
.newicon {
    display: inline-block;
    vertical-align: middle;
    background-image: url("../images/sprite-sec.png")/*tpa=//www.sadysk.com//Public/future/images/sprite-sec.png*/;
    background-repeat: no-repeat;
}

/*@media screen and (max-width: 768px){
  .newicon{
    background-size: 50% auto;
  }
}*/
.btn-red {
    display: block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background-color: #ff0000;
    text-align: center;
    border-radius: 15px;
}

.btn-red:hover {
    background-color: #e03030;
}

.btn-red:active {
    background-color: #c91d1d;
}

@media screen and (max-width: 768px) {
    .btn-red {
        max-width: 100px;
        box-sizing: border-box;
        height: auto;
        line-height: 1;
        padding: 5px 10px;
    }
}

.comH1 {
    font-size: 36px;
    color: #010101;
    letter-spacing: .1em;
    line-height: 1;
    text-align: center;
    margin-bottom: 60px;
    font-weight: bold;
	font-style:italic;
}

.comH1 span {
    display: inline-block;
    position: relative;
}

/* .comH1 span:before,
.comH1 span:after {
    content: '';
    position: absolute;
    top: 0;
    left: -18px;
    width: 8px;
    border-radius: 8px 0 0 0;
    transform: skew(-15deg);
    -webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    -o-transform: skew(-15deg);
    height: 100%;
    background-color: #ff0000;
} */

/* .comH1 span:after {
    left: auto;
    right: -18px;
    border-radius: 0 0 8px 0;
    transform: skew(-15deg);
    -webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    -o-transform: skew(-15deg);
} */

.comSec {
    padding-top: 60px;
    padding-bottom: 90px;
}

/* # 关于我们 */
/* ## 公司介绍 */
.company-introduction .content .txt {
    font-size: 14px;
    line-height: 2.14;
    color: #666666;
    max-width: 640px;
    margin: 0 auto;
}

.company-introduction .content .txt p {
    margin-bottom: 10px;
}

.company-introduction .content .txt p:last-child {
    margin-bottom: 0;
}

.company-introduction .content .img {
    padding-left: 280px;
    position: relative;
    margin: 35px 0;
}

.company-introduction .content .img p {
    position: absolute;
    box-sizing: border-box;
    width: 280px;
    left: 0;
    height: 100%;
    background-color: #ff0000;
    padding: 105px 20px 0 80px;
    text-align: right;
    color: #fff;
    font-size: 54px;
}

.company-introduction .content .img img {
    display: block;
    width: 100%;
}

@media screen and (max-width: 1440px) {
    .comH1 {
        font-size: 30px;
        margin-bottom: 50px;
    }

    .comSec {
        padding-top: 50px;
        padding-bottom: 80px;
    }

    .company-introduction .content .img p {
        font-size: 46px;
    }
}

@media screen and (max-width: 1024px) {
    .comH1 {
        font-size: 26px;
        margin-bottom: 3%;
    }

    .comSec {
        padding-top: 40px;
        padding-bottom: 70px;
    }

    .company-introduction .content .img p {
        font-size: 32px;
    }
}

@media screen and (max-width: 768px) {
    .comH1 {
        font-size: 22px;
        padding: 0 25px;
        margin-bottom: 30px;
    }

    .comSec {
        overflow-x: hidden;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .company-introduction .content .img {
        padding-left: 0;
    }

    .company-introduction .content .img p {
        display: none;
        font-size: 28px;
    }
}

.company-introduction .content p img {
    width: 100%;
}

/* ## 管理层介绍 */
.management {
    padding-bottom: 30px;
}

.management .comH1 {
    margin-bottom: 0;
}

.management ul li {
    padding: 60px 0;
    border-bottom: 1px solid #e5e5e5;
}

.management ul li .management-img {
    max-width: 280px;
    width: 23.333%;
    padding-bottom: 23.333%;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    position: relative;
}

.management ul li .management-img img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    max-width: 100%;
}

.management ul li .management-txt {
    margin-left: 280px;
    margin-left: 23.333%;
    padding-left: 60px;
    padding-top: 40px;
}

.management ul li .management-txt h3 {
    font-size: 24px;
    font-weight: normal;
    padding-bottom: 18px;
    line-height: 1;
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
}

.management ul li .management-txt h3:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    background-color: #ff0000;
    bottom: 0;
    left: 0;
}

.management ul li .management-txt .position {
    font-size: 16px;
    margin-bottom: 30px;
}

.management ul li .management-txt .txt {
    font-size: 14px;
    color: #666666;
    line-height: 2.14;
}

.management ul li:hover .management-txt h3:after {
    width: 100%;
}

.management ul li:last-child {
    border-bottom: none;
}

@media screen and (max-width: 1024px) {
    .management ul li {
        padding: 3% 0;
    }

    .management ul li .management-txt {
        padding-left: 3%;
        padding-top: 3%;
    }

    .management ul li .management-txt h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {
    .management .comH1 {
        margin-bottom: 30px;
    }

    .management ul li .management-img {
        margin-right: 3%;
        margin-bottom: 3%;
        width: 30.333%;
        padding-bottom: 30.333%;
    }

    .management ul li .management-txt {
        margin-left: 0;
    }

    .management ul li .management-txt h3 {
        font-size: 18px;
        padding-bottom: 10px;
    }

    .management ul li .management-txt .position {
        margin-bottom: 10px;
    }
}

/* ## 加入我们 */
.joinUs {
    /*人才招聘*/
    /*联系我们*/
}

.joinUs .comH1 {
    margin-bottom: 60px;
}

.joinUs .recruitment {
    margin-bottom: 60px;
}

.joinUs .recruitment .content {
    position: relative;
}

.joinUs .recruitment .content .recruitment-h1 {
    position: absolute;
    width: 280px;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #ff0000;
    box-sizing: border-box;
    text-align: right;
    color: #fff;
    font-size: 54px;
    line-height: 1.6;
}

.joinUs .recruitment .content .recruitment-h1 span {
    padding-left: 120px;
    padding-right: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -86px;
}

.joinUs .recruitment .content .recruitment-con {
    padding: 40px 60px;
    margin-left: 280px;
    background-color: #f7f7f7;
}

.joinUs .recruitment .content .recruitment-con h4 {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 10px;
}

.joinUs .recruitment .content .recruitment-con ul {
    margin-bottom: 10px;
}

.joinUs .recruitment .content .recruitment-con ul li {
    border-bottom: 1px solid #c8cbce;
    padding: 20px 0;
    line-height: 1;
}

.joinUs .recruitment .content .recruitment-con ul li:last-child {
    border-bottom: none;
}

.joinUs .recruitment .content .recruitment-con ul li h6 {
    font-weight: normal;
    font-size: 16px;
    margin-bottom: 10px;
}

.joinUs .recruitment .content .recruitment-con ul li p {
    font-size: 14px;
}

.joinUs .contactUs .contactUs-list {
    position: relative;
}

/*.joinUs .contactUs .contactUs-list:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 1px;*/
/*    height: 100%;*/
/*    background-color: #c8cbce;*/
/*    left: 50%;*/
/*    top: 0;*/
/*}*/

.joinUs .contactUs .contactUs-con {
    background-color: #f7f7f7;
    padding: 40px 0;
}

.joinUs .contactUs .contactUs-con .contactUs-item {
    float: left;
    width: 50%;
    padding: 0 60px;
    box-sizing: border-box;
}

.joinUs .contactUs .contactUs-con .contactUs-item h4 {
    font-size: 24px;
    line-height: 1;
    padding-bottom: 18px;
    position: relative;
    margin-bottom: 5px;
}

.aboutUsLine {
    width: 30px;
    height: 2px;
    background-color: red;
    position: absolute;
}



@media screen and (max-width: 1920px) {
    .banner-text {
        position: absolute;
        left: 7%;
        top: 40%;
        font-size: 60px;
    }
}

@media screen and (max-width: 1600px) {
    .banner-text {
        font-size: 50px;

    }
}

@media screen and (max-width: 1440px) {
    .banner-text {
        font-size: 42px;

    }
}

@media screen and (max-width: 1024px) {
    .banner-text {
        font-size: 36px;

    }
}

@media screen and (max-width: 768px) {
    .banner-text {
        font-size: 30px;

    }
}

/*.joinUs .contactUs .contactUs-con .contactUs-item h4:after {*/
/*  content: '';*/
/*  position: absolute;*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  width: 30px;*/
/*  height: 2px;*/
/*  background-color: #ff0000; }*/
/*  .joinUs .contactUs .contactUs-con .contactUs-item font:hover .joinUs .contactUs .contactUs-con .contactUs-item h4:after{*/
/*      transform:translate;*/
/*      width: 100%;*/
/*  }*/
.joinUs .contactUs .contactUs-con .contactUs-item ul li {
    font-size: 16px;
    line-height: 1.875;
    color: #333333;
}

.joinUs .contactUs .contactUs-con .contactUs-item ul li a {
    color: #333333;
}

.joinUs .contactUs .contactUs-con .contactUs-item ul li.strong {
    font-weight: bold;
}

.joinUs .contactUs .contactUs-map #map {
    height: 600px;
}

@media screen and (max-width: 1440px) {
    .joinUs .comH1 {
        margin-bottom: 50px;
    }

    .joinUs .recruitment {
        margin-bottom: 50px;
    }

    .joinUs .recruitment .content .recruitment-h1 {
        font-size: 46px;
    }

    .joinUs .recruitment .content .recruitment-con {
        padding: 30px 50px;
    }

    .joinUs .recruitment .content .recruitment-con h4 {
        font-size: 22px;
    }

    .joinUs .contactUs .contactUs-con {
        padding: 30px 0;
    }

    .joinUs .contactUs .contactUs-con .contactUs-item {
        padding: 0 50px;
    }

    .joinUs .contactUs .contactUs-con .contactUs-item h4 {
        font-size: 22px;
    }
}

@media screen and (max-width: 1024px) {
    .joinUs .comH1 {
        margin-bottom: 3%;
    }

    .joinUs .recruitment {
        margin-bottom: 3%;
    }

    .joinUs .recruitment .content .recruitment-h1 {
        font-size: 34px;
    }

    .joinUs .recruitment .content .recruitment-con {
        padding: 2% 3%;
    }

    .joinUs .recruitment .content .recruitment-con h4 {
        font-size: 20px;
    }

    .joinUs .recruitment .content .recruitment-con ul li {
        padding: 2% 0;
    }

    .joinUs .contactUs .contactUs-con {
        padding: 2% 0;
    }

    .joinUs .contactUs .contactUs-con .contactUs-item {
        padding: 0 3%;
    }

    .joinUs .contactUs .contactUs-con .contactUs-item h4 {
        font-size: 20px;
    }

    .joinUs .contactUs .contactUs-map #map {
        height: 400px;
    }
}

@media screen and (max-width: 768px) {
    .joinUs .comH1 {
        margin-bottom: 30px;
    }

    .joinUs .recruitment {
        margin-bottom: 30px;
    }

    .joinUs .recruitment .content .recruitment-h1 {
        font-size: 26px;
        display: none;
    }

    .joinUs .recruitment .content .recruitment-con {
        margin-left: 0;
        padding: 20px 30px;
    }

    .joinUs .recruitment .content .recruitment-con h4 {
        font-size: 18px;
    }

    .joinUs .recruitment .content .recruitment-con ul li {
        padding: 15px 0;
    }

    .joinUs .recruitment .content .recruitment-con ul li p {
        line-height: 1.5;
    }

    .joinUs .contactUs .contactUs-con {
        padding: 0 30px;
    }

    .joinUs .contactUs .contactUs-con .contactUs-list:after {
        display: none;
    }

    .joinUs .contactUs .contactUs-con .contactUs-item {
        padding: 20px 0;
        width: 100%;
        float: none;
    }

    .joinUs .contactUs .contactUs-con .contactUs-item:first-child {
        border-bottom: 1px solid #c8cbce;
    }

    .joinUs .contactUs .contactUs-con .contactUs-item h4 {
        font-size: 18px;
    }

    .joinUs .contactUs .contactUs-con .contactUs-item ul li {
        font-size: 14px;
    }

    .joinUs .contactUs .contactUs-map #map {
        height: 300px;
    }
}

/* # 党建文化 */
.partySection {
    padding-top: 60px;
    padding-bottom: 0;
}

.partyBuilding-nav {
    text-align: center;
    /* border: 1px solid #e5e5e5; */
    margin-bottom: 60px;
	/* margin-left: 20%; */
}

.partyBuilding-nav a {
    float: left;
    width: 33.3333%;
    text-align: center;
    font-size: 16px;
    color: #333333;
    padding: 20px 0 22px;
    position: relative;
    line-height: 1.11;
    box-sizing: border-box;
    /*自助服务*/
}

.partyBuilding-nav a p {
    position: relative;
}

.partyBuilding-nav a p:before {
    content: '';
    position: absolute;
    right: 0;
    height: 100%;
    bottom: 0;
    width: 1px;
    background-color: #e5e5e5;
}

.partyBuilding-nav a:last-child p:before {
    display: none;
}

.partyBuilding-nav a:after {
    content: '';
    position: absolute;
    bottom: -1px;
    width: 0%;
    height: 2px;
    background-color: #ff2d2d;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    opacity: 0;
    filter: alpha(opacity=0);
}

.partyBuilding-nav a .newicon {
    width: 36px;
    height: 36px;
    margin-bottom: 20px;
    /*@extend %transition;*/
}

.partyBuilding-nav a .icon-partyIntroduce {
    background-position: -20px -20px;
}

.partyBuilding-nav a .icon-partyhonor {
    background-position: -132px -20px;
}

.partyBuilding-nav a .icon-partyactivities {
    background-position: -244px -20px;
}

.partyBuilding-nav a .icon-TVSeries {
    background-position: -20px -160px;
}

.partyBuilding-nav a .icon-movie {
    background-position: -132px -160px;
}

.partyBuilding-nav a .icon-documentary {
    background-position: -244px -160px;
}

.partyBuilding-nav a .icon-sports {
    background-position: -356px -160px;
}

.partyBuilding-nav a .icon-children {
    background-position: -468px -160px;
}

.partyBuilding-nav a .icon-variety {
    background-position: -580px -160px;
}

.partyBuilding-nav a .icon-mathematics {
    background-position: -20px -230px;
}

.partyBuilding-nav a .icon-programming {
    background-position: -132px -230px;
}

.partyBuilding-nav a .icon-artEnlightenment {
    background-position: -244px -230px;
}

.partyBuilding-nav a .icon-earlyEducation {
    background-position: -356px -230px;
}

.partyBuilding-nav a .icon-chooseCar {
    background-position: -20px -300px;
}

.partyBuilding-nav a .icon-drivingCar {
    background-position: -132px -300px;
}

.partyBuilding-nav a .icon-CarReport {
    background-position: -244px -300px;
}

.partyBuilding-nav a .icon-carFactory {
    background-position: -356px -300px;
}

.partyBuilding-nav a .icon-bigScreen {
    background-position: -20px -370px;
}

.partyBuilding-nav a .icon-alienScreen {
    background-position: -132px -370px;
}

.partyBuilding-nav a .icon-product {
    background-position: -244px -370px;
}

.partyBuilding-nav a .icon-smartTV {
    background-position: -20px -510px;
}

.partyBuilding-nav a .icon-smartSetTopBox {
    background-position: -132px -510px;
}

.partyBuilding-nav a .icon-intelligentProjector {
    background-position: -244px -510px;
}

.partyBuilding-nav a .icon-newScreen {
    background-position: -356px -510px;
}

.partyBuilding-nav a .icon-money {
    background-position: -20px -580px;
}

.partyBuilding-nav a .icon-search {
    background-position: -132px -580px;
}

.partyBuilding-nav a .icon-lightning {
    background-position: -244px -580px;
}

.partyBuilding-nav a .icon-advice {
    background-position: -356px -580px;
}

.partyBuilding-nav a.cur,
.partyBuilding-nav a:hover {
    color: #ff0000;
    /*自助服务*/
}

.partyBuilding-nav a.cur:after,
.partyBuilding-nav a:hover:after {
    opacity: 1;
    filter: alpha(opacity=100);
    width: 17%;
}

.partyBuilding-nav a.cur .icon-partyIntroduce,
.partyBuilding-nav a:hover .icon-partyIntroduce {
    background-position: -76px -20px;
}

.partyBuilding-nav a.cur .icon-partyhonor,
.partyBuilding-nav a:hover .icon-partyhonor {
    background-position: -188px -20px;
}

.partyBuilding-nav a.cur .icon-partyactivities,
.partyBuilding-nav a:hover .icon-partyactivities {
    background-position: -300px -20px;
}

.partyBuilding-nav a.cur .icon-TVSeries,
.partyBuilding-nav a:hover .icon-TVSeries {
    background-position: -76px -160px;
}

.partyBuilding-nav a.cur .icon-movie,
.partyBuilding-nav a:hover .icon-movie {
    background-position: -188px -160px;
}

.partyBuilding-nav a.cur .icon-documentary,
.partyBuilding-nav a:hover .icon-documentary {
    background-position: -300px -160px;
}

.partyBuilding-nav a.cur .icon-sports,
.partyBuilding-nav a:hover .icon-sports {
    background-position: -412px -160px;
}

.partyBuilding-nav a.cur .icon-children,
.partyBuilding-nav a:hover .icon-children {
    background-position: -524px -160px;
}

.partyBuilding-nav a.cur .icon-variety,
.partyBuilding-nav a:hover .icon-variety {
    background-position: -636px -160px;
}

.partyBuilding-nav a.cur .icon-mathematics,
.partyBuilding-nav a:hover .icon-mathematics {
    background-position: -76px -230px;
}

.partyBuilding-nav a.cur .icon-programming,
.partyBuilding-nav a:hover .icon-programming {
    background-position: -188px -230px;
}

.partyBuilding-nav a.cur .icon-artEnlightenment,
.partyBuilding-nav a:hover .icon-artEnlightenment {
    background-position: -300px -230px;
}

.partyBuilding-nav a.cur .icon-earlyEducation,
.partyBuilding-nav a:hover .icon-earlyEducation {
    background-position: -412px -230px;
}

.partyBuilding-nav a.cur .icon-chooseCar,
.partyBuilding-nav a:hover .icon-chooseCar {
    background-position: -76px -300px;
}

.partyBuilding-nav a.cur .icon-drivingCar,
.partyBuilding-nav a:hover .icon-drivingCar {
    background-position: -188px -300px;
}

.partyBuilding-nav a.cur .icon-CarReport,
.partyBuilding-nav a:hover .icon-CarReport {
    background-position: -300px -300px;
}

.partyBuilding-nav a.cur .icon-carFactory,
.partyBuilding-nav a:hover .icon-carFactory {
    background-position: -412px -300px;
}

.partyBuilding-nav a.cur .icon-bigScreen,
.partyBuilding-nav a:hover .icon-bigScreen {
    background-position: -76px -370px;
}

.partyBuilding-nav a.cur .icon-alienScreen,
.partyBuilding-nav a:hover .icon-alienScreen {
    background-position: -188px -370px;
}

.partyBuilding-nav a.cur .icon-product,
.partyBuilding-nav a:hover .icon-product {
    background-position: -300px -370px;
}

.partyBuilding-nav a.cur .icon-smartTV,
.partyBuilding-nav a:hover .icon-smartTV {
    background-position: -76px -510px;
}

.partyBuilding-nav a.cur .icon-smartSetTopBox,
.partyBuilding-nav a:hover .icon-smartSetTopBox {
    background-position: -188px -510px;
}

.partyBuilding-nav a.cur .icon-intelligentProjector,
.partyBuilding-nav a:hover .icon-intelligentProjector {
    background-position: -300px -510px;
}

.partyBuilding-nav a.cur .icon-newScreen,
.partyBuilding-nav a:hover .icon-newScreen {
    background-position: -412px -510px;
}

.partyBuilding-nav a.cur .icon-money,
.partyBuilding-nav a:hover .icon-money {
    background-position: -76px -580px;
}

.partyBuilding-nav a.cur .icon-search,
.partyBuilding-nav a:hover .icon-search {
    background-position: -188px -580px;
}

.partyBuilding-nav a.cur .icon-lightning,
.partyBuilding-nav a:hover .icon-lightning {
    background-position: -300px -580px;
}

.partyBuilding-nav a.cur .icon-advice,
.partyBuilding-nav a:hover .icon-advice {
    background-position: -412px -580px;
}

.partyBuilding-nav4 a {
    width: 25%;
}

.partyBuilding-nav4 a .newicon {
    width: 38px;
    height: 38px;
}

.partyBuilding-nav.wh40 a .newicon {
    width: 40px;
    height: 40px;
}

.partyBuilding-nav6 a {
    width: 16.666%;
}

.partyBuilding-nav6 a .newicon {
    width: 44px;
    height: 38px;
}

@media screen and (max-width: 1440px) {
    .partySection {
        padding-top: 50px;
    }

    .partyBuilding-nav {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .partySection {
        padding-top: 3%;
    }

    .partyBuilding-nav {
        margin-bottom: 3%;
    }

    .partyBuilding-nav a {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .partySection {
        padding-top: 30px;
    }

    .partyBuilding-nav {
        margin-bottom: 30px;
    }

    .partyBuilding-nav a {
        padding: 10px 0;
        font-size: 14px;
        /*自助服务*/
    }

    .partyBuilding-nav a .newicon {
        width: 18px;
        height: 18px;
        margin-bottom: 10px;
        /*@extend %transition;*/
        background-size: 400px 400px;
    }

    .partyBuilding-nav a .icon-partyIntroduce {
        background-position: -10px -10px;
    }

    .partyBuilding-nav a .icon-partyhonor {
        background-position: -66px -10px;
    }

    .partyBuilding-nav a .icon-partyactivities {
        background-position: -122px -10px;
    }

    .partyBuilding-nav a .icon-TVSeries {
        background-position: -10px -80px;
    }

    .partyBuilding-nav a .icon-movie {
        background-position: -66px -80px;
    }

    .partyBuilding-nav a .icon-documentary {
        background-position: -122px -80px;
    }

    .partyBuilding-nav a .icon-sports {
        background-position: -178px -80px;
    }

    .partyBuilding-nav a .icon-children {
        background-position: -234px -80px;
    }

    .partyBuilding-nav a .icon-variety {
        background-position: -290px -80px;
    }

    .partyBuilding-nav a .icon-mathematics {
        background-position: -10px -115px;
    }

    .partyBuilding-nav a .icon-programming {
        background-position: -66px -115px;
    }

    .partyBuilding-nav a .icon-artEnlightenment {
        background-position: -122px -115px;
    }

    .partyBuilding-nav a .icon-earlyEducation {
        background-position: -178px -115px;
    }

    .partyBuilding-nav a .icon-chooseCar {
        background-position: -10px -150px;
    }

    .partyBuilding-nav a .icon-drivingCar {
        background-position: -66px -150px;
    }

    .partyBuilding-nav a .icon-CarReport {
        background-position: -122px -150px;
    }

    .partyBuilding-nav a .icon-carFactory {
        background-position: -178px -150px;
    }

    .partyBuilding-nav a .icon-bigScreen {
        background-position: -10px -150px;
    }

    .partyBuilding-nav a .icon-alienScreen {
        background-position: -66px -150px;
    }

    .partyBuilding-nav a .icon-product {
        background-position: -122px -150px;
    }

    .partyBuilding-nav a .icon-smartTV {
        background-position: -10px -255px;
    }

    .partyBuilding-nav a .icon-smartSetTopBox {
        background-position: -66px -255px;
    }

    .partyBuilding-nav a .icon-intelligentProjector {
        background-position: -122px -255px;
    }

    .partyBuilding-nav a .icon-newScreen {
        background-position: -178px -255px;
    }

    .partyBuilding-nav a .icon-money {
        background-position: -10px -290px;
    }

    .partyBuilding-nav a .icon-search {
        background-position: -66px -290px;
    }

    .partyBuilding-nav a .icon-lightning {
        background-position: -122px -290px;
    }

    .partyBuilding-nav a .icon-advice {
        background-position: -178px -290px;
    }

    .partyBuilding-nav a.cur,
    .partyBuilding-nav a:hover {
        color: #ff0000;
        /*自助服务*/
    }

    .partyBuilding-nav a.cur:after,
    .partyBuilding-nav a:hover:after {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .partyBuilding-nav a.cur .icon-partyIntroduce,
    .partyBuilding-nav a:hover .icon-partyIntroduce {
        background-position: -38px -10px;
    }

    .partyBuilding-nav a.cur .icon-partyhonor,
    .partyBuilding-nav a:hover .icon-partyhonor {
        background-position: -94px -10px;
    }

    .partyBuilding-nav a.cur .icon-partyactivities,
    .partyBuilding-nav a:hover .icon-partyactivities {
        background-position: -150px -10px;
    }

    .partyBuilding-nav a.cur .icon-TVSeries,
    .partyBuilding-nav a:hover .icon-TVSeries {
        background-position: -38px -80px;
    }

    .partyBuilding-nav a.cur .icon-movie,
    .partyBuilding-nav a:hover .icon-movie {
        background-position: -94px -80px;
    }

    .partyBuilding-nav a.cur .icon-documentary,
    .partyBuilding-nav a:hover .icon-documentary {
        background-position: -150px -80px;
    }

    .partyBuilding-nav a.cur .icon-sports,
    .partyBuilding-nav a:hover .icon-sports {
        background-position: -206px -80px;
    }

    .partyBuilding-nav a.cur .icon-children,
    .partyBuilding-nav a:hover .icon-children {
        background-position: -262px -80px;
    }

    .partyBuilding-nav a.cur .icon-variety,
    .partyBuilding-nav a:hover .icon-variety {
        background-position: -318px -80px;
    }

    .partyBuilding-nav a.cur .icon-mathematics,
    .partyBuilding-nav a:hover .icon-mathematics {
        background-position: -38px -115px;
    }

    .partyBuilding-nav a.cur .icon-programming,
    .partyBuilding-nav a:hover .icon-programming {
        background-position: -94px -115px;
    }

    .partyBuilding-nav a.cur .icon-artEnlightenment,
    .partyBuilding-nav a:hover .icon-artEnlightenment {
        background-position: -150px -115px;
    }

    .partyBuilding-nav a.cur .icon-earlyEducation,
    .partyBuilding-nav a:hover .icon-earlyEducation {
        background-position: -206px -115px;
    }

    .partyBuilding-nav a.cur .icon-chooseCar,
    .partyBuilding-nav a:hover .icon-chooseCar {
        background-position: -38px -150px;
    }

    .partyBuilding-nav a.cur .icon-drivingCar,
    .partyBuilding-nav a:hover .icon-drivingCar {
        background-position: -94px -150px;
    }

    .partyBuilding-nav a.cur .icon-CarReport,
    .partyBuilding-nav a:hover .icon-CarReport {
        background-position: -150px -150px;
    }

    .partyBuilding-nav a.cur .icon-carFactory,
    .partyBuilding-nav a:hover .icon-carFactory {
        background-position: -206px -150px;
    }

    .partyBuilding-nav a.cur .icon-bigScreen,
    .partyBuilding-nav a:hover .icon-bigScreen {
        background-position: -38px -150px;
    }

    .partyBuilding-nav a.cur .icon-alienScreen,
    .partyBuilding-nav a:hover .icon-alienScreen {
        background-position: -94px -150px;
    }

    .partyBuilding-nav a.cur .icon-product,
    .partyBuilding-nav a:hover .icon-product {
        background-position: -150px -150px;
    }

    .partyBuilding-nav a.cur .icon-smartTV,
    .partyBuilding-nav a:hover .icon-smartTV {
        background-position: -38px -255px;
    }

    .partyBuilding-nav a.cur .icon-smartSetTopBox,
    .partyBuilding-nav a:hover .icon-smartSetTopBox {
        background-position: -94px -255px;
    }

    .partyBuilding-nav a.cur .icon-intelligentProjector,
    .partyBuilding-nav a:hover .icon-intelligentProjector {
        background-position: -150px -255px;
    }

    .partyBuilding-nav a.cur .icon-newScreen,
    .partyBuilding-nav a:hover .icon-newScreen {
        background-position: -206px -255px;
    }

    .partyBuilding-nav a.cur .icon-money,
    .partyBuilding-nav a:hover .icon-money {
        background-position: -38px -290px;
    }

    .partyBuilding-nav a.cur .icon-search,
    .partyBuilding-nav a:hover .icon-search {
        background-position: -94px -290px;
    }

    .partyBuilding-nav a.cur .icon-lightning,
    .partyBuilding-nav a:hover .icon-lightning {
        background-position: -150px -290px;
    }

    .partyBuilding-nav a.cur .icon-advice,
    .partyBuilding-nav a:hover .icon-advice {
        background-position: -206px -290px;
    }

    .partyBuilding-nav.wh40 a .newicon {
        width: 20px;
        height: 20px;
    }

    .partyBuilding-nav6 a {
        width: 33.333%;
    }

    .partyBuilding-nav6 a:nth-of-type(3n) p:before {
        display: none;
    }

    .partyBuilding-nav6 a .newicon {
        width: 22px;
        height: 19px;
    }

    .partyBuilding-nav4 a .newicon {
        width: 19px;
        height: 19px;
    }
}

@media screen and (max-width: 480px) {
    .partyBuilding-nav a {
        font-size: 12px;
    }
}

/* ## 党员活动 */
.party-activities {
    margin-bottom: 60px;
}

.party-activities ul li {
    float: left;
    width: 31.666%;
    margin-right: 2.501%;
    margin-bottom: 3.333%;
    background-color: #f7f7f7;
}

.party-activities ul li:nth-of-type(3n) {
    margin-right: 0;
}

.party-activities ul li .img img {
    display: block;
    width: 100%;
    /*height:240px;*/
    margin: 0 auto;
}

.party-activities ul li p {
    padding: 20px 10px;
    line-height: 1.36;
    text-align: center;
    font-size: 22px;
    color: #333333;
}

@media screen and (max-width: 1440px) {
    .party-activities {
        margin-bottom: 50px;
    }

    .party-activities ul li p {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .party-activities {
        margin-bottom: 3%;
    }

    .party-activities ul li p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .party-activities {
        margin-bottom: 30px;
    }

    .party-activities ul li {
        width: 49%;
        margin-right: 2%;
    }

    .party-activities ul li:nth-of-type(3n) {
        margin-right: 2%;
    }

    .party-activities ul li:nth-of-type(2n) {
        margin-right: 0;
    }

    .party-activities ul li p {
        font-size: 14px;
    }
}

/* ## 党组织介绍 */
.party-partyIntroduce .company-party {
    margin-bottom: 60px;
}

.party-partyIntroduce .company-party .comH1 {
    margin-bottom: 40px;
}

.party-partyIntroduce .company-party .company-con {
    max-width: 800px;
    margin: 0 auto;
}

.party-partyIntroduce .company-party .company-con .txt {
    padding: 0 10%;
    margin-bottom: 30px;
    font-size: 14px;
    color: #666666;
    line-height: 2.14;
}

.party-partyIntroduce .company-party .company-con .img img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.party-partyIntroduce .party-members {
    padding: 60px 0 100px;
    background-color: #f7f7f7;
}

.party-partyIntroduce .party-members .comH1 {
    margin-bottom: 60px;
}

.party-partyIntroduce .party-members ul li {
    float: left;
    width: 17.5%;
    margin-right: 3.125%;
    background-color: #ffffff;
}

.party-partyIntroduce .party-members ul li:nth-of-type(5n) {
    margin-right: 0;
}

.party-partyIntroduce .party-members ul li .img img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.party-partyIntroduce .party-members ul li .txt {
    padding: 20px 10px;
    text-align: center;
}

.party-partyIntroduce .party-members ul li .txt h6 {
    font-size: 18px;
    color: #333333;
    line-height: 1;
    font-weight: 500;
    margin-bottom: 10px;
}

.party-partyIntroduce .party-members ul li .txt p {
    font-size: 14px;
    color: #666666;
    line-height: 1.3;
    min-height: 2.6em;
}

@media screen and (max-width: 1440px) {
    .party-partyIntroduce .company-party {
        margin-bottom: 50px;
    }

    .party-partyIntroduce .party-members {
        padding: 50px 0 80px;
    }

    .party-partyIntroduce .party-members .comH1 {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 1200px) {
    .party-partyIntroduce .party-members ul li .txt p {
        min-height: 3.9em;
    }
}

@media screen and (max-width: 1024px) {
    .party-partyIntroduce .company-party {
        margin-bottom: 3%;
    }

    .party-partyIntroduce .company-party .comH1 {
        margin-bottom: 3%;
    }

    .party-partyIntroduce .company-party .company-con .txt {
        padding: 0;
        margin-bottom: 3%;
    }

    .party-partyIntroduce .party-members {
        padding: 3% 0 3%;
    }

    .party-partyIntroduce .party-members .comH1 {
        margin-bottom: 3%;
    }

    .party-partyIntroduce .party-members ul li .txt h6 {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .party-partyIntroduce .company-party {
        margin-bottom: 30px;
    }

    .party-partyIntroduce .company-party .comH1 {
        margin-bottom: 30px;
    }

    .party-partyIntroduce .party-members {
        padding: 30px 0 30px;
    }

    .party-partyIntroduce .party-members .comH1 {
        margin-bottom: 30px;
    }

    .party-partyIntroduce .party-members ul {
        display: flex;
        flex-wrap: wrap;
    }

    .party-partyIntroduce .party-members ul li {
        float: none;
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
    }

    .party-partyIntroduce .party-members ul li:nth-of-type(5n) {
        margin-right: 2%;
    }

    .party-partyIntroduce .party-members ul li:nth-of-type(2n) {
        margin-right: 0;
    }

    .party-partyIntroduce .party-members ul li .txt {
        padding: 10px;
    }

    .party-partyIntroduce .party-members ul li .txt h6 {
        font-size: 16px;
    }

    .party-partyIntroduce .party-members ul li .txt p {
        min-height: inherit;
    }
}

/* ## 荣誉 */
.party-partyhonor {
    padding-bottom: 100px;
}

.party-partyhonor.w1200 {
    padding-left: 0;
    padding-right: 0;
    max-width: 1160px;
}

.party-partyhonor .swiper-container {
    width: 106.66%;
    margin-left: -3.33%;
    position: relative;
    overflow: hidden;
}

.party-partyhonor .swiper-container .swiper-slide {
    display: block;
}

.party-partyhonor .swiper-container .swiper-slide .item {
    margin: 0 6.0%;
    background-color: #f7f7f7;
}

.party-partyhonor .swiper-container .swiper-slide .img img {
    display: block;
    width: 100%;
    /*height:375px;*/
}

.party-partyhonor .swiper-container .swiper-slide .txt {
    position: relative;
    padding: 40px;
    font-size: 20px;
    line-height: 1;
}

.party-partyhonor .swiper-container .swiper-slide .txt p {
    position: relative;
    z-index: 2;
}

.party-partyhonor .swiper-container .swiper-slide .txt span {
    position: absolute;
    color: #ff0000;
    opacity: .2;
    filter: alpha(opacity=20);
    font-size: 70px;
    line-height: 1;
    top: 50%;
    margin-top: -35px;
    right: 30px;
}

.party-partyhonor .party_b .swiper-scrollbar {
    margin-top: 60px;
    left: 0;
    width: 100%;
    position: relative;
    background-color: #e5e5e5;
    border-radius: 0;
    height: 1px;
}

.party-partyhonor .party_b .swiper-scrollbar .swiper-scrollbar-drag {
    position: absolute;
    left: 0;
    height: 2px;
    top: -1px;
    background-color: #ff0000;
}

.party-partyhonor .party_b .start-end-year {
    padding-top: 15px;
}

.party-partyhonor .party_b .start-end-year span {
    float: left;
    font-size: 24px;
    color: #333333;
}

.party-partyhonor .party_b .start-end-year span.red {
    color: #ff0000;
}

.party-partyhonor .party_b .start-end-year span.endYear {
    float: right;
}

@media screen and (max-width: 1440px) {
    .party-partyhonor {
        padding-bottom: 80px;
    }

    .party-partyhonor .swiper-container .swiper-slide .txt {
        font-size: 20px;
        padding: 30px;
    }

    .party-partyhonor .swiper-container .swiper-slide .txt span {
        font-size: 52px;
        margin-top: -26px;
        right: 20px;
    }

    .party-partyhonor .swiper1440 .swiper-prev {
        margin-left: -90px;
    }

    .party-partyhonor .swiper1440 .swiper-next {
        margin-right: -90px;
    }

    .party-partyhonor .party_b .swiper-scrollbar {
        margin-top: 50px;
    }

    .party-partyhonor .party_b .start-end-year span {
        font-size: 22px;
    }
}

@media screen and (max-width: 1360px) {
    .party-partyhonor .swiper1440 .swiper-prev {
        margin-left: 0;
    }

    .party-partyhonor .swiper1440 .swiper-next {
        margin-right: 0;
    }
}

@media screen and (max-width: 1360px) {
    .party-partyhonor.w1200 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .party-partyhonor.w1200 .swiper1440 {
        overflow: hidden;
    }
}

@media screen and (max-width: 1024px) {
    .party-partyhonor {
        padding-bottom: 3%;
    }

    .party-partyhonor.w1200 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .party-partyhonor .swiper-container .swiper-slide .txt {
        font-size: 16px;
        padding: 5%;
    }

    .party-partyhonor .swiper-container .swiper-slide .txt span {
        font-size: 40px;
        margin-top: -20px;
        right: 20px;
    }

    .party-partyhonor .party_b .swiper-scrollbar {
        margin-top: 3%;
    }

    .party-partyhonor .party_b .start-end-year span {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {
    .party-partyhonor {
        padding-bottom: 30px;
    }

    .party-partyhonor .swiper1440 .swiper-container {
        width: 200%;
        margin-left: 0;
    }

    .party-partyhonor .swiper1440 .swiper-container .swiper-slide .item {
        margin: 0;
    }

    .party-partyhonor .swiper1440 .swiper-container .swiper-slide .txt {
        font-size: 14px;
        padding: 5%;
    }

    .party-partyhonor .swiper1440 .swiper-container .swiper-slide .txt span {
        font-size: 28px;
        margin-top: -14px;
        right: 10px;
    }

    .party-partyhonor .party_b .swiper-scrollbar {
        margin-top: 30px;
    }

    .party-partyhonor .party_b .start-end-year span {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    .party-partyhonor.w1200 {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/* ## 文化建设 */
.party-culture .comH1 {
    margin-bottom: 60px;
}

.party-culture .content {
    margin-bottom: 60px;
}

.party-culture .content ul li {
    margin-bottom: 40px;
    background-color: #f7f7f7;
    position: relative;
}

.party-culture .content ul li:last-child {
    margin-bottom: 0;
}

.party-culture .content ul li .img {
    /*float: left;*/
    position: absolute;
    height: 100%;
    width: 23.333%;
}

.party-culture .content ul li .img img {
    /*position:absolute;*/
    width: 100%;
    /*height:100%;*/
    /*left:0;*/
    /*right:0;*/
    /*top:0;*/
    /*bottom:0;*/
    /*margin:auto;*/
    /*display: block;*/
    /*max-width:100%;*/
    /*max-height:100%;*/
    /*padding:10%;*/
    /*box-sizing:border-box;*/
}

.party-culture .content ul li .txt {
    margin-left: 23.333%;
    padding: 4.347%;
    color: #333333;
}

.party-culture .content ul li .txt h6 {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
}

.party-culture .content ul li .txt .time-promulgator {
    line-height: 26px;
    margin-bottom: 20px;
    font-size: 16px;
}

.party-culture .content ul li .txt .time-promulgator .time {
    display: inline-block;
    margin-right: 30px;
}

.party-culture .content ul li .txt .time-promulgator .icon-time {
    display: inline-block;
    width: 27px;
    height: 26px;
    background-position: -20px -90px;
    vertical-align: top;
    margin-right: 10px;
}

.party-culture .content ul li .txt .abstract {
    font-size: 14px;
    line-height: 2.14;
    margin-bottom: 30px;
}

.party-culture .content ul li .txt .abstract p {
    margin-bottom: 15px;
}

.party-culture .content ul li .txt .more {
    font-size: 16px;
    line-height: 1;
    color: #ff0000;
}

.party-culture .content ul li .txt .more .icon-arrR {
    margin-left: 5px;
    margin-top: -4px;
    display: inline-block;
    height: 16px;
    width: 35px;
    background-position: -76px -95px;
    vertical-align: middle;
}

.party-culture .content ul li .txt .more:hover .icon-arrR {
    margin-left: 10px;
}

@media screen and (max-width: 1440px) {
    .party-culture .comH1 {
        margin-bottom: 50px;
    }

    .party-culture .content {
        margin-bottom: 50px;
    }

    .party-culture .content ul li {
        margin-bottom: 30px;
    }

    .party-culture .content ul li .txt h6 {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .party-culture .comH1 {
        margin-bottom: 3%;
    }

    .party-culture .content {
        margin-bottom: 3%;
    }

    .party-culture .content ul li {
        margin-bottom: 2%;
    }

    .party-culture .content ul li .txt h6 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .party-culture .content ul li .txt .time-promulgator {
        margin-bottom: 10px;
    }

    .party-culture .content ul li .txt .abstract {
        margin-bottom: 10px;
    }

    .party-culture .content ul li .txt .time-promulgator,
    .party-culture .content ul li .txt .more {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    .party-culture .comH1 {
        margin-bottom: 30px;
    }

    .party-culture .content {
        margin-bottom: 30px;
    }

    .party-culture .content ul li {
        margin-bottom: 20px;
    }

    .party-culture .content ul li .img {
        position: relative;
        width: 100%;
    }

    .party-culture .content ul li .txt {
        margin-left: 0;
    }

    .party-culture .content ul li .txt .time-promulgator {
        line-height: 20px;
    }

    .party-culture .content ul li .txt .time-promulgator .icon-time {
        width: 21px;
        height: 20px;
        background-size: 600px;
        background-position: 2.5% 11.45%;
    }
}

/* # 新闻中心 */
/* ## 领导参访 */
.leadership-visit .content {
    margin-bottom: 0;
}

/* ## 企业大事记 */
.corporate-milestones {
    padding-bottom: 0;
}

.corporate-milestones .comH1 {
    margin-bottom: 60px;
}

.corporate-milestones .content .formdata {
    margin-bottom: 60px;
    text-align: center;
}

.corporate-milestones .content .formdata .year {
    margin-right: 20px;
}

.corporate-milestones .content .formdata .year,
.corporate-milestones .content .formdata .month {
    text-align: left;
    display: inline-block;
    line-height: 40px;
}

.corporate-milestones .content .formdata .year .dropdown,
.corporate-milestones .content .formdata .month .dropdown {
    vertical-align: middle;
    margin-right: 10px;
}

.corporate-milestones .content .results {
    margin-bottom: 60px;
}

.corporate-milestones .content .results .results-list li {
    float: left;
    width: 31.666%;
    margin-right: 2.501%;
    background-color: #f7f7f7;
    text-align: center;
    margin-bottom: 2%;
}

.corporate-milestones .content .results .results-list li:nth-of-type(3n) {
    margin-right: 0;
}

.corporate-milestones .content .results .results-list li .img img {
    display: block;
    max-width: 100%;
}

.corporate-milestones .content .results .results-list li .txt {
    padding: 30px;
}

.corporate-milestones .content .results .results-list li .txt h6 {
    font-weight: 500;
    font-size: 22px;
    color: #333333;
    line-height: 1;
    margin-bottom: 30px;
}

.corporate-milestones .content .results .results-list li .txt .btn-red {
    margin: 0 auto;
}

.corporate-milestones .content .getmore {
    text-align: center;
    font-size: 16px;
    color: #999999;
    line-height: 1;
}

.corporate-milestones .content .getmore span {
    cursor: pointer;
}

.corporate-milestones .content .getmore span div {
    display: block;
    margin: 0 auto 15px;
    width: 31px;
    height: 31px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #9b9b9b;
    overflow: hidden;
}

.corporate-milestones .content .getmore span div .icon-getmore {
    display: block;
    position: relative;
    width: 31px;
    height: 31px;
    background-position: -122px -80px;
    animation: bgMove 1.5s infinite linear;
    -webkit-animation: bgMove 1.5s infinite linear;
    -moz-animation: bgMove 1.5s infinite linear;
    -ms-animation: bgMove 1.5s infinite linear;
    -o-animation: bgMove 1.5s infinite linear;
}

.corporate-milestones .events-swiper {
    margin-bottom: 5%;
    position: relative;
    padding: 0 48px;
}

.corporate-milestones .events-swiper .swiper-slide {
    position: relative;
    line-height: 1;
    text-align: center;
    display: block;
}

.corporate-milestones .events-swiper .swiper-slide span {
    display: block;
    margin: 0 auto 10px;
    width: 15px;
    height: 15px;
    background-color: #dfdfdf;
    border-radius: 50%;
    position: relative;
    z-index: 2;
}

.corporate-milestones .events-swiper .swiper-slide .line {
    position: absolute;
    width: 100%;
    top: 7px;
    height: 1px;
    background-color: #dfdfdf;
}

.corporate-milestones .events-swiper .swiper-slide p {
    font-size: 20px;
    color: #999999;
    height: 26px;
}

.corporate-milestones .events-swiper .swiper-slide.swiper-slide-active span {
	width: 17px;
	height: 17px;
    background-color: #c81d1d;
}

.corporate-milestones .events-swiper .swiper-slide.swiper-slide-active p {
    font-size: 26px;
    color: #212121;
}

.corporate-milestones .events-swiper .swiper-prev,
.corporate-milestones .events-swiper .swiper-next {
    position: absolute;
    left: 0;
    top: -15px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    /*border: 1px solid #cb2c2c;*/
    z-index: 3;
    /*background: url(../images/arr.png) no-repeat;
      background-position: 0 -46px;*/
    /* background-color: #f7f7f7; */
    background-size: 140px auto;
    background-position: -12px -12px;
}

.corporate-milestones .events-swiper .swiper-prev:hover {
    background-position: -12px -82px;
}

.corporate-milestones .events-swiper .swiper-next {
    left: auto;
    right: 0;
    background-position: -82px -12px;
    /*background-position: -46px -46px;*/
}

.corporate-milestones .events-swiper .swiper-next:hover {
    background-position: -82px -82px;
}

.corporate-milestones .events-list {
    background-color: #fff;
    padding: 5%;
    padding-bottom: 10%;
}

.corporate-milestones .events-list .item {
    display: none;
    position: relative;
}

.corporate-milestones .events-list .item .year {
    font-size: 30px;
    color: #303030;
    font-weight: bold;
    float: left;
    line-height: 60px;
}

.corporate-milestones .events-list .item .year span {
    font-size: 60px;
    color: #c81d1d;
}

.corporate-milestones .events-list .item ul {
    margin-left: 26.85%;
}

.corporate-milestones .events-list .item ul li {
    position: relative;
    margin-bottom: 3px;
}

.corporate-milestones .events-list .item ul li:nth-of-type(2n) div {
    background-color: #fff;
}

.corporate-milestones .events-list .item ul li:last-child span:after {
    display: none;
}

.corporate-milestones .events-list .item ul li span {
    position: absolute;
    left: 0;
    text-transform: uppercase;
    height: 100%;
    padding-top: 7px;
    top: 15px;
    line-height: 1;
    font-size: 16px;
    overflow: hidden;
    box-sizing: border-box;
    width: 34px;
    text-align: center;
}

.corporate-milestones .events-list .item ul li span:after {
    content: '';
    position: absolute;
    left: 14px;
    height: 100%;
    top: 35px;
    width: 1px;
    background-color: #e5e5e5;
}

.corporate-milestones .events-list .item ul li div {
    margin-left: 7.614%;
    padding: 15px 15px 10px;
    background-color: #f7f7f7;
    font-size: 16px;
    line-height: 2;
	font-weight: 700;
	letter-spacing: 1px;
}

@media screen and (max-width: 1440px) {
    .corporate-milestones .comH1 {
        margin-bottom: 50px;
    }

    .corporate-milestones .content .formdata {
        margin-bottom: 50px;
    }

    .corporate-milestones .content .results {
        margin-bottom: 50px;
    }

    .corporate-milestones .content .results .results-list li .txt {
        padding: 20px;
    }

    .corporate-milestones .content .results .results-list li .txt h6 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .corporate-milestones .events-swiper .swiper-slide p {
        height: 24px;
    }

    .corporate-milestones .events-swiper .swiper-slide.swiper-slide-active p {
        font-size: 24px;
    }

    .corporate-milestones .events-list .item .year {
        font-size: 26px;
        line-height: 52px;
    }

    .corporate-milestones .events-list .item .year span {
        font-size: 52px;
    }
}

@media screen and (max-width: 1024px) {
    .corporate-milestones .comH1 {
        margin-bottom: 3%;
    }

    .corporate-milestones .content .formdata {
        margin-bottom: 3%;
    }

    .corporate-milestones .content .results {
        margin-bottom: 3%;
    }

    .corporate-milestones .content .results .results-list li .txt {
        padding: 10px;
    }

    .corporate-milestones .content .results .results-list li .txt h6 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .corporate-milestones .events-swiper {
        margin-bottom: 30px;
        padding: 16px 32px 0;
        overflow: hidden;
    }

    .corporate-milestones .events-swiper .swiper-slide p {
        height: 22px;
    }

    .corporate-milestones .events-swiper .swiper-slide.swiper-slide-active p {
        font-size: 22px;
    }

    .corporate-milestones .events-swiper .swiper-prev,
    .corporate-milestones .events-swiper .swiper-next {
        top: 0;
        /*width: 30px;
        height: 30px;
        background-size: 400px;
        background-position: 0 8.1666%;*/
    }

    .corporate-milestones .events-swiper .swiper-next {
        /*background-position: 8.1666% 8.1666%;*/
    }

    .corporate-milestones .events-list {
        padding: 30px 30px 50px 30px;
    }

    .corporate-milestones .events-list .item .year {
        font-size: 24px;
        line-height: 48px;
    }

    .corporate-milestones .events-list .item .year span {
        font-size: 48px;
    }

    .corporate-milestones .events-list .item ul {
        margin-left: 23.85%;
    }

    .corporate-milestones .events-list .item ul li div {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .corporate-milestones .comH1 {
        margin-bottom: 30px;
    }

    .corporate-milestones .content .formdata {
        margin-bottom: 30px;
    }

    .corporate-milestones .content .formdata .year {
        margin-right: 10px;
    }

    .corporate-milestones .content .results {
        margin-bottom: 30px;
    }

    .corporate-milestones .content .results .results-list li {
        width: 49%;
        margin-right: 2%;
    }

    .corporate-milestones .content .results .results-list li:nth-of-type(3n) {
        margin-right: 2%;
    }

    .corporate-milestones .content .results .results-list li:nth-of-type(2n) {
        margin-right: 0;
    }

    .corporate-milestones .content .results .results-list li .txt {
        padding: 10px;
    }

    .corporate-milestones .content .results .results-list li .txt h6 {
        font-size: 14px;
        margin-bottom: 10px;
        line-height: 1.4;
    }

    .corporate-milestones .content .getmore {
        font-size: 14px;
    }

    .corporate-milestones .events-swiper .swiper-container {
        width: 200%;
    }

    .corporate-milestones .events-swiper .swiper-slide p {
        font-size: 14px;
        height: 20px;
    }

    .corporate-milestones .events-swiper .swiper-slide.swiper-slide-active p {
        font-size: 18px;
    }

    .corporate-milestones .events-list {
        padding: 30px 0 50px;
    }

    .corporate-milestones .events-list .item .year {
        float: none;
        margin-bottom: 15px;
        font-size: 22px;
        line-height: 44px;
    }

    .corporate-milestones .events-list .item .year span {
        font-size: 44px;
    }

    .corporate-milestones .events-list .item ul {
        margin-left: 0;
    }

    .corporate-milestones .events-list .item ul li span {
        font-size: 14px;
    }

    .corporate-milestones .events-list .item ul li div {
        margin-left: 45px;
        font-size: 14px;
    }
}

@keyframes bgMove {
    from {
        top: -10px;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    to {
        top: 10px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@-webkit-keyframes bgMove {
    from {
        top: -10px;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    to {
        top: 10px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@-moz-keyframes bgMove {
    from {
        top: -10px;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    to {
        top: 10px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@-ms-keyframes bgMove {
    from {
        top: -10px;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    to {
        top: 10px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

@-o-keyframes bgMove {
    from {
        top: -10px;
        opacity: 0;
        filter: alpha(opacity=0);
    }

    to {
        top: 10px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
}

/* ## 台网联动 */
.news-list .comH1 {
    margin-bottom: 60px;
}

.news-list ul {
    margin-bottom: 2.5%;
}

.news-list .item-news {
    border-top: 1px solid #d1d1d1;
    overflow: hidden;
}

.news-list .item-news:first-child {
    padding-top: 0;
    border-top: 0;
}

.news-list .item-news {
    padding: 4% 0;
}

.news-list .item-news-date {
    float: left;
    width: 70px;
    text-align: center;
}
.news-list .item-news-btn {
	color: red;
}

.news-list .item-news-date strong {
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 30px;
    color: #ff0000;
    background: #e9e9e9;
    border-radius: 8px 8px 0 0;
}

.news-list .item-news-date em {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #fff;
    font-style: normal;
    background: #818181;
    border-radius: 0 0 8px 8px;
}

.news-list .item-news-info {
    margin-left: 90px;
    padding-left: 5%;
}

.news-list .item-news-title {
    font-size: 18px;
    line-height: 1.6;
    height: 2.2em;
    overflow: hidden;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news-list .item-news-title a {
    color: #000;
}

.news-list .item-news-desc {
    width: 100%;
    margin-top: 12px;
	margin-bottom: 25px;
    font-size: 14px;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

@media screen and (max-width: 1440px) {
    .news-list .comH1 {
        margin-bottom: 50px;
    }

    .news-list .item-news {
        padding: 2% 0;
    }

    .news-list .item-news-info {
        padding-left: 3%;
    }

    .news-list .item-news-date strong {
        height: 55px;
        line-height: 55px;
    }
}

@media screen and (max-width: 1024px) {
    .news-list .comH1 {
        margin-bottom: 3%;
    }

    .news-list .item-news {
        padding: 20px 0;
    }

    .news-list .item-news-date {
        width: 70px;
    }

    .news-list .item-news-date strong {
        height: 45px;
        line-height: 45px;
        font-size: 24px;
    }

    .news-list .item-news-date em {
        font-size: 14px;
    }

    .news-list .item-news-info {
        margin-left: 70px;
        padding-left: 20px;
    }

    .news-list .item-news-title {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .news-list .comH1 {
        margin-bottom: 30px;
    }

    .news-list .item-news {
        padding: 10px 0;
    }

    .news-focus .item-focus-info {
        padding: 15px 20px;
    }

    .news-list .item-news-date {
        width: 54px;
    }

    .news-list .item-news-date strong {
        height: 35px;
        line-height: 35px;
        font-size: 20px;
    }

    .news-list .item-news-date em {
        font-size: 12px;
        height: 25px;
        line-height: 25px;
        border-radius: 0 0 5px 5px;
    }

    .news-list .item-news-info {
        margin-left: 54px;
        padding-left: 15px;
    }

    .news-list .item-news-title {
        height: 1.6em;
    }
}

/* ## 未来要闻 */
.news-future {
    padding-bottom: 0;
}

.news-future .recommend {
    position: relative;
    background-color: #f7f7f7;
    margin-bottom: 5%;
}

.news-future .recommend .img {
    /*float: left;*/
    position: relative;
    /*height: 100%;*/
    display: inline-block;
    width: 50%;
}

.news-future .recommend .img a {
    display: block;
    width: 100%;
    /*height: 100%;*/
    color: #fff;
}

.news-future .recommend .img img {
    display: block;
    max-width: 100% !important;
    position: static !important;
    height: auto !important;
}

.news-future .recommend .img div {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 2;
    box-sizing: border-box;
    padding: 5% 6%;
    line-height: 1;
    background-color: #999;
    background-color: rgba(0, 0, 0, 0.5);
}

.news-future .recommend .img div p {
    float: left;
    font-size: 16px;
    max-width: 270px;
}

.news-future .recommend .img div span {
    float: right;
    font-size: 14px;
}

.news-future .recommend .txt {
    /*margin-left: 50%;*/
    padding: 3.33%;
    color: #333333;
    vertical-align: top;
    display: inline-block;
    box-sizing: border-box;
    width: 49%;
}

.news-future .recommend .txt h6 {
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 20px;
}

.news-future .recommend .txt .time-promulgator {
    line-height: 26px;
    margin-bottom: 20px;
    font-size: 16px;
	font-weight: 700;
}

.news-future .recommend .txt .time-promulgator .time {
    display: inline-block;
    margin-right: 30px;
}

.news-future .recommend .txt .time-promulgator .icon-time {
    display: inline-block;
    width: 27px;
    height: 26px;
    background-position: -22px -90px;
    vertical-align: top;
    margin-right: 10px;
}

.news-future .recommend .txt .abstract {
	width: 80%;
    font-size: 14px;
    line-height: 2.14;
    /* margin-bottom: 0px; */
}

.news-future .recommend .txt .abstract p {
    margin-bottom: 10px;
}

.news-future .recommend .txt .more {
    font-size: 16px;
    line-height: 1;
    color: #ff0000;
	display: block;
	width: 100%;
	text-align: right;
}

.news-future .recommend .txt .more .icon-arrR {
    margin-left: 5px;
    margin-top: -4px;
    display: inline-block;
    height: 16px;
    width: 35px;
    background-position: -76px -95px;
    vertical-align: middle;
}

.news-future .recommend .txt .more:hover .icon-arrR {
    margin-left: 10px;
}

.news-future .future-list {
    padding-bottom: 5.2%;
    /* background-color: #f7f7f7; */
}

.news-future .future-list ul {
    margin-bottom: 5%;
}

.news-future .future-list ul li {
    border-bottom: 1px solid #e5e5e5;
}

.news-future .future-list ul li:last-child {
    border-bottom: 0;
}

.news-future .future-list ul li a {
    display: block;
    padding: 3.33% 0;
    line-height: 22px;
    color: #333333;
}

.news-future .future-list ul li h6 {
    font-weight: 700;
    float: left;
    /*margin-right: 100px;*/
    max-width: 100%;
    font-size: 22px;
}

.news-future .future-list ul li span {
    float: right;
    font-size: 14px;
}

.news-future .future-list ul li .hydt-text1 {
    margin-top: 15px;font-size: 18px;font-weight: bold;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-future .future-list ul li .hydt-text2 {
	font-size: 12px;
    margin-top: 15px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;				
	text-overflow: ellipsis;		
	display: -webkit-box;			
	-webkit-line-clamp: 4;			
	line-clamp: 4;
	-webkit-box-orient: vertical;
}
.news-future .future-list ul li .hydt-text {
    width: 70%;display: inline-block;vertical-align: top;
}
.news-future .future-list ul li .hydt-img {
	width: 280px;
	height: 157px;
	display: inline-block;
	margin-left: 3%;
}
.news-future .future-list ul li .hydt-img img{
	width: 280px;
	height: 157px;
}
.news-future .future-list ul li .hydt-btn {
    margin-top: 20px;
	color: red;
}

@media screen and (max-width: 1440px) {
    .news-future .recommend .txt h6 {
        font-size: 20px;
    }

    .news-future .future-list ul li a {
        padding: 2% 0;
        line-height: 20px;
    }

    .news-future .future-list ul li a h6 {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
	.news-future .future-list ul li .hydt-text {
	    width: 67%;
	}
    .news-future .recommend {
        margin-bottom: 30px;
    }

    .news-future .recommend .txt {
        padding: 20px;
    }

    .news-future .recommend .txt h6 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .news-future .recommend .txt .time-promulgator {
        margin-bottom: 10px;
    }

    .news-future .recommend .txt .abstract {
        margin-bottom: 10px;
    }

    .news-future .recommend .txt .time-promulgator,
    .news-future .recommend .txt .more {
        font-size: 14px;
    }

    .news-future .future-list {
        padding-bottom: 30px;
    }

    .news-future .future-list ul li a {
        padding: 20px 0;
        line-height: 16px;
    }

    .news-future .future-list ul li a h6 {
        font-size: 16px;
    }
}
@media screen and (max-width: 940px) {
	.news-future .future-list ul li .hydt-text {
	    width: 65%;
	}
}

@media screen and (max-width: 768px) {
	.news-future .future-list ul li .hydt-text {
	    width: 58%;
	}
    .news-future .recommend {
        margin-bottom: 20px;
    }

    .news-future .recommend .img {
        position: relative;
        width: 100%;
        height: 200px;
    }

    .news-future .recommend .txt {
        padding: 15px;
        margin-left: 0;
        width: 100%;
    }

    .news-future .recommend .txt .time-promulgator {
        line-height: 20px;
    }

    .news-future .recommend .txt .time-promulgator .icon-time {
        width: 21px;
        height: 20px;
        background-size: 600px;
        background-position: 2.5% 11.45%;
    }

    .news-future .future-list ul li a {
        line-height: 14px;
    }

    .news-future .future-list ul li a h6 {
        font-size: 14px;
        float: none;
        line-height: 1.4;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 480px) {
    .news-future .future-list ul li .hydt-text1 {
        font-size: 15px;
    }
    .news-future .future-list ul li .hydt-text2 {
    	font-size: 10px;
    }
    .news-future .future-list ul li .hydt-text {
        width: 100%;
    }
    .news-future .future-list ul li .hydt-img {
        display: none;
    }
}

/* ## 行业动态 */
.industry-dynamic .recommend2 {
    margin-bottom: 5%;
}

.industry-dynamic .recommend2 ul li {
    float: left;
    width: 48.3%;
    margin-right: 3.4%;
    background-color: #f7f7f7;
}

.industry-dynamic .recommend2 ul li:nth-of-type(2n) {
    margin-right: 0;
}

.industry-dynamic .recommend2 ul li .img img {
    /*display: block;*/
    position: inherit !important;
    width: 100% !important;
    height:auto;
}

.industry-dynamic .recommend2 ul li .txt {
    padding: 5% 6.8%;
}

.industry-dynamic .recommend2 ul li .txt h6 {
    font-weight: 500;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 10px;
}

.industry-dynamic .recommend2 ul li .txt .abstract {
    font-size: 14px;
    line-height: 2.14;
    color: #333333;
    margin-bottom: 10px;
}

.industry-dynamic .recommend2 ul li .txt .abstract span {
    display: inline-block;
    margin-right: 10px;
    line-height: 20px;
    height: 20px;
    padding: 0 8px;
    background-color: #e6e6e6;
}

.industry-dynamic .recommend2 ul li .txt .more {
    font-size: 16px;
    line-height: 1;
    color: #ff0000;
}

.industry-dynamic .recommend2 ul li .txt .more .icon-arrR {
    margin-left: 5px;
    margin-top: -4px;
    display: inline-block;
    height: 16px;
    width: 35px;
    background-position: -76px -95px;
    vertical-align: middle;
}

.industry-dynamic .recommend2 ul li .txt .more:hover .icon-arrR {
    margin-left: 10px;
}

@media screen and (max-width: 1440px) {
    .industry-dynamic .recommend2 ul li .txt {
        padding: 4% 5.8%;
    }

    .industry-dynamic .recommend2 ul li .txt h6 {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .industry-dynamic .recommend2 {
        margin-bottom: 30px;
    }

    .industry-dynamic .recommend2 ul li .txt {
        padding: 20px 25px;
    }

    .industry-dynamic .recommend2 ul li .txt h6 {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .industry-dynamic .recommend2 {
        margin-bottom: 30px;
    }

    .industry-dynamic .recommend2 ul li {
        margin-right: 0;
        width: 100%;
        margin-bottom: 2%;
    }

    .industry-dynamic .recommend2 ul li .txt {
        padding: 15px;
    }

    .industry-dynamic .recommend2 ul li .txt h6 {
        font-size: 16px;
    }

    .industry-dynamic .recommend2 ul li .txt .more {
        font-size: 14px;
    }
}

/* # 内容看点 */
/* ## 热播板块 */
.hot-plate {
    padding-bottom: 4%;
}

.hot-plate .list .item {
    display: none;
}

.hot-plate ul li {
    float: left;
    width: 23.333%;
    margin-right: 2.222%;
    background-color: #fff;
    margin-bottom: 3.333%;
}

.hot-plate ul li:nth-of-type(4n) {
    margin-right: 0;
}

.hot-plate ul li .img img {
    display: block;
    max-width: 100%;
    width: 100%;
}

.hot-plate ul li .txt {
    padding: 7%;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-top: none;
    line-height: 1;
}

.hot-plate ul li .txt h6 {
    color: #333333;
    font-size: 22px;
    margin-bottom: 10px;
}

.hot-plate ul li .txt p {
    color: #666666;
    font-size: 14px;
    margin-bottom: 20px;
}

.hot-plate ul li .txt .btn-red {
    margin: 0 auto;
}

.hot-plate ul li .txt h6 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media screen and (max-width: 1440px) {
    .hot-plate {
        padding-bottom: 3%;
    }

    .hot-plate ul li .txt h6 {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .hot-plate {
        padding-bottom: 30px;
    }

    .hot-plate ul li .txt h6 {
        font-size: 16px;
    }

    .hot-plate ul li .txt p {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 768px) {
    .hot-plate {
        padding-bottom: 30px;
    }

    .hot-plate ul li {
        width: 49%;
        margin-right: 2%;
    }

    .hot-plate ul li:nth-of-type(4n) {
        margin-right: 2%;
    }

    .hot-plate ul li:nth-of-type(2n) {
        margin-right: 0;
    }

    .hot-plate ul li .txt h6 {
        font-size: 14px;
        height: 16px;
        line-height: 16px;
    }
}

/* ## 热播剧集 - 详情页 */
.video-play {
    position: relative;
    padding-bottom: 56.25%;
}

.video-play video {
    display: block;
    max-width: 100%;
    /* width: 100%; */
    position: absolute;
    height: 100%;
    
    z-index: 1;
    background-color: #000;
    object-fit: cover;
}
.hit-series-content .content .video-play video{
    left: calc((100% - 337px) / 2);
}
.swiper-slide .video-play video{
      display: none;
    }
.swiper-slide.swiper-slide-active .video-play video {
    display: block;
}
.video-play .play {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    width: 100%;
    height: 100%;
    /*background-color: #050100;*/
    background-color: rgba(5, 1, 0, 0.4);
}

.video-play .play span {
    position: absolute;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid #fff;
    left: 50%;
    top: 50%;
    margin-top: -36px;
    margin-left: -36px;
}

.video-play .play span .icon-play {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-position: -554px -68px;
}

.video-play .play:hover span {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    border-color: transparent;
}

.video-play .play:hover span .icon-play {
    background-position: -610px -68px;
}

.video-play-small {
    padding-bottom: 0;
}

.video-play-small video {
    position: relative;
    height: auto;
}

.video-play-small .play span {
    width: 48px;
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    line-height: 48px;
}

.video-play-small .play span .icon-play {
    background-size: 550px;
    background-position: 75.6% 9.25%;
}

.video-play-small .play:hover span .icon-play {
    background-position: 83.2% 9.25%;
}

.hit-series-content .content {
    position: relative;
}

.hit-series-content .content .hit-series-left {
    position: relative;
    float: left;
    width: 70%;
    box-sizing: border-box;
    padding-right: 3.333%;
    border-right: 1px solid #e5e5e5;
}

.hit-series-content .content .hit-series-left h1 {
    font-size: 36px;
    margin-bottom: 3.5%;
    text-align: center;
    font-weight: 500;
}

.hit-series-content .content .hit-series-left .other {
    margin-bottom: 2.3%;
}

.hit-series-content .content .hit-series-left .other .time-promulgator {
    float: left;
    line-height: 26px;
    font-size: 16px;
}

.hit-series-content .content .hit-series-left .other .time-promulgator .time {
    display: inline-block;
    margin-right: 30px;
}

.hit-series-content .content .hit-series-left .other .time-promulgator .icon-time {
    display: inline-block;
    width: 27px;
    height: 26px;
    background-position: -20px -90px;
    vertical-align: top;
    margin-right: 10px;
}

.hit-series-content .content .hit-series-left .other .share {
    float: right;
    letter-spacing: -8px;
}

.hit-series-content .content .hit-series-left .other .share a {
    letter-spacing: 0px;
    display: inline-block;
    margin-left: 28px;
}

.hit-series-content .content .hit-series-left .other .share a:first-child {
    margin-left: 0;
}

.hit-series-content .content .hit-series-left .other .share a .newicon {
    width: 26px;
    height: 20px;
}

.hit-series-content .content .hit-series-left .other .share a .icon-share {
    background-position: -244px -90px;
}

.hit-series-content .content .hit-series-left .other .share a .icon-weibo {
    background-position: -356px -90px;
}

.hit-series-content .content .hit-series-left .other .share a .icon-wechat {
    background-position: -468px -90px;
}

.hit-series-content .content .hit-series-left .other .share a:hover .icon-share {
    background-position: -300px -90px;
}

.hit-series-content .content .hit-series-left .other .share a:hover .icon-weibo {
    background-position: -412px -90px;
}

.hit-series-content .content .hit-series-left .other .share a:hover .icon-wechat {
    background-position: -524px -90px;
}

.hit-series-content .content .hit-series-left .con {
    line-height: 2.14;
    font-size: 14px;
    color: #666;
    text-align: justify;
}

/*.hit-series-content .content .hit-series-left .con video{*/
/*    width:100%;*/
/*    height:auto;*/
/*}*/
.hit-series-content .content .hit-series-left .con p {
    margin-bottom: 15px;
}

.hit-series-content .content .hit-series-left .con p.video,
.hit-series-content .content .hit-series-left .con p.img {
    margin: 20px 0;
}

.hit-series-content .content .hit-series-left .con .img img {
    float: left;
    width: 57.8%;
}

.hit-series-content .content .hit-series-left .con .img img.fr {
    float: right;
    width: 41.75%;
}

.hit-series-content .content .hit-series-right {
    float: right;
    width: 30%;
    box-sizing: border-box;
    padding-left: 3.333%;
}

.hit-series-content .content .hit-series-right a {
    color: #333333;
}

.hit-series-content .content .hit-series-right h6 {
    font-size: 22px;
    margin-bottom: 9.375%;
    line-height: 1;
}

.hit-series-content .content .hit-series-right .prev-next {
    margin-bottom: 12.5%;
    border-bottom: 1px solid #e5e5e5;
}

.hit-series-content .content .hit-series-right .prev-next .prev,
.hit-series-content .content .hit-series-right .prev-next .next {
    display: block;
    margin-bottom: 9.375%;
}

.hit-series-content .content .hit-series-right .prev-next .prev p,
.hit-series-content .content .hit-series-right .prev-next .next p {
    font-size: 14px;
}

.hit-series-content .content .hit-series-right .prev-next .prev:hover p,
.hit-series-content .content .hit-series-right .prev-next .next:hover p {
    color: #ff0000;
}

.hit-series-content .content .hit-series-right .recommend ul li {
    font-size: 14px;
    margin-bottom: 6.875%;
}

.hit-series-content .content .hit-series-right .recommend ul li a {
    color: #333333;
}

.hit-series-content .content .hit-series-right .recommend ul li a:hover {
    color: #ff0000;
}

.hit-series-content.videoSec .content .hit-series-left {
    float: none;
    width: 100%;
    border-right: 0;
}

@media screen and (max-width: 1440px) {
    .hit-series-content .content .hit-series-left h1 {
        font-size: 30px;
    }

    .hit-series-content .content .hit-series-right h6 {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .hit-series-content .content .hit-series-left {
        padding-right: 2%;
    }

    .hit-series-content .content .hit-series-left h1 {
        font-size: 26px;
    }

    .hit-series-content .content .hit-series-right {
        padding-left: 2%;
    }

    .hit-series-content .content .hit-series-right h6 {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .hit-series-content .content .hit-series-left {
        float: none;
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 30px;
        padding-right: 0;
    }

    .hit-series-content .content .hit-series-left h1 {
        margin-bottom: 20px;
    }

    .hit-series-content .content .hit-series-left .other {
        margin-bottom: 10px;
    }

    .hit-series-content .content .hit-series-left .other .time-promulgator {
        text-align: center;
        float: none;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .hit-series-content .content .hit-series-left .other .time-promulgator .time {
        margin-right: 10px;
    }

    .hit-series-content .content .hit-series-left .other .time-promulgator .icon-time {
        width: 21px;
        height: 20px;
        background-size: 600px;
        background-position: 2.5% 11.45%;
    }

    .hit-series-content .content .hit-series-left .other .share {
        float: none;
        text-align: center;
    }

    .hit-series-content .content .hit-series-left .con p.video,
    .hit-series-content .content .hit-series-left .con p.img {
        margin: 10px 0;
    }

    .hit-series-content .content .hit-series-right {
        width: 100%;
        float: none;
        padding-left: 0;
    }

    .hit-series-content .content .hit-series-right h6 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .hit-series-content .content .hit-series-right .prev-next {
        margin-bottom: 30px;
    }

    .hit-series-content .content .hit-series-right .prev-next .prev,
    .hit-series-content .content .hit-series-right .prev-next .next {
        margin-bottom: 20px;
    }
}

/* ## 原创IP - content */
.swiper-prev,
.swiper-next {
    position: absolute;
    left: 22%;
    bottom: -55px;
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0) url("../images/swiper-sprite.png")/*tpa=//www.sadysk.com//Public/future/images/swiper-sprite.png*/ no-repeat;
    vertical-align: middle;
    cursor: pointer;
}

.swiper-prev {
    background-position: -20px -20px;
}

.swiper-prev:hover {
    background-position: -20px -130px;
}

.swiper-next {
    margin-left: 50%;
    background-position: -130px -20px;
}

.swiper-next:hover {
    background-position: -130px -130px;
}

.homemade-short-video .swiper-slide img {
    height: auto !important;
}

@media screen and (max-width: 1440px) {

    .swiper-prev,
    .swiper-next {
        position: absolute;
        left: 17%;
        bottom: 40px;
    }

    .swiper-next {
        margin-left: 59%;

    }
}

@media screen and (max-width: 1024px) {

    .swiper-prev,
    .swiper-next {
        width: 51px;
        height: 51px;
        position: absolute;
        left: 18%;
        bottom: 0;
        -webkit-background-size: 160px;
        background-size: 160px;
    }

    .swiper-prev {
        background-position: 13.333% 13.333%;
    }

    .swiper-prev:hover {
        background-position: 13.333% 86.667%;
    }

    .swiper-next {
        margin-left: 59%;
        background-position: 86.667% 13.333%;
    }

    .swiper-next:hover {
        background-position: 86.667% 86.667%;
    }
}


@media screen and (max-width: 768px) {

    .swiper-prev,
    .swiper-next {
        z-index: 5;
        width: 35px;
        height: 35px;
        position: relative;
        left: 0;
        bottom: 0;

        -webkit-background-size: 110px;
        background-size: 110px;
    }

    .swiper-next {
        margin-left: 60px;
    }
}

.swiper1440 {
    position: relative;
}

.swiper1440 .swiper-slide {
    display: block;
    box-sizing: border-box;
}

.swiper1440 .swiper-slide .item {
    margin: 0 4.6%;
}

.swiper1440 .swiper-slide .img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    /*height:161px;*/
}

.swiper1440 .swiper-prev,
.swiper1440 .swiper-next {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -720px;
    z-index: 2;
}

.swiper1440 .swiper-next {
    margin-left: 650px;
}

.Hi-e-sports .more-information-swiper .swiper-slide .img img {
    height: auto;
}

.swiper800 {
    position: relative;
}

.swiper800 .swiper-container {
    max-width: 800px;
    margin: 0 auto;
}

.swiper800 .swiper-prev,
.swiper800 .swiper-next {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -35px;
    margin-left: -510px;
    z-index: 2;
}

.swiper800 .swiper-next {
    margin-left: 440px;
}

.original-IP-content {
    padding-top: 30px;
    padding-bottom: 0;
}

.original-IP-content .original-IP-top {
    margin-bottom: 60px;
}

.original-IP-content .original-IP-top .con {
    max-width: 640px;
    margin: 0 auto 4.16%;
    font-size: 14px;
    line-height: 2.14;
    color: #666666;
}

.original-IP-content .original-IP-top .con img {
    display: block;
    margin: 0 auto 4.6875%;
}

.original-IP-content .original-IP-top .con p {
    margin-bottom: 1.5625%;
}

.original-IP-content .original-IP-bottom {
    padding: 40px 0 90px;
    background-color: #f7f7f7;
}

.original-IP-content .original-IP-bottom .con {
    max-width: 640px;
    margin: 0 auto 5%;
}

.original-IP-content .original-IP-bottom .con ul li {
    font-size: 18px;
    color: #333333;
    line-height: 2;
    position: relative;
}

.original-IP-content .original-IP-bottom .con ul li span {
    float: left;
    /*width: 90px;*/
}

.original-IP-content .original-IP-bottom .con ul li p {
    margin-left: 90px;
}

.original-IP-content .original-IP-bottom .Ipswiper .swiper-slide {
    /*margin-right: 27px;*/
}

.original-IP-content .original-IP-bottom .Ipswiper .swiper-slide .img img {
    display: block;
    max-width: 100%;
}

.original-IP-content .original-IP-bottom .Ipswiper .swiper-slide p {
    font-size: 18px;
    color: #333333;
    padding-top: 7%;
    text-align: center;
}

.original-IP-content .original-IP-bottom .Iplist ul li {
    float: left;
    width: 23.333%;
    margin-right: 2.222%;
    background-color: #fff;
    margin-bottom: 3.333%;
}

.original-IP-content .original-IP-bottom .Iplist ul li:nth-of-type(4n) {
    margin-right: 0;
}

.original-IP-content .original-IP-bottom .Iplist ul li .img img {
    display: block;
    max-width: 100%;
}

.original-IP-content .original-IP-bottom .Iplist ul li .txt {
    padding: 7%;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-top: none;
    line-height: 1;
}

.original-IP-content .original-IP-bottom .Iplist ul li .txt p {
    color: #333333;
    font-size: 18px;
    margin-bottom: 7%;
}

.original-IP-content .original-IP-bottom .Iplist ul li .txt .btn-red {
    margin: 0 auto;
}

@media screen and (max-width: 1440px) {

    .swiper1440 .swiper-prev,
    .swiper1440 .swiper-next {
        left: 0;
        margin-left: -70px;
    }

    .swiper1440 .swiper-next {
        left: auto;
        right: 0;
        margin-right: -70px;
    }

    .original-IP-content .original-IP-top {
        margin-bottom: 50px;
    }

    .original-IP-content .original-IP-bottom {
        padding: 30px 0 60px;
    }

    .original-IP-content .original-IP-bottom .con ul li {
        font-size: 16px;
    }

    .original-IP-content .original-IP-bottom .con ul li p {
        margin-left: 80px;
    }

    .original-IP-content .original-IP-bottom .Ipswiper .swiper-slide p {
        font-size: 16px;
    }

    .original-IP-content .original-IP-bottom .Iplist ul li .txt p {
        font-size: 16px;
    }
}

@media screen and (max-width: 1350px) {

    .swiper1440 .swiper-prev,
    .swiper1440 .swiper-next {
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media screen and (max-width: 1200px) {
    .swiper1440 .swiper-prev {
        left: 30px;
    }

    .swiper1440 .swiper-next {
        right: 30px;
    }
}

@media screen and (max-width: 1024px) {

    .swiper800 .swiper-prev,
    .swiper800 .swiper-next {
        left: 0;
        margin-top: -25px;
        margin-left: 0;
        margin-right: 0;
    }

    .swiper800 .swiper-next {
        left: auto;
        right: 0;
    }

    .swiper1440 .swiper-prev {
        margin-top: -25px;
        left: 20px;
    }

    .swiper1440 .swiper-next {
        margin-top: -25px;
        right: 20px;
    }

    .original-IP-content .original-IP-top {
        margin-bottom: 3%;
    }

    .original-IP-content .original-IP-bottom {
        padding: 3% 0 5%;
    }

    .original-IP-content .original-IP-bottom .con ul li {
        font-size: 14px;
    }

    .original-IP-content .original-IP-bottom .con ul li p {
        margin-left: 70px;
    }

    .original-IP-content .original-IP-bottom .Ipswiper .swiper-slide p {
        font-size: 14px;
    }

    .original-IP-content .original-IP-bottom .Iplist ul li .txt p {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    .swiper1440 {
        overflow: hidden;
    }

    .swiper1440 .swiper-container {
        width: 400%;
    }

    .swiper1440 .swiper-prev {
        margin-top: -17px;
        left: 0;
    }

    .swiper1440 .swiper-next {
        margin-top: -17px;
        right: 0;
    }

    .original-IP-top {
        margin-bottom: 30px;
    }

    .original-IP-top .video-swiper .swiper-prev,
    .original-IP-top .video-swiper .swiper-next {
        margin-top: -17px;
    }

    .original-IP-content .original-IP-bottom {
        padding: 30px 0 50px;
    }

    .original-IP-content .original-IP-bottom .Iplist ul li {
        width: 49%;
        margin-right: 2%;
    }

    .original-IP-content .original-IP-bottom .Iplist ul li:nth-of-type(4n) {
        margin-right: 2%;
    }

    .original-IP-content .original-IP-bottom .Iplist ul li:nth-of-type(2n) {
        margin-right: 0;
    }

    .original-IP-content .original-IP-bottom .Iplist ul li .txt p {
        font-size: 16px;
    }
}

/* ## 原创IP */
.original-IP {
    padding-bottom: 0;
}

.original-IP .original-IP-top {
	margin: 0px;
	max-width: 100%;
	/* background-image: url('./newImage1.jpg'); */
	background-size: 100%;
}

.original-IP .original-IP-top .comH1 {
    margin-bottom: 3.333%;
}

.original-IP .original-IP-bottom {
    padding: 60px 0 40px;
    background-color: #f7f7f7;
}

.original-IP .original-IP-bottom .comH1 {
    margin-bottom: 5%;
}

.original-IP .original-IP-bottom .Iplist ul li {
    float: left;
    width: 31.666%;
    margin-right: 2.501%;
    margin-bottom: 5%;
    background-color: #f7f7f7;
}

.original-IP .original-IP-bottom .Iplist ul li:nth-of-type(3n) {
    margin-right: 0;
}

.original-IP .original-IP-bottom .Iplist ul li a,
.original-IP .original-IP-bottom .Iplist ul li img {
    display: block;
}

.original-IP .original-IP-bottom .Iplist ul li img {
    max-width: 100%;
}

@media screen and (max-width: 1440px) {
    .original-IP .original-IP-bottom {
        padding: 50px 0 30px;
    }
}

@media screen and (max-width: 1024px) {
    .original-IP .original-IP-top {
        margin-bottom: 30px;
    }

    .original-IP .original-IP-top .comH1 {
        margin-bottom: 30px;
    }

    .original-IP .original-IP-bottom {
        padding: 3% 0 2%;
    }

    .original-IP .original-IP-bottom .comH1 {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    .original-IP .original-IP-bottom {
        padding: 30px 0 20px;
    }

    .original-IP .original-IP-bottom .comH1 {
        margin-bottom: 30px;
    }

    .original-IP .original-IP-bottom .Iplist ul li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
    }

    .original-IP .original-IP-bottom .Iplist ul li:nth-of-type(3n) {
        margin-right: 2%;
    }

    .original-IP .original-IP-bottom .Iplist ul li:nth-of-type(2n) {
        margin-right: 0;
    }
}

/* ## 主体主线报道 - 详情 */
.main-line-report {
    padding-bottom: 0;
}

.main-line-report .media-platform h2 {
    font-size: 48px;
    line-height: 1;
    margin-bottom: 2.5%;
    text-align: center;
    color: #333333;
}

.main-line-report .media-platform .w640 {
    margin-bottom: 2.5%;
}

.main-line-report .media-platform .poster {
    text-align: center;
    padding-bottom: 5%;
}

.main-line-report .media-platform .poster img {
    display: block;
    max-width: 100%;
    margin: 0 auto 1%;
}

.main-line-report .media-platform .poster p {
    font-weight: bold;
    font-size: 30px;
    cursor: pointer;
}

.main-line-report .media-platform .list {
    max-width: 840px;
    margin: 0 auto 1.666%;
}

.main-line-report .media-platform .list li {
    float: left;
    width: 45.23%;
    margin-right: 9.54%;
    margin-bottom: 7.1%;
    background-color: #f7f7f7;
}

.main-line-report .media-platform .list li:nth-of-type(2n) {
    margin-right: 0;
}

.main-line-report .media-platform .list li img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.main-line-report .media-platform .list li .txt {
    padding: 5%;
    text-align: center;
}

.main-line-report .media-platform .list li .txt h6 {
    font-weight: 500;
    font-size: 22px;
    color: #333333;
    line-height: 1.8;
    margin-bottom: 5%;
    height: 1.8em;
}

.main-line-report .media-platform .list li .txt a {
    margin: 0 auto;
}

/*更多资料*/
.more-information {
    padding: 3.125% 0 5.2%;
    background-color: #f7f7f7;
}

.more-information .comH1 {
    margin-bottom: 3.333%;
}

.more-information .more-information-swiper a,
.more-information .moredata a {
    display: block;
}

.more-information .more-information-swiper .swiper-slide,
.more-information .moredata .swiper-slide {
    width: 25%;
}

.more-information .more-information-swiper img,
.more-information .moredata img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.more-information .more-information-swiper p,
.more-information .moredata p {
    padding-top: 1.75%;
    text-align: center;
    font-size: 18px;
    color: #333333;
}

.more-information .more-information-swiper.inl-block,
.more-information .moredata.inl-block {
    letter-spacing: -8px;
    text-align: center;
}

.more-information .more-information-swiper.inl-block .swiper-slide,
.more-information .moredata.inl-block .swiper-slide {
    letter-spacing: 0;
    display: inline-block;
    float: none;
}

@media screen and (max-width: 1440px) {
    .main-line-report .media-platform h2 {
        font-size: 38px;
    }

    .main-line-report .media-platform .poster p {
        font-size: 26px;
    }

    .main-line-report .media-platform .list li .txt h6 {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .main-line-report .media-platform h2 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .main-line-report .media-platform .w640 {
        margin-bottom: 20px;
    }

    .main-line-report .media-platform .poster {
        padding-bottom: 30px;
    }

    .main-line-report .media-platform .poster img {
        margin-bottom: 10px;
    }

    .main-line-report .media-platform .poster p {
        font-size: 24px;
    }

    .main-line-report .media-platform .list li .txt h6 {
        font-size: 16px;
    }

    .more-information {
        padding: 40px 0 70px;
    }

    .more-information .comH1 {
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 768px) {
    .main-line-report .media-platform h2 {
        font-size: 24px;
        line-height: 1.3;
        margin-bottom: 30px;
    }

    .main-line-report .media-platform .poster p {
        font-size: 22px;
    }

    .main-line-report .media-platform .list li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 3%;
    }

    .main-line-report .media-platform .list li .txt {
        padding: 10px;
    }

    .main-line-report .media-platform .list li .txt h6 {
        font-size: 14px;
    }

    .more-information {
        padding: 30px 0 50px;
    }

    .more-information .comH1 {
        margin-bottom: 30px;
    }

    .more-information .more-information-swiper .swiper-container {
        width: 400%;
    }

    .more-information .more-information-swiper.inl-block .swiper-container {
        width: 100%;
    }

    .more-information .more-information-swiper.inl-block .swiper-container .swiper-slide {
        width: 100%;
        margin-bottom: 20px;
    }

    .more-information .more-information-swiper.inl-block .swiper-container .swiper-slide:last-child {
        margin-bottom: 0;
    }
}

/* ## 主体主线报道 */
.theme-list {
    margin-bottom: 2.5%;
}

.theme-list ul li {
    float: left;
    width: 48.3%;
    margin-right: 3.4%;
    margin-bottom: 4%;
    text-align: center;
}

.theme-list ul li:nth-of-type(2n) {
    margin-right: 0;
}

.theme-list ul li h6 {
    font-size: 30PX;
    line-height: 1.5;
    margin-bottom: 6.37%;
    color: #333333;
}

.theme-list ul li .con {
    background-color: #f7f7f7;
}

.theme-list ul li .img img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.theme-list ul li .txt {
    padding: 5.17% 0;
}

.theme-list ul li .txt a {
    margin: 0 auto;
}

@media screen and (max-width: 1440px) {
    .theme-list ul li h6 {
        font-size: 24px;
    }
}

@media screen and (max-width: 1024px) {
    .theme-list ul li h6 {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {
    .theme-list ul li {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .theme-list ul li h6 {
        font-size: 16px;
        margin-bottom: 5px;
    }
}

/* #  */
.swiper3d {
    position: relative;
}

.swiper3d .swiper-container {
    padding-bottom: 14%;
}

.swiper3d .swiper-prev,
.swiper3d .swiper-next {
    position: absolute;
    top: 50%;
    margin-top: -70px;
    left: -90px;
    z-index: 3;
}

.swiper3d .swiper-next {
    left: auto;
    right: -90px;
}

.swiper3d .swiper-slide {
    -webkit-box-reflect: below 1px -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 160px);
    -moz-box-reflect: below 1px -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 160px);
    -ms-box-reflect: below 1px -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 160px);
    -o-box-reflect: below 1px -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 0px, rgba(0, 0, 0, 0) 160px);
}

.swiper3d .swiper-slide img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

@media screen and (max-width: 1440px) {
    .swiper3d .swiper-prev {
        left: 0;
    }

    .swiper3d .swiper-next {
        right: 0;
    }
}

@media screen and (max-width: 768px) {

    .swiper3d .swiper-prev,
    .swiper3d .swiper-next {
        margin-top: -17px;
    }
}

.beta-store {
    padding-bottom: 0;
}

.beta-store .comH1 {
    margin-bottom: 3%;
}

.beta-store .txt {
    max-width: 640px;
    margin: 0 auto 2.5%;
    font-size: 14px;
    line-height: 2.14;
    text-align: justify;
    color: #666666;
}

.beta-store .txt p {
    margin-bottom: 10px;
}

.beta-store .txt p:last-child {
    margin-bottom: 0;
}

.beta-store .beta-store-swiper {
    margin: 0 2.5%;
}

@media screen and (max-width: 1024px) {
    .beta-store .comH1 {
        margin-bottom: 30px;
    }

    .beta-store .txt {
        margin-bottom: 20px;
    }

    .beta-store .beta-store-swiper {
        margin: 0;
    }
}

@media screen and (max-width: 768px) {
    .swiper3d {
        overflow: hidden;
    }

    .swiper3d .swiper-container {
        width: 200%;
        margin-left: -50%;
        padding-bottom: 0;
    }

    .swiper3d .swiper-slide {
        transform: none !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
    }

    .beta-store {
        padding-bottom: 30px;
    }
}

/* ## 名师大咖 */
.relevanceSwiper {
    position: relative;
}

.relevanceSwiper .relevanceT {
    max-width: 1024px;
    margin: 0 auto 5%;
    position: relative;
}

.relevanceSwiper .relevanceT .swiper-prev,
.relevanceSwiper .relevanceT .swiper-next {
    position: absolute;
    top: 50%;
    margin-top: -35px;
    left: 0;
    z-index: 4;
}

.relevanceSwiper .relevanceT .swiper-next {
    left: auto;
    right: 0;
}

.relevanceSwiper .relevanceT .swiper-container {
    max-width: 680px;
    margin: 0 auto;
}

.relevanceSwiper .relevanceT .swiper-slide {
    background-color: #f7f7f7;
    display: block;
    position: relative;
}

.relevanceSwiper .relevanceT .swiper-slide .img {
    position: absolute;
    width: 43.75%;
    height: 100%;
}

.relevanceSwiper .relevanceT .swiper-slide .img img {
    width: 100%;
    display: block;
}

.relevanceSwiper .relevanceT .swiper-slide .txt {
    margin-left: 43.75%;
    padding: 6% 4% 4% 6%;
    min-height: 380px;
    box-sizing: border-box;
    text-align: justify;
}

.relevanceSwiper .relevanceT .swiper-slide .txt h6 {
    font-size: 30px;
    padding-bottom: 9%;
    position: relative;
    margin-bottom: 6%;
    color: #333333;
}

.relevanceSwiper .relevanceT .swiper-slide .txt h6:after {
    content: '';
    width: 30px;
    height: 2px;
    background-color: #ff0000;
    position: absolute;
    left: 0;
    bottom: 0;
}

.relevanceSwiper .relevanceT .swiper-slide .txt ul li {
    font-size: 16px;
    color: #333333;
    margin-bottom: 6%;
}

.relevanceSwiper .relevanceT .swiper-slide .txt ul li:last-child {
    margin-bottom: 0;
}

.relevanceSwiper .relevanceB {
    position: relative;
    overflow: hidden;
}

.relevanceSwiper .relevanceB .swiper-container {
    width: 104.16%;
    margin-left: -2.08%;
}

.relevanceSwiper .relevanceB .swiper-container .swiper-slide {
    position: relative;
    display: block;
}

.relevanceSwiper .relevanceB .swiper-container .swiper-slide.swiper-slide-active span i {
    background-color: #ff0000;
}

.relevanceSwiper .relevanceB .swiper-container .swiper-slide span {
    position: relative;
    width: 100%;
    height: 4px;
    display: block;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 19.23%;
}

.relevanceSwiper .relevanceB .swiper-container .swiper-slide span i {
    position: absolute;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    top: 0;
    border-radius: 50%;
    background-color: #e8e8e8;
}

.relevanceSwiper .relevanceB .swiper-container .swiper-slide .item {
    margin: 0 12.02%;
    text-align: center;
}

.relevanceSwiper .relevanceB .swiper-container .swiper-slide .item .img {
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-top: 100%;
}

.relevanceSwiper .relevanceB .swiper-container .swiper-slide .item .img img {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}

.relevanceSwiper .relevanceB .swiper-container .swiper-slide .item p {
    font-size: 18px;
    color: #333333;
    padding-top: 12%;
}

.teacher-higher-ups .comH1 {
    margin-bottom: 5%;
}

@media screen and (max-width: 1440px) {
    .relevanceSwiper .relevanceT .swiper-slide .txt h6 {
        font-size: 26px;
    }
}

@media screen and (max-width: 1024px) {
    .relevanceSwiper .relevanceT .swiper-slide .txt h6 {
        font-size: 22px;
    }

    .relevanceSwiper .relevanceB .swiper-container .swiper-slide .item p {
        font-size: 16px;
    }

    .teacher-higher-ups .comH1 {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 768px) {
    .relevanceSwiper .relevanceT .swiper-slide .img {
        height: 400px;
        width: 100%;
        position: static;
    }

    .relevanceSwiper .relevanceT .swiper-slide .txt {
        margin-left: 0;
    }

    .relevanceSwiper .relevanceT .swiper-slide .txt h6 {
        font-size: 20px;
    }

    .relevanceSwiper .relevanceT .swiper-slide .txt p {
        font-size: 14px;
    }

    .relevanceSwiper .relevanceB .swiper-container {
        width: 300%;
    }

    .relevanceSwiper .relevanceB .swiper-container .swiper-slide .item p {
        font-size: 14px;
    }
}

/* ## 自制短视频 */
.homemade-short-video {
    padding: 0;
}

.homemade-short-video .comH1 {
    margin-bottom: 4.583%;
}

.homemade-short-video .swiper-container {
    padding-bottom: 1px;
}

.homemade-short-video .swiper-slide {
    text-align: center;
}

.homemade-short-video .swiper-slide .img img {
    display: block;
    width: 100%;
}

.homemade-short-video .swiper-slide .txt {
    border: 1px solid #e5e5e5;
    border-top: none;
    background-color: #fff;
    padding: 7% 5%;
}

.homemade-short-video .swiper-slide .txt h6 {
    font-size: 22px;
    color: #333333;
    line-height: 1;
    margin-bottom: 5.7%;
}

.homemade-short-video .swiper-slide .txt a {
    margin: 0 auto;
}

.homemade-short-video .solar-terms,
.homemade-short-video .holiday-video .w1200 .con {
    padding: 5% 0;
}

.homemade-short-video .holiday-video {
    background-color: #f7f7f7;
}

.homemade-short-video .holiday-video .w1200 .con {
    padding-bottom: 8.333%;
}

@media screen and (max-width: 1440px) {
    .homemade-short-video .swiper-slide .txt h6 {
        font-size: 16px;
    }
}

@media screen and (max-width: 1024px) {
    .homemade-short-video .swiper-slide .txt h6 {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .homemade-short-video .comH1 {
        margin-bottom: 30px;
    }

    .homemade-short-video .swiper1440 .swiper-container {
        width: 200%;
    }

    .homemade-short-video .swiper-slide .txt h6 {
        font-size: 14px;
    }

    .homemade-short-video .solar-terms,
    .homemade-short-video .holiday-video .w1200 .con {
        padding: 30px 0;
    }
}

/* ## 自制课程 */
.custom-course .comH1 {
    margin-bottom: 3.333%;
}

.custom-course .partyBuilding-nav {
    margin-bottom: 5%;
}

.custom-course .custom-course-list .list .item {
    display: none;
}

.custom-course .custom-course-list .list .item {
    display: block;
}

/*.custom-course .custom-video-swiper .swiper-slide .txt {*/
/*  padding: 1.25% 10%;*/
/*  text-align: center;*/
/*  font-size: 14px;*/
/*  line-height: 2.14;*/
/*  color: #666666; }*/
.custom-video-swiper .por .item .img img {
    width: 100%;
}

.swiper-slide .txt {
    padding: 1.25% 10%;
    text-align: center;
    font-size: 14px;
    line-height: 2.14;
    color: #666666;
}

@media screen and (max-width: 768px) {
    .custom-course .comH1 {
        margin-bottom: 20px;
    }

    .custom-course .introduce,
    .custom-course .partyBuilding-nav {
        margin-bottom: 30px;
    }
}

/* ## 贝塔未来星 */
.w640 {
    max-width: 640px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 2.14;
    color: #666666;
    text-align: justify;
}

.w640 a {
    color: #666666;
}

.w640 p {
    margin-bottom: 10px;
}

.w640 p:last-child {
    margin-bottom: 0;
}

.w800 {
    max-width: 800px;
    margin: 0 auto;
}

.listbox4 li {
    float: left;
    width: 23.333%;
    margin-right: 2.222%;
}

.listbox4 li:nth-of-type(4n) {
    margin-right: 0;
}

.listbox4 li .img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.listbox4 li .txt {
    padding: 7%;
    border: 1px solid #e5e5e5;
    border-top: none;
    text-align: center;
}

.listbox4 li .txt h6 {
    font-size: 22px;
    color: #333333;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 7%;
}

.listbox4 li .txt a {
    margin: 0 auto;
}

.betta-future-star .comH1 {
    margin-bottom: 3.333%;
}

.betta-future-star .newTV {
    margin-bottom: 4.16%;
}

.betta-future-star .newTV .introduce {
    margin-bottom: 5%;
    font-size: 14px;
    line-height: 2.14;
    text-align: center;
    color: #666666;
}

.betta-future-star .promotional-video {
    background-color: #f7f7f7;
    margin-bottom: 4.16%;
}

.betta-future-star .promotional-video .con {
    padding: 5% 0;
}

.betta-future-star .promotional-video .swiper-slide .txt {
    padding: 1.25% 10%;
    text-align: center;
    font-size: 14px;
    line-height: 2.14;
    color: #666666;
}

@media screen and (max-width: 1440px) {
    .listbox4 li .txt h6 {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .listbox4 li .txt h6 {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .listbox4 li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
    }

    .listbox4 li:nth-of-type(2n) {
        margin-right: 0;
    }

    .listbox4 li .txt {
        padding: 10px;
    }

    .listbox4 li .txt h6 {
        font-size: 14px;
    }

    .betta-future-star .comH1 {
        margin-bottom: 20px;
    }

    .betta-future-star .newTV {
        margin-bottom: 30px;
    }

    .betta-future-star .newTV .introduce {
        margin-bottom: 30px;
    }

    .betta-future-star .promotional-video {
        margin-bottom: 30px;
    }

    .betta-future-star .promotional-video .con {
        padding: 30px 0;
    }
}

/* ## 车家在线 */
/*.car-home-online .partyBuilding-nav4 a i {*/
/*  width: 40px;*/
/*  height: 40px; }*/

.car-home-online .introduce {
    margin-bottom: 4.16%;
}

.car-home-online .por {
    position: relative;
    margin-bottom: 3.333%;
}

.car-home-online .otherSec .swiper-slide img {
    display: block;
    margin: 0 auto;
    width: 250px;
    height: 160px;
}
.car-home-online .custom-course-list .swiper-slide img{
    height:100%;
}
.car-home-online .otherSec .swiper-slide p {
    padding-top: 7%;
    text-align: center;
    font-size: 18px;
    line-height: 1;
    color: #333333;
}

@media screen and (max-width: 1024px) {
    .car-home-online .otherSec .swiper-slide p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .car-home-online .introduce {
        margin-bottom: 30px;
    }

    .car-home-online .por {
        margin-bottom: 30px;
    }

    .car-home-online .otherSec .swiper-slide p {
        font-size: 14px;
    }
}

/* ## 所获荣誉 */
.received-honor .imglist {
    max-width: 1114px;
    margin: 0 auto;
}

.received-honor .imglist .imgl {
    max-width: 700px;
    float: left;
    width: 62.836%;
    margin-right: 3.053%;
    box-sizing: border-box;
}

.received-honor .imglist .imgl .img {
    padding: 1.4285%;
}

.received-honor .imglist .imgr {
    max-width: 380px;
    float: left;
    width: 34.111%;
    box-sizing: border-box;
}

.received-honor .imglist .imgr .img {
    padding: 2.6315%;
}

.received-honor .imglist .img {
    /*padding: 0.8976%;*/
    background-color: #fff;
    box-shadow: 0px 0px 30px 0px rgba(147, 151, 156, 0.4);
}

.received-honor .imglist .img img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.received-honor .imglist .txt {
    padding: 30px 10px 0;
    text-align: center;
    font-size: 18px;
    color: #333333;
}

@media screen and (max-width: 1440px) {
    .received-honor .imglist .txt {
        padding-top: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .received-honor .imglist .txt {
        padding-top: 10px;
    }
}

@media screen and (max-width: 1024px) {
    .received-honor .imglist .imgl {
        margin-bottom: 30px;
    }

    .received-honor .imglist .imgl,
    .received-honor .imglist .imgr {
        float: none;
        margin-right: 0;
        width: 100%;
    }

    .received-honor .imglist .imgl .img,
    .received-honor .imglist .imgr .img {
        padding: 10px;
    }

    .received-honor .imglist .txt {
        padding-top: 20px;
        font-size: 14px;
    }
}

/* ## 炫舞4K、Ai教学 */
.dance4K {
    padding-bottom: 0;
}

.dance4K .comH1 {
    margin-bottom: 3.333%;
}

.dance4K .w640 {
    font-size: 14px;
    color: #666666;
    line-height: 2.14;
    margin-bottom: 3.333%;
    text-align: center;
}

.dance4K .videoList {
    max-width: 1040px;
    margin: 0 auto 5%;
    position: relative;
    height: 319px;
}

.dance4K .videoList .videoNav {
    margin-left: 65.384%;
}

.dance4K .videoList .videoNav ul li {
    border-top: 1px solid #dddddd;
    cursor: pointer;
    padding: 5.55% 20px;
    font-size: 18px;
    color: #333333 !important;
    font-weight: 500;
    position: relative;
}

.dance4K .videoList .videoNav ul li:last-child {
    border-bottom: 1px solid #dddddd;
}

.dance4K .videoList .videoNav ul li .icon-arrL {
    position: absolute;
    left: 3px;
    top: 50%;
    margin-top: -6.5px;
    width: 9px;
    height: 13px;
    opacity: 0;
    filter: alpha(opacity=0);
    background-position: -748px -90px;
}

.dance4K .videoList .videoNav ul li.cur,
.dance4K .videoList .videoNav ul li:hover {
    color: #ff0000;
}

.dance4K .videoList .videoNav ul li.cur .icon-arrL,
.dance4K .videoList .videoNav ul li:hover .icon-arrL {
    opacity: 1;
    filter: alpha(opacity=100);
}

.dance4K .videoList .videoCon {
    position: absolute;
    width: 63.461%;
    height: 100%;
    top: 0;
    padding-bottom: 0;
    left: 0;
}

.dance4K .videoList .videoCon video {
    width: 100%;
}

.dance4K .promotional-video {
    background-color: #f7f7f7;
}

.dance4K .promotional-video .con {
    padding: 5% 0 8.3333%;
}

.dance4K .promotional-video .w800 {
    margin: 0 auto 10px;
}

.dance4K .promotional-video .w640 {
    margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
    .dance4K .videoList .videoNav ul li {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .dance4K .comH1 {
        margin-bottom: 20px;
    }

    .dance4K .w640 {
        margin-bottom: 20px;
    }

    .dance4K .videoList {
        margin-bottom: 30px;
        height: auto;
    }

    .dance4K .videoList .videoCon {
        position: relative;
        left: 0;
        width: 100%;
        padding-bottom: 56.25%;
    }

    .dance4K .videoList .videoNav {
        margin-left: 0;
    }

    .dance4K .videoList .videoNav ul li {
        font-size: 14px;
    }

    .dance4K .videoList .videoNav ul li .icon-arrL {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }

    .dance4K .promotional-video .con {
        padding: 30px 0;
    }

    .dance4K .promotional-video .comH1 {
        margin-bottom: 30px;
    }
}

/* ## 炫舞活动 */
.dazzle-dance-activities {
    padding-bottom: 0;
}

.dazzle-dance-activities .comH1 {
    margin-bottom: 3.333%;
}

.dazzle-dance-activities .w640 {
    margin-bottom: 2.5%;
}

.dazzle-dance-activities .w640.txt {
    margin-bottom: 4.1666%;
}

.dazzle-dance-activities .w800 {
    margin-bottom: 2.5%;
}

.dazzle-dance-activities .activity-posters {
    background-color: #f7f7f7;
}

.dazzle-dance-activities .activity-posters .con {
    padding: 5% 0 8.3333%;
}

.dazzle-dance-activities .activity-posters .swiper1440 p {
    font-size: 18px;
    color: #333333;
    padding: 10px 5px;
    text-align: center;
}

@media screen and (max-width: 1024px) {
    .dazzle-dance-activities .activity-posters .swiper1440 p {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .dazzle-dance-activities .comH1 {
        margin-bottom: 30px;
    }

    .dazzle-dance-activities .w640 {
        margin-bottom: 20px;
    }

    .dazzle-dance-activities .w640.txt {
        margin-bottom: 35px;
    }

    .dazzle-dance-activities .w800 {
        margin-bottom: 20px;
    }

    .dazzle-dance-activities .activity-posters .con {
        padding: 30px 0;
    }

    .dazzle-dance-activities .activity-posters .swiper1440 p {
        font-size: 14px;
    }
}

/* ## 炫舞综艺 */
.dazzle-dance-variety .comH1 {
    margin-bottom: 4.5%;
}

.dazzle-dance-variety .dance-variety-list li {
    margin-bottom: 4.5%;
}

.dazzle-dance-variety .dance-variety-list li:last-child {
    margin-bottom: 0;
}

.dazzle-dance-variety .dance-variety-list li .w640 {
    margin-bottom: 3%;
    text-align: center;
}

.dazzle-dance-variety .dance-variety-list li .f-dragonsWritten {
    font-size: 32px;
    line-height: 1;
    color: #333333;
}

@media screen and (max-width: 1440px) {
    .dazzle-dance-variety .dance-variety-list li .f-dragonsWritten {
        font-size: 26px;
    }
}

@media screen and (max-width: 1024px) {
    .dazzle-dance-variety .dance-variety-list li .f-dragonsWritten {
        font-size: 22px;
    }
}

@media screen and (max-width: 768px) {
    .dazzle-dance-variety .comH1 {
        margin-bottom: 30px;
    }

    .dazzle-dance-variety .dance-variety-list li {
        margin-bottom: 30px;
    }

    .dazzle-dance-variety .dance-variety-list li .w640 {
        margin-bottom: 30px;
    }

    .dazzle-dance-variety .dance-variety-list li .f-dragonsWritten {
        font-size: 30px;
        margin-bottom: 20px;
    }
}

/* ## 炫舞创作大师 */
.dance-future {
    padding-bottom: 0;
}

.dance-future .comH1 {
    margin-bottom: 3.333%;
}

.dance-future .introduce,
.dance-future .promotional-video {
    margin-bottom: 4.16%;
}

.dance-future .video-swiper .swiper-slide .txt {
    padding: 1.25% 10%;
    text-align: center;
    font-size: 14px;
    line-height: 2.14;
    color: #666666;
}

.dance-future .child-shows {
    background-color: #f7f7f7;
}

.dance-future .child-shows .con {
    padding: 5% 0;
}

.dance-future .child-shows .list li {
    float: left;
    width: 31.666%;
    margin-right: 2.501%;
    margin-bottom: 3.333%;
    position: relative;
    background-color: #000;
    overflow: hidden;
}

.dance-future .child-shows .list li:nth-of-type(3n) {
    margin-right: 0;
}

.dance-future .child-shows .list li a {
    display: block;
}

.dance-future .child-shows .list li .img {
    opacity: .6;
    filter: alpha(opacity=60);
}

.dance-future .child-shows .list li .img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.dance-future .child-shows .list li .txt {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.dance-future .child-shows .list li .txt p {
    font-size: 26px;
    color: #fff;
    text-align: center;
}

@media screen and (max-width: 1440px) {
    .dance-future .child-shows .list li .txt p {
        font-size: 30px;
    }
}

@media screen and (max-width: 1024px) {
    .dance-future .child-shows .list li .txt p {
        font-size: 26px;
    }
}

@media screen and (max-width: 768px) {

    .dance-future .comH1,
    .dance-future .introduce {
        margin-bottom: 20px;
    }

    .dance-future .child-shows .con {
        padding: 30px 0;
    }

    .dance-future .child-shows .list li {
        width: 49%;
        margin-right: 2%;
    }

    .dance-future .child-shows .list li:nth-of-type(3n) {
        margin-right: 2%;
    }

    .dance-future .child-shows .list li:nth-of-type(2n) {
        margin-right: 0;
    }

    .dance-future .child-shows .list li .txt p {
        font-size: 22px;
    }
}

@media screen and (max-width: 480px) {
    .dance-future .child-shows .list li .txt p {
        font-size: 18px;
    }
}

/* ## 怡伴专区 */
.grace-with-zone {
    padding-bottom: 0;
}

.grace-with-zone .comH1 {
    margin-bottom: 3.333%;
}

.grace-with-zone .promotional-video {
    margin-bottom: 5%;
}

.grace-with-zone .promotional-video-text {
	text-indent: 2em;
	max-width: 610px;
	margin: 0 auto;
	margin-bottom: 5%;
	display: flex;
	flex-wrap: wrap;
	justify-content : center;
	line-height: 25px;
	color: grey;
}

.grace-with-zone .promotional-video .video-swiper .swiper-slide .txt {
    padding: 1.25% 10%;
    text-align: center;
    font-size: 14px;
    line-height: 2.14;
    color: #666666;
}

.grace-with-zone .what-grace {
    margin-bottom: 5%;
    background: url("what-grace-bg.jpg")/*tpa=//www.sadysk.com//Public/future/images/what-grace-bg.jpg*/ center bottom no-repeat;
    background-color: #f7f7f7;
}

.grace-with-zone .what-grace .con {
    padding: 5% 0 6.666%;
}

.grace-with-zone .what-grace .w640 {
    margin-bottom: 4.16%;
}

.grace-with-zone .what-grace .introduce {
    max-width: 1010px;
    margin: 0 auto;
    position: relative;
}
.grace-with-zone .what-grace .xdh-introduce{
	max-width: 1010px;
	margin: 0 auto;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content : center;
}
.grace-with-zone .what-grace .xdh-introduce img {
    margin: 10px;
	width: 300px;
	height: 119px;
}

.grace-with-zone .what-grace .introduce .img {
    float: left;
    width: 48.415%;
}

.grace-with-zone .what-grace .introduce .img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.grace-with-zone .what-grace .introduce .txt {
    position: absolute;
    width: 45.148%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.grace-with-zone .what-grace .introduce .txt h6 {
    font-size: 24px;
    font-weight: normal;
    color: #333333;
    margin-bottom: 7.6%;
}

.grace-with-zone .what-grace .introduce .txt div {
    font-size: 18px;
    color: #333333;
    line-height: 1.66;
}

.grace-with-zone .function {
    margin-bottom: 5%;
}

.grace-with-zone .function ul li {
    float: left;
    width: 48.3%;
    margin-right: 3.4%;
    margin-top: 3.333%;
    background-color: #f7f7f7;
}

.grace-with-zone .function ul li:nth-of-type(1),
.grace-with-zone .function ul li:nth-of-type(2) {
    margin-top: 0;
}

.grace-with-zone .function ul li:nth-of-type(2n) {
    margin-right: 0;
}

.grace-with-zone .function ul li .img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.grace-with-zone .function ul li .txt {
    padding: 3.448% 5.172%;
    max-height: 200px;
}

.grace-with-zone .function ul li .txt span {
    font-size: 22px;
    color: #ff0000;
    line-height: 1.63;
    display: block;
}

.grace-with-zone .function ul li .txt h6 {
    font-weight: normal;
    font-size: 22px;
    color: #333333;
    line-height: 1.63;
    padding-bottom: 14px;
    position: relative;
    margin-bottom: 10px;
}

.grace-with-zone .function ul li .txt h6:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: #ff0000;
}

.grace-with-zone .function ul li .txt p {
    font-size: 14px;
    line-height: 2.14;
    color: #666666;
    height: 4.18em;
    overflow: hidden;
}

.grace-with-zone .function ul li.parameter {
    max-height: 540px;
    padding: 2.5% 2.5% 3.083%;
    box-sizing: border-box;
}

.grace-with-zone .function ul li.parameter h5 {
    font-size: 22px;
    color: #333333;
    line-height: 1;
    margin-bottom: 5.769%;
    font-weight: normal;
}

.grace-with-zone .function ul li.parameter .tablebox {
    background-color: #fff;
}

.grace-with-zone .function ul li.parameter .tablebox table {
    width: 100%;
}

.grace-with-zone .function ul li.parameter .tablebox table tr td {
    border: 1px solid #f7f7f7;
    padding: 3.475% 5.769%;
    font-size: 16px;
    line-height: 1.5;
}

.grace-with-zone .function ul li.parameter .tablebox table tr td:first-child {
    width: 23.0769%;
    padding: 3.475%;
    text-align: center;
}

.grace-with-zone .enjoy {
    margin-bottom: 5%;
}
.grace-with-zone .enjoy .xdh-introduce {
    max-width: 1010px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content : center;
}
.grace-with-zone .enjoy .xdh-introduce div {
    width: 145px;
	height: 145px;
	box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.1) ;
	margin: 10px;
	padding: 20px 15px 0px 15px;
}
.grace-with-zone .enjoy .xdh-introduce div img{
    width: 30px;
}
.grace-with-zone .enjoy .xdh-introduce div p{
	margin-top: 10px;
	font-size: 15px;
    font-weight: 900;
}
.grace-with-zone .enjoy .xdh-introduce div span{
	display: inline-block;
	margin-top: 5px;
	color: rgba(0, 0, 0, 0.5);
    font-size: 8px;
}

.grace-with-zone .enjoy .img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.grace-with-zone .method-of-cooperation {
    margin-bottom: 5%;
}
.grace-with-zone .method-of-cooperation .xdh-introduce{
    max-width: 1010px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content : center;
}
.grace-with-zone .method-of-cooperation .xdh-introduce > div{
    width: 350px;
    height: 145px;
    margin: 10px;
    padding: 20px 15px 0px 15px;
	background-color: #f7f7f7;
}
.grace-with-zone .method-of-cooperation .xdh-introduce > div > div{
	margin-top: 15px;
	margin-bottom: 15px;
    width: 30px;
    height: 2px;
    background-color: #f00;
}
.grace-with-zone .method-of-cooperation .xdh-introduce div p{
    margin-top: 10px;
    font-size: 15px;
    font-weight: 900;
}

.grace-with-zone .method-of-cooperation .xdh-introduce div span{
    display: inline-block;
    margin-top: 5px;
    color: rgba(0, 0, 0, 0.8);
    font-size: 8px;
}
.grace-with-zone .method-of-cooperation ul li {
    background-color: #f7f7f7;
    padding: 2.5%;
    float: left;
    width: 47.5%;
    box-sizing: border-box;
    margin-right: 3.333%;
    height: 190px;
}

.grace-with-zone .method-of-cooperation ul li:nth-of-type(2n) {
    margin-right: 0;
}

.grace-with-zone .method-of-cooperation ul li h6 {
    line-height: 1;
    font-size: 22px;
    color: #333333;
    padding-bottom: 22px;
    position: relative;
    margin-bottom: 10px;
}

.grace-with-zone .method-of-cooperation ul li h6:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    background-color: #f00;
    left: 0;
    bottom: 0;
}

.grace-with-zone .method-of-cooperation ul li p {
    font-size: 14px;
    color: #666666;
    line-height: 2.14;
}
.grace-with-zone .method-of-cooperation .mailbox {
    margin-top: 50px;
}
.grace-with-zone .method-of-cooperation .mailbox p{
    font-size: 30px;
	font-style: italic;
	color: gray;
	text-align: center;
	margin-bottom: 50px;
}
.grace-with-zone .method-of-cooperation .mailbox .box{
    max-width: 1010px;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content : center;
	align-items:center;
}
.grace-with-zone .method-of-cooperation .mailbox .box .warp{
	position: relative;
}
.grace-with-zone .method-of-cooperation .mailbox .box .img{
	width: 390px;
	margin-right: 20px;
}
.grace-with-zone .method-of-cooperation .mailbox .box .text{
	color: #6f6f6f;
	width: 390px;
	border-left: rgba(0, 0, 0, 0.2) 1px solid;
    height: 120px;
	padding-left: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content : left;
	align-items:center;
}
.grace-with-zone .method-of-cooperation .mailbox .box .text input{
	width: 120px;
	margin-right: 10px;
}
.grace-with-zone .method-of-cooperation .mailbox .box .text label{
	position: relative;
}
.grace-with-zone .method-of-cooperation .mailbox .box .text .phoneError{
	position: absolute;
	left: 45px;
	font-size: 6px;
	color: red;
	display: none;
}
.grace-with-zone .method-of-cooperation .mailbox .box #submitSuccess{
	display: none;
	text-align: center;
	color: red;
}
.grace-with-zone .method-of-cooperation .mailbox .box .submitSuccess{
	position: absolute;
	width: 100%;
}
.grace-with-zone .method-of-cooperation .mailbox .box .submit{
	text-align: center;
}
.grace-with-zone .method-of-cooperation .mailbox .box #submit{
	margin-top: 40px;
	width: 120px;
}
.grace-with-zone .method-of-cooperation .mailbox .box .text div img{
	margin-right: 20px;
}
.grace-with-zone .contact-us {
    background-color: #f7f7f7;
}

.grace-with-zone .contact-us .con {
    padding: 5% 0 8%;
}

.grace-with-zone .contact-us .contactbox {
    max-width: 520px;
    position: relative;
    margin: 0 auto;
}

.grace-with-zone .contact-us .contactbox:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #e5e5e5;
}

.grace-with-zone .contact-us .contactbox .clearfix div {
    max-width: 180px;
    float: left;
}

.grace-with-zone .contact-us .contactbox .clearfix div.fr {
    float: right;
}

.grace-with-zone .contact-us .contactbox .clearfix div img {
    display: block;
    max-width: 100%;
    margin: 0 auto 14.888%;
}

.grace-with-zone .contact-us .contactbox .clearfix div p {
    text-align: center;
    font-size: 24px;
    color: #333333;
}

@media screen and (max-width: 1440px) {
    .grace-with-zone .what-grace .introduce .txt h6 {
        font-size: 22px;
    }

    .grace-with-zone .function ul li .txt span,
    .grace-with-zone .function ul li .txt h6 {
        font-size: 20px;
    }

    .grace-with-zone .function ul li.parameter {
        padding: 2.5% 2.5% 2.7%;
    }

    .grace-with-zone .function ul li.parameter h5 {
        font-size: 20px;
    }

    .grace-with-zone .method-of-cooperation ul li h6 {
        font-size: 20px;
    }

    .grace-with-zone .contact-us .contactbox .clearfix div p {
        font-size: 22px;
    }
}

@media screen and (max-width: 1024px) {
    .grace-with-zone .what-grace .introduce .txt h6 {
        font-size: 20px;
    }

    .grace-with-zone .what-grace .introduce .txt div {
        font-size: 16px;
    }

    .grace-with-zone .function ul li .txt span,
    .grace-with-zone .function ul li .txt h6 {
        font-size: 16px;
    }

    .grace-with-zone .function ul li.parameter {
        padding: 2.5% 2.5% 2.7%;
    }

    .grace-with-zone .function ul li.parameter h5 {
        font-size: 16px;
    }

    .grace-with-zone .function ul li.parameter .tablebox table tr td {
        padding: 2.475% 5.769%;
    }

    .grace-with-zone .method-of-cooperation ul li h6 {
        font-size: 16px;
    }
	
	.grace-with-zone .method-of-cooperation .mailbox .box .text{
		color: #6f6f6f;
		width: 340px;
		border-left: rgba(0, 0, 0, 0) 1px solid;
	    height: 120px;
		padding-left: 0px;
		display: flex;
		flex-wrap: wrap;
		justify-content : center;
		align-items:center;
	}
	
	.grace-with-zone .method-of-cooperation .mailbox .box .img{
		width: 340px;
		margin-right: 0px;
	}

    .grace-with-zone .contact-us .contactbox .clearfix div p {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {
    .grace-with-zone .comH1 {
        margin-bottom: 20px;
    }

    .grace-with-zone .promotional-video {
        margin-bottom: 30px;
    }

    .grace-with-zone .what-grace {
        margin-bottom: 30px;
    }

    .grace-with-zone .what-grace .con {
        padding: 30px 0;
    }

    .grace-with-zone .what-grace .introduce .img {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .grace-with-zone .what-grace .introduce .txt {
        position: relative;
        width: 100%;
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
    }

    .grace-with-zone .what-grace .introduce .txt h6 {
        font-size: 16px;
    }

    .grace-with-zone .what-grace .introduce .txt div {
        font-size: 14px;
    }

    .grace-with-zone .function {
        margin-bottom: 30px;
    }

    .grace-with-zone .function ul li {
        width: 100%;
        margin-right: 0;
        margin-top: 20px;
    }

    .grace-with-zone .function ul li .txt {
        max-height: inherit;
        padding: 20px;
    }

    .grace-with-zone .function ul li .txt span,
    .grace-with-zone .function ul li .txt h6 {
        font-size: 16px;
    }

    .grace-with-zone .function ul li .txt p {
        height: auto;
    }

    .grace-with-zone .function ul li.parameter {
        padding: 20px;
    }

    .grace-with-zone .function ul li.parameter h5 {
        font-size: 16px;
    }

    .grace-with-zone .function ul li.parameter .tablebox table tr td {
        padding: 2.475% 5.769%;
        font-size: 14px;
    }

    .grace-with-zone .enjoy {
        margin-bottom: 30px;
    }

    .grace-with-zone .method-of-cooperation {
        margin-bottom: 30px;
    }

    .grace-with-zone .method-of-cooperation ul li {
        width: 48.5%;
        margin-right: 3%;
        margin-bottom: 3%;
        padding: 15px;
        height: auto;
    }

    .grace-with-zone .method-of-cooperation ul li:nth-of-type(2n) {
        margin-right: 0;
    }

    .grace-with-zone .method-of-cooperation ul li h6 {
        font-size: 16px;
    }
	

    .grace-with-zone .contact-us .con {
        padding: 30px 0;
    }

    .grace-with-zone .contact-us .contactbox .clearfix div {
        width: 45%;
    }

    .grace-with-zone .contact-us .contactbox .clearfix div p {
        font-size: 14px;
    }
}

/* ## Hi-电竞 */
.Hi-e-sports {
    padding-bottom: 0;
}

.Hi-e-sports .comH1 {
    margin-bottom: 3.333%;
}

.Hi-e-sports .introduce,
.Hi-e-sports .promotional-video {
    margin-bottom: 4.16%;
}

.Hi-e-sports .video-swiper .swiper-slide .txt {
    padding: 1.25% 10%;
    text-align: center;
    font-size: 14px;
    line-height: 2.14;
    color: #666666;
}

.Hi-e-sports .projects-show {
    background-color: #f7f7f7;
}

.Hi-e-sports .projects-show .con {
    padding: 5% 0 8.333%;
}

.Hi-e-sports .projects-show .swiper-slide .txt {
    background-color: #fff;
    padding: 7.14%;
    text-align: center;
}

.Hi-e-sports .projects-show .swiper-slide .txt h6 {
    font-size: 22px;
    color: #333333;
    margin-bottom: 10px;
}

.Hi-e-sports .projects-show .swiper-slide .txt p {
    font-size: 14px;
    line-height: 1.71;
    color: #666666;
}

@media screen and (max-width: 1440px) {
    .Hi-e-sports .projects-show .swiper-slide .txt h6 {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .Hi-e-sports .projects-show .swiper-slide .txt h6 {
        font-size: 18px;
    }
}

@media screen and (max-width: 768px) {
    .Hi-e-sports .comH1 {
        margin-bottom: 20px;
    }

    .Hi-e-sports .introduce,
    .Hi-e-sports .promotional-video {
        margin-bottom: 30px;
    }

    .Hi-e-sports .projects-show .swiper-slide .txt {
        padding: 15px;
    }

    .Hi-e-sports .projects-show .swiper-slide .txt h6 {
        font-size: 16px;
    }
}

/* # 产品中心 */
/* ## 产品展示 */
.product-display .partyBuilding-nav {
    margin-bottom: 5%;
}

.product-display .projects-show .tab-item {
    display: none;
    position: relative;
}

.product-display .projects-show .tab-item.tab-active {
    display: block;
}

.product-display .product-slider {
    position: relative;
    width: 100%;
    margin-top: 5%;
    max-height: 610px;
    overflow: hidden;
}

.product-display .product-slider .swiper-container {
    width: 120%;
    margin-left: -10%;
    padding-bottom: 220px;
}

.product-display .product-slider .swiper-control {
    position: absolute;
    left: 0;
    bottom: 14%;
    z-index: 2;
    width: 100%;
    text-align: center;
}

.product-display .product-slider .item-product {
    position: relative;
}

.product-display .product-slider .item-product-pic img {
    display: block;
    width: 100%;
    -webkit-filter: blur(2px);
    -o-filter: blur(2px);
    filter: blur(2px);
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.product-display .product-slider .item-product-info {
    position: absolute;
    left: 0;
    top: 110%;
    width: 100%;
    text-align: center;
    margin-top: 200px;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

.product-display .product-slider .item-product-title {
    font-size: 18px;
    font-weight: bold;
}

.product-display .product-slider .item-product-title a {
    color: #333;
}

.product-display .product-slider .item-product-desc {
	/* text-align: justify;
    margin-top: 15px;
    font-size: 14px;
    color: #666;
    line-height: 2;
    height: 13em;
    display: -webkit-box; */
	height: auto;
	text-align: justify;
		text-justify: distribute-all-lines;
		line-height: 2;
	margin-top:15px;
	font-size: 14px;
	color:#666;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;				
	text-overflow: ellipsis;		
	display: -webkit-box;			
	-webkit-line-clamp: 3;			
	line-clamp: 3;
	-webkit-box-orient: vertical;
}

.product-display .product-slider .swiper-slide-active .item-product-pic img {
    -webkit-filter: blur(0);
    -o-filter: blur(0);
    filter: blur(0);
}

.product-display .product-slider .swiper-slide-active .item-product-info {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
}

.product-display .product-link {
    text-align: center;
}

@media screen and (min-width: 1024px){
    .product-display .projects-show .swiper-slide-active .item-product-pic img{
    transform: scale(1.4) translateY(14.5%) !important;
    }
    .product-display .projects-show .swiper-slide .item-product-pic img{
        transform: translateY(14.5%);
    }
}

@media screen and (min-width: 1441px) {
    .product-display .product-slider {
        max-height: 680px;
        margin: 3% auto 0;
    }
    .product-display .product-slider .swiper-container {
        width: 136%;
        margin-left: -18%;
        padding-bottom: 130px;
    }

    .product-display .product-slider .item-product-info {
        position: relative;
        margin-top: 170px;
    }

    .product-display .product-slider .item-product-desc {
        margin-top: 10px;
        line-height: 1.6;
        /* height: 8em; */
    }
    .swiper-next {
        margin-left: 55%;
    }
    .swiper-prev, .swiper-next {
        left: 20%;
    }
}

@media screen and (max-width: 1440px) {
    .product-display .product-slider {
        max-width: 1000px;
        margin: 2% auto 0;
    }
    

    .product-display .product-slider .swiper-container {
        width: 136%;
        margin-left: -18%;
        padding-bottom: 130px;
    }

    .product-display .product-slider .item-product-info {
        position: relative;
        margin-top: 130px;
    }

    .product-display .product-slider .item-product-desc {
        margin-top: 10px;
        line-height: 1.6;
        /* height: 13em; */
    }
}

@media screen and (max-width: 1024px) {
    .product-display .product-slider .swiper-container {
        width: 150%;
        margin-left: -25%;
    }
}

@media screen and (max-width: 768px) {
    .product-display .product-slider {
        max-height: none;
        margin-top: 20px;
    }

    .product-display .product-slider .swiper-container {
        width: 300%;
        margin-left: -100%;
        padding-bottom: 150px;
    }

    .product-display .product-slider .swiper-slide {
        transform: none !important;
    }

    .product-display .product-slider .swiper-control {
        position: absolute;
        bottom: 20%;

    }

    .product-display .product-slider .item-product-info {
        top: 105%;
        margin-top: 20px;
    }

    .product-display .product-slider .item-product-title {
        font-size: 16px;
    }
}

@media screen and (max-width: 480px) {
    .product-display .product-slider {
        margin-top: 10px;
    }

    .product-display .product-slider .swiper-container {}

    .product-display .product-slider .item-product-desc {
        margin-top: 10px;
        line-height: 1.6;
        /* height: 13em; */
        font-size: 12px;
    }

    .product-display .product-link {
        margin-top: 10px;
    }
}

/* ## 未来拍客 */
.making-future {
    padding-bottom: 0;
}

.making-future .comH1 {
    margin-bottom: 2.5%;
}

.making-future .w640 {
    text-align: left;
}

.making-future .introduce {
    margin-bottom: 4.166%;
}

.making-future .making-list li {
    background: top center no-repeat;
    background-size: auto 100%;
}

.making-future .making-list li .con {
    min-height: 580px;
    box-sizing: border-box;
    position: relative;
    /*padding: 5% 0;*/
    display: table;
    width: 100%;
}

.making-future .making-list li .con .tablecell {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.making-future .making-list li .img {
    float: right;
    max-width: 710px;
    width: 59.16%;
}

.making-future .making-list li .img img {
    display: block;
    max-width: 100%;
}

.making-future .making-list li .txt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 40.833%;
    max-width: 490px;
}

.making-future .making-list li .txt span {
    font-size: 160px;
    color: #ff0000;
    opacity: 0.2;
    filter: alpha(opacity=20);
    line-height: 1;
}

.making-future .making-list li .txt h6 {
    font-size: 50px;
    color: #333333;
    margin-top: -1em;
    margin-bottom: 0.4em;
}

.making-future .making-list li .txt div {
    font-size: 18px;
    color: #333333;
    line-height: 2.22;
}

.making-future .making-list li:nth-of-type(2n) .img {
    float: left;
}

.making-future .making-list li:nth-of-type(2n) .txt {
    left: auto;
    right: 0;
    text-align: right;
}

@media screen and (max-width: 1440px) {
    .making-future .making-list li .txt span {
        font-size: 120px;
    }

    .making-future .making-list li .txt h6 {
        font-size: 42px;
    }
}

@media screen and (max-width: 1024px) {
    .making-future .making-list li .txt span {
        font-size: 80px;
    }

    .making-future .making-list li .txt h6 {
        font-size: 30px;
    }

    .making-future .making-list li .txt div {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {

    .making-future .comH1,
    .making-future .introduce {
        margin-bottom: 30px;
    }

    .making-future .making-list li .con {
        display: block;
        min-height: inherit;
        padding: 25px 0;
    }

    .making-future .making-list li .con .tablecell {
        display: block;
    }

    .making-future .making-list li .con .tablecell .img {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    .making-future .making-list li .con .tablecell .txt {
        position: static;
        transform: translateY(0);
        width: 100%;
    }

    .making-future .making-list li .txt span {
        font-size: 60px;
    }

    .making-future .making-list li .txt h6 {
        font-size: 22px;
    }

    .making-future .making-list li .txt div {
        font-size: 14px;
    }
}

/* ## 未来应用 */
.application-future {
    padding-bottom: 0;
}

.application-future .introduce {
    margin-bottom: 5%;
}

.application-future .comH1 {
    margin-bottom: 5%;
}

.application-future .features {
    margin-bottom: 5%;
}

.application-future .features ul li {
    width: 25%;
    padding: 0 2.5%;
    box-sizing: border-box;
    float: left;
    text-align: center;
}

.application-future .features ul li span {
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-color: #f7f7f7;
    line-height: 150px;
    text-align: center;
    margin: 0 auto 8.333%;
}

.application-future .features ul li span i {
    width: 80px;
    height: 80px;
}

.application-future .features ul li span i.icon-number {
    background-position: -7px -427px;
}

.application-future .features ul li span i.icon-category {
    background-position: -117px -427px;
}

.application-future .features ul li span i.icon-quality {
    background-position: -236px -427px;
}

.application-future .features ul li span i.icon-update {
    background-position: -342px -427px;
}

.application-future .features ul li .txt h6 {
    font-size: 22px;
    color: #333333;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 6.25%;
}

.application-future .features ul li .txt p {
    font-size: 14px;
    color: #666666;
    line-height: 1.7;
}

.application-future .operating {
    background-color: #f7f7f7;
}

.application-future .operating .con {
    padding: 5% 0;
}

.application-future .operating .img {
    float: left;
    width: 51.333%;
}

.application-future .operating .img img {
    display: block;
    width: 100%;
}

.application-future .operating .txt {
    float: right;
    width: 43.166%;
}

.application-future .operating .txt ol li {
    margin-bottom: 6.949%;
    padding-left: 60px;
    position: relative;
    line-height: 40px;
    font-size: 18px;
    color: #333333;
}

.application-future .operating .txt ol li:last-child {
    margin-bottom: 0;
}

.application-future .operating .txt ol li span {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #eaeaea;
    text-align: center;
    text-indent: .2em;
    font-size: 30px;
    color: #ff0000;
}

.application-future .application-number {
    padding: 5% 0;
}

.application-future .application-number .img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.application-future .cooperative-application {
    background-color: #f7f7f7;
}

.application-future .cooperative-application .con {
    padding: 5% 0;
}

.application-future .cooperative-application .con .list ul li {
    width: 5.416%;
    float: left;
    margin-right: 5.093%;
    margin-bottom: 3.333%;
}

.application-future .cooperative-application .con .list ul li:nth-of-type(10n) {
    margin-right: 0;
}

.application-future .cooperative-application .con .list ul li img {
    display: block;
    max-width: 100%;
}

@media screen and (max-width: 1440px) {
    .application-future .features ul li .txt h6 {
        font-size: 20px;
    }
}

@media screen and (max-width: 1024px) {
    .application-future .features ul li .txt h6 {
        font-size: 16px;
    }

    .application-future .operating .txt ol li {
        padding-left: 40px;
        font-size: 16px;
        line-height: 30px;
    }

    .application-future .operating .txt ol li span {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 22px;
    }
}

@media screen and (max-width: 768px) {
    .application-future .comH1 {
        margin-bottom: 30px;
    }

    .application-future .introduce,
    .application-future .features {
        margin-bottom: 30px;
    }

    .application-future .features ul li {
        width: 50%;
        margin-bottom: 3%;
    }

    .application-future .features ul li span {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }

    .application-future .features ul li span i {
        width: 40px;
        height: 40px;
        background-size: 400px;
    }

    .application-future .features ul li span i.icon-number {
        background-position: -3.5px -213.5px;
    }

    .application-future .features ul li span i.icon-category {
        background-position: -58.5px -213.5px;
    }

    .application-future .features ul li span i.icon-quality {
        background-position: -118px -213.5px;
    }

    .application-future .features ul li span i.icon-update {
        background-position: -171px -213.5px;
    }

    .application-future .features ul li .txt h6 {
        font-size: 16px;
    }

    .application-future .operating .con {
        padding: 30px 0;
    }

    .application-future .operating .img {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    .application-future .operating .txt {
        width: 100%;
        float: none;
    }

    .application-future .operating .txt ol li {
        padding-left: 40px;
        font-size: 16px;
        line-height: 30px;
    }

    .application-future .operating .txt ol li span {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 22px;
    }

    .application-future .application-number {
        padding: 30px 0;
    }

    .application-future .cooperative-application .con {
        padding: 30px 0;
    }

    .application-future .cooperative-application .con .list ul {
        display: flex;
        flex-wrap: wrap;
    }

    .application-future .cooperative-application .con .list ul:after,
    .application-future .cooperative-application .con .list ul:before {
        display: none;
    }

    .application-future .cooperative-application .con .list ul li {
        width: 16%;
        margin-right: 5%;
    }

    .application-future .cooperative-application .con .list ul li:nth-of-type(5n) {
        margin-right: 0;
    }
}

/* #终端合作 */
/* ##应用合作 */
.cooApp {
    padding-bottom: 0;
}

.cooApp .comH1 {
    margin-bottom: 2.5%;
}

.cooApp .introduce {
    padding-bottom: 10px;
}

.cooApp .cooApp_bg {
    height: 615px;
    background: top center no-repeat;
    background-size: auto 100%;
}

.cooApp .introduce p img {
    height: auto !important;
}

@media screen and (max-width: 1440px) {
    .cooApp .comH1 {
        margin-bottom: 30px;
    }

    .cooApp .cooApp_bg {
        padding-bottom: 40%;
        height: auto;
    }
}

/* ## 智能终端 */
.intelligent-terminal {
    padding-bottom: 0;
}

.intelligent-terminal .terminal-list {
    /* 智能电视 */
    /* 智能机顶盒 */
}

.intelligent-terminal .terminal-list .smartTV {
    /* padding-bottom: 5%; */
}

.intelligent-terminal .terminal-list .smartTV ul li {
    float: left;
    width: 48.3%;
    margin-right: 3.4%;
    margin-bottom: 3.333%;
    /*background-color: #f7f7f7;*/
    max-height: 500px;
    padding: 4.166% 0 2%;
    box-sizing: border-box;
}

.intelligent-terminal .terminal-list .smartTV ul li:nth-of-type(2n) {
    margin-right: 0;
}

.intelligent-terminal .terminal-list .smartTV ul li .img-t {
    margin-bottom: 8px;
}

.intelligent-terminal .terminal-list .smartTV ul li img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.intelligent-terminal .terminal-list .smartSetTopBox {
    padding-bottom: 3.333%;
}

.intelligent-terminal .terminal-list .smartSetTopBox ul li {
    padding-bottom: 5%;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 5%;
    text-align: center;
}

.intelligent-terminal .terminal-list .smartSetTopBox ul li:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.intelligent-terminal .terminal-list .smartSetTopBox ul li h6 {
    font-size: 22px;
    color: #333333;
    margin-bottom: 4.166%;
}

.intelligent-terminal .terminal-list .smartSetTopBox ul li .img {
    margin-bottom: 3.5%;
}

.intelligent-terminal .terminal-list .smartSetTopBox ul li .img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

@media screen and (max-width: 1024px) {
    .intelligent-terminal .terminal-list .smartSetTopBox ul li h6 {
        font-size: 18px;
    }

    .intelligent-terminal .terminal-list .smartSetTopBox ul li .img img {
        max-width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 768px) {
    .intelligent-terminal .terminal-list .smartTV {
        /* padding-bottom: 30px; */
    }

    .intelligent-terminal .terminal-list .smartTV ul li {
        /*padding: 15px 2% 10px;*/
    }

    .intelligent-terminal .terminal-list .smartTV ul li .img-t {
        width: 100%;
        margin: 0 auto 8px;
    }

    .intelligent-terminal .terminal-list .smartSetTopBox {
        padding-bottom: 20px;
    }

    .intelligent-terminal .terminal-list .smartSetTopBox ul li {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .intelligent-terminal .terminal-list .smartSetTopBox ul li h6 {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .intelligent-terminal .terminal-list .smartSetTopBox ul li .img {
        margin-bottom: 20px;
    }
}

/* ## 主要合作伙伴 */
.key-partners {
    padding-top: 0;
    padding-bottom: 0;
}

.key-partners .con {
    padding: 5% 0;
}

.key-partners ul li {
    float: left;
    width: 23.333%;

    margin-right: 2.222%;
    background-color: #f7f7f7;
    margin-bottom: 2.5%;
}

.key-partners ul li:nth-of-type(4n) {
    margin-right: 0;
}

.key-partners ul li img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 91.66px;
}

@media screen and (max-width: 768px) {
    .key-partners .con {
        padding: 30px 0;
    }

    .key-partners ul li {
        width: 32%;
        margin-right: 2%;
    }

    .key-partners ul li:nth-of-type(4n) {
        margin-right: 2%;
    }

    .key-partners ul li:nth-of-type(3n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 480px) {
    .key-partners .con {
        padding: 30px 0;
    }

    .key-partners ul li {
        width: 48%;
        margin-right: 2%;
    }

    .key-partners ul li:nth-of-type(3n) {
        margin-right: 2%;
    }

    .key-partners ul li:nth-of-type(2n) {
        margin-right: 0;
    }
}

/* # 海外专区 */
.overseas-zone .comH1 {
    margin-bottom: 5%;
}

.overseas-zone .introduce {
    padding-bottom: 4.166%;
}

.overseas-zone .overseas-partners {
    background-color: #f7f7f7;
}

.overseas-zone .overseas-partners .con {
    padding-top: 5%;
}

.overseas-zone .overseas-partners .img img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

.overseas-zone .cooperation-APK {
    padding-top: 5%;
}

.overseas-zone .cooperation-APK .APKSwiper {
    max-width: 1014px;
    margin: 0 auto;
    position: relative;
}

.overseas-zone .cooperation-APK .APKSwiper .swiper-container {
    max-width: 878px;
    margin: 0 auto;
}

.overseas-zone .cooperation-APK .APKSwiper .swiper-container .swiper-slide .img img {
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

.overseas-zone .cooperation-APK .APKSwiper .swiper-container .swiper-slide .txt {
    padding-top: 1.70%;
    font-size: 20px;
    color: #333333;
    line-height: 2.14;
    text-align: center;
    max-width: 622px;
    margin: 0 auto;
	font-weight: 700;
}

.overseas-zone .cooperation-APK .APKSwiper .swiper-prev,
.overseas-zone .cooperation-APK .APKSwiper .swiper-next {
    position: absolute;
    bottom: 290px;
    left: 0;
    z-index: 3;
}

.overseas-zone .cooperation-APK .APKSwiper .swiper-next {
    left: auto;
    right: 0;
}

@media screen and (max-width: 768px) {
    .overseas-zone .comH1 {
        margin-bottom: 30px;
    }

    .overseas-zone .introduce {
        padding-bottom: 30px;
    }

    .overseas-zone .overseas-partners .con {
        padding-top: 30px;
    }

    .overseas-zone .cooperation-APK {
        padding-top: 30px;
    }

    .overseas-zone .cooperation-APK .APKSwiper .swiper-control {
        text-align: center;
    }

    .overseas-zone .cooperation-APK .APKSwiper .swiper-prev,
    .overseas-zone .cooperation-APK .APKSwiper .swiper-next {
        position: static;
    }
}

/* # 客服中心 */
/* ## 在线答疑 */
.Customer-service-center .content {
    position: relative;
}

.Customer-service-center .service_l {
    width: 57.9%;
    border: 1px solid #e5e5e5;
    padding: 5%;
    box-sizing: border-box;
}

.Customer-service-center .service_l h2 {
    font-size: 60px;
    color: #f00;
    font-weight: normal;
    margin-bottom: 10.93%;
    line-height: 1;
}

.Customer-service-center .service_l ul li {
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 0.4em;
    color: #333333;
}

.Customer-service-center .service_l ul li:last-child {
    margin-bottom: 0;
}

.Customer-service-center .service_l ul li span {
    float: left;
    width: 43.87%;
    text-align: right;
}

.Customer-service-center .service_l ul li p {
    margin-left: 43.87%;
}

.Customer-service-center .service_l ul li a {
    color: #333333;
}

.Customer-service-center .service_r {
    position: absolute;
    width: 21%;
    right: 0;
    height: 100%;
    top: 0;
    background-color: #f00;
}

.Customer-service-center .service_r div {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    line-height: 1;
    font-size: 40px;
}

.Customer-service-center .service_r div i {
    width: 160px;
    height: 160px;
    display: block;
    margin: 0 auto 15%;
    border-radius: 50%;
    border: 1px solid #fff;
}

.Customer-service-center .service_r div i.icon-qq {
    background-position: -545px -269px;
}

.Customer-service-center .service_r div i.icon-wx {
    background-position: -555px -478px;
}

.Customer-service-center .service_r div i.icon-kf {
    background-position: -444px -622px;
}

@media screen and (max-width: 1440px) {
    .Customer-service-center .service_l h2 {
        font-size: 42px;
    }

    .Customer-service-center .service_l ul li {
        font-size: 22px;
    }

    .Customer-service-center .service_r div {
        font-size: 38px;
    }
}

@media screen and (max-width: 1024px) {
    .Customer-service-center .service_l h2 {
        font-size: 36px;
    }

    .Customer-service-center .service_l ul li {
        font-size: 20px;
    }

    .Customer-service-center .service_r div {
        font-size: 30px;
    }
}

@media screen and (max-width: 768px) {
    .Customer-service-center .service_l {
        width: 100%;
        padding: 30px 20px;
    }

    .Customer-service-center .service_l h2 {
        font-size: 28px;
    }

    .Customer-service-center .service_l ul li {
        font-size: 14px;
    }

    .Customer-service-center .service_l ul li span {
        float: none;
        text-align: left;
        width: auto;
    }

    .Customer-service-center .service_l ul li p {
        display: inline-block;
        margin-left: 0;
    }

    .Customer-service-center .service_r {
        position: static;
        width: 100%;
    }

    .Customer-service-center .service_r div {
        font-size: 16px;
        position: static;
        transform: translate(0);
        padding: 15px;
        text-align: center;
        box-sizing: border-box;
    }

    .Customer-service-center .service_r div i {
        width: 30px;
        height: 30px;
        background-size: 133.333px;
        margin-bottom: 0;
        display: inline-block;
    }

    .Customer-service-center .service_r div i.icon-qq {
        background-position: -89.16px -43.166px;
    }

    .Customer-service-center .service_r div i.icon-wx {
        background-position: -90.16px -77.166px;
    }

    .Customer-service-center .service_r div p {
        display: inline-block;
        vertical-align: middle;
        margin-left: 6%;
    }
}

/* ## 自助服务 */
.self-service .partyBuilding-nav i {
    width: 44px;
    height: 44px;
}

.self-service .self-service-list .moneyProblem {
    max-width: 660px;
    margin: 0 auto;
}

.self-service .self-service-list .moneyProblem ul li {
    font-size: 18px;
    margin-bottom: 1.4em;
    position: relative;
    padding-left: 44px;
}

.self-service .self-service-list .moneyProblem ul li span {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 24px;
    color: #f00;
    line-height: 1;
}

.self-service .self-service-list .moneyProblem ul li h6 {
    color: #333333;
    margin-bottom: 0.833em;
    cursor: pointer;
}

.self-service .self-service-list .moneyProblem ul li .answer {
    font-size: 14px;
    color: #666666;
    line-height: 2.14;
    display: none;
}

@media screen and (max-width: 1440px) {
    .self-service .self-service-list .moneyProblem ul li span {
        font-size: 22px;
    }
}

@media screen and (max-width: 1024px) {
    .self-service .self-service-list .moneyProblem ul li {
        font-size: 16px;
    }

    .self-service .self-service-list .moneyProblem ul li span {
        font-size: 20px;
    }
}

@media screen and (max-width: 768px) {
    .self-service .partyBuilding-nav i {
        width: 22px;
        height: 22px;
    }

    .self-service .self-service-list .moneyProblem ul li {
        padding-left: 30px;
    }

    .self-service .self-service-list .moneyProblem ul li span {
        font-size: 18px;
    }
}