/* 浮动相关 */
.f-clear {
    clear: both;
    }
    .f-left {
    float: left;
    }
    .f-right {
    float: right;
    }
    .fclearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
    }
    /* 单行打点 */
    .line-clamp {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    }
    /* 两行打点 */
    .line-clamp-2,
    .line-clamp-3,
    .line-clamp-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    }
    /* 三行打点 */
    .line-clamp-3 {
    -webkit-line-clamp: 3;
    }
    
    .cgzh-main-box{width:1200px;margin:20px auto 0; }
    .clearfix{clear: both;}
    a:hover,a:active{text-decoration: none;}
    
    .over_hide {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        word-break: break-all;
      }
      .over_hide2 {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
      }
    
    
    .title-nav{
        width: 100%;
        height: 52px;
        background: #002147;
    }
    .title-nav-list{
        font-size: 18px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 52px;
        color: #FFFFFF;
        padding:0 16px;
        float:left;
        margin-right: 13px;;
    }
    .title-nav-list:nth-last-child(1){
        margin-right: 0px
    }
    
    .title-nav-list a{
        color: #FFFFFF;
    }
    
    .title-nav-list:hover,
    .title-nav .active{
        background: #fff;
    }
    
    .title-nav-list:hover a,
    .title-nav .active a{
        color: #222222;
    }
    
    
    
    .title-con1{
        width: 100%;
        height: 100px;
        background: #fff;
    }
    
    .title-con1-left{
        float:left;
    }
    
    .title-con1-box1{
        float:left;
        width: 148px;
        height: 48px;
        margin-top:26px;
    }
    .title-con1-box2{
        height: 100px;
        font-size: 30px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 100px;
        color: #002147;
        margin-left:16px;
    }
    
    .title-con1-box1 img{
        width: 148px;
        height: 48px;
    }
    
    .title-bg{
        width: 100%;
        min-width: 1200px;
        background: url(/static/pc-show-page-static/img/cgzh/bg1.png) no-repeat center;
        /* background-size: 100% 100%; */
        height: 400px;
        position: relative;
    }
    
    .title-con1-box2{
        float:left;
    }
    
    
    .title-bg-main{
        width:680px;
        margin:auto ;
        padding-top:75px;
    }
    
    .title-bg-w1{
        font-size: 30px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 42px;
        color: #FFFFFF;
        text-shadow: 0px 2px 2px rgba(21, 49, 132, 0.6);
        text-align: center;
        margin-bottom:30px;
    }
    
    .title-bg-box2{
        width: 162px;
        height: 52px;
        background: rgba(255,255,255,.2);
        margin-right: 10.5px;
        float:left;
        cursor: pointer;
    }
    
    .title-bg-box2:hover{
        background: rgba(0,0,0,.2);
    }
    
    .title-bg-box2-i1{
        width:24px;
        height: 24px;
        margin-top:15px;
        margin-left:28px;
        margin-right:10px;
        float:left;
    }
    .title-bg-box2-i1 img{
        width:24px;
        height: 24px;
    }
    
    .title-bg-box-i2 img{
        width: 22px;
        height: 22px;
        margin:15px 39px;
    }
    
    .title-bg-box2-i2{
        font-size: 18px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 52px;
        color: #FFFFFF;
    }
    
    .title-bg-box2{
        margin-top:30px;
    }
    
    .title-news-box{
        position: absolute;
        bottom: 0;
        left:0;
        width: 100%;
        height: 60px;
        z-index: 99;
    }
    .title-news-box .cgzh-main-box {
        position: relative;
        height: 100%;
        z-index: 999;
    }
    
    .title-news-box1{
        height: 60px;
        position: absolute;
        bottom: 0;
        left:0;
        right: 0;
        width: 100%;
        z-index: 9;
    }
    
    .title-news-box-n1{
        float:left;
        font-size: 18px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 60px;
        color: #fff;
    }
    
    .title-news-box-n1 span{
        color: #FFC757;
        margin-left:5px;
    }
    
    .title-news-box-line{
        background: #E2E6E9;
        width:1px;
        height: 16px;
        margin: 22px 20px;
        float:left;
    }
    
    .title-news-box-b1{
        float:left;
    }
    
    .title-news-box-w1{
        max-width: 350px;
        float:left;
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 60px;
        color: #FFFFFF;
    }
    
    .title-news-box-w2{
        float:left;
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 60px;
        color: #FFFFFF;
        margin-left:30px;
    }
    .title-news-box-b1:hover .title-news-box-w1,
    .title-news-box-b1:hover .title-news-box-w1,
    .title-news-box-b1:hover .title-news-box-w2 {
        color: #FFC757;
    }
    
    .title-bg-box-i1{
        width: 580px;
        float:left;
    }
    
    .title-bg-box-i1 input{
        width: 580px;
        height: 52px;
        background: #fff;;
        padding: 15px 20px;
       
    }
    
    .title-bg-box-i2{
        width: 100px;
        height: 52px;
        background: #5A82D6;
        float:left;
        cursor: pointer;
    }
    
    .title-con1-right{
        float:right;
        height: 100px;
        font-size: 24px;
        font-weight: 400;
        line-height: 100px;
        color: #999999;
    }
    
      
    .con1-box{
        background: #F1F6F9;
        background-image: url(/static/pc-show-page-static/img/cgzh/con1-bg.png);
        background-size: 100% 100%;
        padding: 30px 0 10px;
    }
    
    .con1-box1{
        box-sizing: border-box;
        width: 239px;
        float:left;
        padding: 16px 20px 24px;
    }
    
    
    
    .con1-w1{
        width: 100%;
        font-size: 40px;
        font-family: DINPro;
        font-weight: 500;
        line-height: 51px;
        color: #BE0F34;
        text-align: center;
    }
    
    .con1-w1 span{
        font-size: 18px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 25px;
        color: #BE0F34;
        margin-left:6px;
    }
    
    .con1-w2{
        margin-top: 6px;
        font-size: 18px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 25px;
        color: #626E84;
        text-align: center;
    }
    .con1-line{
        width: 1px;
        height: 50px;
        background: #E2E6E9;
        float:left;
        margin-top:37px;
    }
    
    .con2-title-left{
        float:left;
    }
    
    .con2-title-line{
        float:left;
        width: 4px;
        height: 24px;
        background: #002147;
        margin-right: 16px;
        margin-top:2px;
    }
    
    .con2-title-w1{
        float:left;
        font-size: 26px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 26px;
        color: #222222;
    }
    
    
    .con2-line{
        width:100%;
        height: 1px;
        background: #E0ECF1;
        margin:16px 0 20px;
    }
    
    .con2-box1-p1 {
        cursor: pointer;
    }
    .con2-box1-p1.active{
        background:url(/static/pc-show-page-static/img/cgzh/con2-hover.png);
        background-size: 100% 100%;
    }
    
    .con2-box1-p1.active .con2-box1-w1{
        color: #FFFFFF;
    }
    
    .con2-box1-p1.active .con2-box1-w2-link a{
        color: rgba(255,255,255, .7);
    }
    .con2-box1-p1.active .con2-box1-w2-link a:hover {
        color: rgba(255,255,255, 1);
    }
    
    
    .con2-box1-p1.active .con2-box1-p1-img{
        display: none;
    }
    
    .con2-box1-p1.active .con2-box1-p1-img-2{
        display: block;
    }
    
    .con2-box1-p1.active .con2-box1-line1{
        opacity: .25;
    }
    
    .con2-title-w2{
        float:right;
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 26px;
        color: #2F72A8;
    }
    
    .con2-box1{
        float:left;
        width:792px;
        margin-right:22px;
    }
    
    .con2-box2{
        float:left;
        width:386px;
    }
    
    
    .con2-box1-p1{
        width: 386px;
        height: 128px;
        background: #FFFFFF;
        border-radius: 4px;
        float:left;
        margin-right: 20px;
        margin-bottom: 20px;;
    }
    
    .con2-box1-p1:nth-child(2n+2){
        margin-right: 0px;
    }
    
    .con2-box1-p1-img{
        float:left;
        width: 48px;
        height: 48px;
        margin-right: 49px;
        margin-left:40px;
        margin-top:43px;
        
    }
    
    .con2-box1-p1-img-2{
        float:left;
        width: 48px;
        height: 48px;
        margin-right: 49px;
        margin-left:40px;
        margin-top:43px;
        display: none;
    }
    
    
    .con2-box1-p1-img img{
        width: 100%;
        height: 100%;
    }
    
    .con2-box1-p1-img-2 img{
        width: 100%;
        height: 100%;
    }
    
    .con2-box1-p1-content{
        float:left;
        margin-top:20px;
        width: 228px;
    }
    
    .con2-box1-w1{
        font-size: 18px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 25px;
        color: #222222;
    }
    
    .con2-box1-line1{
        width:100%;
        height: 1px;
        background: #F4F5F7;
        margin: 12px 0 20px;
    }
    .con2-box1-line2{
        width:100%;
        height: 1px;
        background: #F4F5F7;
        margin: 10px 0;
        opacity: 0.25;
    }
    
    
    .con2-box1-w2{
        font-size: 13px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 18px;
        color: #999999;
    }
    
    .con2-box1-w2-link{
        float:left;
        margin-right: 21px;
        margin-bottom: 6px;
    }
    .con2-box1-w2-link.con2-box1-w2-link-1 {
        width: 60px;
    }
    .con2-box1-w2-link.con2-box1-w2-link-2 {
        width: 136px;
    }
    
    .con2-box1-w2-link a{
        font-size: 13px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 18px;
        color: #999999;
    }
    
    
    .con2-box1-w3{
        font-size: 13px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 18px;
        color: #999999;
    }
    
    .con2-title-more{
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 26px;
        color: #7D8596;
        float:left;
        margin-left:32px;
    }
    
    .con3-left{
        float:left
    }
    .con3-right{
        float:right
    }
    
    .con3-box-content{
        margin-top:20px;
    }
    
    .con3-tab li{
        float:left;
        margin-right: 12px;
        font-size: 16px;
    
    }
    .con3-tab li a{
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 22px;
        color: #666666;
    }
    
    .con3-tab .active a{
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 22px;
        color: #2F72A8;
    }
    
    .con3-tab .con3-line{
        margin-left:12px;
        color: #D8D8D8;
    }
    
    .con3-right-box{
        padding:0 16px;
        height: 30px;
        background: #F5F6F8;
        text-align: center;
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 30px;
        color: #002147;
        float:left;
        margin-left:14px;
    }
    
    .con6-box .con3-right-box{
        background: #FFFFFF;
    }
    
    .con6-swiper-arrow{
        width: 20px;
        height: 20px;
        background: #FFFFFF;
        border: 1px solid #E8EBEF;
        box-shadow: 0px 2px 2px #E9EBEF;
        border-radius: 50%;
        text-align: center;
        cursor: pointer;
        line-height: 18px;
        flex-shrink: 0;
    }
    
    .con6-swiper-arrow:hover{
        color: #2F72A8;
    }
    
    .con3-right-box a{
        color: #002147;
    }
    
    .con3-right-box:hover {
        background: #BE0F34;
    }
    .con3-right-box:hover a{
        color: #FFFFFF;
    }
    
    .con3-tab-content-left{
        float:left;
        height: 100%;
    }
    .con3-tab-content-left .con3-tab-box1 {
        margin-right: 24px;
    }
    .con3-tab-content-left .con3-tab-box1:last-child {
        margin-right: 0;
    }
    
    .con3-tab-box1{
        float:left;
        width: 240px;
        height: 242px;
        background: #f5f5f5;
    }
    
    .con3-tab-box1-img1 img{
        width: 240px;
        height: 124px;
        background: #C5C5C5;
    }
    .con3-tab-box1-r1{
        padding:12px;
    }
    
    .con3-tab-box1-w1{
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 22px;
        color: #222222;
    }
    
    .con3-tab-box1-w2{
        font-size: 12px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 17px;
        color: #2F72A8;
        margin-top:12px;
        margin-bottom: 4px;
    }
    
    .con3-tab-box1-w3{
        font-size: 12px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 17px;
        color: #999999;
    }
    
    .con3-tab-content-right {
        width: 648px;
        height: 100%;
        float:right;
    }
    .con3-tab-content-right a{
       
       width:100%;
       display: block;
       margin-bottom:22px;
    }
    
    .con3-tab-content-right a:nth-child(6){
        margin-bottom: 0;
    }
    
    
    .con3-news-list-w1{
        width: 4px;
        height: 4px;
        background: #D74339;
        border-radius: 50%;
        float:left;
        margin-top:9px;
        margin-right: 10px;
    }
    
    .con3-news-list-w2{
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 22px;
        color: #222222;
        width: 500px;
        float:left;
    }
    
    .con3-news-list-w3{
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #999999;
        text-align: right;
        float:right;
    }
    
    .con4-box-left{
        box-sizing: border-box;
        height: 576px;
        width: 288px;
        background:url(/static/pc-show-page-static/img/cgzh/con4-bg.png);
        background-size: 100% 100%;
        padding: 12px 0;
        float:left;
    }
    
    .con4-box-left li{
        padding-left:40px;
        line-height: 46px;
        position: relative;
    }
    .con4-box-left li .li-line {
        width: 3px;
        height: 46px;
        background-color: transparent;
        position: absolute;
        left: 0;
        top: 0;
    }
    
    .con4-box-left li:hover,
    .con4-box-left .active{
        background: linear-gradient(90deg, #2F72A8 0%, rgba(47, 114, 168, 0) 100%);
    }
    
    .con4-box-left li a{
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 22px;
        color: rgba(255,255,255, .7);
    }
    
    .con4-box-left li:hover .li-line,
    .con4-box-left li.active .li-line {
        background-color: #6DB7F2;
    }
    .con4-box-left li:hover a,
    .con4-box-left li.active a{
        color: rgba(255,255,255, 1);
    }
    
    .con4-box-right{
        float:left;
        margin-left:40px;
        width: 872px;
    }
    
    .con4-box1{
        width: 200px;
        float:left;
        margin-right: 24px;
        margin-bottom: 18px;
    }
    
    .con4-box1:nth-child(4n+4){
        margin-right: 0px;
    }
    .dropdown-menu{
      max-height: 400px;
      overflow-y: scroll;
      overflow-x: hidden;
    }
    
    .con4-box1-img1 {
        box-sizing: border-box;
        width: 200px;
        height: 200px;
        border: 1px solid #f7f7f7;
        position: relative;
    }
    .con4-box1-img1 > img{
        width: 180px;
        max-height: 180px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    
    .con4-box1-w1{
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 22px;
        color: #666666;
        margin-top:7px;
        height: 44px;
        margin-bottom: 6px;;
    }
    
    .con4-box1-w2{
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #BE0F34;
    }
    
    .con5-swiper-container {
        padding-bottom: 30px;
    }
    .con5-swiper-container .swiper-pagination5 {
        text-align: center;
    }
    .con5-swiper-container .swiper-pagination-bullet {
        width: 30px;
        height: 4px;
        background: #E6EAF6;
        opacity: 1;
        border-radius: 0;
        cursor: pointer;
    }
    .con5-swiper-container .swiper-pagination-bullet-active {
        background: #002147;
    }
    
    .table-wrap {
        width: 100%;
        padding-bottom: 30px;
    }
    .table{
        border: 1px solid #E2E7F1;
        margin-bottom: 0;
    }
    .table>thead>tr>th{border: none;background: #FAFAFC;padding:19px 0px 19px 40px !important;font-size: 16px;}
    
    .table>tbody>tr>td{border: none;padding:15px 0px 15px 40px !important;color: #7D8596;}
    .table tbody a{
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #7D8596 !important;
    }
    .table>tbody>tr:nth-child(2n){background: #FAFAFC;}
    
    .con6-swiper-arrow-left{
        margin-right: 10px;
    }
    .con6-swiper-arrow-right{
        margin-left:10px;
    }
    .con6-swiper-container li{
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #666666;
        width: auto !important;
        word-break: keep-all;
        padding: 0 15px;
    }
    
    .con6-swiper-container li a{
        color: #666666;
    }
    
    .con6-swiper-container .active a{
        color: #2F72A8;
    }
    
    .con6-box{
        min-height: 312px;
        background: #F8F8F8;
        padding:10px 0 10px;
    }
    
    .con6-box1{
        width: 386px;
        height: 160px;
        background: #FFFFFF;
        float:left;
        margin-bottom: 20px;
        margin-right: 21px;
    }
    .con6-box1:hover .con6-box1-w1 {
        color: #1663E6;
    }
    
    .con6-box1:nth-child(3n+3){
        margin-right: 0px;
    }
    
    .con6-box1-img1 {
        float:left;
        width: 160px;
        height: 160px;
        background-color: #fff;
        position: relative;
    }
    .con6-box1-img1 img{
        width: 160px;
        max-height: 160px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }
    
    .con6-box1-p1{
        box-sizing: border-box;
        width: 225px;
        height: 160px;
        float:left;
        padding-left:20px;
        padding-top:24px;
        /* padding-right:20px; */
        padding-bottom:20px;
    }
    
    .con6-box1-w1{
        font-size: 22px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 30px;
        color: #222222;
        float:left;
        margin-right:20px;
    }
    
    .con6-box1-w2{
        max-width: 110px;
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 33px;
        color: #7D8596;
        float:left;
    }
    
    .con6-box1-line{
        background: #E2E7F1;
        width: 100%;
        height: 1px;
        margin-top:14px;
        margin-bottom: 20px;
    }
    
    .con8-line{
        margin-left:8px;
        color: #D8D8D8;
    }
    .con6-box1-w3{
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #222222;
        margin-bottom:10px;
    }
    
    
    .con7-swiper-container li{
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #666666;
       
    }
    
    .con7-swiper-container li a{
        color: #666666;
    }
    
    .con7-swiper-container .active a{
        color: #BE0F34;
    }
    
    .con7-box1-img1 img{
        width:160px;
        height: 160px;
        margin:10px auto 0;
        display: block;
    }
    
    .con7-box1{
        width: 180px;
        background: #E2E2E2;
        float:left;
        margin-right: 24px;
    }
    .con7-box1:nth-child(6n+6){
        margin-right: 0;
    }
    
    .con7-box1-p1{
        padding:10px;
    }
    
    
    .con7-box1-w1{
        font-size: 20px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 28px;
        color: #222222;
    }
    
    .con7-box1-line{
        background: #E2E7F1;
        width:100px;
        height: 1px;
        margin-top:5px;
        margin-bottom: 10px;
    }
    
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
    
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
    
    
    
    
    .con8-tab li{
        float:left;
        margin-right: 12px;
        font-size: 16px;
    
    }
    .con8-tab li a{
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 22px;
        color: #666666;
    }
    
    .con8-tab .active a{
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 22px;
        color: #2F72A8;
    }
    
    .con8-tab .con3-line{
        margin-left:12px;
        color: #D8D8D8;
    }
    
    .con8-box1{
        width: 160px;
        border: 1px solid #EBEBEB;
        float:left;
        margin-right: 13px;
    }
    .con8-box1:nth-child(7){
        margin-right:0;
    }
    
    .con8-box1-img1{
        width: 160px;
        height: 140px;
        position: relative;
    }
    
    .con8-box1-img1 img{
        width:140px;
        min-height: 140px;
        margin: auto;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    
    .con8-box1-w1{
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #222222;
        text-align: center;
        background: #F7F7F7;
        padding:6px 0;
    }
    
    .con9-box1{
        width:368px;
        float:left;
        margin-right: 48px;
    }
    
    .con9-box1:nth-child(3){
        margin-right: 0;
    }
    
    .con9-box1-img1 img{
        width: 368px;
        height: 206px;
    }
    
    .con9-box1-w1{
        float:left;
        width: 250px;
        height: 32px;
        background: #002147;
        font-size: 12px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 30px;
        color: #FFFFFF;
        text-align: center;
        border: 1px solid #002147;
    }
    .con9-box1-w2{
        float:left;
        width:118px;
        font-size: 12px;
        font-family: PingFang SC;
        font-weight: 400;
        height: 32px;
        line-height: 30px;
        color: #999999;
        text-align: center;
        border: 1px solid #002147;
    }
    
    .con9-box2{
        width: 368px;
        overflow: hidden;
        /* border: 1px solid #002147; */
        margin-top:10px;
    }
    
    .con10-box1{
        width: 400px;
        height: 390px;
        background: #F2F7FC;
        float:left;
        position: relative;
    }
    
    .con10-box {
        width: 100%;
    }
    .con10-bg{
        position: absolute;
        bottom:0;
        right: 0;
        z-index: 9;
        opacity: .2;
        display: none;
    }
    
    .con10-box1.active{
        background: linear-gradient(135deg, #1BCCCC 0%, #1D84C9 100%);
        background-position: bottom 0;
        background-repeat: no-repeat;
    }
    
    .con10-box1.active .con10-bg{
        display: block;
    }
    
    
    .con10-box1.active .con10-box1-w1{
        color:#fff;
    }
    
    .con10-box1.active .con10-box1-w2{
        color:#fff;
        border: 1px solid #fff;
    }
    
    .con10-box1.active .con10-box1-w3{
        color: #fff;
    }
    
    .con10-box1.active .con10-box1-w4{
        background:#fff;
        color: #0F7994;
    }
    
    .con10-box1.active .con10-box1-w4 a{
        color: #0F7994;
    }
    
    .con10-box1:nth-child(2){
        border-left:1px solid #E2E7F1;
        border-right:1px solid #E2E7F1;
    }
    
    .con10-box1-main{
        padding:50px 40px 40px 40px;
        position: relative;
        z-index: 999;
    }
    
    .con10-box1-w1{
        font-size: 18px;
        font-family: PingFang SC;
        font-weight: bold;
        line-height: 25px;
        color: #222222;;
    }
    
    
    
    .con10-box1-w2{
        padding:0 12px;
        height: 26px;
        border: 1px solid #2F72A8;
        opacity: 1;
        border-radius: 30px;
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 26px;
        color: #2F72A8;
        text-align: center;
        float:left;
        margin-right: 18px;
        margin-top:20px;
        margin-bottom:32px;
    }
    
    .con10-box1-w3{
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 20px;
        color: #666666;
        height: 80px;
    }
    
    .con10-box1-w4{
        width: 116px;
        height: 40px;
        background: #2F72A8;
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 40px;
        color: #FFFFFF;
        text-align: center;
        margin-top:75px;
    }
    
    .con10-box1-w4 a{
        color: #FFFFFF;
    }
    
    .con11-box{
        width: 100%;
        min-width: 1200px;
        height: 500px;
        background-image: url(/static/pc-show-page-static/img/cgzh/con11-bg.png);
        /* background-size: 100% 100%; */
        margin-top:-80px;
    }
    
    
    .contact-us{
        position: absolute;
        right:20px;
        top:150px;
    }
    
    .contact-us-box{
        position: relative;
        height: 61px;
        margin-bottom:32px;
    }
    
    
    .con3-tab li:hover a{color: #2F72A8;}
    .con8-tab li:hover a{color: #2F72A8}
    
    
    .contact-us-box-w1{
        font-size: 50px;
        font-family: Impact;
        font-weight: 400;
        line-height: 61px;
        color: #FFFFFF;
        opacity: 0.1;
    }
    
    .contact-us-box-w2{
        position: absolute;
        bottom: 0;
        left:0;
        font-size: 26px;
        font-family: PingFang SC;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 26px;
    }
    
    
    .con11-box1 .active{
        font-size: 18px;
        font-family: PingFang SC;
        font-weight: 400;
        color: #61D4FF;
        border-bottom: 2px solid #61D4FF;
        z-index: 999;
        opacity: 1;
    }
    
    
    .con11-box1 .active a{
        font-size: 18px;
        font-family: PingFang SC;
        font-weight: 400;
        color: #61D4FF;
        z-index: 999;
        opacity: 1;
    }
    
    
    .con11-box1 .active .con11-box1-bg{
        background: linear-gradient(180deg, rgba(97, 212, 255, 0) 0%, #61D4FF 100%);
        font-size: 18px;
        font-family: PingFang SC;
        font-weight: 400;
        
        opacity: 0.15;
        width: 132px;
        height: 55px;
        position: absolute;
        left:0;
        top:0;
    }
    
    
    
    
    .con11-box1-w1{
        width: 132px;
        height: 55px;
        font-size: 18px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 55px;
        color: #FFFFFF;
        opacity: 0.7;
        float:left;
        text-align: center;
        position: relative;
    }
    
    .con11-box1-w1 a{
        color: #FFFFFF;
        opacity: 0.7;
    }
    
    
    .con11-line{
        width: 507px;
        height: 1px;
        background: #FFFFFF;
        opacity: 0.17;
    }
    
    .con11-box2{
        margin-top:30px;
    }
    
    .con11-box2-w1{
        margin-bottom: 20px;;
    }
    
    .con11-box2-w2{
        font-size: 16px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 22px;
        color: #FFFFFF;
    }
    
    .con11-box2-w3{
        margin: 0 30px;;
    }