@charset "UTF-8";
html, body {
    width: 100%;
}
body {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    line-height: 1;
    font-family: "微软雅黑 Light","微软雅黑","黑体", "宋体";
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video, input {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: normal;
    box-sizing: border-box;

}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@-webkit-keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-100%)
    }
    to {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes moveFromLeft {
    from {
        -moz-transform: translateX(-100%)
    }
    to {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes moveFromLeft {
    from {
        -ms-transform: translateX(-100%)
    }
    to {
        -ms-transform: translateX(0%)
    }
}

@-webkit-keyframes moveFromRight {
    from {
        -webkit-transform: translateX(30%)
    }
    to {
        -webkit-transform: translateX(0%)
    }
}

@-moz-keyframes moveFromRight {
    from {
        -moz-transform: translateX(30%)
    }
    to {
        -moz-transform: translateX(0%)
    }
}

@-ms-keyframes moveFromRight {
    from {
        -ms-transform: translateX(30%)
    }
    to {
        -ms-transform: translateX(0%)
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(30%)
    }
    to {
        -webkit-transform: translateY(0%)
    }
}

@-moz-keyframes moveFromBottom {
    from {
        -moz-transform: translateY(30%)
    }
    to {
        -moz-transform: translateY(0%)
    }
}

@-ms-keyframes moveFromBottom {
    from {
        -ms-transform: translateY(30%)
    }
    to {
        -ms-transform: translateY(0%)
    }
}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    display: table;
    content: " ";
}
ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}
a, a:hover {
    text-decoration: none;
}

a {
    color: #3e4359;
    text-decoration: none !important;
    -webkit-backface-visibility: hidden;
}
.header_bg{
    position: absolute;
    top: 0px;
    z-index: 50;
    width: 100%;
    background: rgba(16,16,25,1);
}
.header_bg:hover{
    background:rgba(16,16,25,1);
    opacity:0.8;
}
.header_bar {
    width: 1200px;
    max-width: 100%;
    height: 96px;
    border: none;
    background: transparent;
    overflow: hidden;
    display: flex;
    justify-content: space-around;
    align-items: stretch;
    margin: 0 auto;
}
.header_bar .header_ddos_icon {
    width: 188px;
    position: relative;
    top: 30px;
    height: 36px;
    margin-left: 0;
    padding: 0;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/zb_users/theme/themeolLZ/style/images/logo.png);
}
.navigation_bar {
    min-width: 700px;
    max-width: 800px;
    display: flex;
    justify-content: space-around;
    flex-grow: 1;
    align-items: center;
    margin-left:40px;
}
.navigation_bar .nav_bar{
    flex-grow: 1;
    text-align: center;
    height: 95px;
    position: relative;
    cursor:pointer;
}
.navigation_bar .console{
    flex-grow: 1;
    text-align: center;
    height: 95px;
    position: relative;
    cursor:pointer;
}
.navigation_bar .login{
    flex-grow: 1;
    text-align: center;
    height: 95px;
    position: relative;
    cursor:pointer;
}
.navigation_bar .nav_title{
    font-size: 16px;
    font-family: "SourceHanSansCN-Normal";
    font-weight: 400;
    color: #fff;
    line-height: 96px;
}
.navigation_bar .nav_bar:hover{
    border-bottom: 2px solid rgba(0,138,255,1);
}
.navigation_bar .nav_bar:hover .nav_link{
    background-color: transparent;
    color: #5089ED;
}
.navigation_bar .login:hover .nav_link{
    background-color: transparent;
    color: #5089ED;
}
.navigation_bar .pop_down{
    position: absolute;
    padding: 10px 18px;
    background-color: rgba(16, 16, 25, 0.9);
    color: #FFFFFF;
    font-size: 12px;
    left: -60px;
    top: 95px;
}
.navigation_bar .pop_down>p{
    line-height: 23px;
    text-align: left;
}
.navigation_bar .solution{
    width: 80px;
    margin: 0 auto;
    position: relative;
}
.navigation_bar .solution .pop_down_select{
    position: absolute;
    padding: 10px 18px;
    width: 140px;
    background-color: rgba(16, 16, 25, 0.9);
    color: #FFFFFF;
    font-size: 12px;
    top: 95px;
    left: -30px;
}
.navigation_bar .about{
    width: 80px;
    margin: 0 auto;
}
.navigation_bar .pop_down_about_select{
    padding: 10px 16px;
    background-color: rgba(16, 16, 25, 0.9);
    color: #FFFFFF;
    font-size: 12px;
}
.navigation_bar .pop_down_select a{
    line-height: 28px;
    color: #FFFFFF;
    font-size: 12px;
}
.navigation_bar .pop_down_select a:hover{
    background-color: transparent;
    color: #5089ED;
}
.navigation_bar .pop_down_about_select a{
    line-height: 28px;
    color: #FFFFFF;
    font-size: 12px;
}
.navigation_bar .pop_down_about_select a:hover{
    background-color: transparent;
    color: #5089ED;
}
.console a {
    font-weight: bold;
    padding: 5px 12px;
    font-size: 16px;
    border: solid 1px #ffffff;
    color: #fff;
    line-height: 35px ;
    margin-right: 10px;
}
.console a:hover{
    color: #fff;
    border: 1px solid rgba(0,138,255,1);
    background-color: rgba(0,138,255,1);
}
[v-cloak]{
    display: none;
}
.first_plate {
    height: 510px;
    width: 1200px;
    max-width: 100%;
}
.banner {
    margin-top: 95px;
    height: 853px;
    position: relative;
    overflow: hidden;
}
.imgbg {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0px;
    height: 100%;
    background: url(http://www.duokaiwangip.com/zb_users/theme/themeolLZ/style/images/bg.png) no-repeat center bottom;
    background-size: cover;
}
.wrapwow {
    position: relative;
    z-index: 45;
    animation-duration: 1.76s;
    animation-name: fadeInUp;
    width: 1200px;
    padding: 0px 15px;
    margin: auto;
    max-width: 100%;
}
.bleft {
    padding-top: 205px;
    padding-left: 0;
    margin: 0 auto;
}
.bleft .title {
    font-family: 思源黑体;
    font-size: 52px;
    font-weight: 900;
    letter-spacing: 0em;
    color: rgb(255, 255, 255);
    line-height: 72px;
}
.bleft .title b {
    color: #FF5B2E;
    display: block;
}
.wrapwow .dec {
    font-family: MicrosoftYaHei-Regular;
    font-size: 16px;
    font-weight: normal;
    line-height: 36px;
    letter-spacing: 0em;
    color: #FFFFFF;
    padding-top: 5px;
    padding-bottom: 46px;
    width: 520px;
    max-width: 100%;
}
.wrapwow .more {
    width: 156px;
    line-height: 42px;
    border-radius: 21px;
    opacity: 1;
    background: #FFFFFF;
    display: inline-block;
    text-align: center;
    font-family: MicrosoftYaHei-Regular;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0em;
    color: #3D3D3D;
}
.rightimg {
    position: absolute;
    right: calc(170 / 2820* 100vw);
    top: 100px;
    z-index: 5;
}
.rightimg img {
    width: calc(1224 / 2820* 100vw);
}

.section1 {
    padding-top: 150px;
    padding-bottom: 160px;
    position: relative;
}
.section1 i.i1 {
    position: absolute;
    width: 489px;
    height: 471px;
    background: url(http://www.duokaiwangip.com/zb_users/theme/themeolLZ/style/images/line1.png) no-repeat center center;
    background-size: 100%;
    right: -11%;
    top: 31%;
}
.section1 i.i2 {
    position: absolute;
    width: 507px;
    height: 491px;
    background: url(images/line2.png) no-repeat center center;
    background-size: 100%;
    left: -11%;
    bottom: -18%;
}
.titlemodel {
    text-align: center;
}
.section1 .content {
    padding-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section1 .left {
    float: left;
    position: relative;
    width: 47%;
}
.section1 .right {
    float: right;
    width: 45%;
    padding-top: 30px;
}
.section1 .item {
    overflow: hidden;
    align-items: center;
    margin-bottom: 37px;
}
.section1 .icon {
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 10px;
    opacity: 1;
    background: #EAEFFF;
    position: relative;
    margin-top: 10px;
}
.section1 .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.section1 .ri {
    float: right;
    width: 430px;
    margin-left: 20px;
}
.section1 .tit {
    font-family: MicrosoftYaHei-Regular;
    font-size: 18px;
    font-weight: normal;
    line-height: 36px;
    letter-spacing: 0em;
    color: #3D3D3D;
}
.section1 .dec0 {
    font-family: MicrosoftYaHei-Regular;
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    letter-spacing: 0em;
    color: #818181;
}
.titlemodel .title {
    font-family: MicrosoftYaHei-Bold-Bold;
    font-size: 40px;
    font-weight: normal;
    line-height: 36px;
    letter-spacing: 0em;
    color: #000000;
}
.titlemodel .dec {
    font-family: MicrosoftYaHei-Regular;
    font-size: 16px;
    font-weight: normal;
    line-height: 36px;
    letter-spacing: 0em;
    color: #666666;
    padding-top: 30px;
    width: 100%;
    padding-bottom: 0;
}
.section1 .left .swiper-button-next {
    width: 64px;
    height: 64px;
    opacity: 0.6;
    background: url(http://www.duokaiwangip.com/zb_users/theme/themeolLZ/style/images/right.png) no-repeat center center;
    background-size: 22px;
    right: -70px;
}
.section1 .left .swiper-button-prev {
    width: 64px;
    height: 64px;
    opacity: 0.6;
    background: url(http://www.duokaiwangip.com/zb_users/theme/themeolLZ/style/images/left.png) no-repeat center center;
    background-size: 22px;
    left: -70px;
}
.section1 .left img {
    display: block;
    width: 100%;
}
.section2 .list {
    position: relative;
}
.mapcontent .main_map .m .node-map {
    height: 640px;
    background-image: url(http://www.duokaiwangip.com/zb_users/theme/themeolLZ/style/images/map.png);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    width: 1100px;
    margin: auto;
    max-width: 100%;
    margin-top: 40px;
}
.mapcontent .main_map .m .node-map .introduce {
    position: absolute;
    left: 40px;
    bottom: 100px;
}
.mapcontent .main_map .m .node-map .introduce li {
    display: flex;
    align-items: center;
    color: #5e5e5e;
}
.mapcontent .main_map .m .circle_box {
    width: 44px;
    height: 44px;
    position: relative;
}
.mapcontent .main_map .m .circle-dian {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 10px;
    margin: auto;
    border-radius: 50%;
    background: #0058ff;
    opacity: 0.8;
    z-index: 4;
}
@keyframes circle_inside {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1); }
  50% {
    opacity: 0.4; }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); } 
}
@keyframes circle_outside {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1); }
  50% {
    opacity: 0.4; }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
}
.mapcontent .main_map .m .circle-inside {
    animation: circle_inside 4500ms ease-out 500ms infinite;
}
.mapcontent .main_map .m .circle-inside {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0058ff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0.2;
    -webkit-transition: width 0.5s ease-out;
    -moz-transition: width 0.5s ease-out;
    -o-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
}
.mapcontent .main_map .m .circle-outside {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0058ff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0.1;
    -webkit-transition: width 0.5s ease-out;
    -moz-transition: width 0.5s ease-out;
    -o-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
}
.mapcontent .main_map .m .circle-outside {
    animation: circle_outside 4500ms ease-out 3250ms infinite;
}
.mapcontent .main_map .m .node-map .introduce li .map_icon {
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 15px;
}
.mapcontent .main_map .m .node-map .introduce li .map_icon.map_icon2 {
    background-image: url(http://www.duokaiwangip.com/zb_users/theme/themeolLZ/style/images/map_icon2.png);
}
.mapcontent .main_map .m .node-map .map_state {
    position: absolute;
    display: flex;
    align-items: center;
}
.mapcontent .main_map .m .node-map .map_state.map_state1 {
        top: 115px;
        left: 837px; }
      .mapcontent .main_map .m .node-map .map_state.map_state2 {
        top: 204px;
        left: 768px; }
      .mapcontent .main_map .m .node-map .map_state.map_state3 {
        top: 168px;
        left: 649px; }
      .mapcontent .main_map .m .node-map .map_state.map_state4 {
        top: 224px;
        left: 681px; }
      .mapcontent .main_map .m .node-map .map_state.map_state5 {
        top: 306px;
        left: 527px; }
      .mapcontent .main_map .m .node-map .map_state.map_state6 {
        top: 286px;
        left: 697px; }
      .mapcontent .main_map .m .node-map .map_state.map_state7 {
        top: 275px;
        left: 626px; }
      .mapcontent .main_map .m .node-map .map_state.map_state8 {
        top: 257px;
        left: 665px; }
      .mapcontent .main_map .m .node-map .map_state.map_state9 {
        top: 321px;
        left: 640px; }
      .mapcontent .main_map .m .node-map .map_state.map_state10 {
        top: 333px;
        left: 722px; }
      .mapcontent .main_map .m .node-map .map_state.map_state11 {
        top: 367px;
        left: 506px; }
      .mapcontent .main_map .m .node-map .map_state.map_state12 {
        top: 392px;
        left: 727px; }
      .mapcontent .main_map .m .node-map .map_state.map_state13 {
        top: 412px;
        left: 621px; }
      .mapcontent .main_map .m .node-map .map_state.map_state14 {
        top: 469px;
        left: 642px; }
      .mapcontent .main_map .m .node-map .map_state.map_state15 {
        top: 457px;
        left: 491px; }
      .mapcontent .main_map .m .node-map .map_state.map_state16 {
        top: 528px;
        left: 597px; }
      .mapcontent .main_map .m .node-map .map_state.map_state17 {
        top: 363px;
        left: 631px; }
      .mapcontent .main_map .m .node-map .map_state.map_state18 {
        top: 291px;
        left: 425px; }
      .mapcontent .main_map .m .node-map .map_state.map_state19 {
        top: 363px;
        left: 744px; }
      .mapcontent .main_map .m .node-map .map_state.map_state20 {
        top: 328px;
        left: 577px; }
      .mapcontent .main_map .m .node-map .map_state.map_state21 {
        top: 434px;
        left: 700px; }
      .mapcontent .main_map .m .node-map .map_state.map_state22 {
        top: 425px;
        left: 559px; }
      .mapcontent .main_map .m .node-map .map_state.map_state23 {
        top: 462px;
        left: 587px; }
      .mapcontent .main_map .m .node-map .map_state.map_state24 {
        top: 170px;
        left: 805px; }
      .mapcontent .main_map .m .node-map .map_state.map_state01 {
        top: 218px;
        left: 300px; }
      .mapcontent .main_map .m .node-map .map_state.map_state02 {
        top: 358px;
        left: 317px; }
    .mapcontent .main_map .m .node-map .map_state.map_state03 {
    top: 458px;
    left: 740px; }
.inforlist {
    width: calc(280 / 1920* 100vw);
    opacity: 1;
    background: #FFFFFF;
    position: absolute;
    right: 0;
    bottom: 68px;
    padding-top: calc(43 / 1920* 100vw);
    padding-left: calc(32 / 1920* 100vw);
    padding-bottom: calc(10 / 1920* 100vw);
    z-index: 66;
}
.inforlist li {
    float: left;
    width: 100%;
    padding-bottom: 19px;
    display: flex;
}
.inforlist .icon {
    width: 25%;
}
.inforlist .tit {
    width: 25%;
}
.inforlist .tit {
    font-family: MicrosoftYaHei;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0em;
    color: #666666;
    padding-top: 11px;
}

.inforlist .num {
    font-family: DINPro-Medium-Medium;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 0em;
    color: #1267FF;
    padding-top: 11px;
}
.inforlist .num {
    width: 35%;
    padding-top: 6px;
}
.nostate {
    background-image: url(http://www.duokaiwangip.com/zb_users/theme/themeolLZ/style/images/map_icon2.png);
    width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-position: center;
}

.center {
    margin: 0 auto;
    width: 1200px;
    max-width: 100%;
    overflow: hidden;
}
.home.items {
    padding: 100px 0;
    overflow: hidden;
}
.home.items h2 {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 50px;
    text-align: center;
}
.section3 {
    background: url(http://www.duokaiwangip.com/zb_users/theme/themeolLZ/style/images/bg2.png) no-repeat center center;
    background-size: auto 100%;
    margin-top: 67px;
    padding-top: 211px;
    padding-bottom: 216px;
}
.section3 .list ul {
    text-align: center;
    font-size: 0;
    margin-top: calc(-20 / 1920* 100vw);
}
.section3 .list ul.ul1 {
    margin: 0;
}
.section3 .list ul.ul2 {
}
.section3 .list ul li {
    width: calc(116 / 1920* 100vw);
    height: calc(116 / 1920* 100vw);
    position: relative;
    background: url(http://www.duokaiwangip.com/zb_users/theme/themeolLZ/style/images/bg3.png) no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    margin: 2px calc(10 / 1920* 100vw);
}
.section3 .list ul li img {
    position: absolute;
    top: 50%;
    left: 50%;
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 73%;
}
.section3 .list {
    padding-top: 76px;
}
.section4 {
    padding-top: 95px;
    padding-bottom: 135px;
    overflow: hidden;
}
.section4 .content {
    padding-top: 45px;
}
.section4 .left {
    width: calc(100% - 306px);
    float: left;
    padding-right: 6%;
}
.section4 .right {
    float: right;
    width: 306px;
}
.section4 .hd {
    zoom: 1;
    overflow: hidden;
}
.section4 .hd a {
    font-family: MicrosoftYaHei-Regular;
    font-size: 18px;
    font-weight: normal;
    line-height: 36px;
    letter-spacing: 0em;
    color: #3B3B3B;
    float: left;
    width: 116px;
    line-height: 44px;
    border-radius: 5px 30px 30px 10px;
    opacity: 1;
    background: #F3F6FD;
    text-align: center;
    margin-right: 35px;
}
.section4 .hd a:hover, .section4 .hd a.current {
    background: #3355DB;
    color: #fff;
}
.section4 .bd {
    padding-top: 26px;
}
.section4 .model li {
    float: left;
    width: 47%;
}
.section4 .model li a {
    display: block;
    zoom: 1;
    overflow: hidden;
}
.section4 .s1 {
    font-family: MicrosoftYaHei-Regular;
    font-size: 16px;
    font-weight: normal;
    line-height: 36px;
    letter-spacing: 0em;
    width: calc(100% - 80px);
    color: #3D3D3D;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.section4 .s2 {
    font-family: MicrosoftYaHei-Regular;
    font-size: 16px;
    font-weight: normal;
    line-height: 36px;
    letter-spacing: 0em;
    color: #999999;
    float: right;
    width: 80px;
    text-align: right;
}
.model {
    display: none;
}
.section4 .right a {
    display: block;
    height: 216px;
    background: url(http://www.duokaiwangip.com/zb_users/theme/themeolLZ/style/images/ad.png) no-repeat center center;
    background-size: cover;
    position: relative;
}
.section4 .right a span {
    width: 76px;
    line-height: 26px;
    border-radius: 13px;
    opacity: 1;
    background: #FFB200;
    position: absolute;
    text-align: center;
    top: 73%;
    left: 5%;
    color: #ddd;
    font-family: MicrosoftYaHei-Regular;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0em;
    color: #00125D;
}
.section4 .model li:nth-child(2n) {
    float: right;
}




























.region-list{position:absolute;left:0;top:0}

@-webkit-keyframes warn{  /* for Chrome || Safari */
    0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}
    100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@-moz-keyframes warn{ /* for Firefox */
    0%{-moz-transform:scale(0);transform:scale(0);opacity:1}
    100%{-moz-transform:scale(1);transform:scale(1);opacity:0}
}
@-o-keyframes warn{  /* for Opera */
    0%{-o-transform:scale(0);transform:scale(0);opacity:1}
    100%{-o-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes warn{
    0%{-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}
    100%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:0}
}

.area-box .dot{position:absolute;left:2px; top:2px; width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#a2a9b4;opacity:1;filter:alpha(opacity=100)}
.area-box .pulse{position:absolute;top:-28px;left:-28px;height:66px;width:66px;border:2px solid #b7b7b7;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;-moz-box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;box-shadow:0 0 4px #82878f,0 0 10px #82878f inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}

.area-box .delay-01{-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s}
.area-box .delay-02{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s}
.area-box .delay-03{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s}
.area-box .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.area-box .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.area-box .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.area-box .delay-07{-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;-o-animation-delay:2.4s;animation-delay:2.4s}
.area-box .delay-08{-webkit-animation-delay:-.4s;-moz-animation-delay:-.4s;-o-animation-delay:-.4s;animation-delay:-.4s}
.area-box .delay-09{-webkit-animation-delay:-.8s;-moz-animation-delay:-.8s;-o-animation-delay:-.8s;animation-delay:-.8s}
.area-box .delay-10{-webkit-animation-delay:-1.2s;-moz-animation-delay:-1.2s;-o-animation-delay:-1.2s;animation-delay:-1.2s}
.area-box .delay-11{-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;animation-delay:4s}
.region-list.active .area-box .dot{background:#009fd9;}
.region-list.active .area-box .pulse{border-color:#009fd9;top:-39px;left:-39px;height:88px;width:88px;-webkit-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;-moz-box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset;box-shadow:0 0 12px #0080d9,0 0 20px #0080d9 inset}
.region-list.waite .area-box .dot{background:#f90}
.region-list.waite .area-box .pulse{border-color:#f90}
.region-list.hui .area-box .dot{background:#009fd9;}/*background:#a2a9b4;*/
.region-list.hui .area-box .pulse{border-color:#009fd9;}/*background:#a2a9b4;*/

.show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.online-node .show-regin,.region-list:hover .show-regin,.underline-node .show-regin,.waite-node .show-regin{height:27px;opacity:1}
.show-regin span{width:80px;position:absolute;left:8px;top:-11px;padding:6px 10px;font-size:14px;color:#ccc;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;white-space:nowrap;}

.area-box{z-index:77}
.show-regin{z-index:66}
.region-list.active .show-regin span{position:relative;color:#666}
.region-list.waite .show-regin span{position:relative;color:#666}
.region-list.hui .show-regin span{position:relative;color:#666}
.postition-1{left:880px;top:708px}
.postition-2{left:1014px;top:432px}
.postition-3{left:992px;top:512px}
.postition-4{left:1082px;top:330px}
.postition-5{left:934px;top:523px}
.postition-6{left:862px;top:473px}
.postition-7{left:964px;top:580px}
.postition-8{left:775px;top:531px}
.postition-9{left:1035px;top:554px}
.postition-10{left:964px;top:388px}
.postition-11{left:850px;top:348px}
.postition-13{left:1030px;top:485px}
.postition-14{left:1005px;top:604px}
.postition-15{left:933px;top:643px}
.postition-16{left:762px;top:626px}
.postition-17{left:1136px;top:294px}
.postition-18{left:1180px;top:224px}

.footer_cprBox {
    background-color: #0b1c3a;
    text-align: center;
    padding: 0;
}
.fieldset-5 {
    padding: 0;
    position: relative;
    bottom: 0;
    width:1200px;max-width:100%;
}
article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block;
}
footer {
    width:1200px;max-width:100%;
    width: 100%;
    background: #3d4258;
    color: #aaa;
    overflow: hidden;
}
.container {
    width: 1200px;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.row {
    margin-right: -15px;
    margin-left: -15px;overflow: hidden;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
.col-md-2 {
    width: 16.66666667%;
}
footer ul {
    margin-bottom: 40px;
}
footer > .container > .row {
    padding: 40px 0 0 0;
}
footer > .container > .row li {
    line-height: 30px;
}
footer > .container > .row li:first-child {
    margin-bottom: 14px;
}
footer h6 {
    font-size: 16px;
    font-family: "SourceHanSansCN-Normal";
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}
footer a {
    font-size: 14px;
    font-family: SourceHanSansCN-Normal;
    font-weight: 400;
    color: rgba(177, 178, 180, 1);
}
footer a:hover{color:#fff}
footer > .container .w18 ul li{line-height: 36px;}
img {
    vertical-align: middle;
}
.w18 li{margin-bottom: 0!important;}
.bannerBox {
    height: 400px;
    position: relative;
}
.about-stateBox {
    padding-top: 9px;
    margin: 0 auto;
    font-family: "SourceHanSansCN-Normal";
}
.about-stateBox .container {
    padding-right: 0;
    padding-left: 0;
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
}
.breadcrumb {
    background-color: transparent;
    margin-bottom: 30px;
    font-size: 12px;
    padding: 0;
    list-style: none;
}
.url-title {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    text-align: center;
    line-height: 38px;
    color: #fff;
    background-color: transparent;
    cursor: pointer;
    font-size: 38px;
    margin-top: 0;
}
.about-stateBox .container .stateBox ul.state li {
    margin: 28px 0;
    border-bottom: #cccccc 1px solid;
    padding: 0 0 28px;
}
.about-stateBox .container .stateBox ul.state li a{display: block;
    overflow: hidden;}
.about-stateBox .container .stateBox ul.state li span.picture {
    float: left;
    display: block;
    width: 329px;
    height: 221px;
    margin: 0;
    overflow: hidden;
}
.about-stateBox .container .stateBox ul.state li span.picture img{width: 100%;height: 100%;}
.article-info {
    margin-left: 449px;
}
.about-stateBox .container .stateBox ul.state li h3{
    color: #000;
    font-size: 18px;
}
.about-stateBox .container .stateBox ul.state li h3:hover span{color: #01b7ff;}
.about-stateBox .container .stateBox ul.state li p {
    width: 687px;
    display: inline-block;
    margin-top: 60px;
    font-size: 12px;
    line-height: 30px;
    color: #666666;
    float: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: relative;
}
.about-stateBox .container .stateBox ul.state li p:hover{color: #01b7ff;}
.inSearchBox {
    height: 360px;
    position: relative;
}
.inSearch form {
    display: block;
    font-size: 0;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -21px;
}
.inSearch form input[type="text"] {
    display: inline-block;
    font-size: 16px;
    width: 616px;
    height: 42px;
    padding: 0 15px;outline: none;
}
.inSearch form input[type="submit"] {
    display: inline-block;
    font-size: 0;
    width: 80px;
    height: 42px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: 308px;
    background: url(/zb_users/theme/themeolLZ/style/images/search.jpg) repeat center center;
    outline: none;
    cursor: pointer;
}
.help-content-box {
    background-color: #f9f9f9;
    width: 100%;
}
.help-content {
    width: 1200px;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    color: #555;
    display: flex;
}
.help-content-left {
    width: 255px;
    padding-bottom: 20px;
}
.help-content-left h2 {
    height: 80px;
    line-height: 80px;
    font-size: 28px;
    padding-left: 60px;
    box-sizing: border-box;
    font-family: inherit;
    color: #333;
}
.help-content-left li {
    height: 60px;
    line-height: 60px;
}
.help-content-left li a {
    display: block;
    color: #555;
    box-sizing: border-box;
    padding-left: 60px;
    font-size: 16px;
}
.help-content-left li.help-active{background: #fff;}
.help-content-left li.help-active a {
    color: #f3d660;
}
.help-content-right {
    flex: 1;
    background-color: #ffffff;
    padding-left: 60px;
    box-sizing: border-box;
    min-height: 600px;
}
.help-content-right > ul{padding-bottom:21px; }
.help-content-right > ul li {
    height: 60px;
    line-height: 60px;
    list-style: disc inside;
    border-bottom: 1px dashed #e9e9e9;
}
::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0!important;
    text-align: start !important;
    text-align-last: start !important;
}
.help-content-right > ul li a {
    color: #333333;
}
.help-content-right > ul li:hover a{color:#f3d660}
.cateOther-list {
    display: block;
    padding: 40px 0 20px;
}
.cateOther-list h3 {
    height: 68px;
    line-height: 68px;
    background: #fff;
    margin-bottom: 20px;
    padding: 0 60px;
}
.cateOther-list h3:hover a{color:#2a6496}
.text {
    padding: 0 215px;
}
.text h2 {
    padding-top: 37px;
    height: 90px;
    line-height: 34px;
    font-size: 24px;
    color: #333;
    text-align: center;
}
span.time {
    display: block;
    width: 100%;
    font-size: 12px !important;
    text-align: center;
    color: #666;
}

.text p {
    font-size: 14px!important;
    line-height: 26px;
    margin-top: 22px;
    color:#333;
}
.related-recommendation {
    margin: 60px auto 0;
    border-top: 1px solid #dddddd;
    box-sizing: border-box;
}
.related-recommendation-title {
    height: 80px;
    line-height: 80px;
    color: #f3d660;
}
.related-recommendation ul{padding-bottom: 60px;}
.related-recommendation ul li {
    max-width: 470px;
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    list-style: disc inside;
    margin-bottom: 25px;
}
.related-recommendation ul li a {
    color: #555;
}
.navBox {
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #d2d2d2;
    margin: 0 auto;
    box-shadow: 0 0 4px 0 #47474770;
}
ul.headNav {
    width: 100%;
    overflow: hidden;
}
ul.headNav li {
    text-align: center;
    display: inline-block;
    width: 33%;
    float: left;
}
ul.headNav li a {
    width: 150px;
    color: #333;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    position: relative;
    font-family: "SourceHanSansCN-Normal";
}
ul.headNav li a:hover {
    color: #108cee;
}
ul.headNav li.active a {
    color: #108cee;border-bottom: 3px solid #108cee;
}
.page-content{padding: 40px 0;overflow: hidden;}
.page-content h1 {
    text-align: center;
    font-size: 24px;
    color: #333;
    font-weight: bold;margin-bottom: 18px;
}
.page-content p {
    font-size: 18px;
    color: #333;
    text-align: left;
    text-indent: 2em;line-height: 36px;margin-top: 10px;
}

.page-contatctLeft {
    width: 40%;
    float: left;

}
.page-contactRight {
    width: 43%;
    float: left;
    margin-left: 82px;
    padding-left: 82px;
    border-left: 1px solid #cccccc;
}
.page-contatctLeft h1,.page-contactRight h1 {
    font-size: 24px;
    font-family: MicrosoftYaHei;
    color: rgba(16,140,238,1);
    font-weight: normal;text-align: left;
}

.page-contatctLeft p,.page-contactRight p {
    font-size: 14px;
    color: rgba(102,102,102,1);
    text-align: left;
    margin-top: 0;
    line-height: 28px;
    text-indent: 0;
}
span.Tip {
    display: block;
    font-size: 24px;
    color: #333;
    margin-bottom: 18px;
    font-weight: 600;
    text-align: center;
    margin-top: 22px;
}
span.Tip2{margin-top: 110px;}
.recruitWelfare {
    background: #fff;
    margin-bottom: 42px;
}
.welfare {
    width: 202px;
    height: 178px;
    background: linear-gradient(#5A6CFA, #918ACD);
    border-radius: 89px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    transition: background-color .4s ease-in-out;
    margin-left: 80px;
    margin-top: 40px;
}
.recruitWelfare .welfare:hover {
    webkit-box-shadow: 0 0 20px 2px #dedede;
    -moz-box-shadow: 0 0 20px 2px #dedede;
    box-shadow: 0 0 20px 2px #dedede;
}
.welfare span {
    height: 100%;
    display: inline-block;
    padding-top: 38px;
    padding-bottom: 24px;
    font-size: 20px;
    color: #fff;
}
.welfare span i {
    width: 84px;
    display: block;
    margin: 0 auto;
    margin-bottom: 22px;
    height: 81px;
}
span.welfare1 i {
    background: url(/zb_users/theme/themeolLZ/style/images/recruit_icon_1-4.0.png) no-repeat center center;
}
span.welfare2 i {
    background: url(/zb_users/theme/themeolLZ/style/images/recruit_icon_2-4.0.png) no-repeat center center;
}
span.welfare3 i {
    background: url(/zb_users/theme/themeolLZ/style/images/recruit_icon_3-4.0.png) no-repeat center center;
}
span.welfare4 i {
    background: url(/zb_users/theme/themeolLZ/style/images/recruit_icon_4-4.0.png) no-repeat center center;
}
span.welfare5 i {
    background: url(/zb_users/theme/themeolLZ/style/images/recruit_icon_5-4.0.png) no-repeat center center;
}
span.welfare6 i {
    background: url(/zb_users/theme/themeolLZ/style/images/recruit_icon_6-4.0.png) no-repeat center center;
}
span.welfare7 i {
    background: url(/zb_users/theme/themeolLZ/style/images/recruit_icon_7-4.0.png) no-repeat center center;
}
span.welfare8 i {
    background: url(/zb_users/theme/themeolLZ/style/images/recruit_icon_8-4.0.png) no-repeat center center;
}
.recruitInfo {
    background: #fff;
    margin-bottom: 42px;
    position: relative;
}
.recruitInfo .details {
    width: 758px;
    height: 400px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 2px 1px 6px 2px rgb(71 71 71 / 35%);
    position: absolute;
    left: 50%;
    margin-left: -379px;
    z-index: 999;
    top: 50%;
    margin-top: -200px;
    display: none;
}
.recruitInfo .Info {
    width: 191px;
    height: 226px;
    background: #fff;
    border: 1px solid #BFBFBF;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    transition: background-color .4s ease-in-out;
    margin-left: 85px;
    margin-top: 40px;
}
.recruitInfo .Info:hover {
    background-color: #445dd0;
    color: #fff;
    border: none;
}
.recruitInfo .Info>.Info_icon {
    height: 100%;
    display: inline-block;
    padding-top: 38px;
    padding-bottom: 24px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
}
.recruitInfo .Info:hover .Info_icon{color:#fff}
.recruitInfo .Info>.Info_icon>i {
    width: 70px;
    display: block;
    margin: 0 auto 22px;
    height: 63px;
    background: url(/zb_users/theme/themeolLZ/style/images/recruit_icon_10-4.0.png) no-repeat center center;
}
.recruitInfo .Info:hover .Info_icon>i{background: url(/zb_users/theme/themeolLZ/style/images/recruit_icon_9-4.0.png) no-repeat center center;}


.recruitInfo .Info>.Info_icon>.line {
    width: 114px;
    height: 1px;
    background: rgba(204,204,204,1);margin-top: 0;
}
.recruitInfo .Info:hover .line{background: #fff}
.recruitInfo .Info>.Info_icon p{text-indent: 0;
    font-size: 14px;
    text-align: center;margin-top: 0;}
.recruitInfo .Info:hover p{color:#fff}
.details span.close{
    display: inline-block;
    width: 17px;
    height: 18px;
    font-size: 21px;
    position: absolute;
    right: 21px;
    top: 10px;
    cursor:pointer;
    opacity: .2;
    color:#000
}
.details span.close:hover{opacity: .8;}
.details .title {
    width: 90%;
    margin: 38px auto 0;
}
.details .title .bolder {
    display: inline;
    font-size: 20px;
    color: rgba(51,51,51,1);
    font-weight: bolder;
    text-indent: 0;
}
.details .title .location {
    font-size: 12px;
    color: rgba(153,153,153,1);
    display: inline;
    padding-left:20px;
}
.details .title p:nth-child(2){padding-left: 6px;}
.require {
    width: 90%;
    margin: 40px auto;
}

.require h3 {
    font-size: 18px;
    color: rgba(51,51,51,1);
    margin-top: -30px;
}
.require .line {
    width: 686px;
    height: 1px;
    background: rgba(204,204,204,1);
    display: inline-block;
    margin-bottom: 3px;
}
.require p {
    font-size: 12px;
    color: #666;
    line-height: 20px;
    text-indent: 0;
    margin-top: 0;
}
.third_plate {
    position: relative;
    height: 1913px;
    background: url(/zb_users/theme/themeolLZ/style/images/bg2@2x1.png);
    background-size: 100% 100%;
    margin-bottom: -5px;
}
.third_plate p.title {
    padding-top: 60px;
    text-align: center;
    font-size: 38px;
    font-family: SourceHanSansCN-Regular;
    font-weight: 400;
    color: rgba(255,255,255,1);
}
.third_plate .card {
    display: flex;
    position: relative;
    margin: 60px auto 70px;
    width: 1201px;
    height: 339px;
    background: rgba(255,255,255,1);
    box-shadow: 0px 10px 60px 16px rgb(6 35 87 / 55%);
    border-radius: 15px;
}
.third_plate .card .picture_3 {
    margin-top: 59px;
    margin-left: 33px;
    width: 368px;
    height: 231px;
    background: url(/zb_users/theme/themeolLZ/style/images/picture_3@2x.png);
    background-size: 100% 100%;
}
.third_plate .card .content {
    margin-top: 75px;
    margin-left: 45px;
    height: 186px;
}
.third_plate .card .content .headline {
    text-align: left;
    margin-bottom: 39px;
    font-size: 30px;
    font-family: SourceHanSansCN-Normal;
    font-weight: 400;
    color: rgba(51,51,51,1);
}
.third_plate .card .emphasis {
    margin-top: 30px;
}
.third_plate .card .tick {
    height: 20px;
    width: 20px;
    display: inline-block;
    position: relative;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: rgba(14,180,69,1);
}
.third_plate .card .tick:after, .tick:before {
    content: '';
    height: 11px;
    width: 2px;
    display: block;
    background: #fff;
    position: absolute;
    top: 5px;
    left: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    transform: rotate(
            45deg
    );
    -webkit-transform: rotate(
            45deg
    );
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.third_plate .card .tick:before {
    height: 5px;
    transform: rotate(
            -45deg
    );
    -webkit-transform: rotate(
            -45deg
    );
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    top: 10px;
    left: 5px;
}
.third_plate .card .text {
    position: relative;
    top: -3px;
    left: 10px;
    font-size: 16px;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    color: rgba(51,51,51,1);
    padding: 0;
}
.third_plate .card .vertical_var {
    position: absolute;
    top: 62px;
    left: 786px;
    width: 2px;
    height: 216px;
    border: 1px dashed rgba(113,113,113,1);
    opacity: 0.49;
}
.third_plate .card .comming_soon {
    position: absolute;
    top: 99px;
    left: 950px;
    font-size: 26px;
    font-family: SourceHanSansCN-Normal;
    font-weight: 400;
    color: rgba(51,51,51,1);
}
.third_plate .card .apply_for {
    cursor: pointer;
    position: absolute;
    top: 237px;
    left: 844px;
    width: 150px;
    height: 44px;
    background: linear-gradient(
            180deg
            ,rgba(79,191,238,1),rgba(34,107,226,1));
    box-shadow: 0px 2px 9px 1px rgb(10 32 65 / 39%);
    border-radius: 22px;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    color: rgba(255,255,255,1);
}
.third_plate .card .advisory {
    position: absolute;
    top: 237px;
    left: 1016px;
    width: 150px;
    height: 44px;
    background: linear-gradient(
            180deg
            ,rgba(79,191,238,1),rgba(34,107,226,1));
    box-shadow: 0px 2px 9px 1px rgb(10 32 65 / 39%);
    border-radius: 22px;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    color: rgba(255,255,255,1);
}
.third_plate .card .apply_for_1 {
    cursor: pointer;
    position: absolute;
    top: 171px;
    left: 844px;
    width: 150px;
    height: 44px;
    background: linear-gradient(
            180deg
            ,rgba(79,191,238,1),rgba(34,107,226,1));
    box-shadow: 0px 2px 9px 1px rgb(10 32 65 / 39%);
    border-radius: 22px;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    color: rgba(255,255,255,1);
}
.third_plate .card .advisory_1 {
    position: absolute;
    top: 171px;
    left: 1016px;
    width: 150px;
    height: 44px;
    background: linear-gradient(
            180deg
            ,rgba(79,191,238,1),rgba(34,107,226,1));
    box-shadow: 0px 2px 9px 1px rgb(10 32 65 / 39%);
    border-radius: 22px;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    font-family: SourceHanSansCN-Light;
    font-weight: 300;
    color: rgba(255,255,255,1);
}
.pages ul {
    overflow: hidden;
    font-size: 0;
    text-align: center;
    margin-bottom: 30px;
}
.pages li {
    display: inline-block;
    font-size: 15px;
    margin-right: 10px;
}
.pages li a {
    background: #e9e9e9;
    border: 1px solid #cccccc;
    border-radius: 3px;
    color: #5d5d5d;
    float: left;
    font-size: 14px;
    padding: 5px 10px;
}
.pages li a.onhover {
    background: #bfd8ff none repeat scroll 0 0;
    border: 1px solid #a0c4fc;
    color: #1d56be;
}
#myModal {
    position: fixed;
    z-index: 9999;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
}
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #eee;
    width: 30%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    border-radius: 6px;
    outline: 0;
    background-clip: padding-box;
}
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity = 20);
    opacity: .2;
    cursor: pointer;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-weight: bold;
}
.modal-body {
    position: relative;
    padding: 15px;
    color: red;
}

.r-action {
    position: fixed;
    z-index: 999;
    bottom: 154px;
    right: 70px;
    width: 40px;
}
.r-action.v-x{bottom: 80px;}
.contant-q,.btn-wx {
    position: relative;
    display: block;
    width: 72px;
    height: 73px;
    margin-top: 2px;
    color: #999;
    background-color: #6da9de;
    cursor: pointer;
    transition: all .2s ease-in-out;
    background-image: url('images/r_qq.png');
    cursor: pointer;
}
.btn-wx{
   background-image: url('images/r_wx.png'); 
   background-color: #78c340;
}
.btn-wx .pic {
    position: absolute;
    left: -148px;
    bottom: 0px;
    display: none;
    width: 147px;
    height: 147px;
}