@charset "UTF-8";

.topBox {
    width: 100%;
    height: 677px;
    background: url("../imgs/index/indexTopBg.png") center 0 no-repeat;
    display: flex;
}

.top {
    height: 348px;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px 0px rgba(203, 203, 203, 0.302);
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    margin-top: 294px;
}

.topMainDiv {
    width: 100%;
    display: flex;
}

.topNews {
    height: auto;
    opacity: 1;
    margin: 20px auto 0px auto;
    background: #EDF7FF;
}

.topNewsLink {
    width: 1248px;
    height: auto;
    font-size: 40px;
    font-weight: 700;
    color: #DA2625;
    line-height: 46px;
    float: left;
    margin: 23px 0 0 16px;
    text-align: center;
}

.topNewsLink1 {
    height: 25px;
    font-size: 16px;
    font-weight: 500;
    color: #DA2625;
    line-height: 25px;
    margin: 16px 0 0 16px;
    display: inline-block;
}

.ggImg {
    margin: 20px auto 0 auto;
}

.topNews1 {
    width: 1280px;
    min-height: 92px;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    margin-top: 20px;
    padding-bottom:16px;
    background: url('../images/heading.png') #fcfcfc 30px 16px no-repeat;
}

.topNewsLink2 {
    width: 1088px;
    font-size: 36px;
    font-weight: 700;
    color: #000000;
    line-height: 41px;
    float: left;
    margin: 23px 0 0 96px;
    text-align: center;
}

.topNewsLink3 {
    height: 23px;
    font-size: 16px;
    font-weight: 400;
    color: #262626;
    line-height: 23px;
    display: inline-block;
    margin: 12px 0px 0 16px;
}
.topNewsLink3::after,.topNewsLink1::after{
    content: '|';
    float: right;
    width: 16px;
    text-align: right;
}
.topNewsLink1:last-child::after,.topNewsLink3:last-child::after{
   content:'';
}
.topNewsLink1:last-child,.topNewsLink3:last-child{
    border:0;
    padding:0;
}
.imgBox {
    height: 682px;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}

.ggImgLink {
    width: 250px;
    height: 94px;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    float: left;
    margin: 0 8px 8px 0;
}

.ggImgLink img {
    width: 100%;
    height: 100%;
}

.ggImgLink:nth-child(5n) {
    margin: 0 0 8px 0;
}

.divList {
    float: left;
    width: 416px;
    margin: 50px 17px 0 0;
    height: 364px;
    overflow: hidden;
    background: #fcfcfc;
    padding: 14px;
    box-sizing: border-box;
}

.divList:nth-child(3n) {
    margin: 50px 0 0px 0;
}
.divList2 {
    float: left;
    width: 416px;
    margin: 30px 17px 0 0;
    height: 364px;
    overflow: hidden;
    background: #fcfcfc;
    padding: 14px;
    box-sizing: border-box;
}

.divList2:nth-child(3n) {
    margin: 35px 0 0px 0;
}

.divName {
    background: url("../imgs/index/name.png") 0 center no-repeat;
    padding-left: 32px;
    float: left;
    width: 354px;
    height: 56px;
    font-size: 28px;
    font-weight: 700;
    font-family: 'Microsoft YaHei';
    color: #000000;
    line-height: 56px;
    border-bottom: 1px solid #3578E3;
}

.more {
    background: url("../imgs/index/more.png") right center no-repeat;
    float: right;
    width: 28px;
    height: 42px;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 42px;
    padding-right: 20px;
}

.listNews {
    width: 365px;
    height: 59px;
    font-size: 16px;
    font-weight: 400;
    color: #262626;
    line-height: 59px;
    float: left;
    background: url("../imgs/index/icon.png") 0 center no-repeat;
    padding-left: 21px;
    border-bottom: 1px dotted #3578E3;
}

.listNewsDiv {
    float: left;
    width: 416px;
    height: 111px;
    margin: 10px 0 0 0;
}

.listNewsDiv img {
    width: 188px;
    height: 111px;
    float: left;
    margin: 0 11px 0 0;
}

.listNews1 {
    width: 205px;
    height: 90px;
    font-size: 16px;
    font-weight: 400;
    color: #262626;
    line-height: 30px;
    margin: 15px 0 0 0;
}

.city {
    font-size: 12px;
    font-weight: 400;
    color: #3578E3;
    line-height: 17px;
    padding: 0 7px;
    height: 17px;
    background: rgba(53, 120, 227, 0.28);
    border-radius: 2px 2px 2px 2px;
    opacity: 1;
    margin-right: 10px;
}

.listNews5 {
    width: 395px;
    height: 59px;
    font-size: 16px;
    font-weight: 400;
    color: #262626;
    line-height: 59px;
    border-bottom: 1px dotted #3578E3;
    float: left;
    margin: 0 8px 0 0;
}

.divName1 {
    background: url("../imgs/index/name.png") 0 center no-repeat;
    float: left;
    width: 1250px;
    height: 57px;
    font-size: 28px;
    font-weight: 700;
    color: #000000;
    line-height: 57px;
    padding: 0 0 0px 32px;
    font-family: 'Microsoft YaHei';
}
.divName5 {
    float: left;
    width: 1282px;
    height: 57px;
    font-size: 28px;
    font-weight: 700;
    color: #000000;
    line-height: 57px;
    border-bottom: 1px solid #3578E3;
    margin-top:30px;
    font-family: 'Microsoft YaHei';
}
.divName5 .more{
    height: 57px;
    line-height: 57px;
}
.videoList {
    float: left;
    width: 633px !important;
    height: 403px !important;
    position: relative;
    margin: 0 15px 0 0;
}

.videoLogo {
    float: left;
    width: 633px;
    height: 403px;
}

.videoIcon {
    float: left;
    width: 57px;
    height: 57px;
    position: absolute;
    top: 293px;
    left: 14px;
}

.videoTitle {
    width: 633px;
    height: 40px;
    background: rgba(0, 0, 0, 0.56);
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 40px;
    text-indent: 14px;
}

.videoList1 {
    float: left;
    width: 310px;
    height: 195px;
    position: relative;
    margin: 0 14px 15px 0;
}

.videoLogo1 {
    float: left;
    width: 310px;
    height: 195px;
}

.videoIcon1 {
    float: left;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 115px;
    left: 9px;
}

.videoTitle1 {
    width: 310px;
    height: 40px;
    background: rgba(0, 0, 0, 0.56);
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 40px;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 40px;
    text-indent: 14px;
}

.videoList1:nth-child(7),
.videoList1:nth-child(5),
.videoList1:nth-child(11) {
    margin: 0 0 0px 0;
}

.ggImgLink1 {
    width: 417px;
    height: 128px;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    float: left;
    margin: 0 15px 15px 0;
}

.ggImgLink1 img {
    width: 100%;
    height: 100%;
}

.ggImgLink1:nth-child(3n) {
    margin: 0 0 15px 0;
}

.sportBox {
    width: 100%;
    height: 560px;
    background: url("../imgs/index/sport.png") center 0 no-repeat;
    display: none;
    margin: 50px 0 50px 0;
}

.sportList {
    width: 240px;
    height: 313px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    float: left;
    margin: 153px 20px 0 0;
}

.sportList:last-child {
    margin: 153px 0 0px 0;
}

.sportLogo {
    width: 240px;
    height: 187px;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
}

.sportTitle {
    width: 218px;
    height: 46px;
    font-size: 16px;
    font-weight: 400;
    color: #262626;
    line-height: 23px;
    margin: 30px 0 0 9px;
}

.ggImg2 {
    margin: 20px auto;
}

.mainLeft {
    float: left;
    width: 852px;
}

.divName2 {
    background: url("../imgs/index/name.png") 0 center no-repeat;
    float: left;
    width: 822px;
    height: 32px;
    font-size: 22px;
    font-weight: 700;
    color: #000000;
    padding: 0 0px 0px 32px;
    border-bottom: 1px solid #3578E3;
    margin: 0 0 31px 0;
}

.mainRight {
    float: right;
    width: 414px;
}

.videoList3 {
    width: 565px;
    height: 331px;
    float: left;
    position: relative;
    margin: 0 13px 0 0;
}

.videoLogo3 {
    float: left;
    width: 565px;
    height: 331px;
}

.videoTitle3 {
    width: 565px;
    height: 40px;
    background: rgba(0, 0, 0, 0.56);
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 40px;
    text-indent: 14px;
}

.videoList4 {
    width: 274px;
    height: 160px;
    float: left;
    position: relative;
}

.videoLogo4 {
    float: left;
    width: 274px;
    height: 160px;
}

.videoTitle4 {
    width: 274px;
    height: 40px;
    background: rgba(0, 0, 0, 0.56);
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 40px;
    text-indent: 14px;
}

.videoList4:nth-child(3) {
    margin: 0 0 10px 0;
}

.ggImgLink3 {
    width: 313px;
    height: 93px;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    float: left;
    margin: 0 10px 10px 0;
}

.ggImgLink3 img {
    width: 100%;
    height: 100%;
}

.ggImgLink3:nth-child(4n) {
    margin: 0 0 15px 0;
}

.divList1 {
    overflow: hidden;
    float: left;
    width: 312px;
    margin: 0 11px 0 0;
    height: 210px;
}

.divList1:nth-child(4n) {
    margin: 0 0 0px 0;
}

.divName3 {
    width: 312px;
    height: 45px;
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    font-size: 18px;
    font-weight: 700;
    color: #3578E3;
    line-height: 45px;
    text-indent: 7px;
    float: left;
}
.divName3 a{
    width: 312px;
    height: 45px;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    font-size: 18px;
    font-weight: 700;
    color: #3578E3;
    line-height: 45px;
    text-indent: 32px;
    float: left;
    background: url("../imgs/index/name.png") 0 center no-repeat;
    border-bottom: 1px solid #3578E3;
}
.listNews2 {
    width: 295px;
    height: 52px;
    font-size: 16px;
    font-weight: 400;
    color: #262626;
    line-height: 52px;
    float: left;
    background: url("../imgs/index/icon.png") 0 center no-repeat;
    padding-left: 17px;
    border-bottom: 1px dotted #3578E3;
}


.listNewsDiv1 {
    float: left;
    width: 312px;
    height: 94px;
    margin: 12px 0 0 0;
}

.listNewsDiv1 img {
    width: 126px;
    height: 94px;
    float: left;
    margin: 0 11px 0 0;
}

.listNews4 {
    width: 161px;
    height: 66px;
    font-size: 16px;
    font-weight: 400;
    color: #262626;
    line-height: 22px;
    float: left;
}
.mediaBottom{
    float: left;
    margin: 7.5px 0 0 0;
}
.mediaBottom a{
    height: 115px !important;
    float: left;
    margin: 0 7.5px 0 0;
    background-color: rgba(218,38,37,0.04);
}
.mediaBottom a:last-child{
    margin: 0 0px 0 0;
}
.bottom1{
    width:423px !important;
}
.bottom2{
    background: url("../imgs/index/b2.png") center center  no-repeat;
    width:100px ;
}
.bottom3{
    background: url("../imgs/index/b3.png") center center #E56B62 no-repeat;
    width:100px ;
}
.bottom4{
    background: url("../imgs/spider/jt.png") center center/94px 59px  no-repeat;
    width:136px ;
}
.bottom5{
    background: url("../imgs/spider/sbwx.png") center center/71px 27px no-repeat;
    width:130px ;
}
.bottom6{
    background: url("../imgs/spider/ylcm.png") center center/59px 59px no-repeat;
    width:140px ;
}
.bottom7{
    background: url("../imgs/index/dy.png") center center/176px 115px rgba(218,38,37,0.04) no-repeat;
    width: 176px;
}
.bottom8{
    background: url("../imgs/spider/ylfb.png") center center/164px 40px no-repeat;
    width: 239px;
}
.bottom4:hover{
    background: url("../imgs/spiderW/jtwy.png") center center/94px 59px #DA2625 no-repeat;
    width:136px ;
}
.bottom5:hover{
    background: url("../imgs/spiderW/sbwx.png") center center/71px 27px #DA2625 no-repeat;
    width:130px ;
}
.bottom6:hover{
    background: url("../imgs/spiderW/ylcm.png") center center/59px 59px #DA2625 no-repeat;
    width:140px ;
}
.bottom7:hover{
    background: url("../imgs/index/dyH.png") center center/176px 115px #DA2625 no-repeat;
    width: 176px;
}
.bottom8:hover{
    background: url("../../down/newEwm.png") center center/115px 115px rgba(218,38,37,0.04) no-repeat !important;
    width:235px ;
}
.mediaTop{
    float: left;
}

.mediaTop a:last-child{
    margin: 0 0px 0 0;
}
.mediaCenter{
    float: left;
    width: 644px;
}
.mediaTop .top1{
    width: 423px !important;
    height: 238px !important;
    float: left;
    margin: 0 7.5px 0 0;
}
.mediaTop .top2{
    width: 207px;
    height: 115px;
    float: left;
    background: url("../imgs/spider/ylet.png") center center/63px 71px  rgba(218,38,37,0.04) no-repeat;
    margin: 0 7.5px 7.5px 0;
}
.mediaTop .top3{
    width: 136px;
    background: url("../imgs/spider/sh.png") center center/94px 60px  rgba(218,38,37,0.04) no-repeat;
    margin: 0 7.5px 7.5px 0;
}

.mediaTop .top4{
    width: 275px;
    background: url("../imgs/spider/ylrbwb.png") center center/94px 71px  rgba(218,38,37,0.04) no-repeat;
    margin: 0 7.5px 7.5px 0;
}

.mediaTop .top5{
    width: 207px;
    background: url("../imgs/spider/ylwxr.png") center center/112px 67px  rgba(218,38,37,0.04) no-repeat;
}
.mediaTop .top6{
    width: 207px;
    background: url("../imgs/spider/ylrb.png") center center/100px 73px  rgba(218,38,37,0.04) no-repeat;
}

.mediaTop .top7{
    width: 204px;
    background: url("../imgs/spider/yltv.png") center center/98px 73px  rgba(218,38,37,0.04) no-repeat;
}
.mediaTop .top8{
    width: 207px;
    height: 238px;
    background: url("../imgs/spider/ylrb2.png") center center /173px 53px  rgba(218,38,37,0.04) no-repeat;
}
.mediaTop .top2:hover{
    width: 207px;
    height: 115px;
    float: left;
    background: url("../imgs/spiderW/ylrt.png") center center/63px 71px #DA2625 no-repeat;
    margin: 0 7.5px 7.5px 0;
}
.mediaTop .top3:hover{
    width: 136px;
    background: url("../imgs/spiderW/shzx.png") center center/94px 60px #DA2625 no-repeat;
    margin: 0 7.5px 7.5px 0;
}

.mediaTop .top4:hover{
    width: 275px;
    background: url("../imgs/spiderW/ylrbwb.png") center center/94px 71px #DA2625 no-repeat;
    margin: 0 7.5px 7.5px 0;
}

.mediaTop .top5:hover{
    width: 207px;
    background: url("../imgs/ewm/ewm3.jpg") center center/115px 115px rgba(218,38,37,0.04) no-repeat;
}
.mediaTop .top6:hover{
    width: 207px;
    background: url("../imgs/ewm/ewm1.jpg") center center/115px 115px rgba(218,38,37,0.04) no-repeat;
}

.mediaTop .top7:hover{
    width: 204px;
    background: url("../imgs/ewm/ewm4.jpg") center center/115px 115px rgba(218,38,37,0.04) no-repeat;
}
.mediaTop .top8:hover{
    width: 207px;
    height: 238px;
    background: url("../imgs/spiderW/ylrb3.png") center center /173px 53px #DA2625 no-repeat;
}
.mediaMainDiv {
    width: 100%;
    height: 417px;
    background: url("../imgs/index/mediaBg.png") center bottom/1920px 363px no-repeat;
    display: flex;
}
.mediaTop a{
    height: 115px;
    float: left;
    margin: 0 7.5px 0 0;
}
.cmc-audio-control .audio-play {
    background-color:#DA2625;
}
.cmc-audio-control .audio-time,.cmc-audio-control .audio-title{
    color:#DA2625 !important;
}

.mediaTop a:hover{
    background-color:#DA2625;
}
.audio-right .audio-svgbtn use{
   fill: #DA2625 !important;
}

        #cmc_audioLiveBox,#cmc_audioLiveBox .player-content{
            height:115px !important;
            background-color: rgba(218,38,37,0.04);
        }
.bottom1:hover{
    background:none !important;
}
#swiper4 {
    width: 562px;
    height: 329px;
    float: left;
    margin: 9px;
}

#swiper4 img {
    width: 562px;
    height: 329px;
}

#swiper5 {
    width: 670px;
    height: 329px;
    float: left;
    background: #ffffff;
    margin: 9px;
}

#swiper5 .swiper-slide {
    width: 670px;
    height: 66px;
}
#swiper5 .swiper-slide-active{
    background:url('../imgs/index/fouce.png') rgba(53,120,227,0.11) no-repeat;
}
#swiper5 .swiper-slide-active .title{
    font-size: 18px;
    font-weight: 700;
    color: #3578E3;
}

#swiper5 .title {
    width: 670px;
    height: 66px;
    font-size: 18px;
    font-weight: 400;
    color: #262626;
    line-height: 66px;
    padding-left: 10px;
}
#swiper5 .title:hover{
    background:url('../imgs/index/fouce.png') rgba(53,120,227,0.11) no-repeat;
}


.imgBox{
    width: 1282px;
    height: 480px;
    position: relative;
    margin: 20px auto 24px auto;
}
#swiper1 {
    width: 851px;
    height: 480px;
    float: left;
}

#swiper1 img {
    width: 851px;
    height: 480px;
}
#swiper1 .title{
    width: 801px;
    padding-right:50px;
    z-index:2;
    position:absolute;
    bottom:0;
    left:0;
    height: 60px;
    line-height:60px;
    text-indent:23px;
    background: rgba(0,0,0,.5);
    color:#fff;
    font-size:20px;
}
#swiper1 .swiper-pagination2 {
    bottom: 0px;
    right: 0;
    left: unset;
    width: 74px;
    height: 52px;
    font-size: 16px;
    position: absolute;
    font-family: Source Han Serif CN-SemiBold, Source Han Serif CN;
    font-weight: 600;
    color: #fff;
    top:unset;
    transform:unset;
    z-index: 10;
}

#swiper1 .swiper-pagination2 .swiper-pagination-current {
    font-size: 30px;
    font-weight: 600;
    color:#84ADFF;
    
}
#swiper2 {
    width: 420px;
    height: 480px;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    float: left;
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 3;
    /* padding:30px 0; */
}

#swiper2 .swiper-slide {
    width: 420px;
    height: 48px;
}
#swiper2 .swiper-slide-active{
    
}
#swiper2 .swiper-slide-active1 .title{
    font-size: 18px;
    color: #fff;
    font-size: 700;
}

#swiper2 .title {
    width: 374px;
    height: 48px;
    font-size: 16px;
    font-weight: 400;
    color: #262626;
    line-height: 48px;
    padding-left: 10px;
    /* background: url("../imgs/index/icon.png") 13px center no-repeat; */
    padding: 0 23px;
    border-bottom:1px dotted #DDE2EA;
    /* display: -webkit-box; */
}
#swiper2 .swiper-slide:nth-child(1) .title,#swiper2 .swiper-slide:nth-child(6) .title{
    font-weight:bold;
    font-size:18px;
}
#swiper2 .title:hover {
       background:#268FFF;
       color:#fff;
}


#swiper6 {
    width: 1280px;
    height: 285px;
    float: left;
}

#swiper6 img {
    width: 196px;
    height: 285px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s
}
.imgplayBox {
    height: 345px;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    margin-top: 50px;
}
#swiper6 .swiper-slide:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

#swiper6 .swiper-button-prev {
    z-index: 10;
    cursor: pointer;
    display: none;
    width: 26px;
    height: 51px;
    background: url("../imgs/leftNew.png") 0 0/26px 51px no-repeat;
    left:0;
}

#swiper6 .swiper-button-next {
    right:0;
    z-index: 10;
    cursor: pointer;
    display: none;
    width: 26px;
    height: 51px;
    background: url("../imgs/rightNew.png") 0 0/26px 51px no-repeat;
}


#swiper6:hover .swiper-button-next,#swiper6:hover .swiper-button-prev {
    display: block
}
.flex-right{
    position: fixed;
    top: 300px;
    width: 42px;
    z-index: 9999;
    right: 30px;
}
.flex-right>a>div{
    position: absolute;
    top:0;
    right: 55px;
    background: #FFFFFF;
    padding: 10px;
    border: 1px solid #E8E8E8;
    border-radius: 3px;
    width: 100px;
    height: 121px;
    display: none;
}
.flex-right img{
    width: 100%;
    height: 80px;
    display: block;
}
.flex-right p{
    font-size: 12px;
    color: #666666;
    line-height: 16px;
    padding-top: 5px;
    text-align: center;
}
.flex-right>a:hover div{
    display: block;
}
.right-down i{
    background: url("../imgs/right_ic3.png") no-repeat;
    background-size: 100%;
}
.right-down i:hover{
    background: url("../imgs/right_ic33.png") no-repeat;
    background-size: 100%;
}
.right-edit i{
    background: url("../imgs/right_ic4.png") no-repeat;
    background-size: 100%;
}
.right-edit i:hover{
    background: url("../imgs/right_ic44.png") no-repeat;
    background-size: 100%;
}
.right-top i{
    background: url("../imgs/right_ic5.png") no-repeat;
    background-size: 100%;
}
.right-top i:hover{
    background: url("../imgs/right_ic55.png") no-repeat;
    background-size: 100%;
}
.flex-right a{
    display: block;
    width: 42px;
    position: relative;
    height: 42px;
    cursor: pointer;
    margin-top: 10px;
    border-radius: 50%;
}
.flex-right i{
    display: block;
    width: 100%;
    height: 100%;
}
.ggBox1{
    margin:42px auto;
}
#cmc_audioLiveBox .cmc-audio-control{
    background-color: rgba(218,38,37,0.04);
}
#swiperGg {
    width: 313px;
    height:55px;
    margin: 10px  11px 0 0px;
    float: left;
}
#swiperGg img {
    width:313px;
    height: 55px;
}
#swiperGg1 {
     width: 312px;
    height: 55px;
    margin: 10px  11px 0 0px;
    float: left;
}
#swiperGg1 img {
    width: 312px;
    height: 55px;
    object-fit: fill;
}
#swiperGg2 {
    width: 312px;
    height: 55px;
    margin: 10px  11px 0 0px;
    float: left;
}

#swiperGg2 img {
     width: 312px;
    height: 55px;
}
#swiperGg3 {
    width: 312px;
    height: 55px;
    margin: 10px  0px 0 0px;
    float: left;
}

#swiperGg3 img {
     width: 312px;
    height: 55px;
}
#swiper-adv,#swiper-adv1{
    width: 1282px;
    height: 64px;
}
#swiperGg4,#swiperGg5,#swiperGg7,#swiperGg8 {
    width: 420px;
    height: 64px;
    margin: 15px  11px 0 0px;
    float: left;
}
#swiperGg6,#swiperGg9 {
    width: 420px;
    height: 84px;
    margin: 15px  0px 0 0px;
    float: left;
}

#swiperGg4 img,#swiperGg5 img,#swiperGg6 img,#swiperGg7 img,#swiperGg8 img,#swiperGg9 img {
    width: 420px;
    height: 64px;
}
.ggBox{
    height: 79px;
    margin: 0px auto 0 auto;
}
.titleP{
    text-align:center;
    width: 1282px;
    margin: 0 0 23px 0;
}
.cmc-audio-control .audio-title{
    font-size:18px !important;
}
.cmc-audio-control .audio-left{
    width:34px !important;
}
.dang{
    width:65px;
    height:30px;
    float:right;
    margin:0 100px 0 0;
    background: url("../imgs/1576057144167.png") 0 0/100% 100%no-repeat;
}

  #carousel {
            position: relative;
            width: 100%;
            margin: 0 auto
        }

        #carousel .swiper {
            padding-top: 20px;
            padding-bottom: 60px;
            perspective: 1280px;
            overflow: hidden;
        }

        .swiper-3d .swiper-wrapper {
            transform-style: preserve-3d;
        }

        #carousel .swiper-slide {
            width: 320px;
            background: #fff;
            box-shadow: 0 8px 20px #ddd;
        }

        #carousel .swiper-slide img {
            display: block;
            width: 100%;
            height: 200px;
        }

        #carousel .swiper-slide p {
            line-height: 58px;
            padding-top: 0;
            text-align: center;
            color: #000000;
            font-size: 18px;
            margin: 0;
        }

        #carousel .swiper-pagination {
            width: 100%;
            bottom: 0px;
        }

        #carousel .swiper-pagination-bullets .swiper-pagination-bullet {
            margin: 0 5px;
            background-color: #7b9aef;
            width: 20px;
            height: 5px;
            opacity: 1;
            border-radius: 5px;
        }

        #carousel .swiper-pagination-bullets .swiper-pagination-bullet-active {
            background-color: #2a4eaf;
            width: 35px;
        }

        #carousel .swiper-button-prev {
            left: 10px;
            width: 45px;
            height: 45px;
            background: url('../imgs/prevArrow.png') no-repeat;
            background-position: 0 0;
            background-size: 100%;
        }

        #carousel .swiper-button-prev:hover {
            background-position: 0 0;
            background-size: 100%
        }

        #carousel .swiper-button-next {
            right: 10px;
            width: 45px;
            height: 45px;
            background: url('../imgs//nextArrow.png') no-repeat;
            background-position: 0 0;
            background-size: 100%;
        }

        #carousel .swiper-button-next:hover {
            background-position: 0 0;
            background-size: 100%
        }

        #carousel .swiper-button-prev::after,
        #carousel .swiper-button-next::after {
            content: '';
        }

        .wrap_1200 {
            width: 1180px;
            margin: 0 auto;
        }
.divName4 {
    background: url("../imgs/index/ssf.jpg") 0 center/auto 56px no-repeat;

    float: left;
    width: 384px;
    height: 56px;
    font-size: 22px;
    font-weight: 700;
    color: #000000;
    line-height: 56px;
    border-bottom: 1px solid #3578E3;
}
.divName4  span{
    height: 56px;
    float:left;
    width:100px;
    border-bottom: 3px solid #fff;
}
.nameBox{
    width:80%;
    float:left;
}
.moreBox{
    width:20%;
    float:left;
}
.nameBox1 span{
    cursor:pointer;
    font-size:16px;
    color:#333333;
    font-weight:500px;
}
.nameBox1 .fouce{
    font-size:20px;
    color:#333333;
    font-weight:700px;
}
.nameBox span{
    cursor:pointer;
    padding:0 10px;
    float:left;
}
.nameBox .fouce{
    color:#408CE6;
    font-size:30px;
    font-weight:800;
}
.divName1 .more{
    line-height:57px;
    height:57px;
}
.tshipin{
    margin:40px 0;
}
#swiper-adv1 img{
    width:100%;
}