/* 安全区域 */
.conAuto_1400{width: 1400px; min-width: 1400px; margin-left: auto; margin-right: auto; }
/* 安全区域 */
.banner{
    height: 260px;
}
/* banner 轮播 */
.bannerSlide{
    width: 100% !important;
    height: 260px;
    top: 0;
    left: 0;
    min-width: 1400px;
}
.bannerSlide img{
    display: block;
    width: 100% !important;
    height: 100%;
}
.bannerBox .hd{
    position: absolute;
    bottom: 73px;
    margin-left: 50%;
}
.bannerBox .hd ul{
    text-align: center;
    display: block;
    margin: 0 auto;
}
.bannerBox .hd li{
    display: inline-block;
    width: 9px;
    height: 9px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background:#e2e2e2;
    border-radius: 50px;
}
.bannerBox .hd li.on{
    background: #0052d9;
}
/* banner 轮播 */
.bgBox01{
    background: url(../image/index_bgBox01.png) no-repeat center top;
    background-size: 100% 100%;
    min-width: 1400px;
    padding: 40px 0 37px;
}
.statisticsList{
    background: url(../image/index_statisticsListBg.png) no-repeat center;
    height: 120px;
    border-radius: 8px;
    box-shadow: 0px 3px 5px 2px #e8ebed;
    position: relative;
    top: -65px;
}
.statisticsList ul{
    padding-top: 36px;
    display: flex;
    justify-content: space-between;
}
.statisticsList ul li{
    width: 73px;
    height: 50px;
    padding-left: 77px;
    border-right: 1px solid #eee;
    font-size: 14px;
    color: #999;
}
.statisticsList ul li:last-child{
    border-radius: none;
}
.statisticsList ul li p em{
    font-size: 20px;
    font-weight: bold;
}
.statisticsList ul li span{
    display: block;
    padding-top: 5px;
}
.statisticsList ul .li1{
    background: url(../image/index_statisticsListIcon01.png) no-repeat 22px;
}
.statisticsList ul .li1 em{
    color: #0052d9;
}
.statisticsList ul .li2{
    background: url(../image/index_statisticsListIcon02.png) no-repeat 22px;
}
.statisticsList ul .li2 em{
    color: #0094d9;
}
.statisticsList ul .li3{
    background: url(../image/index_statisticsListIcon03.png) no-repeat 22px;
}
.statisticsList ul .li3 em{
    color: #10b8b2;
}
.statisticsList ul .li4{
    background: url(../image/index_statisticsListIcon04.png) no-repeat 22px;
}
.statisticsList ul .li4 em{
    color: #11b268;
}
.statisticsList ul .li5{
    background: url(../image/index_statisticsListIcon05.png) no-repeat 22px;
}
.statisticsList ul .li5 em{
    color: #5d32db;
}
.statisticsList ul .li6{
    background: url(../image/index_statisticsListIcon06.png) no-repeat 22px;
}
.statisticsList ul .li6 em{
    color: #ed1e4f;
}
.statisticsList ul .li7{
    background: url(../image/index_statisticsListIcon07.png) no-repeat 22px;
}
.statisticsList ul .li7 em{
    color: #e18d14;
}
.statisticsList ul .li8{
    background: url(../image/index_statisticsListIcon08.png) no-repeat 22px;
}
.statisticsList ul .li8 em{
    color: #ec6319;
}
.statisticsList ul .li9{
    background: url(../image/index_statisticsListIcon09.png) no-repeat 22px;
}
.statisticsList ul .li9 em{
    color: #e0ae15;
}
.viewTitle{
    padding-bottom: 20px;
}
.viewTitle p{
    float: left;
    font-weight: bold;
    font-size: 30px;
    color: #333;
    height: 50px;
    background: url(../image/viewTitleBg.png) no-repeat bottom;
}
.viewTitle p span{
    color: #0052d9;
}
/* .viewTitle a{
    float: right;
    margin-top: 20px;
    width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    padding-left: 10px;
    border-radius:25px ;
    background: url(../../public/images/icons/icon_more.png) no-repeat 44px,linear-gradient(to right, #0052d9, #13b0be);
}
.viewTitle a:hover{
    background: url(../../public/images/icons/icon_more.png) no-repeat 44px,linear-gradient(to right, #13b0be, #0052d9);
} */
/* 赛事项目 */
.nodataPic3{
    margin: 0 auto;
}
.mainUl {
    width: 1430px;
}
.mainUl li {
    width: 444px;
    height: 158px;
    border: 1px solid #fff;
    border-radius: 8px;
    background: linear-gradient(-45deg, #f6f9fd 0%, #fff 100%);
    box-shadow: 0 0 10px #ccdbf1;
    margin: 0 30px 30px 0;
    overflow: hidden;
}

.mainUl li:hover {
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(to top, rgb(245, 249, 255) 0%, rgb(255, 255, 255) 100%), linear-gradient(to bottom, #13b0be, #0052d9);
}

.mainUl li:hover a {
    color: #0052d9;
}

.mainUl .topcon {
    height: 90px;
    padding: 20px 10px 0 80px;
    background: url(../../activity/image/xin_xlsIcon3.png) no-repeat 10px 20px;
}

.mainUl .topcon a {
    /* width: 149px; */
    margin-top: 5px;
    display: block;
    height: 19px;
    line-height: 19px;
    font-size: 18px;
    margin-bottom: 22px;
}

.mainUl .linkBox {
    overflow: hidden;
}

.mainUl .linkBox span {
    margin: 0 !important;
    width: 65px !important;
}

.mainUl .tagBox {
    height: 30px;
    overflow: hidden;
}
.mainUl .tagBox span{
    max-width: 45%;
}
.mainUl .topcon span {
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    text-align: center;
    color: #0052d9;
    background: #eaf2ff;
    border-radius: 0 50px 50px 50px;
    margin-right: 10px;
    box-sizing: border-box;
}
.mainUl .topcon span.lab2{
    color: #ff6000;
    background: #ffefe5;
    margin-right: 0;
}
.mainUl .company {
    height: 48px;
    line-height: 48px;
    padding-left: 59px;
    padding-right: 20px;
    color: #666;
    background: #f5f9fd url(../../activity/image/xin_xlsIcon4.png) no-repeat 20px center;
}
.cyxmView .cyxmList{
    width: 1430px;
}
.cyxmView .cyxmList li{
    position: relative;
    height: 346px;
    width: 284px;
    border: 1px solid #fff;
    border-radius: 8px;
    background: #fbfdfe url(../image/cyxmView_liBg.png) no-repeat right top;
    padding: 0 20px;
    margin-right: 30px;
}
.cyxmView .cyxmList li .outRouterBox{
    display: block;
    height: 100%;
    width: 100%;
}
.cyxmView .cyxmList li .lable{
    min-width: 64px;
    text-align: center;
    height: 27px;
    line-height: 27px;
    padding: 0 8px;
    font-size: 14px;
    color: #fff;
    border-radius: 0 8px 0 8px;
    position: absolute;
    right: 1px;
    top: 1px;
}
.cyxmView .cyxmList li:hover{
    box-shadow: 0px 0px 15px 2px #d9e3f4;

}
.bg_0052d9{
background-color: #0052d9;
}
.bg_13b0be{
background-color: #13b0be;
}
.bg_ff8a00{
background-color: #ff8a00;
}
.cyxmView .cyxmList li .iconImg{
    padding-top: 17px;
}
.cyxmView .cyxmList li .iconImg img{
    width: 90px;
    height: 80px;
    display: block;
    margin: 0 auto;
}
.cyxmView .cyxmList li .titleName{
    padding-top: 25px;
    font-size: 18px;
    color: #333;
    height: 48px;
}
.cyxmView .cyxmList li .titleName:hover{
    color: #0052d9;
}
.cyxmView .cyxmList li .textLi{
    padding-top: 20px;
}
.cyxmView .cyxmList li .textLi p{
    font-size: 14px;
    color: #666;
    padding-bottom: 5px;
    overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
}
.cyxmView .cyxmList li .iconArrow{
    background: url(../image/cyxmView_liIcon_off.png) no-repeat center;
    width: 36px;
    height: 11px;
    position: absolute;
    bottom: 20px;
    right: 22px;
}
.cyxmView .cyxmList li:hover .iconArrow{
    background: url(../image/cyxmView_liIcon_on.png) no-repeat center;

}
.gxOut{
    width: 100%;
    min-width: 1400px;
    background: url(../image/index_gx.png) no-repeat right bottom;
    padding-bottom: 40px;
}
.cygxView{
    margin-top: 40px;
    border: 2px solid #fff;
    border-radius: 8px;
    background-color: #f9fcfe;
    box-shadow: 0 0 10px #ccdbf1;
}
.cygxView .leftBox{
    float: left;
    background: url(../image/cygxView_bg01.png) no-repeat center;
    width: 156px;
    height: 319px;
    border-right: 1px solid #fff;
}
.cygxView .btnBox{
    width: 80px;
    margin: 0 auto;
    padding-top: 69px;
}
.cygxView .btnBox a{
    display: block;
    height: 32px;
    width: 78px;
    border-radius: 25px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 32px;
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
    background-color: #fff;
}
.cygxView .btnBox a.on{
    border: 1px solid #0052d9;
    color: #0052d9;
}
.cygxView .moreBtn2{
    width: 35px;
    display: block;
    background: url(../image/cygxView_intBtnLogo.png) no-repeat 35px;
    padding-right: 21px;
    color: #666;
    font-size: 14px;
    margin: 82px auto 0 auto;
}
.cygxView .moreBtn2:hover{
    animation: rightEffect 1.2s infinite;
    -webkit-animation: rightEffect 1.2s infinite;
}


@keyframes rightEffect {

    0%,
    100%{
        background: url(../image/cygxView_intBtnLogo.png) no-repeat 35px center;
    }

    70% {
        background: url(../image/cygxView_intBtnLogo.png) no-repeat right center;
    }
}
.cygxView .midBox{
    float: left;
    padding: 20px 0 0 20px;
    width: 920px;
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
}
.cygxView .midBox li{
    margin-bottom: 20px;
    width: 450px;
    height: 130px;
    background-color: #eef3f9;
}
.cygxView .midBox li a{
    display: block;
    padding:15px 20px;
    height: 100px;
}
.cygxView .midBox li .title{
    display: block;
    font-size: 16px;
    color: #333;
}
.cygxView .midBox li:hover .title{
    color: #0052d9;
}
.cygxView .midBox li .lableBox{
    height: 30px;
    padding-top: 15px;
}
.cygxView .midBox li .lableBox span{ 
    float: left;
    height: 30px;
    padding: 0 15px;
    background-color: #fff;
    border-radius: 0 25px 25px 25px;
    color: #0052d9;
    text-align: center;
    line-height: 30px;
    margin-right: 10px;
    max-width: 158px;
    overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
}
.cygxView .midBox li .addTime{
    font-size: 14px;
    color: #666;
    padding-top: 14px;
}
.cygxView .midBox li .addTime span{
}
.cygxView .rightBox{
    float: right;
    background: url(../image/cygxView_bg02.png) no-repeat center;
    width: 276px;
    height: 318px;
    border-left: 1px solid #fff;
}
.cygxView .rightBox p{
    margin-top: 83px;
    background: url(../image/cygxView_logoText.png) no-repeat center;
    height: 33px;
}
.cygxView .rightBox span{
    padding-top: 35px;
    display: block;
    color: #666;
    text-align: center;
    font-size: 16px;
}
.cydsView{
    background: url(../image/cydsView_bg.png) no-repeat center top;
    height: 470px;
    padding-top: 35px;
    min-width: 1400px;

}
.cydsView .leftBox{
    /* width: 960px; */
    width: 1400px;
}
.cydsView .viewTitle p{
    background: url(../image/index_statisticsListBg_fff.png) no-repeat bottom;
}
.mt0{
    margin-top: 0 !important;
}
.c_fff{
    color: #fff !important;
}
.cydsView .leftBox ul{
    display: flex;
    justify-content: space-between;
}
.cydsView .leftBox ul li{
    padding: 0 20px;
    height: 340px;
    width: 215px;
    border-radius: 8px;
    background: url(../image/cydsView_listBg.png) no-repeat center bottom;
    background-size: 100% 100%;
}
.cydsView .leftBox ul li:hover{
    box-shadow: 0px 0px 15px 1px #044684;
}
.cydsView .leftBox ul li a{
    display: block;
    height: 310px;
    width: 215px;
}
.cydsView .leftBox ul li .lable{
    position: absolute;
    top: 10px;
    right: 10px;
    display: block;
    background-color: #eaf2ff;
    color: #0052d9;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 0 25px 25px 25px;
    max-width: 100px;
}
.cydsView .leftBox ul li .userHaederBox{
    border: 6px solid #e9eef8;
    border-radius: 50%; 
    width: 118px;
    height: 118px;
    margin: 30px auto 0 auto;
}
.cydsView .leftBox ul li .userHaederBox img{
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: block;
}
.cydsView .leftBox ul li .name{
    font-size: 18px;
    color: #333;
    height: 35px;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
}
.cydsView .leftBox ul li .text span{
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    font-size: 14px;
    color: #0052d9;
    background-color: #eaf2ff;
    border-radius: 0 25px 25px 25px;
    max-width: 185px;
}
.cydsView .leftBox ul li .text2{
    padding-top: 10px;
    color: #969696;
    font-size: 14px;
}
.cydsView .leftBox ul li .text2 span{
    float: left;
    width: 34%;
}
.cydsView .leftBox ul li .text2 em{
    float: left;
    width: 66%;
    height: 60px;
}
.cydsView .rightBox{
    background: url(../image/cydsView_rightBoxBg.png) no-repeat center;
    width: 390px;
    height: 423px;
}
.cydsView .rightBox p{
    text-align: center;
    font-size: 16px;
    color: #999;
    padding-top: 230px;
}
.cydsView .rightBox a{
    display: block;
    height: 34px;
    width: 100px;
    font-size: 14px;
    color: #0052d9;
    border-radius: 25px;
    text-align: center;
    line-height: 34px;
    margin: 45px auto 0 auto;
    background-color: #fff;
}
.cydsView .rightBox a:hover{
    background-color: #0052d9;
    color: #fff;
}

.moreBtn {
    float: right;
    margin-top: 10px;
    height: 30px;
    padding-right: 12px;
    border-radius: 30px;
    background: linear-gradient(to right, #0154d9 0%, #097fcc 50%, #13aebe 100%);
}

.moreBtn span {
    line-height: 30px;
    padding-right: 20px;
    padding-left: 11px;
    background: url(../../public/images/icons/icon_more.png) no-repeat right center;
}

.zyzxView li:hover .moreBtn {
    animation: moreBtn 0.5s 1 forwards;
    -webkit-animation: moreBtn 0.5s 1 forwards;
    box-shadow: 0px 0px 10px 3px rgba(0, 77, 198, 0.35);
}

@keyframes moreBtn {
    from {
        background-position: 0;
    }

    to {
        background-position: 71px;
    }
}

.moreBtn.moreFour:hover {
    animation: moreFour 0.5s 1 forwards;
    -webkit-animation: moreFour 0.5s 1 forwards;
    box-shadow: 0px 0px 10px 3px rgba(0, 77, 198, 0.35);
}

@keyframes moreFour {
    from {
        background-position: 0;
    }

    to {
        background-position: 100px;
    }
}
.animationBtn:hover {
    animation: rotate 0.3s ease infinite;
}

@keyframes rotate {
    0% {
        transform: rotate(0);
    }

    20% {
        transform: rotate(-2deg);
    }

    60% {
        transform: rotate(0);
    }

    80% {
        transform: rotate(2deg);
    }

    100% {
        transform: rotate(0);
    }
}

.zyzxView{
    background-color: #fff;
    padding: 40px 0;
    min-width: 1400px;

}
.zxzyTitleText{
    float: left;
    background: url(../image/index_zyzx_titleText.png) no-repeat center;
    width: 448px;
    height: 50px;
    margin-left: 30px;

}
.zyzxView ul{
    display: flex;
    justify-content: space-between;
}
.zyzxView ul li{
    width: 446px;
    box-sizing: border-box;
    height: 200px;
    border-radius: 5px;
    position: relative;
    
    /* box-shadow: 0 0 5px 2px #e6eaf0; */

}
.zyzxView ul li a{
    display: block;
    padding-left: 190px;
    padding-top: 45px;
    height: 155px;
}
.zyzxView ul li:hover{
    box-shadow: 0 0 10px 6px #dee1e4;

}
.zyzxView ul li .moreBtn{
    float: left !important;
    margin-top: 15px !important; 
}
.zyzxView ul li .titleName{
    font-weight: bold;
    font-size: 24px;
    color: #333;
}

.zyzxView ul li:hover .titleName{
    color: #0052d9;
}
.zyzxView ul li .text{
    padding-top: 10px;
    font-size: 15px;
    color: #999;
}
.zyzxView ul .lis1{
    background: url(../image/index_zyzx_listBg01.png) no-repeat center;
}
.zyzxView ul .lis2{
    background: url(../image/index_zyzx_listBg02.png) no-repeat center;
}
.zyzxView ul .lis3{
    background: url(../image/index_zyzx_listBg03.png) no-repeat center;
}
.zyzxView ul .lis1 .pice{
    position: absolute;
    left: 30px;
    top: 47px;
    display: block;
    background: url(../image/index_zyzx_listPice01.png) no-repeat center;
    width: 140px;
    height: 112px;
    background-size: 100% 100%;
}
.zyzxView ul .lis2 .pice{
    position: absolute;
    left: 30px;
    top: 47px;
    display: block;
    background: url(../image/index_zyzx_listPice02.png) no-repeat center;
    width: 140px;
    height: 112px;
    background-size: 100% 100%;
}
.zyzxView ul .lis3 .pice{
    position: absolute;
    left: 30px;
    top: 47px;
    display: block;
    background: url(../image/index_zyzx_listPice03.png) no-repeat center;
    width: 140px;
    height: 112px;
    background-size: 100% 100%;
}
.zyzxView ul .lis1:hover .pice{
    transform: scale(0.9);
}
.zyzxView ul .lis2:hover .pice{
    transform: scale(0.9);
}
.zyzxView ul .lis3:hover .pice{
    transform: scale(0.9);
}
.gxysView{
    padding: 40px 0;
    background: url(../image/index_gxysViewBg.png) no-repeat center;
    /* height: 519px; */
    box-sizing: border-box;
    min-width: 1400px;

}
.gxysView ul{
    width: 1432px;
}
.gxysView ul li{
    float: left;
    margin: 0 30px 30px 0;
}
.gxysView ul li:hover{
    box-shadow: 0px 0px 15px 4px rgb(0 82 217 / 15%);
}
.gxysView ul li a{
    display: block;
    text-align: center;
    width: 328px;
    height: 80px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0px 10px 3px rgb(0 82 217 / 15%);

}

.gxysView ul li a img{
    display: inline-block;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    /* margin: auto 0; */
    /* margin-top: 16px; */
    vertical-align: middle;
    margin-right: 17px;

}
.gxysView ul li a span{
    color: #333;
    font-size: 18px;
    font-weight: bold;
    word-wrap:break-word;
    
}
.gxysView ul li a .box2{
    max-width: 165px;
}
.gxysView .gxrzBtn{
    display: block;
    margin: 0 auto;
    background: linear-gradient(to bottom, #ff8a00 0%, #ff7800 50%, #fe6b13 100%);
    width: 130px;
    height: 36px;
    border-radius: 25px;
    text-align: center;
    line-height: 36px;
    font-size: 14px;
    color: #fff;
}
.gxysView .gxrzBtn:hover{
    opacity: 0.8;
}


.nodataPic1{
    margin: 35px  auto;
}
.nodataPic2{
    margin: 15px auto;
}
/* 列表顶部筛选、面包屑 */
.selectBox .selectModule{
    /* position: relative; */
    width: 342px;
    height: 60px;
    line-height: 60px;
    border-radius: 5px;
    overflow: hidden;
    background: #fff url(../../place/image/selectModule_arrowOff.png) no-repeat 324px;
    font-size: 16px;
    box-shadow: 0px 0px 10px 3px #deecfe;
}
.selectBox .selectModule .title{
    float: left;
    background-color: #f2f8fd;
    width: 88px;
    height: 60px;
    color: #333;
    font-style: italic;
    text-align: center;
}
.selectBox .selectModule.on .title{
    background:linear-gradient(to right, #1a65dd, #2081d4);
    color: #d9d9d9;
}
.selectBox .selectModule.on .name{
    background:url(../../place/image/selectModule_arrowOn.png) no-repeat 237px , linear-gradient(to right, #0052d9, #13b0be);
    color: #fff;
}
.selectBox .selectModule .name{
    float: left;
    width: 244px;
    color: #999;
    padding-left: 10px;
    cursor: pointer;
}
.selectBox .selectModule .name p{
    width: 80%;
}
.selectBox .selectList{
    top: 76px;
    z-index: 2;
}
.selectBox .selectList .arrowIcon{
    background: url(../../place/image/selectModule_ListIcon02.png) no-repeat center;
    width: 14px;
    height: 8px;
    position: absolute;
    top: -8px;
    left: 38px;
}
.selectBox .selectList ul{
    min-width: 322px;
    max-height: 250px;
    overflow-y: scroll;
    background-color: #fff;
    border-radius: 5px;
    /* border: 1px solid #ff6000; */
    padding: 10px;
    box-shadow: 0px 0px 5px 2px #f3f7fd;
}
.selectBox .selectList ul::-webkit-scrollbar {
	width: 8px;
}

.selectBox .selectList ul::-webkit-scrollbar-thumb {
	width: 8px;
	height: 50px;
	border-radius: 25px;
	background: #eaf2ff;
}
.selectBox .selectList ul li{
    height: 50px;
    line-height: 50px;
    padding-left: 119px;
    padding-right: 25px;
    border-radius: 5px;
    color: #333;
    font-size: 16px;
    white-space: nowrap;
    cursor: pointer;
}
.selectBox .selectList ul li:hover{
    background: url(../../place/image/selectModule_ListIcon.png) no-repeat 24px,linear-gradient(to right, #0052d9, #13b0be);
    color: #fff;
}
.selectBox .selectList ul li.on{
    background: url(../../place/image/selectModule_ListIcon.png) no-repeat 24px,linear-gradient(to right, #0052d9, #13b0be);
    color: #fff;
}
/* 顶部导航栏、面包屑 */
.nodataPic3{
    margin: 0 auto;
    height: 230px;
}