body{ background-color:#F6F7F9;}

.swiperfocus {
    max-width: 1900px;
    min-width: 1540px;
    position: relative;
    margin: -150px auto 0 auto;
    height: 960px;
    z-index: 30;
    overflow: hidden;
}


    .swiperfocus .swiper-container {
        width: 100%;
        height: 100%;
    }

    .swiperfocus .swiper-slide {
        position: relative;
        z-index: 20;
        width: 100%;
        height: 960px;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: auto auto;
    }


        .swiperfocus .swiper-slide a {
            margin: 152px auto 0 auto;
            position: relative;
            display: block;
            width: 1540px;
            height: calc(960px - 152px);
            z-index: 40;
        }
        /*

                .swiperfocus .swiper-pagination-fraction {
        position: relative;
        bottom: 55px;
        z-index: 50;
    }

    .swiperfocus .swiper-pagination-bullet {
        margin: 0 5px;
        width: 12px;
        height: 12px;


        border-radius: 50%;
        background-color: transparent;
        vertical-align: middle;
    
        opacity:1;
        background: rgba(255, 255, 255, 0.63);
    }


    .swiperfocus .swiper-pagination-bullet-active {
        width: 18px;
        height: 18px;
        background: rgba(24, 144, 255, 1);

    }
        */

    .swiperfocus .swiper-pagination-fraction {
        position: absolute;
        left:auto;
        top:auto;
        right:220px;
        bottom:108px;
        width:80px;
        color:#fff;
        font-size:16px;
    }
     .swiperfocus .swiper-pagination-current{font-size:32px;}




.top {
    position: relative;
    height: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}

    .top h4 {
        position: relative;
        font-size: 30px;
        font-weight: 700;
        letter-spacing: 0px;
        line-height: 44px;
        color: rgba(56, 56, 56, 1);
        padding-left: 26px;
    }


    .top span {
        display: block;
        padding-left:30px;
        width: 146px;
        height: 44px;
        line-height:44px;
        opacity: 1;
        text-align:left;        
        background: linear-gradient(90deg, rgba(1, 108, 154, 1) 0%, rgba(6, 143, 201, 1) 99.31%);
    }
     .top span a{display:block; width:100%; height:100%; color:#fff;

        background-repeat: no-repeat;
        background-size: 22px auto;
        background-position: right 30px center;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20t%3D%221767602646756%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%228919%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M716.27749999%20736.6146875c-8.0325%200-16.0059375-3.2484375-21.853125-9.68625-10.985625-12.04875-10.0996875-30.7715625%202.008125-41.698125l189.7678125-172.4034375-191.4215625-174.11625c-12.1078125-10.985625-12.99375-29.649375-2.008125-41.7571875C703.75624999%20284.9046875%20722.47906249%20284.01875%20734.46874999%20294.9453125l215.46%20195.969375c6.1425%205.6109375%209.68625%2013.5253125%209.68625%2021.853125s-3.54375%2016.2421875-9.68625%2021.853125l-213.80625%20194.315625c-5.6109375%205.1384375-12.6984375%207.678125-19.845%207.678125z%22%20fill%3D%22%23ffffff%22%20p-id%3D%228920%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M97.71593749%20541.885625c-16.30125%200-29.53125-13.23-29.53125-29.53125s13.23-29.53125%2029.53125-29.53125L897.89468749%20482.46875c16.30125%200%2029.53125%2013.23%2029.53125%2029.53125s-13.23%2029.53125-29.53125%2029.53125l-800.17875%200.354375z%22%20fill%3D%22%23ffffff%22%20p-id%3D%228921%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");

     }

    .top h4:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        width: 8px;
        height: 30px;
        transform: translateY(-50%);
        background-color: rgba(6, 143, 201, 1);
    }


    .about_panel{
        margin-top:-50px;
        position: relative;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content:flex-start;
        align-items: flex-start;
        height:280px;
        z-index: 100;
        overflow:hidden;
    }

    .about_lefts{
        width:50%;
        height:100%;
        background-color:#016C9A;
        color:#fff;
    }
    .about_rights{
        width:50%;
        height:100%;
        background: rgba(235, 235, 235, 1);
        color: #383838;

    }
    .about_lefts a{color: #fff;}
    .about_rights a{color: #383838;}

    .about_lefts h3,.about_rights h3{
        display:block;
        padding:36px 0 0 62px;
        font-size: 28px;
        font-weight: 700;
        letter-spacing: 0px;
        line-height: 40px;
   
    }
     .about_lefts p,.about_rights p{
        display:block;
        padding:25px 76px 0 62px;
        font-weight: 400;
        line-height: 30px;    
    }
     .about_lefts .about_more,.about_rights .about_more{
                  display:block;
         margin:25px 0 0 62px;
         width:50px;
         height:50px;
        background-repeat: no-repeat;
        background-size: 30px auto;
        background-position: left center;
     }

     .about_lefts .about_more{

        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20t%3D%221767600465775%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%228193%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M926.254545%20563.2l-256-162.909091c-16.290909-9.309091-37.236364-4.654545-48.872727%2011.636364-9.309091%2016.290909-4.654545%2037.236364%2011.636364%2048.872727l155.927273%2097.745455H116.363636c-18.618182%200-34.909091%2016.290909-34.909091%2034.90909S97.745455%20628.363636%20116.363636%20628.363636h791.272728c16.290909%200%2030.254545-9.309091%2032.581818-25.6%204.654545-13.963636%200-30.254545-13.963637-39.563636z%22%20fill%3D%22%23ffffff%22%20p-id%3D%228194%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");

     }
     .about_rights .about_more{

        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20t%3D%221767600465775%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%228193%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M926.254545%20563.2l-256-162.909091c-16.290909-9.309091-37.236364-4.654545-48.872727%2011.636364-9.309091%2016.290909-4.654545%2037.236364%2011.636364%2048.872727l155.927273%2097.745455H116.363636c-18.618182%200-34.909091%2016.290909-34.909091%2034.90909S97.745455%20628.363636%20116.363636%20628.363636h791.272728c16.290909%200%2030.254545-9.309091%2032.581818-25.6%204.654545-13.963636%200-30.254545-13.963637-39.563636z%22%20fill%3D%22%23068FC9%22%20p-id%3D%228194%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");

     }
    .news {
        padding:52px 0 80px 0;
    }
     .news .top{
         margin-bottom:42px;
     }
     .news_panel{
                     display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-start;

     }
    .news_swiper {
    width: 686px;
    height: 562px;
    background-color: #F7F7F7;
}

        .news_swiper .news_swiper_pic {
        width: 686px;
        height: 412px;
    }
                .news_swiper .news_swiper_pic img {
            width: 100%;
            height: 100%;
        }

                    .news_swiper .news_swiper_text {
        display: block;
        padding: 24px 42px 0 42px;
        

    }
 .news_swiper .news_swiper_text h4{
     display:block;
     font-size: 28px;
font-weight: 700;
letter-spacing: 0px;
line-height: 32px;
color: rgba(0, 0, 0, 1);
 }
  .news_swiper .news_swiper_text p{
      display:block;
      padding:22px 0 0 0;
font-weight: 400;
letter-spacing: 0px;
line-height: 20px;
color: rgba(128, 128, 128, 1);
  }

  .news_rights{

      width:770px;
  }

  
         .news_headlines{
            margin:0 0 0 0;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-start;
        }
         .news_headlines dl{
          width: 374px;
          background-color:#fff;
    
        }
        .news_headlines dt{
width: 374px;
height: 230px;



        }
        .news_headlines dt img{ width:100%; height:100%;}
        .news_headlines dl dd{
                 display:block;
            padding:8px 0 0 0;
        }
        .news_headlines span{
                  display:block;
            padding:8px 0 0 0;
font-weight: 400;
letter-spacing: 0px;
line-height: 20px;
color: rgba(166, 166, 166, 1);
        }
                    .news_headlines h4 {
                display:block;
                padding: 0;
                height:28px;
            font-size: 18px;
            font-weight: 400;
            letter-spacing: 0px;
            line-height: 28px;
            color: rgba(0, 0, 0, 1);
            }


                    .news_list {
    margin: 20px 0 0 0;
}

    .news_list dd {
        padding: 10px 0 10px 0;
        display: block;
        height: 30px;
        line-height: 30px;
        border-bottom:#E5E5E5 solid 1px;
    }
    /*
 .news_list dd:nth-child(2){border-bottom:none;}
    */
    .news_list dd:last-child{border-bottom:none;}

        .news_list dd h4 {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            vertical-align: top;
            font-weight: normal;
            font-size: 18px;
            font-weight: 400;
            letter-spacing: 0px;
            line-height: 26.06px;
            color: rgba(0, 0, 0, 1);
        }

        .news_list dd span {
            float: right;
 font-weight: 400;
letter-spacing: 0px;
line-height: 20.27px;
color: rgba(166, 166, 166, 1);
        }

        .news_list dd a:hover, .news_list dd a.hover, .news_list dd a:active {
            text-decoration: none;
            color: rgba(0, 99, 178, 1);
        }

        .services{
            padding:45px 0 50px 0;
        }

        .services_panel{
            margin-top:56px;
                   display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: stretch;

        }
        .services_item{
width: 470px;

background-color:#fff;
        }
        .services_item_top_pic{
            position:relative;
            width: 100%;
            height: 280px;
            
        }
         .services_item_top_pic img{
             position:relative;
             width:100%;
             height:100%;
             z-index:10;
         }
          .services_item_top_pic h4{
             position:absolute;
             padding:0 28px;
             width:414px;
             left: 0;
                bottom:12px;
                font-size: 26px;
font-weight: 700;
letter-spacing: 0px;
height:40px;
line-height: 40px;
color: rgba(255, 255, 255, 1);
z-index:30;

         }
          .services_item_top_pic h4 a{color: rgba(255, 255, 255, 1);}
        .services_item_top_pic:before{
            position:absolute;
            content: "";
            position: absolute;
            left: 0;
            bottom:0;
            width: 100%;
            height: 84px;
            z-index:20;
            background: linear-gradient(180deg, rgba(56, 56, 56, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
        }

        .services_item_top .services_more{
            position:absolute;
            right: 40px;
            bottom:0;
            width: 58px;
height: 58px;
background-color: rgba(6, 143, 201, 1);
z-index:30;
        background-repeat: no-repeat;
        background-size: 30px auto;
        background-position: center center;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20t%3D%221767600465775%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%228193%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M926.254545%20563.2l-256-162.909091c-16.290909-9.309091-37.236364-4.654545-48.872727%2011.636364-9.309091%2016.290909-4.654545%2037.236364%2011.636364%2048.872727l155.927273%2097.745455H116.363636c-18.618182%200-34.909091%2016.290909-34.909091%2034.90909S97.745455%20628.363636%20116.363636%20628.363636h791.272728c16.290909%200%2030.254545-9.309091%2032.581818-25.6%204.654545-13.963636%200-30.254545-13.963637-39.563636z%22%20fill%3D%22%23ffffff%22%20p-id%3D%228194%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");

        }



        
.services_list {
    margin: 0 0 0 0;
}

    .services_list dd,.services_item_top_text {
        padding: 20px 6px 24px 6px;
        display: block;
        margin:0 20px;
       
    }
    .services_item_top_text{padding: 20px 6px 20px 6px;}
    .services_list dd{border-top:#E5E5E5 solid 1px;}
   

        .services_list dd h4,.services_item_top_text h4 {
            display: block;
font-size: 18px;
font-weight: 400;
letter-spacing: 0px;
line-height: 26px;
color: rgba(0, 0, 0, 1);
        }

        .services_list dd span,.services_item_top_text span {
            display: block;
            padding:8px 0 0 0;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 20px;
        color: rgba(166, 166, 166, 1);
        }

        .services_list dd a:hover, .services_list dd a.hover, .services_list dd a:active {
            text-decoration: none;
            color: rgba(0, 99, 178, 1);
        }


        .expert{
            padding:50px 0 50px 0;
        }

        .expert_list{

                        margin-top:52px;
                   display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: stretch;
        }
        .expert_list_item
        {
            width: 340px;
     
        }

        .expert_list_pic{
            position:relative;
            width: 340px;
            height: 380px;
            z-index:10;
        }
        .expert_list_pic img{ width:100%; height:100%;}
        .expert_list_text{
            position:relative;
            margin:-100px auto 0 auto;
            width: 295px;
height: 220px;
box-shadow: 0px 2px 8px  rgba(0, 0, 0, 0.25);
z-index:20;
background-color:#fff;
        }
         .expert_list_text h4{
             display:block;
             padding:26px 26px 0 26px;
             font-size: 22px;
font-weight: 700;
letter-spacing: 0px;
line-height: 32px;
color: rgba(0, 0, 0, 1);
         }
         .expert_list_text label{
             margin-left:6px;
              font-size: 14px;
             font-weight: 400;
letter-spacing: 0px;
line-height: 20px;
color: rgba(0, 0, 0, 1);
         }
         .expert_list_text p{
                      display:block;
             padding:26px 26px 0 26px;
             height:44px;
             font-weight: 400;
letter-spacing: 0px;
line-height: 22px;
color: rgba(128, 128, 128, 1);
         }

                 .expert_list_text .expert_more{
            position:absolute;
            right: 20px;
            bottom:0;
            width: 58px;
height: 58px;
background-color: rgba(6, 143, 201, 1);
z-index:30;
        background-repeat: no-repeat;
        background-size: 30px auto;
        background-position: center center;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20t%3D%221767600465775%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20p-id%3D%228193%22%20width%3D%22200%22%20height%3D%22200%22%3E%3Cpath%20d%3D%22M926.254545%20563.2l-256-162.909091c-16.290909-9.309091-37.236364-4.654545-48.872727%2011.636364-9.309091%2016.290909-4.654545%2037.236364%2011.636364%2048.872727l155.927273%2097.745455H116.363636c-18.618182%200-34.909091%2016.290909-34.909091%2034.90909S97.745455%20628.363636%20116.363636%20628.363636h791.272728c16.290909%200%2030.254545-9.309091%2032.581818-25.6%204.654545-13.963636%200-30.254545-13.963637-39.563636z%22%20fill%3D%22%23ffffff%22%20p-id%3D%228194%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");

        }