@charset "utf-8";

.wapper {
    /* background: url('/static/front/images/walkinto/background.jpg') no-repeat; */
    background-size: cover;
}

.content-main {
    width: 100%;
}

.content-main-center {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

/* 竞彩足球概况 */
.intodh .title{font-size: 32px;color: #00704A;padding-bottom: 42px;font-weight: 600;}
.survey {padding-bottom: 130px;background: url('/static/front/images/about/G.png') no-repeat;background-size: 559px 660px;background-position: 346px 142px;}
.survey-item {width: 100%;padding-bottom: 88px;}
.survey-item-l {width: 50%;float: left;padding-right: 50px;}
.survey-item-l p {color: #555;font-size: 14px;line-height: 26px;padding-bottom: 26px;text-indent: 30px;}
.survey-item-l p:last-child {padding-bottom: 0;}
.survey-item-l .survey-item-p {padding-bottom: 0;}
.survey-item-l .survey-item-p:last-child {padding-bottom: 0;}
.survey-item-l h4 {font-size: 24px;color: #00704A;padding-bottom: 14px;}
.survey-item-l img {display: block;max-width: 100%;}
.survey-item-r {width: 50%;float: left;}
.survey-item-r p {color: #555;font-size: 14px;line-height: 26px;padding-bottom: 26px;text-indent: 30px;}
.survey-item-r p:last-child { padding-bottom: 0;}
.survey-item-r h4 {font-size: 24px;color: #00704A;padding-bottom: 14px;}
.survey-item-r img {max-width: 100%;}

/* 竞彩足球文化 */
.culture {padding-bottom: 130px;background: url('/static/front/images/about/C.png') no-repeat;background-size: 559px 660px;background-position: top 30% center;}
.culture-item {width: 100%;padding-bottom: 88px;}
.culture-item-l {width: 60%;float: left;padding-right: 50px;}
.culture-item-l p{color: #555;font-size: 15px;line-height: 28px;width: 100%;margin-bottom: 15px;}
.culture-item-l p.p1{margin-bottom: 40px;}
.culture-item-l p span{font-size: 16px;color: #00704A;}
.culture-item-l .culture-item-p {padding-bottom: 0;}
.culture-item-l .culture-item-p:last-child {padding-bottom: 0;}
.culture-item-l h4 {font-size: 24px;color: #00704A;padding-bottom: 14px;}
.culture-item-l img {display: block;}
.culture-item-r {width: 40%;float: left;}
.culture-item-r p {color: #555;font-size: 15px;line-height: 24px;width: 550px;padding-bottom: 26px;text-indent: 30px;}
.culture-item-r p:last-child { padding-bottom: 0;}
.culture-item-r h4 {font-size: 24px;color: #00704A;padding-bottom: 14px;}
.culture-item-r img {display: block;}


/* 组织架构 */
.organizate {padding-bottom: 130px;background: url('/static/front/images/about/O.png') no-repeat;background-size: 559px 660px;background-position: top 30% center;}
.organizat-item{text-align: center;}
.organizat-item img{max-width: 100%;}
.organizat-item h1{font-size: 28px;font-weight: 600;margin-bottom: 60px;}



/* 企业荣誉 */
.honor {padding-bottom: 130px;}
.honor-item .slideTxtBox{ width:100%;}
.honor-item .slideTxtBox .hd{width: 250px;float: left; }
.honor-item .slideTxtBox .hd ul{border-right: 1px dashed  #00704A;}
.honor-item .slideTxtBox .hd ul li{text-align: center; padding:0 15px;margin-bottom: 20px; cursor:pointer;  width: 180px;height: 45px;line-height: 45px;border: 1px solid #00704A;color: #00704A;
	transform:skew(-35deg,0deg);
	-ms-transform:skew(-35deg,0deg);
	-webkit-transform:skew(-35deg,0deg);
	-o-transform:skew(-35deg,0deg);
	-moz-transform:skew(-35deg,0deg);}
.honor-item .slideTxtBox .hd ul li span{transform: skew(35deg,0deg);-ms-transform:skew(35deg,0deg);
	-webkit-transform:skew(35deg,0deg);
	-o-transform:skew(35deg,0deg);
	-moz-transform:skew(35deg,0deg);display: block;font-size: 18px;}
.honor-item .slideTxtBox .hd ul li.on,.honor-item .slideTxtBox .hd ul li:hover{background:#00704A;  color: #fff;}
.honor-item .slideTxtBox .bd{position: relative;width: calc(100% - 275px);height: auto;float: left;}
.honor-item .slideTxtBox .bd ul{}
.honor-item .slideTxtBox .bd li{padding-left: 45px;}
.honor-item .slideTxtBox .bd li h1{font-size: 22px;color: #00704A;border-bottom: 1px solid #00704A;padding-bottom: 15px;margin-bottom: 34px;}
.honor_list{}
.honor_list p{width: 50%;line-height: 20px;float: left;font-size: 15px;color: #666666;}
.honor_img_lunbo{width: 100%;height: 220px;margin-top: 30px;}
.honor_img_lunbo .swiper-container {
  width: 100%;
  height: 100%;
}
.horlist1{width: 100%;}
.horlist2{width: 100%;height: 300px;}
.horlist1 .honor_list p{
    width: 33.33%;
    line-height: 20px;
    float: left;
    font-size: 15px;
    color: #666666;
    margin-bottom: 11px;
    padding-right: 35px;
}
.horlist1 .honor_list p:nth-child(3n+3){
    padding-right: 0px;
}
.horlist2  p{
    width: 50%;
    line-height: 36px;
    float: left;
    font-size: 17px;
    color: #666666;
}
.honor_img_lunbo .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination{bottom: 0px;}
.honor-item .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #00704A ;opacity: 1;}
.honor-item .swiper-pagination-bullet{background: #b8d9d2 ;opacity: 1;}


.honor_img_lunbo .swiper-wrapper{width: 100%;    height: 190px;}
.honor_img_lunbo .swiper-slide {display: flex;align-items: center;justify-content: center;border: 1px solid #DCDCDC;}
.honor_img_lunbo .swiper-slide img{max-width: 100%;max-height: 100%;}
.honor-item .swiper-pagination-bullet{background: #009475;opacity: .3;}
.honor-item .swiper-pagination-bullet-active{background: #009475;opacity: 1;}


/*大事记*/
.history-item {padding-bottom: 130px;background: url('/static/front/images/about/H.png') no-repeat;background-size: 559px 660px;background-position: top 30% center;}
.history-item .gallery-top{ padding:80px 0px 90px 0px; }
.history-item .gallery-top .swiper-slide{}
.history-item .gallery-top .swiper-slide .item .txt{position: relative;width: 54%;float: left;padding-right: 110px;}
.history-item .gallery-top .swiper-slide .item .txt h2{ font-size:102px; color:#00704A; font-weight:bold;margin-bottom: 30px;}
.history-item .gallery-top .swiper-slide .item .txt p{ font-size:14px; color:#666; line-height:1.8; font-family: "微软雅黑" !important;}
.history-item .gallery-top .swiper-slide .item .txt p span{font-family: "微软雅黑" !important;}
.history-item .gallery-top .swiper-slide .item .itemimg{width: 46%;float: left;padding-top: 168px;}
.history-item .gallery-top .swiper-slide .item .itemimg img{max-width: 100%;}
.history-item .gallery-thumbs{}
.history-item .gallery-thumbs .history-line{ width:100%; height:7px; background: url('/static/front/images/about/history-line.png') repeat-x; margin-bottom:10px; bottom: 2px; position: absolute; }
.history-item .gallery-thumbs .swiper-slide{ width: 130px;
    text-align: center;
    height: 113px;
    font-size: 17px;
    padding-top: 60px;
    color: #05a17d; background:url("/static/front/images/about/history-radio.png") no-repeat bottom 2px center;transition: font-size 0.3s;}
.history-item .gallery-thumbs .swiper-slide.swiper-slide-active{ color: #05a17d;
    background: url(/static/front/images/about/history-radio-hover.png) no-repeat bottom center;
    font-size: 36px;
    font-weight: 600;
    height: 114px;
    padding-top: 30px; }
.history-item .gallery-thumbs .swiper-slide:hover{ color:#008C85; cursor:pointer;background: url(/static/front/images/about/history-radio-hover.png) no-repeat bottom center;}
.history-item .arrgroupN,.history-item .arrgroupP{position: absolute;width: 27px;height: 44px;margin-top: -22px;z-index: 10;display: none;}
.history-item .arrgroupN{background: url(/static/front/images/about/honor_right_arr.png) no-repeat center;right: 0;top: -13px;}
.history-item .arrgroupP{background: url(/static/front/images/about/honor_left_arr.png) no-repeat center;left: 0;top: -13px;}
.history-item .swiperNext,.history-item .swiperPrev{right: 10px;position: absolute;width: 92px;height: 44px;margin-top: -22px;z-index: 10;cursor: pointer;font-size: 16px;line-height: 44px;
    color: #09a47e;}
.history-item .swiperNext{background: url(/static/front/images/about/arrgright.png) no-repeat right center;left: calc(50% - 170px);top: auto;bottom: 0;padding-right: 30px;
    text-align: right;}
.history-item .swiperPrev{background: url(/static/front/images/about/arrgleft.png) no-repeat left center;left: 0px;top: auto;bottom: 0;text-align: left;
    padding-left: 30px;}
.history-item .swiperNext:hover{background: url(/static/front/images/about/arrgright_on.png) no-repeat right center;color: #007263;}
.history-item .swiperPrev:hover{background: url(/static/front/images/about/arrgleft_on.png) no-repeat left center;color: #007263;}