*, *::before, *::after {
    box-sizing: border-box;
}

* {
    margin: 0;
}

body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {
    /* display: block; */
    max-width: 100%;
}

input, button, textarea, select {
    font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
}

p {
    text-wrap: pretty;
}
h1, h2, h3, h4, h5, h6 {
    text-wrap: balance;
}

#root, #__next {
    isolation: isolate;
}

body{font-family: 'PingFangSC, PingFang SC, MicroSoft YaHei';font-size: 12px;min-width: 1010px;overflow: auto;}
.mr-0{margin-right:0 !important;}
.mb-0{
    margin-bottom: 0 !important;}
.w{
    width: 1000px;
    margin:0 auto;
}
.bob-none{
    border-bottom: none !important;
}
.bor-none{
    border-right: none !important;
}

.bg{
    background: #FFF;
}
.bg-fff{
    background: #FFF;
    box-shadow: 0 0 4px 0 #EDEFF3;
    border-radius: 8px;
}
.blank-20{
    height:20px;
    width:100%;
}
.pub-t{
    height:56px;
    border-bottom: 1px solid #E6E6E6;
}
.gufl{
	height:65px;
   /* border-bottom: 1px solid #E6E6E6;  */
}
.pub-t strong{
    padding-left: 20px;
    height:56px;
    width:111px;
    color:#fff;
    display: inline-block;
    float: left;
    margin-bottom: -1px;
    background: url("../images/t.png") no-repeat;
    line-height: 36px;
    font-size: 14px;
}
.more{
    color: #0051B2;
    font-size: 14px;
}
img{
    vertical-align: top;}
/*---------------------------------------------------------------------*/

/*header*/
#header{
    position:relative;
}

.portal-header-bg {
    height: 465px;
    width: 100%;
    background-image: url("../images/portal/header-bg2.jpg");
    background-size: cover;
    background-position: center;
}

#header .lyjgwz img{
    position:absolute;
    top:43%;
    left:50.8%;
    height:40px;
    width:110px;
}
#header .logo{
    margin-top: 20px;
}
#header .top{
    height:42px;
    width:478px;
    color:#808080;
    line-height: 40px;
    font-size: 14px;
}
#header .top .a{
    width:64px;
    height:22px;
    text-align: center;
    line-height: 20px;
    color:#fff;
    font-size: 12px;
    margin-top: 10px;
    float: left;
    display: inline-block;
    background: url("../images/a.jpg") repeat-x;
    border-radius: 2px;
    margin-right: 7px;
}
#header .top .app{
    width:95px;
    height:40px;
    float: left;
    text-align: center;
    cursor: pointer;
    z-index: 20;
}
#header .top .app .s{
    background: url("../images/s.png") no-repeat right center;
    padding-right: 12px;
    font-size: 14px;
    color: #404040;
    line-height: 40px;
    display: inline-block;
}
#header .top .app .s-0{
    background: url("../images/s-0.png") no-repeat right center;
    color:#316cbf;
}
#header .top .app-0{
    box-shadow: 0 0 4px rgba(0,0,0,.2);
}

#header .top-area {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#header .title {
    padding-top: 52px;
    font-size: 54px;
    color: #2D3969;
    line-height: 64px;
    letter-spacing: 6px;
    text-align: center;
    font-style: normal;
    font-weight: 900;
}

#header .top .app .appbox{
    width:100px;
    height:100px;
    background: #fff;
    position: absolute;
    top:30px;
    left:0;
    text-align: center;
    color:#999;
    font-size: 12px;
    line-height: 32px;
    padding-top: 16px;
    box-shadow: 0 0 4px rgba(0,0,0,.2);
    display: none;
    z-index: 15;
}

#header .top .app .line-fff{
    width:94px;
    height:5px;
    background: #fff;
    position: absolute;
    top:37px;
    left:1px;
    z-index: 20;
    display: inline-block;
}
#header .top .wechat{
    width:112px;
    z-index: 15;
}
#header .top .wechat .line-fff{
    width:111px;
}
#header .top .app .line{
    width:1px;
    height:18px;
    background: #e5e5e5;
    position: absolute;
    top:11px;
    right:0;
}
#header .top>.a-0{
    padding: 0 5px;
    line-height: 40px;
    color:#404040;
    font-size: 14px;
}
#header .top .phone{
    font-size: 16px;
    color:#0072bf;
    padding-left: 10px;
    font-family: 'arial';
}
#header .search{
    position: relative;
    display: flex;
    width:500px;
    height:48px;
    margin-top: 32px;
    border-radius: 24px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #B6C4E9;
}
#header .search input{
    width:500px;
    height:48px;
    /*background: #F0F2F5;*/
    border-right: none;
    font-size: 16px;
    line-height: 48px;
    color: #8F9CBF;
    padding-left: 16px;
    padding-right: 96px;
    box-sizing: border-box;
    float: left;
}
#header .search a{
    position: absolute;
    right: 0;
    top: 0;
    align-items: center;
    justify-content: center;
    width:80px;
    height:48px;
    background: url("../images/search-1.png") no-repeat center #0051B2;
    display: inline-flex;
    border-radius: 24px;
}
/*nav*/
#nav{
    height:60px;
    background: #0051B2;
    position: relative;
    top: -60px;
    z-index: 10;
}
.menu{
    height:60px;
}
.menu> li{
    /*width:100px;*/
    height:60px;
    text-align: center;
    line-height: 60px;
    float: left;
    position: relative;
}
.menu>li >a{
    color:#fff;
    font-size: 20px;
    padding: 0 24px;
    display: block;
}
.menu>li:hover,.menu>li.on{
    background: linear-gradient( 319deg, #18B7FF 0%, #347EFF 100%);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.menu>li .line{
    width:1px;
    height:22px;
    background: #2693DD;
    position: absolute;
    top:9px;
    right:0;
    display: inline-block;
}

.sub-menu-area {
   /*  display: inline-flex;
    flex-direction: column; */
    width:340px;
    background: #fff;
    box-shadow: 2px 0 29px -8px #C4C4C4;
    border-radius: 8px;
   /*  padding: 8px; */
}

.sub-menu{
    position: absolute;
    top:60px;
    left:0;
    padding-top: 8px;
    background: #fff;
    box-sizing: border-box;
    display: none;
}
.sub-menu a{
    width:170px;
    height:48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    color: rgba(0,0,0,0.9);
    font-style: normal;
    /* padding-left: 16px; */
    box-sizing: border-box;
    float: left;
}
.sub-menu a:hover{
    background: #0051B2;
    border-radius: 4px;
    color: rgba(255,255,255,0.9);
}
#xzw{
    /*height:50px;*/
    background: #fff;
    position: relative;
    z-index: 8;
}
.menu-xzw{
    height:40px;
}
.menu-xzw> li{
    width:140px;
    height:30px;
    text-align: center;
    line-height: 30px;
    float: left;
}
.menu-xzw>li >a{
    color:#404040;
    font-size: 16px;
    display: block;
}
.menu-xzw>li:hover,.menu-xzw>li.on{
    background: #fff;
    border-top: 3px solid #000000;
    margin-top: -3px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.menu-xzw>li:hover> a,.menu-xzw>li.on> a{
    color:#0072bf;
}
.menu-xzw>li .line{
    width:1px;
    height:22px;
    background: fff;
    top:9px;
    right:0;
    display: inline-block;
}
.sub-xzw{
    width:270%;
    background: #fff;
    display: none;
    z-index: 99900;
    box-shadow: 2px 0 29px -8px #C4C4C4;
    border-radius: 4px;
    padding: 4px;
}
.sub-xzw a{
    width:auto;
    height:38px;
    line-height: 38px;
    text-align: center;
    color:#404040;

    background: #EFF4FC;
    border-radius: 18px;
    border: 1px solid #E0E7F6;

    font-size: 14px;
    display: inline-block;
    float: left;
    margin: 4px;
    padding: 0 8px;
    box-sizing: border-box;

    color: rgba(0,0,0,0.9);
    font-weight: 400;
    font-style: normal;
}
.sub-xzw a:hover{
    background: #0051B2;
    /*border-radius: 18px;*/
    color: #fff;
}
/*banner*/
.banner{
    height:540px;
    width:100%;
    margin-top: -45px;
}
.banner .bd{
    width:100%;
    height:540px;
    overflow: hidden;
}
.banner .bd ul{
    width:100%;
    height:540px;
}
.banner .bd ul li{
    width:100%;
    height:540px;
    float: left;
    overflow: hidden;
}
.banner .bd ul li a{
    width:100%;
    height:540px;
    display: block;
    text-align: center;
    position: relative;
}
.banner .bd ul li a img{
    position: absolute;
    top:0;
}

.banner .hd{
    width:86px;
    height:16px;
    position: absolute;
    top:320px;
    left:50%;
    margin-left: -43px;
}
.banner .hd ul{
    width:86px;
    height:16px;
}
.banner .hd ul>li{
    width:16px;
    height:16px;
    background: url("../images/hd-1.png") no-repeat;
    margin-right: 5px;
    text-indent: -9999px;
    float: left;
    cursor: pointer;
}
.banner .hd ul li:hover,.banner .hd ul li.on{
    background: url("../images/hd-0.png") no-repeat;
}
.banner .login{
    width:216px;
    padding-left: 37px;
    padding-right: 37px;
    padding-top: 42px;
    height:218px;
    background: url("../images/login.png") no-repeat;
    position: absolute;
    top:48px;
    right:50%;
    margin-right: -500px;
}
.banner .login> a{
    width:165px;
    height:40px;
    padding-left: 51px;
    color:#fff;
    font-size: 16px;
    display: inline-block;
    background: url("../images/btn-0.png") no-repeat;
    line-height: 40px;
}
.banner .login> a.a-0{
    background: url("../images/btn-1.png") no-repeat;
}
.banner .login .txt{
    height:42px;
    border-bottom: 1px dashed #dedede;
    margin-bottom: 16px;
}
.banner .login .txt a{
    display: inline-block;
    color:#0072bf;
    font-size: 14px;
    margin-right: 21px;
    float: left;
    line-height: 38px;
}


/*container*/
.container{
    height:auto;
    zoom: 1;
    overflow: visible;
    margin-top: -180px;
    z-index: 5;
    position: relative;;
}

/*notice*/
.notice{
    height:40px;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
}
.notice .left{
    background: url("../images/notice.png") no-repeat 20px center;
	background-position: center;
}
.notice .left .bd{
    height:40px;
}
.notice .left .bd ul{
    width:100%;
    height:40px;
}
.notice .left .bd ul li{
    display: flex;
    align-items: center;
    width:100%;
    height:40px;
}
.notice .left .bd ul li a{
    display: flex;
    align-items: center;
    width: 1150px;
    height:40px;
    font-weight: 400;
    font-size: 16px;
    color: #171A1D;
    font-style: normal;
}
.notice >a.more{
    font-weight: 400;
    font-size: 14px;
    color: #0051B2;
    line-height: 12px;
    font-style: normal;
}
.notice .time{
    /*margin-right: 20px;*/
    line-height: 50px;color:#000;
    font-size: 14px;
    display: inline-flex;
    padding-right: 40px;
}
/*news*/
.news{
    height:272px;
}
.news .right{
    width:289px;
    border-left: 1px solid #E6E6E6;
    height:272px;
}
.slide{
    width:240px;
    height:210px;
    margin:0 auto;
    margin-top: 24px;
}
.slide .bd{
    width:240px;
    height:210px;
    overflow: hidden;
}
.slide .bd ul{
    width:240px;
    height:210px;
}
.slide .bd ul li{
    width:240px;
    height:210px;
    float: left;
}
.slide-service{
    width:240px;
}
.slide-service a{
    width:56px;
    height:100px;
    float: left;
    margin-right: 24px;
    display: inline-block;
    text-align: center;
    color:#404040;
    font-size: 12px;
    line-height: 20px;
}
.slide .hd{
    width:38px;
    height:9px;
    position: absolute;
    bottom:14px;
    left:50%;
    margin-left: -14px;
}
.slide .hd ul{
    width:38px;
    height:9px;
}
.slide .hd ul li{
    width:9px;
    height:9px;
    background: url("../images/hd-2.png") no-repeat;
    float: left;
    margin-right: 10px;
    text-indent: -9999px;
}
.slide .hd ul li.on,.slide .hd ul li:hover{
    background: url("../images/hd-3.png") no-repeat;
}
.news .center{
    width:402px;
}
.news .center .ul{
    width:402px;
}
.news .center .ul>li{
    width:402px;
    height: auto;
    zoom: 1;
    overflow: hidden;
    float: left;
}
.news .center .news-list{
    width:342px;
    margin-left: 30px;
    padding-top: 20px;
}
.news .center .news-list>a{
    width:342px;
    line-height: 32px;
    color: #404040;
    font-size: 12px;
    display: inline-block;
    float: left;
}
.news .center .news-list>a .time{
    color:#999;
    font-family: 'Arial';
    display: inline-block;
    float: right;
}
.news .center .news-list>a .time-0{
    color:#dd4631;
}
.news .center .news-list>a i{
    width:26px;
    height:14px;
    margin-top: 9px;
    display: inline-block;
    float: left;
    margin-right: 4px;
    background: url("../images/news.png") no-repeat;
}
.news .center .news-list>a .span-0{
    width:232px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news .center .news-list>a .span-1{
    width:262px;
}

.xw-news-list{
    width:900px;
}
.xw-news-list>a{
    width:900px;
    line-height: 32px;
    color: #404040;
    font-size: 12px;
    display: inline-block;
    float: left;
}
.xw-news-list>a .time{
    color:#999;
    font-family: 'Arial';
    display: inline-block;
    float: right;
}
.xw-news-list>a .time-0{
    color:#dd4631;
}
.xw-news-list>a i{
    width:26px;
    height:14px;
    margin-top: 9px;
    display: inline-block;
    float: left;
    margin-right: 4px;
    background: url("../images/news.png") no-repeat;
}
.xw-news-list>a .span-0{
    width:232px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.xw-news-list>a .span-1{
    width:262px;
}

.main .left .xw-ul>li{
    display: flex;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid #E6E6E6;
    height: auto;
    zoom: 1;
    overflow: hidden;
    float: left;
}

.news .left{
    width:307px;
    border-left: none;
}
.news .right .tab{
    margin-left: 0;
   
}
.news .right .title{
    color:#4c4c4c;
    font-size: 14px;
    padding-left: 20px;
    line-height: 35px;
}
/* .news .left .ul{
    width:307px;
} */
.news .left .ul>li{
    width:307px;
    height: auto;
    zoom: 1;
    overflow: hidden;
    float: left;
}
.news-slide{
    width:240px;
    height:180px;
    margin:0 auto;
    margin-top: 24px;
}
.news-slide .bd{
    width:240px;
    height:180px;
    overflow: hidden;
}
.news-slide .bd ul{
    width:240px;
    height:180px;
}
.news-slide .bd ul li{
    width:240px;
    height:180px;
    float: left;
    position: relative;
}
.news-slide .bd ul li a{
    width:234px;
    padding-left: 6px;
    height:30px;
    background: rgba(21, 31, 42, .6);
    color:#fff;
    line-height: 30px;
    font-size: 12px;
    position: absolute;
    bottom:0;
    left:0;
}
.news-slide .prev{
    width:7px;
    height:10px;
    display: inline-block;
    background: url("../images/prev.png") no-repeat;
    position: absolute;
    bottom:10px;
    right:40px;
    z-index: 5;
}
.news-slide .next{
    width:7px;
    height:10px;
    display: inline-block;
    background: url("../images/next.png") no-repeat;
    position: absolute;
    bottom:10px;
    right:6px;
    z-index: 5;
}
.news-slide .pageState{
    width:27px;
    height:30px;
    position: absolute;
    bottom:0;
    right:13px;
    line-height: 30px;
    font-size: 12px;
    color:#fff;
    text-align: center;
}
.news-slide .pageState >span{
    color:#f49641;
    font-weight: bold;
    font-family: 'arial';
}
.news-video{
    width:240px;
    height:190px;
    margin:0 auto;
    margin-top: 24px;
}
.news-video a{
    width:240px;
    line-height: 30px;
    color: #404040;
    font-size: 12px;
    display: inline-block;
}
/*閿熺嫛纭锋嫹*/
.recommend{
    min-height:320px;
}

.recommend .left .ul{
    width:709px;
    height:283px;
    overflow: hidden;
}
.recommend .left .ul>li{
    width:709px;
    height:283px;
    position: relative;
    float: left;
}
.recommend .left .ul>li img{
    width:709px;
    height:283px;
}
.recommend .left .ul>li a{
    position: absolute;
    bottom:45px;
    left:88px;
    display: inline-block;
    text-align: center;
    color:#fff;
    background: #2780DB;
    line-height: 40px;
    width:160px;
    height:40px;
    font-size: 16px;
    z-index: 2;
}
.recommend .left .ul>li a.a-0{
    bottom:48px;
    left:357px;
    background: #3DB6C4;
}
.recommend .right{
    width:289px;
}
.recommend .right>li{
    width:144px;
    height:165px;
    float: left;
    margin-right: 1px;
    margin-bottom: 1px;
}
.recommend .right>li a{
    width:144px;
    height:165px;
    position: relative;
    display: block;
}
.recommend .right>li .txt{
    padding-left: 20px;
    padding-top: 10px;
    color:#fff;
    font-size: 20px;
    line-height: 34px;
    position: absolute;
    top:0;
    left:0;
    width:124px;
}
.recommend .right>li a .txt h3{
    font-size: 12px;
    line-height: 24px;
}
.recommend .right>li.last{
    margin-right: 0;
    margin-bottom: 0;
    width:289px;
    height:154px;
}
.recommend .right>li.last .txt{
    width:269px;
}
/*service*/
.service{
    height:319px;
    background: url("../images/service.png") no-repeat;
    background-size: 1000px;
    border:1px solid #fff;
    border-top: none;
    width:998px;
}
.service .ul{
    width:840px;
    height:240px;
    margin:0 auto;
    padding-top: 40px;
}
.service .ul>li{
    width:240px;
    height:240px;
    float: left;
    margin-right: 60px;
}
/*/!* entire container, keeps perspective *!/*/
/*.flip-container {*/
    /*perspective: 1000;*/
/*}*/
/*/!* flip the pane when hovered *!/*/
/*.flip-container:hover .flipper, .flip-container.hover .flipper {*/
    /*transform: rotateY(180deg);*/
/*}*/

.front, .back {
    width: 240px;
    height: 240px;
    cursor: pointer;
}

/*/!* flip speed goes here *!/*/
/*.flipper {*/
    /*transition: 0.6s;*/
    /*transform-style: preserve-3d;*/

    /*position: relative;*/
/*}*/

/*/!* hide back of pane during swap *!/*/
/*.front, .back {*/
    /*backface-visibility: hidden;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
/*}*/

/* front pane, placed above back */
.front {
    z-index: 2;
    background: rgba(255, 255, 255, .8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#c8ffffff,endColorstr=#c8ffffff);
}

/* back, initially hidden pane */
.back {
    /*transform: rotateY(180deg);*/
    background: url("../images/cover.png") no-repeat;
    display: none;
}

.front-0{
    width:240px;
    background: url("../images/front-0.png") no-repeat center 38px;
    padding-top: 162px;
    text-align: center;
    font-size: 18px;
    color:#404040;
    line-height: 30px;
}
.front-0 h3{
    color:#999;
    font-size: 12px;
}
.front-1{
    background: url("../images/front-1.png") no-repeat center 38px;
}
.front-2{
    background: url("../images/front-2.png") no-repeat center 38px;
}
.back-0{
    padding-left: 68px;
    padding-top: 28px;
    width:172px;
}
.back-1{
    padding-left: 25px;
    width:215px;
}
.back-2{
    padding-left: 77px;
    width:163px;
}
.back-0 a{
    color:#fff;
    display: inline-block;
    float: left;
    width:100%;
    height:17px;
    font-size: 12px;
    margin-bottom: 16px;
}
.back-0 a strong{
    width:29px;
    height:15px;
    margin-top: 2px;
    text-align: center;
    line-height: 16px;
    color:#fb9030;
    font-family: 'Arial';
    display: inline-block;
    float: left;
    background: url("../images/point.png") no-repeat;
}
.back-0 a span{
    height:16px;
    display: inline-block;
    border-bottom: 1px solid #fff;
    padding-left: 7px;
    line-height:16px;
    float: left;
}
/*閿熸枻鎷烽敓鏂ゆ嫹*/

.policy .pub-t .left{
    width:710px;
    height:56px;
}
.policy .pub-t .right{
    width:290px;
    height:56px;
}
.tab{
    height:56px;
    margin-bottom: -1px;
    position: relative;
    z-index: 4;
}
.tab>li{
    padding: 0 17px 0 16px;
    /*color:#999;*/
    color: rgba(0,0,0,0.9);
    height:100%;
    line-height: 56px;
    float: left;
    display: inline-block;
    cursor: pointer;
    font-size: 16px;
    position: relative;
}

.tab>li.on{
    background: #0051B2;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    font-style: normal;
}

.tab>li:hover{
    background: #0051B2;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    font-style: normal;
}

.tab>li:hover>a,.tab>li.on>a{
    height: 100%;
    background: #0051B2;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    font-style: normal;
}

.tab>li .line{
    width:1px;
    height:18px;
    background: #E6E6E6;
    position: absolute;
    top:50%;
    margin-top: -9px;right:0;
    display: inline-block;
}
.policy .search-btn{
    width:38px;
    height:35px;
    margin-right: 20px;
    display: inline-block;
    cursor: pointer;
}
.policy .search-btn i{
    width:38px;
    height:35px;
    display: inline-block;
    background: url("../images/search-0.jpg") no-repeat center;
}
.policy .search-btn i.i-0{
    background: url("../images/search-1.png") no-repeat center #2F8FF0;
}
.policy .search-btn input{
    width:250px;
    height:40px;
    background: #fff;
    position: absolute;
    top:36px;
    right:0;
    padding-left: 18px;
    color:#ccc;
    font-size: 14px;
    line-height: 40px;
    border:1px solid #E0E0E0;
    border-top: none;
    box-shadow: 0 0 5px #eee;
    display: none;
}
.policy >.left{
    width:709px;
    height:236px;
    border-right: 1px solid #E6E6E6;
}
.policy >.left .ul{
    width:709px;
    height:206px;
}
.policy >.left .ul>li{
    width:709px;
    height:206px;
    float: left;
}
.policy >.left .pbox img{
    margin-left: 30px;
    margin-top: 28px;
}
.policy >.left .pbox .list{
    width:370px;
    margin-left: 42px;
    margin-top: 27px;
}
.policy >.left .pbox .list a{
    width:370px;
    line-height: 31px;
    color:#404040;
    float: left;
    font-size: 12px;
    display: inline-block;
}
.policy >.left .pbox .list a .time{
    color:#999;
    font-family: 'arial';
    display: inline-block;
    float: right;
}
.policy >.right{
    padding-top: 27px;
    padding-left: 20px;
    width:270px;
    height:209px;
}
.policy >.right> a{
    width:270px;
    line-height: 31px;
    color:#404040;
    float: left;
    font-size: 12px;
    display: inline-block;
}
/*閿熸枻鎷烽敓鏂ゆ嫹*/
.interaction .pub-t .left{
    width:500px;
}
.interaction .ul{
    height:115px;
    padding-top: 25px;
    width:486px;
    border-right: 1px solid #E6E6E6;
    padding-left: 13px;
}
.interaction .ul>li{
    width:118px;
    height:115px;
    float: left;
    color:#404040;
    font-size: 14px;
}
.interaction .ul>li a{
    display: block;
    width:118px;
    height:55px;
    padding-top: 60px;
    line-height: 30px;
    color:#404040;
    font-size: 14px;
    text-align: center;
}
.interaction  .new  > li a{
	padding:0px
}
.interaction  .new  > li a span{
	display:block;
	
}
.interaction .ul>li a.a-0{
    background: url("../images/i-0.jpg") no-repeat center top;
}
.interaction .ul>li a.a-1{
    background: url("../images/i-1.png") no-repeat center 5px;
}
.interaction .ul>li a.a-2{
    background: url("../images/i-2.png") no-repeat center 1px;
}
.interaction .ul>li a.a-3{
    background: url("../images/i-3.png") no-repeat center top;
}


.interaction .ul>li a.a-4{
    background: url("../images/i-4.png") no-repeat center top;
}
.interaction .ul>li a.a-5{
    background: url("../images/i-5.png") no-repeat center top;
}
.interaction .ul>li a.a-6{
    background: url("../images/i-6.png") no-repeat center top;
}
.interaction .ul>li a.a-7{
    background: url("../images/i-7.png") no-repeat center top;
}

/*閿熸枻鎷烽敓鏂ゆ嫹閿熸枻鎷烽敓鏂ゆ嫹*/

.link ul{
    width:960px;
    margin: 0 auto;
    height:40px;
    margin-top: 20px;
    padding-bottom: 20px;
}
.link ul>li{
    width:302px;
    height:38px;
    border:1px solid #CCC;
    float: left;
    border-radius: 3px;
    margin-right: 24px;
    font-size: 14px;
    color:#999;
    background: url("../images/select.png") no-repeat 277px center;
    line-height: 38px;
    text-align: center;
    cursor: pointer;
    position: relative;
}
.link ul>li .link-nav{
    width:302px;
    border:1px solid #ccc;
    position: absolute;
    bottom:38px;
    left:-1px;
    border-bottom: none;
    background: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    display: none;
}
.link ul>li .link-nav a{
    width:287px;
    padding-left: 15px;
    height:40px;
    line-height: 40px;
    color:#404040;
    font-size: 12px;
    float: left;
    text-align: justify;
}
.link ul>li .link-nav a:hover{
    background: #0080D7;
    color: #fff;
}

/*footer*/
#footer{
    height:80px;
	box-shadow: 0px -3px 5px 0px rgb(105, 105, 105);
}
#footer-sy{
    display: flex;
    box-sizing: border-box;
    height:97px;
    border-top: 1px solid #E2E3E4;
}

#footer-sy .common_footer_area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1400px;
    margin: 0 auto;

    font-weight: 400;
    font-size: 14px;
    color: #222222;
    line-height: 16px;
    font-style: normal;
}

#footer-sy .common_footer_area a {
    color: #222222;
}


#footer-sy .logo{
    margin-top: 8px;
}
#footer-sy .copy{
    padding-left: 12px;
    padding-top: 15px;
    line-height: 20px;
    width:400px;
}
#footer-sy .right{
    padding-top: 20px;
    height:26px;
    color:#5F5F5F;
    line-height: 26px;
    margin-right: 25px;
}
#footer-sy .right a{
    padding: 0 8px;
    line-height: 30px;
}
#footer .logo{
    margin-top: 8px;
}
#footer .copy{
    padding-left: 12px;
    padding-top: 15px;
    line-height: 20px;
    width:400px;
}
#footer .right{
    padding-top: 20px;
    height:26px;
    color:#5F5F5F;
    line-height: 26px;
    margin-right: 25px;
}
#footer .right a{
    padding: 0 8px;
    line-height: 30px;
}

/*閿熸枻鎷烽敓绔鍑ゆ嫹*/
 .kefuaa{
    width:76px;
    height:28px;
   /* background: url("../images/kefuaa.png") no-repeat center 12px #fff;*/
    padding-top: 48px;
    text-align: center;
    line-height: 26px;
    color:#747c88;
    font-size: 12px;
    position: fixed;
    top:75%;
    display: block;
} 

.kefu{
    width:48px;
    height:52px;
    padding-top: 48px;
    text-align: center;
    line-height: 26px;
    color:#747c88;
    font-size: 12px;
    position: absolute;
    display: block;
}
.kefu1{
    width:48px;
    height:52px;
    padding-top: 48px;
    text-align: center;
    line-height: 26px;
    color:#747c88;
    font-size: 12px;
    position: absolute;
    display: block;
}
.wangd{
    width:48px;
    height:52px;
    background: url("../images/wangd.jpg") no-repeat center 0px #fff;
    padding-top: 48px;
    text-align: center;
    line-height: 26px;
    color:#747c88;
    font-size: 12px;
    position: absolute;
    display: block;
}

.dkjdcx{
    width:48px;
    height:52px;
    background: url("../images/dkjdcx.jpg") no-repeat center 0px #fff;
    padding-top: 48px;
    text-align: center;
    line-height: 26px;
    color:#747c88;
    font-size: 12px;
    position: absolute;
    display: block;
}


/*閿熷彨鎲嬫嫹椤�*/

/*閿熸枻鎷烽敓鍙拷*/
.crumbs{
    height:32px;
    line-height: 32px;
    font-size: 13px;
    color:#808080;
    margin-top:45px;
}
.crumbs a{
    color:#404040;
    padding: 0 3px;
    display: inline-block;
}
.crumbs a.a-0{
    color:#0072bf;
    text-decoration: underline;
}
.main .right{
    width:270px;
    height: auto;
    zoom: 1;
    overflow:visible;
}

.biaoqian{
    padding-bottom: 40px;
}
.main .pub-title{
    position: relative;
    margin-top: 16px;
    margin-left: 24px;
    font-weight: 600;
    font-size: 20px;
    color: #222222;
    text-align: left;
    font-style: normal;
    padding-left: 24px;
}

.main .pub-title::before {
    content: ""; /* 蹇呴』璁剧疆content灞炴�� */
    position: absolute;
    top: 50%;
    left: 6px;
    width: 8px; /* 绔栨潯瀹藉害 */
    height: 20px; /* 绔栨潯楂樺害 */
    background-color: #0052D9; /* 钃濊壊 */
    transform: translateY(-50%); /* 鍨傜洿灞呬腑 */
    border-radius: 7px; /* 鍦嗚鏁堟灉 */
}

.main .pub-title strong{
    line-height: 39px;
    margin-left: 20px;
    color:#404040;
    font-size: 14px;
}
.main .pub-title .search-a{
    width:38px;
    height:39px;
    background: url("../images/search-0.jpg") no-repeat center;
    display: inline-block;
    float: right;
}
.main .pub-title .search-a-0{
    background: url("../images/search-1.png") no-repeat center #2F8FF0;
}
.main .pub-title input{
    width:250px;
    height:40px;
    position: absolute;
    top:40px;
    left:0;
    padding-left: 20px;
    font-size: 14px;
    line-height: 40px;
    color:#ccc;
    display: none;
}
.biaoqian .bq{
    padding-left: 20px;
    padding-top: 22px;
}
.biaoqian .bq a{
    height:28px;
    border:1px solid #3db6c4;
    line-height: 28px;
    color:#3db6c4;
    font-size: 14px;
    padding: 0 20px;
    display: inline-block;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 14px;
}
.biaoqian .bq a.a-0{
    margin-right: 9px;
    padding: 0 18px;
}

.hotnews{
    padding-left: 20px;
    padding-top: 8px;
}
.hotnews a{
    width:250px;
    display: inline-block;
    float: left;
    font-size: 12px;
    color:#4c4c4c;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.main .left{
    overflow: hidden;
    /*width:720px;*/
    /*min-height: 802px;*/
    zoom: 1;
    /*overflow:visible;*/
    padding-bottom: 10px;
}
.main .left .ul{
    width:100%;
}
.main .left .ul>li{
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #E6E6E6;
    height: auto;
    zoom: 1;
    overflow: hidden;
    float: left;
}
.main .left .ul>li .img{
    width:192px;
    height:108px;
    display: inline-block;
    margin-right: 15px;
}

.main .left .ul>li .img > img{
    width:100%;
    height:100%;
}
.main .left .ul>li .liright{
    /*width:569px;*/
    flex: 1;
}
.main .left .ul>li .liright a{
     display: block; 
    width:100%;
    color:#4c4c4c;
    height:20px;
    font-size: 16px;
    line-height: 18px;
}
.main .left i{
    padding: 0 3px 0 5px;
    height:20px;
    color:#fff;
    line-height: 20px;
    font-size: 12px;
    background: #3DB6C4;
    position: relative;
    margin-right: 18px;
    display: inline-block;
    float: left;
}
.main .left i .icon{
    width:10px;
    height:20px;
    position: absolute;
    top:0;
    right:-10px;
    display: inline-block;
}
.main .left .ul>li .liright .time{
    display: inline-block;
    float: right;
    font-size: 14px;
    font-weight: 400;
    color: #797979;
    text-align: justify;
    font-style: normal;
}
.main .left .ul>li .liright p{
    width:100%;
    height:28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#b2b2b2;
    font-size: 12px;
    overflow: hidden;
    line-height: 28px;
}
.main .left .ul>li .liright .more-0{
    color: #878787;
    font-size: 12px;
    /*padding-top: 5px;*/
}
.main .left .ul>li .liright-0{
    width:680px;
}
.main .left .ul>li .liright-0 i{
    background: #4395E8;
}

.main .left .ul-0{
    /*width:680px;*/
    width:100%;
    margin:0 auto;
}
.main .left .ul-0>li{
    padding-top: 20px;
    height: auto;
    zoom: 1;
    overflow: hidden;
    float: left;
}
.main .left i.i-2{
    background: #F35D49;
}
.main .left i.i-3{
    background: #8C98A8;
}
.main .left i.i-4{
    background: #ff9900;
}

.main .left .ul-0>li .liright{
    width:630px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E6E6E6;
    color:#404040;
    font-size: 12px;
    text-align: justify;
    line-height: 20px;
}
.main .left .ul-0>li .liright a{
    display: block;
    width:100%;
    color:#404040;
    height:20px;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 5px;
}
.main .left .ul-0>li .liright .time{
    color:#808080;
    display: inline-block;
    float: right;
    font-size: 12px;
    font-family: 'arial';
}
.main .left .ul-0>li .liright .huifu{
    padding:10px 20px;
    background: #F0F2F5;
    width:590px;
    text-align: justify;
    font-size: 12px;
    color:#404040;
    line-height: 20px;
    margin-top: 10px;
}
.main .left .ul-0>li .liright .huifu .t{
    color:#808080;
}

.main .all{
    overflow: hidden;
    /*width:720px;*/
    /*min-height: 802px;*/
    zoom: 1;
    /*overflow:visible;*/
    padding-bottom: 10px;
}
.main .all .ul{
    width:100%;
}
.main .all .ul>li{
    display: flex;
    box-sizing: border-box;
    width: 100%;
    padding: 24px;
    border-bottom: 1px solid #E6E6E6;
    height: auto;
    zoom: 1;
    overflow: hidden;
    float: left;
}
.main .all .ul>li .img{
    width:192px;
    height:108px;
    display: inline-block;
    margin-right: 15px;
}

.main .all .ul>li .img > img{
    width:100%;
    height:100%;
}
.main .all .ul>li .liright{
    /*width:569px;*/
    flex: 1;
}
.main .all .ul>li .liright a{
     display: block; 
    width:100%;
    color:#4c4c4c;
    height:20px;
    font-size: 16px;
    line-height: 18px;
}
.main .all i{
    padding: 0 3px 0 5px;
    height:20px;
    color:#fff;
    line-height: 20px;
    font-size: 12px;
    background: #3DB6C4;
    position: relative;
    margin-right: 18px;
    display: inline-block;
    float: left;
}
.main .all i .icon{
    width:10px;
    height:20px;
    position: absolute;
    top:0;
    right:-10px;
    display: inline-block;
}
.main .all .ul>li .liright .time{
    display: inline-block;
    float: right;
    font-size: 14px;
    font-weight: 400;
    color: #797979;
    text-align: justify;
    font-style: normal;
}
.main .all .ul>li .liright p{
    width:100%;
    height:28px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#b2b2b2;
    font-size: 12px;
    overflow: hidden;
    line-height: 28px;
}
.main .all .ul>li .liright .more-0{
    color: #878787;
    font-size: 12px;
    /*padding-top: 5px;*/
}
.main .all .ul>li .liright-0{
    width:680px;
}
.main .all .ul>li .liright-0 i{
    background: #4395E8;
}

.main .all .ul-0{
    /*width:680px;*/
    width:100%;
    margin:0 auto;
}
.main .all .ul-0>li{
    padding-top: 20px;
    height: auto;
    zoom: 1;
    overflow: hidden;
    float: left;
}
.main .all i.i-2{
    background: #F35D49;
}
.main .all i.i-3{
    background: #8C98A8;
}
.main .all i.i-4{
    background: #ff9900;
}

.main .all .ul-0>li .liright{
    width:630px;
    padding-bottom: 20px;
    border-bottom: 1px solid #E6E6E6;
    color:#404040;
    font-size: 12px;
    text-align: justify;
    line-height: 20px;
}
.main .all .ul-0>li .liright a{
    display: block;
    width:100%;
    color:#404040;
    height:20px;
    font-size: 14px;
    line-height: 20px;
    padding-bottom: 5px;
}
.main .all .ul-0>li .liright .time{
    color:#808080;
    display: inline-block;
    float: right;
    font-size: 12px;
    font-family: 'arial';
}
.main .all .ul-0>li .liright .huifu{
    padding:10px 20px;
    background: #F0F2F5;
    width:590px;
    text-align: justify;
    font-size: 12px;
    color:#404040;
    line-height: 20px;
    margin-top: 10px;
}
.main .all .ul-0>li .liright .huifu .t{
    color:#808080;
}

.main .right .bian{
    /*height:344px;*/
}
.slide-service-0{
    width:230px;
    margin:0 auto;
    margin-top: 18px;
}
.slide-service-0 >a{
    margin-right: 20px;
    height:94px;
}

.jing{
    width:230px;
    padding-top: 20px;
    margin:0 auto;
}
.jing a{
    height:40px;
    /*  background: url("../images/point-0.png") no-repeat left center; 
   padding-left: 12px; */
    width:218px;
    color:#4c4c4c;
    font-size: 12px;
    display: inline-block;
    line-height: 40px;
}
.jing .ul{
    width:230px;
}
.jing .ul>li{
    border-top: 1px solid #E6E6E6;
    padding-top: 20px;
    padding-bottom: 20px;
    height: auto;
    zoom: 1;
    overflow: hidden;
    width:230px;
}
.jing .ul>li img{
    margin-right: 20px;
    float: left;
}
.jing .ul>li .liright{
    width:110px;
    float: right;
    color:#878787;
    text-align: justify;
    line-height: 14px;
}
.jing .ul>li .liright h2{
    width:110px;
    line-height: 26px;
    padding-bottom: 4px;
    color:#404040;
    font-size: 14px;
    font-weight: bold;
}
.jing .ul>li .liright h3{
    font-size: 12px;
    color: #404040;
    padding-top: 8px;
}

.main .left .tab{
    margin-left: 0;
}

.main .lbox-0{
    /*width:790px;*/
    margin:0 auto;
    padding: 0 24px 24px 24px;
    box-sizing: border-box;
    /*padding-bottom: 40px;*/
}
.data{
    padding-top: 30px;
    padding-bottom: 30px;
    height:30px;
    color:#404040;
    font-size: 12px;
    line-height: 30px;
    margin-bottom: 30px;
}
.data input{
    width:160px;
    height:32px;
    box-sizing: border-box;
    border:1px solid #ccc;
    text-align: center;
    line-height: 32px;
    border-radius: 4px;
    font-size: 12px;
    color:#b2b2b2;
    margin-right: 12px;
    margin-left: 12px;
}
.data a{
    width:80px;
    height:36px;
    margin-left: 263px;
    display: inline-block;
    background: #0052D9;
    border-radius: 4px;
    /*margin-right: 8px;*/
    cursor:pointer;

    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 36px;
    font-style: normal;
    text-align: center;
}
.data a.a-0{
    margin-left: 0;
    background: #FFFFFF;
    border-radius: 4px;
    color: #0052D9;
    border: 1px solid #0052D9;
}
.lbox-0 .table{
    width:100%;
    border-top: 1px solid #E8EAEC;
    border-left: 1px solid #E8EAEC;
    box-sizing: border-box;
}
.lbox-0 .table td{
    border-bottom: 1px solid #E8EAEC;
    border-right: 1px solid #E8EAEC;
    width: 210px;
    height:40px;
    font-size: 14px;
    color: #999999;
    vertical-align: middle;
    box-sizing: border-box;
}
.lbox-0 .table td >input{
    display: inline;
    /*text-align: center;*/
    font-size: 14px;
    color:#404040;
    width:90px;
    padding-right: 3px;
    box-sizing: border-box;
}

.lbox-0 .table td >input[type="radio"]:checked{
    background-color: #0052D9;
}

.lbox-0 .table td >input.input-0{
    width:16px;
    text-align: center;
}

.lbox-0 .table td >input.input-1{
    width:28px;
    /*text-align: center;*/
}

.lbox-0 .table .td{
    width: 200px;
    height: 40px;
    background: #F8F8F9;
    text-align: left;
    padding-left: 20px;

    font-weight: 500;
    font-size: 14px;
    color: rgba(0,0,0,0.9);
    font-style: normal;

}
.lbox-0 .table .td-0{
    text-align: left;
    padding-left: 20px;
}
.lbox-0 .table .td-1{
    font-size: 14px;
    line-height: 14px;
    color: rgba(0,0,0,0.9);
    padding-left: 17px;
    box-sizing: border-box;
    font-weight: 500;
    font-style: normal;
}
.lbox-0 .table .td-2{
    background: #F8F8F9;
    width: 90px;
}
.lbox-0 .table td label{
    background: url("../images/label-0.png") no-repeat left center;
    padding-left: 21px;
    margin-left: 12px;
    color:#404040;
}
.lbox-0 .table td label input{
    display: none;
}
.lbox-0 .table td label.checked{
    background: url("../images/label-1.png") no-repeat left center;
}
.lbox-0 .table-0{
    margin-top: 12px;
    margin-bottom:120px;
}
.lbox-0 .table-0 .sel{ 
    width:100%;
    height:40px;
    background: url("../images/select.png") no-repeat 123px center;
    padding-left: 20px;
    line-height: 40px;
    color:#999;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;

    font-weight: 400;
    /*color: rgba(0,0,0,0.9);*/
    font-style: normal;
}
.lbox-0 .table-0 .sel .sel-nav{
    /*width:220px;*/
    /*border:1px solid #CCD2D9;*/
    border-top: none;
    position: absolute;
    top:39px;
    background: #fff;
    left: -1px;
    display: none;
    box-sizing: border-box;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.2);
    border-radius: 4px;
    padding: 5px 0;
}
.lbox-0 .table-0 .sel .sel-nav a{
    padding-left: 16px;
    line-height: 34px;
    width:100%;
    font-size: 14px;
    float: left;
    display: inline-block;
    text-align: left;
    font-weight: 400;
    color: rgba(0,0,0,0.9);
    font-style: normal;
    box-sizing: border-box;
}
.lbox-0 .table-0 .sel .sel-nav a:hover{
    /*background: #0080D7;*/
    background: #F3F3F3;
    color:#0051B2;
}
.lbox-0 .line{
    width:680px;
    height:1px;
    border-top: 1px dashed #E6E6E6;
}
.lbox-0  .pinglun{
    width:678px;
    border:1px solid #E6E6E6;
    height:127px;
    border-radius: 5px;
    margin-top: 30px;
    margin-bottom: 30px;
    overflow: hidden;
}
.lbox-0  .pinglun textarea{
    width:663px;
    padding-left: 15px;
    line-height: 40px;
    color:#b2b2b2;
    height:98px;
    border-bottom: 1px solid #e6e6e6;
    float: left;
}
.lbox-0  .pinglun .bottom{
    height:28px;
    line-height: 28px;
    color:#E6E6E6;
    font-size: 12px;
    float: left;
    width:100%;
}
.lbox-0  .pinglun .bottom a{
    color:#0072bf;
    padding: 0 14px;
    display: inline-block;
    text-decoration: underline;
    vertical-align: top;
}
.lbox-0  .pinglun .btn{
    width:96px;
    height:30px;
    text-align: center;
    line-height: 30px;
    color:#fff;
    font-size: 12px;
    background: #0080D7;
    position: absolute;
    bottom:-1px;
    right:-1px;
    display: inline-block;
}
.lbox-0 .ul-1{
    width:100%;
    padding-top: 20px;
    padding-bottom: 30px;
}
.lbox-0 .ul-1>li{
    width:100%;
    height:30px;
    float: left;
    margin-bottom: 24px;
}
.lbox-0 .ul-1>li .lileft{
    /*width:87px;12-24 */
    width:120px;
    line-height: 32px;
    color: #404040;
    /*font-size: 12px;*/
    font-size: 14px;
    height:32px;
}

.lbox-0 .ul-1>li .lileft1{  /* add by lengdong */
    width:120px;
    line-height: 30px;
    color: #404040;
    font-size: 14px;
    height:30px; 
}

.lbox-0 .ul-1>li label{
    background: url("../images/label-0.png") no-repeat left center;
    padding-left: 21px;
    margin-right: 12px;
    color:#404040;
    height:30px;
    line-height: 30px;
}
.lbox-0 .ul-1>li label input{
    display: none;
}
.lbox-0 .ul-1>li label.checked{
    background: url("../images/label-1.png") no-repeat left center;
}
.lbox-0 .ul-1>li .input{
    width:284px;
    padding-left: 14px;
    line-height: 28px;
    border: 1px solid #CCCCCC;
    float: left;
    height:28px;
    color:#b2b2b2;
    border-radius: 3px;
}
.lbox-0 .ul-1>li .k-0{
    width:20px;
    height:30px;
    background: url("../images/k-0.png") no-repeat center;
    margin-left: 8px;
    display: inline-block;
}
.lbox-0 .ul-1>li .k-1{
    background: url("../images/k-1.png") no-repeat center;
}
.lbox-0 .ul-1>li .tishi{
    height:15px;
    color:#ea351c;
    font-size: 12px;
    line-height: 15px;
}
.lbox-0 .ul-1>li .a-2{
    width:300px;
    height:30px;
    text-align: center;
    color:#fff;
    font-size: 12px;
    border-radius: 3px;
    display: inline-block;
    float: left;
    background: url("../images/btn-2.png") repeat-x;
    line-height: 30px;
}
.lbox-0 .query{
    height:30px;
    margin-top: 30px;
    margin-bottom: 248px;
    line-height: 30px;
    color:#404040;
    font-size: 12px;
}
.lbox-0 .query .input-5{
    width:198px;
    height:28px;
    border:1px solid #ccc;
    margin-left: 16px;
    border-radius: 4px;

}
.lbox-0 .query .input-5 input{
    padding-left: 14px;
    width:184px;
    height:28px;
    color:#b2b2b2;
    font-size: 12px;
}
.lbox-0 .query .input-5 .querybox{
    width:356px;
    height:194px;
    border:1px solid #E0E0E0;
    box-shadow: 0 0 8px #eee;
    position: absolute;
    left:-1px;
    top:54px;
    border-radius: 5px;
    display: none;
}
.lbox-0 .query .input-5 .querybox i.i-4{
    width:24px;
    height:17px;
    padding: 0;
    margin-right: 0;
    background: url("../images/j.png") no-repeat;
    position: absolute;
    top:-17px;
    left:30px;
    display: inline-block;
}
.lbox-0 .query .input-5 .querybox .tab{
    margin-left: 24px;
}
.lbox-0 .query .input-5 .querybox .tab>li{
    padding: 0 12px;
    font-family: 'Arial';
    font-weight: bold;
}
.lbox-0 .query .input-5 .querybox .ul-2{
    width:316px;
    padding-left: 40px;
    height:168px;
    padding-top: 16px;
}
.lbox-0 .query .input-5 .querybox .ul-2>li{
    width:316px;
    height:164px;
    float: left;
}
.lbox-0 .query .input-5 .querybox .ul-2>li a{
    color: #404040;
    font-size: 12px;
    display: inline-block;
    margin-right: 30px;
    line-height: 40px;
}
.lbox-0 .query .input-5 .querybox .ul-2>li a:hover,.lbox-0 .query .input-5 .querybox .ul-2>li a.on{
    color:#0072bf;
    text-decoration: underline;
}
.lbox-0 .query .a{
    width:80px;
    height:30px;
    text-align: center;
    color:#fff;
    line-height: 30px;
    border-radius: 3px;
    margin-left: 12px;
    font-size: 14px;
    display: inline-block;
    background: url("../images/btn-2.png") repeat-x;
    margin-right: 12px;
}
.lbox-0 .share-btn{
    width:44px;
    height:28px;
    border:1px solid #E6E6E6;
    border-radius: 4px;
    background: url("../images/share.png") no-repeat 10px center;
    padding-left: 32px;
    line-height: 28px;
    font-size: 13px;
    color:#808080;
    float: right;
    cursor: pointer;

}
.lbox-0 .sharebox{
    width:256px;
    height:68px;
    border:1px solid #E0E0E0;
    box-shadow: 0 0 8px #eee;
    position: absolute;
    right:-1px;
    top:54px;
    border-radius: 5px;
    display: none;
}
.lbox-0 .sharebox> i.i-4{
    width:24px;
    height:17px;
    padding: 0;
    margin-right: 0;
    background: url("../images/j.png") no-repeat;
    position: absolute;
    top:-17px;
    right:24px;
    display: inline-block;
}
.lbox-0 .sharebox >.ul{
    width:256px;
    height:56px;
    padding-top: 12px;
}
.lbox-0 .sharebox >.ul>a{
    width:51px;
    height:56px;
    float: left;
    padding-top:28px;
    line-height: 22px;
    text-align: center;
    color:#404040;
    font-size: 12px;
    display: inline-block;
}
.lbox-0 .sharebox >.ul>a.a-0{
    background: url("../images/sh-0.png") no-repeat center top;
}
.lbox-0 .sharebox >.ul>a.a-1{
    background: url("../images/sh-1.png") no-repeat center top;
}
.lbox-0 .sharebox >.ul>a.a-2{
    background: url("../images/sh-2.png") no-repeat center top;
}
.lbox-0 .sharebox >.ul>a.a-3{
    background: url("../images/sh-3.png") no-repeat center top;
}
.lbox-0 .sharebox >.ul>a.a-4{
    background: url("../images/sh-4.png") no-repeat center top;
}


/*閿熸枻鎷烽敓锟�*/
.jie{
    padding-top: 20px;
    padding-bottom: 25px;
}
.jie h2{
    line-height: 30px;
    height:30px;
    font-size: 12px;
    color:#b2b2b2;
}
.jie h2 strong{
    font-size: 14px;
    color:#404040;
    margin-right: 5px;
}
.jie>.ul-5{
    width:680px;
    padding-top: 20px;
}
.jie>.ul-5>li{
    width:136px;
    height: auto;
    zoom: 1;
    overflow: hidden;
    float: left;
    text-align: center;
    color:#808080;
    font-size: 12px;
    line-height: 15px;
}
.jie .ul-5>li .p-0{
    color:#e9432c;
    line-height: 40px;
    font-size: 28px;
    font-family: 'arial';
}
.jie .ul-5>li .p-1{
    color:#00acbf;
}
.jie .ul-5>li .p-2{
    color:#c06ae7;
}
.jie .ul-5>li .p-3{
    color:#2784e3;
}
.jie .ul-5>li .p-4{
    color:#f07100;
}
.pager{
    margin-top: 30px;
    margin-bottom: 30px;
    height:20px;
}
.pager a{
    height:18px;
    border:1px solid #E6E6E6;
    float: left;
    margin-right: 6px;
    color:#878787;
    font-size: 12px;
    line-height: 18px;
    padding: 0 6px;
}
.pager a:hover,.pager a.on{
    background: #0080D7;
    border:1px solid #0080D7;
    color:#fff;
}


.main .left .pub-t .tab>li:hover{
    border-bottom: none;
    color:#999;
}


.lbox-0 .table-1{
    width:100%;
    border-top: 1px solid #CCD2D9;
    border-left: 1px solid #CCD2D9;
    margin-top: 30px;
    margin-bottom: 30px;
}
.lbox-0 .table-1 td{
    border-bottom: 1px solid #CCD2D9;
    border-right: 1px solid #CCD2D9;
    height:40px;
    /*font-size: 12px;*/
    /*color:#808080;*/
    vertical-align: middle;
    text-align: center;

    font-weight: 400;
    font-size: 14px;
    color: rgba(0,0,0,0.9);
    line-height: 16px;
    /*text-align: justify;*/
    font-style: normal;
    text-transform: none;

}
.lbox-0 .table-1 .tr td{
    background: #F8F8F9;
    color:#000000;
    font-weight: 500;
    font-size: 14px;
    color: rgba(0,0,0,0.9);
    line-height: 21px;
    font-style: normal;
    /*border-bottom: 1px solid #8C98A8;*/
    /*border-right: 1px solid #8C98A8;*/
}
.lbox-0 .table-1  td a{
    margin-left: 24px;
    float: left;
    /*color:#808080;*/
    font-weight: 400;
    font-size: 14px;
    color: rgba(0,0,0,0.9);
    line-height: 16px;
    text-align: justify;
    font-style: normal;
    text-transform: none;
}
.lbox-0 .table-1  .td{
    margin-left: 24px;
}
.lbox-0 .table-1 .download{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 13px;
    height: 13px;
}
.lbox-0 .table-1 .download_td{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0052D9;
}
.lbox-0 .table-1 .download-0{
    background: url("../images/down.png") no-repeat center #CAD0D9;
}
/*.lbox-0 .table-1 tr:hover td{*/
    /*background: #F0F2F5;*/
/*}*/
.pub-t .more-1{
    width:110px;
    height:56px;
    position: absolute;
    top:0;
    right:0;
    cursor: pointer;
    background: #fff;
    z-index: 5;
}
.pub-t .more-1 >span{
    width:100px;
    height:56px;
    display: inline-block;
    position: absolute;
    top:0;
    left:0;
    z-index: 4;
}
.pub-t .more-1 >span >pre{
    background: url("../images/select.png") no-repeat right center;
    padding-right: 15px;
    color:#808080;
    font-size: 14px;
    line-height: 33px;
    height:56px;
    display: inline-block;
    padding-left: 15px;
}

.pub-t .more-1 span:hover{
    border-bottom: 3px solid #2F8FF0;
    color: #2F8FF0;
}
.pub-t .more-1 span:hover  >pre{
    color: #2F8FF0;
}
.pub-t .more-1 .ul-nav{
    width:110px;
    border:1px solid #E6E6E6;
    padding-top: 35px;
    position: absolute;
    top:-1px;
    left:-1px;
    background: #fff;
    display: none;
}
.pub-t .more-1 .ul-nav>li{
    padding-left: 16px;
    width:94px;
    height:56px;
    line-height: 36px;
    color:#404040;
    font-size: 14px;
    float: left;

}
.pub-t .more-1 .ul-nav>li:hover{
    background: #2F8FF0;
    color:#fff;
}

.slide-serviceone{
    width:240px;
}
.slide-serviceone a{
    width:56px;
    height:100px;
    float: left;
    margin-right: 24px;
    display: inline-block;
    text-align: center;
    color:#404040;
    font-size: 12px;
    line-height: 20px;
}
.slideone .hd{
    width:38px;
    height:4px;
    position: absolute;
    bottom:24px;
    left:50%;
    margin-left: -14px;
}
.slideone .hd ul{
    width:80px;
    height:4px;
}
.slideone .hd ul li{
    width:14px;
    height:4px;
    background: #E7E7E7;
    border-radius: 5px;
    float: left;
    margin-right: 10px;
    text-indent: -9999px;
}
.slideone .hd ul li.on,.slideone .hd ul li:hover{
    background: #0052D9;
}
.slide-service-9{
    width:230px;
    margin:0 auto;
    margin-top: 18px;
}
.slide-service-9 >a{
    margin-right: 20px;
    height:94px;
}
.tempWrap{
	margin: 0px auto; 
}

.home_content {
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    top: -60px;
    background: linear-gradient( 180deg, #DCECFE 0%, #F5F7FF 52%, rgba(244,248,255,0) 100%);
}

.home_content_news {
    display: flex;
    width: 1400px;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 24px;
    max-height: 378px;
}

.home_content_news_list {
    display: flex;
    flex: 1;
    flex-direction: column;
    max-height: 338px;
    overflow: hidden;
}

.xwcontent_news_list {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
}

.home_content_news_list_tab {
    display: flex;
    font-weight: 600;
    font-size: 16px;
    color: #0051B2;
    line-height: 22px;
    border-bottom: 1px solid #E6E6E6;
    text-shadow: 0px 12px 32px rgba(213,213,213,0.5);
    text-align: left;
    font-style: normal;
}

.home_content_news_list_tab_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 40px;
    /* background: #F2F6F9; */
    border-bottom: 1px solid #E6E6E6;
    border-radius: 2px;
    margin-top: 8px;
    padding: 0 16px;

    font-weight: 400;
    font-size: 12px;
    color: #222222;
    line-height: 12px;
    font-style: normal;
}

.one_line_text_show {
    overflow: hidden; /* 闅愯棌瓒呭嚭閮ㄥ垎 */
    white-space: nowrap; /* 绂佹鎹㈣ */
    text-overflow: ellipsis; /* 瓒呭嚭閮ㄥ垎鏄剧ず鐪佺暐鍙� */
}

.two_line_text_show {
    word-break: break-all;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.home_content_news_list_tab_title > a {
    width: 100%;
}

.home_content_news_main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 1100px;
    background: linear-gradient( 180deg, #FFFFFF 0%, rgba(255,255,255,0.75) 100%);
    box-shadow: 0px 12px 32px -8px rgba(213,213,213,0.5);
    border-radius: 8px;
    overflow: hidden;
    padding: 20px;
    /*border: 2px solid;*/
}

.xwcontent_news_main {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background: linear-gradient( 180deg, #FFFFFF 0%, rgba(255,255,255,0.75) 100%);
    box-shadow: 0px 12px 32px -8px rgba(213,213,213,0.5);
    border-radius: 8px;
    overflow: hidden;
    padding: 20px;
    /*border: 2px solid;*/
}

.home_content_news_main_carousel {
    overflow: hidden;
    height: 338px;
    width: 592px;
}

.home_content_news_main_carousel_subtext {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 40px;
    width: 100%;
    background: rgba(51,51,51,0.6);
    border-radius: 0px 0px 4px 4px;
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    font-style: normal;
}

.home_content_news_main_carousel_subtext_blue {
    height: 40px;
    width: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient( 322deg, #18B7FF 0%, #347EFF 100%);
    border-radius: 0px 0px 0px 4px;
    font-weight: 500;
    font-size: 10px;
    color: #FFFFFF;
    line-height: 14px;
    font-style: normal;
}

.home_content_news_apply {
    width: 284px;
    box-sizing: border-box;
    background: linear-gradient( 138deg, #E5F2FF 0%, rgba(255,255,255,0.85) 62%, #FFECF6 100%);
    box-shadow: 0 12px 32px -8px rgba(213,213,213,0.5);
    border-radius: 8px;
    padding: 18px 20px 24px 20px;
}


.home_content_news_apply_blue {
    background: linear-gradient( 180deg, #B8D0FF 0%, #FFFFFF 100%);
    border-radius: 4px;
    border: 2px solid #0051B2;
    padding-bottom: 18px;
    box-sizing: border-box;
}

.home_content_news_apply_red {
    background: linear-gradient( 180deg, #FDE9F0 0%, #FFFFFF 100%);
    border-radius: 4px;
    border: 2px solid #DA223F;
    padding-bottom: 18px;
    box-sizing: border-box;
}

.home_content_news_apply_mbtn {
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.home_content_news_apply_mbtn_gray,.home_content_news_apply_mbtn_gray1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 104px;
    height: 28px;
    background: #E4E5E8;
    border-radius: 4px;

    font-weight: 400;
    font-size: 12px;
    color: rgba(0,0,0,0.9);
    line-height: 22px;
    text-align: left;
    font-style: normal;
}

.home_content_news_apply_mbtn_gray:hover{
    background: #D2E1FF;
    border: 1px solid #2B67F3;
    color: rgba(0,0,0,0.9);
}

.home_content_news_apply_mbtn_gray1:hover{
    background: #FFE2E9;
    border: 1px solid #E95068;
    color: rgba(0,0,0,0.9);
}

/* 鎮诞鏃惰缃� a 鏍囩棰滆壊涓洪粦鑹� */
.home_content_news_apply_mbtn_gray:hover a,
.home_content_news_apply_mbtn_gray1:hover a {
    color: rgba(0,0,0,0.9);
}

.home_content_news_apply_lbtn {
    width: 220px;
    margin: 0 auto;
    margin-top: 12px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}

.home_content_suspended_area {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    top: 31px;
    right: 24px;
}

.home_content_suspended_area_link {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 5px 8px 0px rgba(85,16,0,0.06);
    border-radius: 8px;
    font-weight: 500;
    font-size: 12px;
    color: rgba(0,0,0,0.9);
    line-height: 17px;
    font-style: normal;
    padding: 14px 16px;
}

.home_content_suspended_area_link > div {
    padding-top: 6px;
}

.home_bottom_content {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
    z-index: 4;
    background: linear-gradient( 180deg, rgba(244,248,255,0)  0%, #F5F7FF 52%, #E4F1FF 100%);
}

.home_bottom_content_community-law {
    width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    padding: 0 16px;
    justify-content: space-between;
    margin-bottom: 60px;
}

.home_bottom_content_community {
    position: relative;
    width: 660px;
    height: 423px;

    box-shadow: 0px 12px 32px -8px rgba(213,213,213,0.5);
    border-radius: 20px;
    background-size: cover;
}

.home_bottom_content_community_subtext {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 130px;
    padding: 40px;
    font-weight: 400;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 28px;
    font-style: normal;
}

.home_bottom_content_humanserver {
    margin: 0 auto;
    width: 813px;
    height: 81px;
    margin-bottom: 60px;
}

.home_bottom_content_humanserver_area {
    width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 44px;
    
}

.home_bottom_content_humanserver_area > div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    width: 250px;
    height: 120px;
    background: #F1F5F9;
    border: 1px solid #D8D5D5;
    margin-bottom: 16px;
	margin-left: 15px;
	margin-right: 15px;
    font-weight: 500;
    font-size: 20px;
    color: rgba(0,0,0,0.9);
    line-height: 22px;
    font-style: normal;
}

.home_bottom_content_humanserver_area .pbasic {
    display: block;
}

.home_bottom_content_humanserver_area .phover {
    display: none;
}

.home_bottom_content_humanserver_area > div:hover .pbasic {
    display: none;
}

.home_bottom_content_humanserver_area > div:hover .phover {
    display: block;
}

.home_bottom_content_humanserver_area_svg {
    height: 32px;
    width: 32px;
    overflow: hidden;
}

.home_bottom_content_humanserver_area_svg_bk{
    background-image: url('data:image/svg+xml;utf8,<svg width="32px" height="33px" viewBox="0 0 32 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>pie chart</title> <g id="鏂规涓�" stroke="none" stroke-width="1" fill="currentColor" fill-rule="evenodd"> <g id="钃濊壊鏂规淇敼_閫変腑_1216" transform="translate(-353, -1760)" fill="#FFFFFF" fill-rule="nonzero"> <g id="pie-chart" transform="translate(353, 1760.5)"> <rect id="鐭╁舰" opacity="0" x="0" y="0" width="32" height="32"></rect> <path d="M27,16.1875 L15.8125,16.1875 L15.8125,5 C15.8125,4.8625 15.7,4.75 15.5625,4.75 L14.75,4.75 C13.0625,4.75 11.425,5.08125 9.884375,5.73125 C8.396875,6.359375 7.059375,7.2625 5.9125,8.409375 C4.765625,9.55625 3.8625,10.89375 3.234375,12.38125 C2.58125,13.925 2.25,15.5625 2.25,17.25 C2.25,18.9375 2.58125,20.575 3.23125,22.115625 C3.859375,23.603125 4.7625,24.940625 5.909375,26.0875 C7.05625,27.234375 8.39375,28.1375 9.88125,28.765625 C11.425,29.41875 13.0625,29.75 14.75,29.75 C16.4375,29.75 18.075,29.41875 19.615625,28.76875 C21.103125,28.140625 22.440625,27.2375 23.5875,26.090625 C24.734375,24.94375 25.6375,23.60625 26.265625,22.11875 C26.91875,20.575 27.25,18.9375 27.25,17.25 L27.25,16.4375 C27.25,16.3 27.1375,16.1875 27,16.1875 Z M22.053125,24.61875 C20.096875,26.559375 17.45625,27.6375 14.7,27.6251075 C11.946875,27.6125 9.359375,26.534375 7.4125,24.5875 C5.453125,22.628125 4.375,20.021875 4.375,17.25 C4.375,14.478125 5.453125,11.871875 7.4125,9.9125 C9.11875,8.20625 11.315625,7.165625 13.6875,6.928125 L13.6875,18.3125 L25.071875,18.3125 C24.83125,20.696875 23.78125,22.90625 22.053125,24.61875 Z M29.75,14.45 L29.66875,13.56875 C29.403125,10.690625 28.125,7.975 26.06875,5.925 C24.0125,3.871875 21.29375,2.596875 18.40625,2.33125 L17.521875,2.25 C17.375,2.2375 17.25,2.35 17.25,2.496875 L17.25,14.5 C17.25,14.6375 17.3625,14.75 17.5,14.75 L29.5,14.71875 C29.646875,14.71875 29.7625,14.59375 29.75,14.45 Z M19.36875,12.63125 L19.36875,4.6125 C21.325,5.021875 23.140625,5.99375 24.56875,7.41875 C25.996875,8.84375 26.975,10.65625 27.38125,12.609375 L19.36875,12.63125 Z" id="褰㈢姸"></path> </g> </g> </g> </svg>');
    height: 32px;
    width: 32px;
}

.home_bottom_content_humanserver_area > div:hover .home_bottom_content_humanserver_area_svg_bk {
    color: red;
}


.home_bottom_content_humanserver_area_svg-color {
    transform: translateX(32px);
    /*box-shadow: -32px 0 0 rgba(0,0,0,0.9);*/
    filter: drop-shadow(-32px 0 0 rgba(0,0,0,0.9));
}

.home_bottom_content_humanserver_area > div:hover {
    background: #2B67F3;
    box-shadow: 0 12px 32px -8px rgba(213,213,213,0.5);
    backdrop-filter: blur(12px);
    color: #fff;
}

.home_bottom_content_humanserver_area > div:hover a {
    color: #fff;
}

.home_bottom_content_humanserver_area > div:hover .home_bottom_content_humanserver_area_svg-color {
    filter: drop-shadow(-32px 0 0 #fff);
}

.zw_bottom_content_humanserver_area {
    width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 44px;
    
}

.zw_bottom_content_humanserver_area > div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

	margin-top: 24px;
    width: 200px;
    height: 100px;
    background: #EAF0FF;
    border: 1px solid #D8D5D5;
    margin-bottom: 16px;

    font-weight: 500;
    font-size: 20px;
    color: rgba(0,0,0,0.9);
    line-height: 22px;
    font-style: normal;
}

.zw_bottom_content_humanserver_area .pbasic {
    display: block;
}

.zw_bottom_content_humanserver_area .phover {
    display: none;
}

.zw_bottom_content_humanserver_area > div:hover .pbasic {
    display: none;
}

.zw_bottom_content_humanserver_area > div:hover .phover {
    display: block;
}

.zw_bottom_content_humanserver_area_svg {
    height: 32px;
    width: 32px;
    overflow: hidden;
}

.zw_bottom_content_humanserver_area_svg_bk{
    background-image: url('data:image/svg+xml;utf8,<svg width="32px" height="33px" viewBox="0 0 32 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>pie chart</title> <g id="鏂规涓�" stroke="none" stroke-width="1" fill="currentColor" fill-rule="evenodd"> <g id="钃濊壊鏂规淇敼_閫変腑_1216" transform="translate(-353, -1760)" fill="#FFFFFF" fill-rule="nonzero"> <g id="pie-chart" transform="translate(353, 1760.5)"> <rect id="鐭╁舰" opacity="0" x="0" y="0" width="32" height="32"></rect> <path d="M27,16.1875 L15.8125,16.1875 L15.8125,5 C15.8125,4.8625 15.7,4.75 15.5625,4.75 L14.75,4.75 C13.0625,4.75 11.425,5.08125 9.884375,5.73125 C8.396875,6.359375 7.059375,7.2625 5.9125,8.409375 C4.765625,9.55625 3.8625,10.89375 3.234375,12.38125 C2.58125,13.925 2.25,15.5625 2.25,17.25 C2.25,18.9375 2.58125,20.575 3.23125,22.115625 C3.859375,23.603125 4.7625,24.940625 5.909375,26.0875 C7.05625,27.234375 8.39375,28.1375 9.88125,28.765625 C11.425,29.41875 13.0625,29.75 14.75,29.75 C16.4375,29.75 18.075,29.41875 19.615625,28.76875 C21.103125,28.140625 22.440625,27.2375 23.5875,26.090625 C24.734375,24.94375 25.6375,23.60625 26.265625,22.11875 C26.91875,20.575 27.25,18.9375 27.25,17.25 L27.25,16.4375 C27.25,16.3 27.1375,16.1875 27,16.1875 Z M22.053125,24.61875 C20.096875,26.559375 17.45625,27.6375 14.7,27.6251075 C11.946875,27.6125 9.359375,26.534375 7.4125,24.5875 C5.453125,22.628125 4.375,20.021875 4.375,17.25 C4.375,14.478125 5.453125,11.871875 7.4125,9.9125 C9.11875,8.20625 11.315625,7.165625 13.6875,6.928125 L13.6875,18.3125 L25.071875,18.3125 C24.83125,20.696875 23.78125,22.90625 22.053125,24.61875 Z M29.75,14.45 L29.66875,13.56875 C29.403125,10.690625 28.125,7.975 26.06875,5.925 C24.0125,3.871875 21.29375,2.596875 18.40625,2.33125 L17.521875,2.25 C17.375,2.2375 17.25,2.35 17.25,2.496875 L17.25,14.5 C17.25,14.6375 17.3625,14.75 17.5,14.75 L29.5,14.71875 C29.646875,14.71875 29.7625,14.59375 29.75,14.45 Z M19.36875,12.63125 L19.36875,4.6125 C21.325,5.021875 23.140625,5.99375 24.56875,7.41875 C25.996875,8.84375 26.975,10.65625 27.38125,12.609375 L19.36875,12.63125 Z" id="褰㈢姸"></path> </g> </g> </g> </svg>');
    height: 32px;
    width: 32px;
}

.zw_bottom_content_humanserver_area > div:hover .home_bottom_content_humanserver_area_svg_bk {
    color: red;
}


.zw_bottom_content_humanserver_area_svg-color {
    transform: translateX(32px);
    /*box-shadow: -32px 0 0 rgba(0,0,0,0.9);*/
    filter: drop-shadow(-32px 0 0 rgba(0,0,0,0.9));
}

.zw_bottom_content_humanserver_area > div:hover {
    background: #2B67F3;
    box-shadow: 0 12px 32px -8px rgba(213,213,213,0.5);
    backdrop-filter: blur(12px);
    color: #fff;
}

.zw_bottom_content_humanserver_area > div:hover a {
    color: #fff;
}

.zw_bottom_content_humanserver_area > div:hover .home_bottom_content_humanserver_area_svg-color {
    filter: drop-shadow(-32px 0 0 #fff);
}

.bottom_content_humanserver_area {
    width: 430px;
    margin: 0 auto;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    margin-bottom: 44px;
}

.bottom_content_humanserver_area > div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

	margin-top: 24px;
    width: 105px;
    height: 110px;
    background: linear-gradient( 180deg, #F2F6FF 0%, #EAF0FF 100%);
    border: 1px solid #D8D5D5;
    margin-bottom: 16px;

    font-weight: 500;
    font-size: 20px;
    color: rgba(0,0,0,0.9);
    line-height: 22px;
    font-style: normal;
    margin-left: 20px;
}

.bottom_content_humanserver_area .pbasic {
    display: block;
}

.bottom_content_humanserver_area .phover {
    display: none;
}

.bottom_content_humanserver_area > div:hover .pbasic {
    display: none;
}

.bottom_content_humanserver_area > div:hover .phover {
    display: block;
}

.bottom_content_humanserver_area_svg {
    height: 32px;
    width: 32px;
    overflow: hidden;
}

.bottom_content_humanserver_area_svg_bk{
    background-image: url('data:image/svg+xml;utf8,<svg width="32px" height="33px" viewBox="0 0 32 33" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>pie chart</title> <g id="鏂规涓�" stroke="none" stroke-width="1" fill="currentColor" fill-rule="evenodd"> <g id="钃濊壊鏂规淇敼_閫変腑_1216" transform="translate(-353, -1760)" fill="#FFFFFF" fill-rule="nonzero"> <g id="pie-chart" transform="translate(353, 1760.5)"> <rect id="鐭╁舰" opacity="0" x="0" y="0" width="32" height="32"></rect> <path d="M27,16.1875 L15.8125,16.1875 L15.8125,5 C15.8125,4.8625 15.7,4.75 15.5625,4.75 L14.75,4.75 C13.0625,4.75 11.425,5.08125 9.884375,5.73125 C8.396875,6.359375 7.059375,7.2625 5.9125,8.409375 C4.765625,9.55625 3.8625,10.89375 3.234375,12.38125 C2.58125,13.925 2.25,15.5625 2.25,17.25 C2.25,18.9375 2.58125,20.575 3.23125,22.115625 C3.859375,23.603125 4.7625,24.940625 5.909375,26.0875 C7.05625,27.234375 8.39375,28.1375 9.88125,28.765625 C11.425,29.41875 13.0625,29.75 14.75,29.75 C16.4375,29.75 18.075,29.41875 19.615625,28.76875 C21.103125,28.140625 22.440625,27.2375 23.5875,26.090625 C24.734375,24.94375 25.6375,23.60625 26.265625,22.11875 C26.91875,20.575 27.25,18.9375 27.25,17.25 L27.25,16.4375 C27.25,16.3 27.1375,16.1875 27,16.1875 Z M22.053125,24.61875 C20.096875,26.559375 17.45625,27.6375 14.7,27.6251075 C11.946875,27.6125 9.359375,26.534375 7.4125,24.5875 C5.453125,22.628125 4.375,20.021875 4.375,17.25 C4.375,14.478125 5.453125,11.871875 7.4125,9.9125 C9.11875,8.20625 11.315625,7.165625 13.6875,6.928125 L13.6875,18.3125 L25.071875,18.3125 C24.83125,20.696875 23.78125,22.90625 22.053125,24.61875 Z M29.75,14.45 L29.66875,13.56875 C29.403125,10.690625 28.125,7.975 26.06875,5.925 C24.0125,3.871875 21.29375,2.596875 18.40625,2.33125 L17.521875,2.25 C17.375,2.2375 17.25,2.35 17.25,2.496875 L17.25,14.5 C17.25,14.6375 17.3625,14.75 17.5,14.75 L29.5,14.71875 C29.646875,14.71875 29.7625,14.59375 29.75,14.45 Z M19.36875,12.63125 L19.36875,4.6125 C21.325,5.021875 23.140625,5.99375 24.56875,7.41875 C25.996875,8.84375 26.975,10.65625 27.38125,12.609375 L19.36875,12.63125 Z" id="褰㈢姸"></path> </g> </g> </g> </svg>');
    height: 32px;
    width: 32px;
}

.bottom_content_humanserver_area > div:hover .home_bottom_content_humanserver_area_svg_bk {
    color: red;
}


.bottom_content_humanserver_area_svg-color {
    transform: translateX(32px);
    /*box-shadow: -32px 0 0 rgba(0,0,0,0.9);*/
    filter: drop-shadow(-32px 0 0 rgba(0,0,0,0.9));
}

.bottom_content_humanserver_area > div:hover {
    background: #2B67F3;
    box-shadow: 0 12px 32px -8px rgba(213,213,213,0.5);
    backdrop-filter: blur(12px);
    color: #fff;
}

.bottom_content_humanserver_area > div:hover a {
    color: #fff;
}

.bottom_content_humanserver_area > div:hover .home_bottom_content_humanserver_area_svg-color {
    filter: drop-shadow(-32px 0 0 #fff);
}

.home_bottom_content_popup_top {
    width: 1400px;
    margin: 0 auto;
    margin-bottom: 100px;
}

.home_bottom_content_popup {
    display: flex;
    padding: 20px 28px 0 28px;
    flex-wrap: wrap;
    width: fit-content;
    background: #2B67F3;
    box-shadow: 0 12px 32px -8px rgba(213,213,213,0.5);
    border-radius: 10px;
    backdrop-filter: blur(12px);
    position: relative;
}

.home_bottom_content_popup > div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 312px;
    height: 120px;
    background: #EAF0FF;
    border-radius: 8px;
    margin: 0 12px;
    margin-bottom: 20px;

    font-weight: 500;
    font-size: 20px;
    color: rgba(0,0,0,0.9);
    line-height: 22px;
    font-style: normal;
}

.home_bottom_content_popup > div::after {
    content: "";
    position: absolute;
    top: -10px; /* 鍚戜笂绠ご浣嶇疆 */
    left: 16%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #2B67F3;
}

.home_bottom_content_popup1 {
    display: flex;
    padding: 20px 28px 0 28px;
    flex-wrap: wrap;
    width: fit-content;
    background: #2B67F3;
    box-shadow: 0 12px 32px -8px rgba(213,213,213,0.5);
    border-radius: 10px;
    backdrop-filter: blur(12px);
    position: relative;
}

.home_bottom_content_popup1 > div {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 312px;
    height: 120px;
    background: #FFFFFF;
    border-radius: 8px;
    margin: 0 12px;
    margin-bottom: 20px;

    font-weight: 500;
    font-size: 20px;
    color: rgba(0,0,0,0.9);
    line-height: 22px;
    font-style: normal;
}

.home_bottom_content_popup1 > div::after {
    content: "";
    position: absolute;
    top: -10px; /* 鍚戜笂绠ご浣嶇疆 */
    right: 16%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #2B67F3;
}

.home_top_content_banner {
    display: flex;
    justify-content: space-between;
    width: 1400px;
    margin: 0 auto;
    overflow: hidden;
}

.home_top_content_banner img {
    cursor: pointer;
    height: 400px;
    width: 338px;
    margin: 0 auto;
}