.container {
    width: 1200px;
}

.nav_select {
    padding: 5px 15px;
    color: #fff;
    font-size: 14px;

    border: 0;

        /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: 0;

    /*很关键：将默认的select选择框样式清除*/
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;

    /*在选择框的最右侧中间显示小箭头图片*/
    background: url("/Public/Assect/pc/images/select_white.png") no-repeat scroll right center rgba(255, 255, 255, .2);
    background-position-x: 50px;


    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 24px;
}
.nav_select option{
    background-color: #dddddd;
}

.fixed-active .nav_select{
    color: #333;
    background: url("/Public/Assect/pc/images/select_black.png") no-repeat scroll right center rgba(221, 221, 221, .3);
    background-position-x: 50px;
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

.nav_select::-ms-expand {
    display: none;
}

.navSub {
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 90px;
    width: 400px;
    margin-top: 23px;
    display: none;
    background: #5379B3;
    border-radius: 8px;
}

.navSub:before {
    display: block;
    content: "";
    position: absolute;
    left: 24%;
    margin-left: -11px;
    top: -13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 13px 13px 13px;
    border-color: transparent transparent #5379B3 transparent;
}

#cssmenu .navSubList {
    padding: 15px 25px;
    border-radius: 5px;
    float: left;
    width: 150px;
}

#cssmenu .navSubLi h4 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

#cssmenu .navSubLi h4 a {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 42px;
    background-position: right center;
    background-repeat: no-repeat;
    transition: all 0.3s ease-out 0s;
}

.banner-pagination {
    width: 1200px;
    height: 20px;
    margin: 0 auto;
    position: relative;
    bottom: 220px;
}

.banner-pagination .swiper-pagination-bullet:first-child {
    margin-left: 0;
}

.banner-pagination .swiper-pagination-bullet {
    width: 35px;
    border-radius: unset;
    margin-left: 10px;
}

.banner-pagination .swiper-pagination-bullet-active {
    background: #fff;
}

.nav_right {
    float: right;
    width: 250px;
    padding: 15px;
    padding-left: 0;
}

.nav_right img {
    width: 235px;
    height: 120px;
}

.nav_right h3 {
    font-size: 16px;
    color: #fff;
    /* font-weight: bold; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 6px 0;
}

.nav_right p {
    margin-top: 5px;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-align: justify;
}

#cssmenu .navSubLi h4 a.nav-link:hover,
.fixed-active #cssmenu ul.navList li.navLi .navSub .navSubList .navSubLi h4 a.nav-link:hover {
    color: #69E6CD;
}

.fixed-active #cssmenu ul.navList li.navLi .navSub .navSubList .navSubLi h4 a {
    color: #fff;
}

#videoBox {
    display: none;
    width: 672px;
    height: 378px;
    position: fixed;
    z-index: 100;
    /*border: 10px solid #212223;*/
    transition: 0.5s;
}

#videoBox.in {
    left: 50%;
    top: 50%;
    margin-left: -336px;
    margin-top: -189px;
    animation: ac 1s;
}

#videoBox.out {
  position: fixed;
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
  width: 320px;
  height: 180px;
  z-index: 101;
  animation: an 0.5s;
}

#zoom{
    width: 320px;
    height: 180px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 102;
}

.close_video {
    position: absolute;
    right: 4px;
    top: 4px;
    border-radius: 100%;
    cursor: pointer;
    z-index: 111;
}

.video {
    width: 340px;
    height: 200px;
    border: 10px solid #212223;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
}

.videolist:hover {
    cursor: pointer;
}

.video_cover {
    width: 320px;
    height: 180px;
}

.videoed {
    display: none;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 99;
    border-radius: 100%;
}


/*#videoBox{
    border: 10px solid #212223;
    transition: 0.5s;
}
#videoBox.in {
  animation: ac 1s;
}
#videoBox.out {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 300px;
  z-index: 999;
  animation: an 0.5s;
}
*/


/*壹号娱乐NG*/

.video-back {
    width: 100%;
    height: 810px;
}

.banner-bottom {
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0;
    background-image: url(/Public/Assect/pc/images/banner-bottom.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1;
}

.video-body {
    width: 1200px;
    margin: 0 auto;
    padding-top: 220px;
}

.video-body h3 {
    font-size: 32px;
    color: #fff;
}

.video-body h1 {
    font-size: 47px;
    color: #fff;
    margin: 18px 0px 33px;
    /*font-weight: bold;*/
}

.video-body p {
    font-size: 16px;
    color: #fff;
}

.video-body a.video-more {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    width: 165px;
    height: 46px;
    line-height: 46px;
    margin-top: 55px;
    padding-left: 24px;
    position: relative;
    z-index: 9;
    background: rgb(255, 255, 255, 0.2);
}

.video-more:after {
    content: '';
    background-image: url(/Public/Assect/pc/images/index-yfpt-right.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 14px;
    right: 15px;
}

.banner-project {
    position: relative;
    top: 0;
    left: 0;
}

.nav-swiper {
    width: 1200px;
    height: 300px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.nav-swiper-body {
    padding: 0 50px;
    position: absolute;
    top: 0;
    right: 0;
}

#swiper1 {
    width: 595px;
    height: 300px;
}

#swiper1 .swiper-slide {
    width: 285px;
    height: 300px;
    background: #fff;
    border-radius: 5px;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url(/Public/Assect/pc/images/index-icon-left.png);
    width: 20px;
    height: 30px;
    background-size: 20px 30px;
    top: 100px;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url(/Public/Assect/pc/images/index-icon-right.png);
    width: 20px;
    height: 30px;
    background-size: 20px 30px;
    top: 100px;
}

.index-project {
    text-align: center;
}

.index-project img {
    width: 100px;
    height: 100px;
    margin-top: 10px;
}

.index-project h3 {
    font-size: 18px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
}

.index-project p {
    font-size: 16px;
    color: #838fae;
    margin: 0px 25px 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-align: justify;
    min-height: 96px;
}

.index-project a {
    display: inline-block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #fff;
    font-size: 16px;
    background: -moz-linear-gradient(left, rgb(28, 151, 235), rgb(104, 229, 205));
    background: -ms-linear-gradient(left, rgb(28, 151, 235), rgb(104, 229, 205));
    background: -o-linear-gradient(left, rgb(28, 151, 235), rgb(104, 229, 205));
    background: -webkit-linear-gradient(left, rgb(28, 151, 235), rgb(104, 229, 205));
}

.index-project a span {
    position: relative;
    padding-right: 30px;
}

.index-project a i {
    content: '';
    background-image: url(/Public/Assect/pc/images/index-project-set.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 3px;
    right: 0;
}

.index-project:hover a {
    color: #1c97ec;
    background: #fff;
}

.index-project:hover a i {
    background-image: url(/Public/Assect/pc/images/index-project-icon.png);
}

.index-body {
    width: 100%;
    height: auto;
    display: table;
    padding-top: 70px;
    background: #F9F9F9;
}

.index-title-body {
    width: 100%;
}

.index-title-img {
    width: 90px;
    height: 79px;
    float: left;
}

.index-title-desc {
    margin-left: 20px;
    height: 79px;
    float: left;
}

.index-title-desc h1 {
    font-size: 36px;
    font-weight: bold;
    color: #004f98;
    height: 49px;
    line-height: 49px;
}

.index-title-desc p {
    font-size: 16px;
    color: #848484;
    height: 30px;
    line-height: 30px;
}

.index-title-lump {
    width: 12px;
    height: 35px;
    margin-top: 22px;
    background: #1c97ec;
    float: right;
}

.index-title-more {
    font-size: 16px;
    color: #333333;
    height: 35px;
    line-height: 35px;
    margin: 22px 28px;
    float: right;
}

.index-yfpt {
    width: 100%;
    margin: 30px 0;
}

.index-yfpt ul li {
    width: 19.2%;
    height: 432px;
    margin-left: 1%;
    float: left;
}

.index-yfpt ul li .yfpt-img {
    width: 100%;
    height: 432px;
    border-radius: 8px;
}

.index-yfpt ul li:first-child {
    margin-left: 0;
}

.yfpt-body {
    display: none;
    width: 100%;
    height: 432px;
    text-align: center;
    position: relative;
    background-image: url(/Public/Assect/pc/images/index-yfpt.png);
    background-size: 100% 432px;
    border-radius: 8px;
}

.index-yfpt ul li:hover .yfpt-default {
    display: none;
}

.index-yfpt ul li:hover .yfpt-body {
    display: block;
}

.yfpt-default {
    position: relative;
}

.yfpt-title {
    width: 100%;
    font-size: 18px;
    /*font-weight: bold;*/
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 66px;
    line-height: 66px;
    padding: 0 25px;
    text-align: center;
    position: absolute;
    bottom: 0;
    background-image: url(/Public/Assect/pc/images/yfpt-title.png);
    background-size: 100% 100%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.yfpt-body i {
    display: inline-block;
    background-image: url(/Public/Assect/pc/images/icon-yftp-add.png);
    width: 23px;
    height: 23px;
    background-size: 23px 23px;
    position: absolute;
    left: 10px;
    top: 3px;
}

.yfpt-desc {
    padding: 128px 0 90px;
}

.yfpt-desc img {
    width: 66px;
    height: 66px;
}

.yfpt-desc h3 {
    font-size: 18px;
    color: #fff;
    margin: 22px 25px;
}

.yfpt-body a {
    display: inline-block;
    width: 134px;
    padding: 10px 0 10px 30px;
    font-size: 14px;
    color: #fff;
    border: 1px #fff solid;
    position: relative;
    text-align: left;
}

.yfpt-body a:after {
    content: '';
    background-image: url(/Public/Assect/pc/images/index-yfpt-right.png);
    background-size: 16px 16px;
    background-repeat: no-repeat;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 12px;
    right: auto;
}

.index_bg_yfpt {
    background-image: url(/Public/Assect/pc/images/bg_yfpt.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    /*padding-top: 30px;*/
}

.index_bg_yfgx {
    padding-bottom: 70px;
    background-image: url(/Public/Assect/pc/images/bg_yfgx.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.index_bg_news {
    background-image: url(/Public/Assect/pc/images/bg_news.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.index-number {
    width: 100%;
    height: 394px;
    background-image: url(/Public/Assect/pc/images/index-number.jpg);
    background-size: 100% 394px;
    background-repeat: no-repeat;
    /*margin-top: 70px;*/
}

.index-gx {
    width: 100%;
    height: 372px;
    margin: 30px 0;
}

.gx-default1 {
    background: #0F6FB8;
}

.gx-default2 {
    background: #76A636;
}

.gx-default3 {
    background: #DEDDDD;
    text-align: right;
    padding-right: 20px;
    overflow: hidden;
}
.gx-default4 {
    background-color: #76A636;
}
.pro-bar .gx-default4::after {
    content:'';
    background-image:url(/Public/Assect/images/yfgx_xx.png);
    background-size:100px 20px;
    background-repeat:no-repeat;
    position: absolute;
    width: 100px;
    height: 20px;
    top: 0;
    right: 0;
}
.gx-select {
    background: -moz-linear-gradient(left, rgb(28, 151, 235), rgb(104, 229, 205));
    background: -ms-linear-gradient(left, rgb(28, 151, 235), rgb(104, 229, 205));
    background: -o-linear-gradient(left, rgb(28, 151, 235), rgb(104, 229, 205));
    background: -webkit-linear-gradient(left, rgb(28, 151, 235), rgb(104, 229, 205));
}

.gx-tr:hover td {
    color: #1c97ec;
}

.index-gx-left {
    width: 300px;
    height: 900px;
    float: left;
    background: rgb(0, 0, 0, 0);
    border-radius: 10px;
    display: none;
}

.gx-left-body {
    width: 276px;
    height: 900px;
    /*padding-top: 50px;*/
    background-size: 100% 100%;
    background-repeat: no-repeat;
    overflow: auto;
}

.gx-left-body h1 {
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 57px;
    line-height: 57px;
    padding: 0 16px 0 20px;
    text-align: center;
}

.gx-left-body p {
    font-size: 16px;
    color: #fff;
    text-align: justify;
    height: 850px;
    line-height: 28px;
    margin: 0 10px;
    padding: 0 6px 0 10px;
    overflow-x: hidden;
    overflow-y: auto;
}

 /*滚动条样式*/
.gx-left-body::-webkit-scrollbar {
    width: 4px;
    /*height: 4px;*/
}
.gx-left-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgb(85,182,200,0.3);
    background: rgb(85,182,200,0.3);
}
.gx-left-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px transparent;
    border-radius: 0;
    background: transparent;

}

.index-gx .gx-bg {
    background-image: url(/Public/Assect/pc/images/gx-bg.png);
    background-size: 100% 100%;
}

.gx-bg1 {
    background-image: url(/Public/Assect/pc/images/gx-bg1.png);
}

.gx-bg2 {
    background-image: url(/Public/Assect/pc/images/gx-bg2.png);
}

.gx-bg3 {
    background-image: url(/Public/Assect/pc/images/gx-bg3.png);
}

.gx-bg4 {
    background-image: url(/Public/Assect/pc/images/gx-bg4.png);
}

.gx-bg5 {
    background-image: url(/Public/Assect/pc/images/gx-bg5.png);
}

.gx-bg6 {
    background-image: url(/Public/Assect/pc/images/gx-bg6.png);
}

.gx-bg7 {
    background-image: url(/Public/Assect/pc/images/gx-bg7.png);
}

.gx-bg8 {
    background-image: url(/Public/Assect/pc/images/gx-bg8.png);
}

.gx-bg9 {
    background-image: url(/Public/Assect/pc/images/gx-bg9.png);
}

.gx-bg10 {
    background-image: url(/Public/Assect/pc/images/gx-bg10.png);
}

.gx-bg11 {
    background-image: url(/Public/Assect/pc/images/gx-bg11.png);
}

.gx-bg12 {
    background-image: url(/Public/Assect/pc/images/gx-bg12.png);
}

.index-gx-right {
    width: 860px;
    height: 829px;
    float: right;
    border-radius: 10px;
    position: relative;
}

.gx-right-table{
    /*background-color: #fff;*/
}

.index-gx-right .zl {
    background: #0F6FB8;
    width: 40px;
    height: 577px;
    position: absolute;
    top: 66px;
    left: -40px;
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index-gx-right .fzl {
    background: #76A636;
    width: 40px;
    height: 261px;
    position: absolute;
    top: 642px;
    left: -40px;
    font-size: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gx-right-table tr th {
    width: 86px;
    height: 60px;
    margin-right: 1.5px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    border-left: 1px solid #fff;
}

.gx-right-table .gx-right-th {
    background: #B2B0B1;
/*    background: -moz-linear-gradient(left, rgb(28, 151, 235), rgb(104, 229, 205));
    background: -ms-linear-gradient(left, rgb(28, 151, 235), rgb(104, 229, 205));
    background: -o-linear-gradient(left, rgb(28, 151, 235), rgb(104, 229, 205));
    background: -webkit-linear-gradient(left, rgb(28, 151, 235), rgb(104, 229, 205));*/
}

.gx-right-th th div{
    display: inline-block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #fff;
    text-align: center;
    float: left;
}

.gx-right-th th span{
    display: inline-block;
    box-sizing: border-box;
    width: 20%;
    height: 36px;
    /*line-height: 30px;*/
    text-align: center;
    float: left;
    border-left: 1px solid #fff;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.gx-right-table tr td {
    width: 86px;
    height: 50px;
    margin-right: 1.5px;
    text-align: center;
    font-size: 12px;
    color: #333;
    word-wrap: break-word;
}

.gx-right-table tr th:nth-child(1) {
    border: 0 !important
}

.gx-right-table tr th:nth-child(3) {
    min-width:108px !important
}

.gx-right-table tr th:nth-child(5) {
    min-width:322px !important
}

.gx-right-table tr{
    background-color:#fff;
    border-bottom: 1px solid #B2B0B1;
}

.gx-right-table tr.yfgx_bottom_solid{
    border-bottom: 2px solid #333;
}

.yfgx_solid{
    border-left: 1px solid #B2B0B1;
    border-right: 1px solid #B2B0B1;
}

.gx-right-table tr td.yfgx_dashed {
    border-bottom: 1px dashed #B2B0B1;
}
.gx-right-table tr td.yfgx_none {
    border-bottom: 0;
}

.pro-bar {
    /*background: hsl(0, 0%, 97%);*/
    /* box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.1) inset; */
    height: 20px;
    margin-bottom: 16px;
    margin-top: 15px;
    position: relative;
}

.progress_bar_title {
    /*color: hsl(218, 4%, 50%);*/
    color: #D5D6E2;
    font-size: 15px;
    font-weight: 300;
    position: relative;
    top: -28px;
    z-index: 1;
}

.progress_number {
    float: right;
    margin-top: -24px;
}

.progress-bar-inner {
    /*background-color: hsl(0, 0%, 88%);*/
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: width 1s linear 0s;
    animation: animate-positive 2s;
}
.progress-bar-inner::after {
    content:'';
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAYAAAC07qxWAAAABHNCSVQICAgIfAhkiAAAAGtJREFUKFNj/P//fwMDA0M9EOMFjCBZoOJ2IFWBTyVYITGK4QoJKUZRCFXcD6QL0J2BoRCXYqwKsSnGqRBdMV6FyIoJKoQqnkaswn6CCoGxBg4uyj0DMwkW8OQHOK6URHqiIJQmiU+4xGYFAGDNTuydceV9AAAAAElFTkSuQmCC);
    background-size:10px 20px;
    background-repeat:no-repeat;
    position: absolute;
    width: 10px;
    height: 20px;
    top: 0;
    right: 0;
}

.progress_title{
    width: 55px;
    height: 20px;
    line-height: 20px;
    text-align: left;
    position: absolute;
    right: -60px;
    top: 0;
}

.gx-right-table tr:nth-child(3) .progress_title{
    font-size: 8px;
    height: 12px;
    line-height: 12px;
}


.yfgx_qq,.yfgx_cn,.yfgx_xrb{
    position: relative;
    margin-left: 15px;
}
.yfgx_hxcp{
    position: relative;
    /*padding-right: 18px;*/
}
.yfgx_hxcp::after {
    content:'';
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAAABHNCSVQICAgIfAhkiAAAATNJREFUOE+tk9FNwzAURa8j+MbtAtAJyAaln4hGaicgI3QDwgYdgQ3aqkX8lg1gApiAuP/QxzUOqmWSOAIsWbEc+7z37n1W+KehYpwFtJ7CmNi5KOgeOreQK5i7NlgUtEGfABmOUQ7+COq9AupUsJ9mMMsmWGtGD9BnH0he3GXZMqtRK8gKegzkCsmJf3APSRXUxNubM7IRyMVhT1ZjGLvvhoMlcy6vYw5VGe4UZPZtwo/S1tCMphhBnTcBmdHzEWRyCUP93GjUaI1+wZ83IYyQxwylV9rvQeYdMgibtCWj3pblDSs9Vvymtg2+/ANuM7wVfra1oEr4kld2nIV1xV5y5cqMyzJs0FoQBaflqkggOV158iO73rJmyNJ/NrUgvq80BISiW2An17r10uFU9NF2BX4CnK1jEjxVx1EAAAAASUVORK5CYII=);
    background-size:18px 19px;
    background-repeat:no-repeat;
    position: absolute;
    width: 18px;
    height: 17px;
    top: -10px;
    right: -10px;
}
.yfgx_hxcp_tips{
    position: relative;
    padding-left: 23px;
    margin-right: 36px;
    display: inline-block;
}
.yfgx_hxcp_tips::before {
    content:'';
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAAABHNCSVQICAgIfAhkiAAAATNJREFUOE+tk9FNwzAURa8j+MbtAtAJyAaln4hGaicgI3QDwgYdgQ3aqkX8lg1gApiAuP/QxzUOqmWSOAIsWbEc+7z37n1W+KehYpwFtJ7CmNi5KOgeOreQK5i7NlgUtEGfABmOUQ7+COq9AupUsJ9mMMsmWGtGD9BnH0he3GXZMqtRK8gKegzkCsmJf3APSRXUxNubM7IRyMVhT1ZjGLvvhoMlcy6vYw5VGe4UZPZtwo/S1tCMphhBnTcBmdHzEWRyCUP93GjUaI1+wZ83IYyQxwylV9rvQeYdMgibtCWj3pblDSs9Vvymtg2+/ANuM7wVfra1oEr4kld2nIV1xV5y5cqMyzJs0FoQBaflqkggOV158iO73rJmyNJ/NrUgvq80BISiW2An17r10uFU9NF2BX4CnK1jEjxVx1EAAAAASUVORK5CYII=);
    background-size:18px 19px;
    background-repeat:no-repeat;
    position: absolute;
    width: 18px;
    height: 17px;
    top: -1px;
    left: 0;
}
.yfgx_xx_tips{
    width: 80px;
    height: 10px;
    border: 2px dashed #76A636;
    display: inline-block;
    margin-right: 5px;
}
.yfgx_xx_tips_box,.yfgx_xx_title{
    display: inline-block;
}
.yfgx_qq::before {
    content:'';
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAABHNCSVQICAgIfAhkiAAABHhJREFUOE81lFtsFGUUx3+z90tvtIW2LKVsQ7mzhcolQmk0SpUUCCCEizE8iBovMcYoL8Y3n0188wVf9EFFYjQxhUTQCDYIWNOWtrRl29Lbbrft7k5nd3Z2Zmc+v2L8HuZ7mHP+37n8zlHyek74UMDrxRE2hmVRKLmxDJ2EmgIzzYIZJFKexe8tQ7ObWV8TotIrcAFunxthu/EoxJRsPinKPD4EPmxbJ61mGBt/zMTiLA9zDjVCJ6UVaC7rZdqu5M6j4xzaWMWxjkY219dQFfKjCA9uxxNT8sai8FPEJkAu9zdPJu8jLIOcR+fHqXIqSdOQLtA92oizJsDweATdLLFjncJ7R3bRsbOZsN+Pxy3F1EJWeEWWuYUUodJXhIvTWKUm+pfdfDe2laj3Ca11Y/RM7+dqfx1qxo9lOfhKOfa1BLh0LEZHrIXyoEwzr2fF+GKO7vt9HNlymw1KL44dZsm2GMxvR1ETVJQn6Z7Zys8PW8gkvWiqD3deI+RR6Wir4vL5TrZHIzElrc2LL3tU7so6fbznAbtCt2XSQUxhkZOVLCwbDGXX8c3AFnonqinlLDTDjzDk32KODdUl3j/1DBcOPxtTRueT4p1rU9j+NJ9s+4PdFbekSD0uOygbskAiG+D7J1Fu3NtDcsHEMQUGJoZM02Xq1Ejriy818fbZzpjSE58X565PEnGbXI4OEKu/juLJSqcwKSvE/alqfujbxuhEPcVcAdM0Me0CWBlclka1P8vpQ6s4c3hnTPlzLCVe/WmclY4eXzXMC5t6qAsPkFhYzW/TnTxOr2Fk1kMylaeg21hFS/KYwW2qKHmJTlmKrn1BDu5oiCl3xmbFxa/j6C6bWrHEgdo5Dm7+h6kZh+7h59F0h4IinyotkZo3KeYtXNJO0UsoBUF1cJEXd4ckIo0ystGEuHDlIRmfh4BMoxqNLU1TrK1IMaE2k03GmRqvw+1exraK6Lni0+mwcrKmMsoK3xJdB9Zy7sxzMSWeTItTVwZQ1SJawcArDRWXgr+4jEsxqKjK4HPm2Lp+htrQIpn51cTHggw9slD1SoKuJY62t/DuxdMS2vy4+OjbFDd6ZlZAIBOEklmOKEixfB5vUSXaMErX3hmqhIFd8LCgGvSNVtI/5CXgVrh0rpO3Xj8fU3L5ETEox+bDL34noQk0R4rZQgrK9tsOXmuZDWviHNv/FxUlDUsLktYF8dkQwyOwrWUvn37wBrvaNsWUYrEobMfml95pPrs2xPScimHIrjkCy7ZxFXTCzLO9IU5bdFKy5WMhHWJkwsTri/Dma69w4eQRQgF3TLFWxBQFzXT49cE4n1/t4dGsjm1YkilHDr2OuzRFbSBBW0sYn22QmM1TVd7IyaNdnD3xMqFQAI/HG1NMsygUIVOTO80o2dwdnODarX4Gx2aYTixJURkBGbm/MmyMlLFKrpx19evp6jrB5o1RwgG/3Gr8JyaEsUnyiqT26bXymV3UuHmvj+6b91jWzKdA+1kmGqmgvb2d1tZWIrW10se/4vb/mfwXeyJTAdL+hjYAAAAASUVORK5CYII=);
    background-size:19px 18px;
    background-repeat:no-repeat;
    position: absolute;
    width: 19px;
    height: 18px;
    top: 0;
    left: -20px;
}
.yfgx_cn::before {
    content:'';
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAABHNCSVQICAgIfAhkiAAABAlJREFUOE9tlF1oHFUUx//3zs5+zOxm87UbFU3SNMalmNaahKKoaOtq8bPVBymKsVFMFRFaKFJBX/TZB0HwXVQEfdRqiVppQ4VoEak2MR9Nia223SS7O9ndmb0z93rubNLE6N0d9nN+53/O+Z/DFB1sOiqQEIVFVH6fRLC0CGd8AjAMxLd0InXXEIx0mt53gTG2+dYc2whUUoWg5a/HUP3lHGKZNli93TAScbqRQQkB/1oBXmEJvCOLpgfu3QxeB6ogQPXCPP489g7iqSTs23qB/4oPFen/imIZQYQjve8xJO/cARaJaMUNoM66NjOHudffQLRSRbKna3Mqq591imsVYhAlB8JOoH30IJqoFCIIckwSLXA9TD0zAuerb5Dpz8FM2f8DJBhnpEIrlOHvUvhwrhSgtvTglrePwto1kGOBlKr4wzimHj8AXqui9aYMzFgUzNQ129Avg8PIxqg5QLBQ0yVFQGBnuQxXMWQOPovs0ddyzBdCTT03iuJnXyBCUZNWgmpoIrY9Ce/sCpRPaojL0xEk7mmBmK9BzFTCxEU1wIpbR51qmtx9H9oPvZhjlUuX1eSeJ1CfnEYkLhFrUUh1RtE2ejPKHxUgZl3IskRQCkgUPWwOsz+OgIDlM1V49J1+b3Z3ITW0PccK355U0w/uA4dEYquP9FN12NuARHcKsmhD/GGicryG2vdOo64WENnJESQ4nDEVwsJQ2Sz4rVtz7NqJ79TMQ/spXQWDK9gDAu1HXJitWoKB8nsJuGcpa0+FaSpOzYgSRDL4da2OXleBTAMLJ0+p2fx+cFGneitKWaLtcI3gDIbFUP7AhD9LlFXDKAqqyATSINsUeQgLgWR09BKwPD2nZvJPQs1fJFcQMCNh9QsEvxpUFwW5AvjnqbVrJ6rA+iRkEqj9SMHCGlJwGktrcEeOeV5dXXjhEFY+/ZzqqMLUw/QJoANwmxStkEKDQK2UND19lzUUlhoKpUEOyN+P5pHhHBNkm8UvT+DyyKvA0lKYtkmXTlJfejbCFWBRoNt9BBWO+m9GqGqtfvzGG9D88jDahg+QsQOp3OVlXDp8rKHSF6FCrVarvA6MkMImBd8hkNCeaHQ3iCdg5Xcj++YR2DvJNpImRTu+PPEzrr71LlyaGu7rBmmFDaVrR3dZ6hRXYZJgsbt3ofWVETTvzdN0RdaXg3BdOGcmsPj+h/B+Ip/89Te41Br+DQyhjArT3ITo0CBaXnoe6b17ELUs+L6/vr5IKWgMaYVdhHN8DO6pcYhz56EcMnTdoxEkC9NNzLZh9vUi2r8NyUceRnLgDpi0Lznn19dXzwYR8DwPbqkE7/QESh9/AnfhClC8Cngu0NGBeLYTsacfRXqwH/G+PsRitDDWz8I/bkHiRVzRSn4AAAAASUVORK5CYII=);
    background-size:19px 18px;
    background-repeat:no-repeat;
    position: absolute;
    width: 19px;
    height: 18px;
    top: 0;
    left: -20px;
}
.yfgx_xrb::before {
    content:'';
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABHNCSVQICAgIfAhkiAAAAmdJREFUOE+dlF9IU1Ecx7/n3t3tOjenZaGwYbhpj12JXH8ZaEgEjgoj6aF6SEcrMCEJDPvDHoqKgqiX3iTopbfotRIs0eqpIUW6KInl3Cg2m9u9272ns63rNkra/HEfLuec3+f3+3LO90coC+ihacjGYki+mMDy4yfQFr5BCYfzu4LDDsHlgqW/D2bPXhjqbQDH6ZkS0UGakoEcDOLnWAApBoKssEMk/+VDL2e1wtTTjfrzftTu7AQxGHK7BZCWzSI5+RqxoQvQgh+Kyautlv8QgwBx3240XL0EcZebwXgG0jQqz4WwdHIQyvSb/0JWkQyW62xDYAzmjm0SUdNpGhm9jOSdBwUVupQ1uildJpsaYfUPwHxmQCLpUIiG9/dC+/K1gtTyI5RVFXu6YPGdkkji6TMa8R4DqaKTUhzvbIWwfYdEwrdu05WRK1VJKgM1NUFwuiQS8vkpfThetSw9gddB0Xv3aXzo4vpBzc0Qtjol8uv5S7p44DCQzawLxre3Qdjjlkhqbp5+9x6F9vFT9SD2qmt6D8I8yK5fVRQaC9zA8s27gJKzRaVBwLc4YBs+B8uJ4xLRVJXKoc+Inh2GMvEKyDCJlTwFiwU1R7zYODoCU3tbwWtUVZGamsaPa9chz7wFksm12yIcSIMNRjYB6nynYe32gPCGovspM+7KzDskxh9BnpwCXVyCGo8Xzc/xIDYrjFtaIHZ5UNt3CGKHBM5oLLpfL88MjEwkkp9H2fezyLALILnxwZ49NQngXK2wMLeL7k4YNjeWGjPfkesvHbIMOZqAPD/L5tKf3ToTTA4HTHb7v2Qv/Aa4P+jvlpShZAAAAABJRU5ErkJggg==);
    background-size:19px 18px;
    background-repeat:no-repeat;
    position: absolute;
    width: 19px;
    height: 18px;
    top: 0;
    left: -20px;
}
/*.progress-bar-inner:before {
    content: "";
    background-color: hsl(0, 0%, 100%);
    border-radius: 50%;
    width: 4px;
    height: 4px;
    position: absolute;
    right: 1px;
    top: 0;
    z-index: 1;
}*/


/*.progress-bar-inner:after {
    content: "";
    width: 14px;
    height: 14px;
    background-color: inherit;
    border-radius: 50%;
    position: absolute;
    right: -4px;
    top: -5px;
}*/

@-webkit-keyframes animate-positive {
    0% {
        width: 0%;
    }
}

@keyframes animate-positive {
    0% {
        width: 0%;
    }
}

.counts {
    margin-top: 50px;
}

.counts .counters .col-lg-3 {
    text-align: center;
}

.counts .counters span {
    font-size: 70px;
    color: #fff;
    font-weight: 600;
}

.counters .num {
    position: relative;
    padding-left: 16px;
}

.counts .counters p {
    padding: 0;
    margin: 0 0 20px 0;
    font-size: 26px;
    color: rgba(255, 255, 255, 0.8);
}

.number-add {
    display: inline-block;
    background-image: url(/Public/Assect/pc/images/number-add.png);
    width: 23px;
    height: 23px;
    background-size: 23px 23px;
    position: relative;
    right: 0;
    bottom: 45px;
}

.news {
    padding-bottom: 70px;
}

.index-news-left {
    width: 48%;
    height: 384px;
    margin: 30px 0;
    float: left;
}

.index-news-right {
    width: 48%;
    height: 384px;
    margin: 30px 0;
    float: right;
}

.news-right-date {
    font-size: 12px;
    color: #999999;
    padding-left: 50px;
    height: 20px;
    line-height: 20px;
    position: relative;
}

.news-right-date:before {
    content: '';
    background-image: url(/Public/Assect/pc/images/news-date.png);
    background-size: 100% 10px;
    background-repeat: no-repeat;
    position: absolute;
    width: 30px;
    height: 10px;
    top: 4px;
    left: 0;
}

.news-right-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 32px;
    line-height: 32px;
}

.news-right-desc {
    font-size: 14px;
    color: #838fae;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-align: justify;
    height: 66px;
    margin-bottom: 15px;
}

#swiper2 {
    width: 585px;
    height: 384px;
}

#index-news-banner {
    border-radius: 8px;
}

.index-news {
    width: 100%;
    height: 384px;
    position: relative;
}

.index-news div {
    width: 100%;
    height: 76px;
    position: absolute;
    bottom: 0;
    font-size: 20px;
    color: #fff;
    padding: 10px 25px;
    background-image: url(/Public/Assect/pc/images/yfpt-title.png);
    background-size: 100% 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.code_box img {
    width: 120px;
    height: 120px;
}




/*页面banner*/

.bg_about {
    background: url(/Public/Assect/pc/images/bg_top_high.jpg) repeat center top;
    background-size: 100% auto;
    min-height: 1200px;
    background-color: #fff;
}

.bg_partner {
    background: url(/Public/Assect/pc/images/bg_top.jpg) repeat center top;
    background-size: 100% auto;
    min-height: 900px;
    background-color: #fff;
}

.bg_contact {
    background: url(/Public/Assect/pc/images/bg_top.jpg) repeat center top;
    background-size: 100% auto;
    min-height: 900px;
    background-color: #fff;
}

.bg_join {
    background: url(/Public/Assect/pc/images/bg_top.jpg) repeat center top;
    background-size: 100% auto;
    min-height: 900px;
    background-color: #fff;
}

.bg_news {
    background: url(/Public/Assect/pc/images/bg_top_high.jpg) repeat center top;
    background-size: 100% auto;
    min-height: 1200px;
    background-color: #fff;
}

.bg_project {
    background: url(/Public/Assect/pc/images/bg_top_high.jpg) repeat center top;
    background-size: 100% auto;
    min-height: 1200px;
    background-color: #fff;
}

.left_nav {
    width: 180px;
    text-align: center;
}

.banner-title {
    position: absolute;
    top: 210px;
    left: 20%;
    font-size: 48px;
    color: #fff;
    font-weight: bold;
    letter-spacing: 5px;
}



/*.list-icons>li{
    margin-top: 0;
}*/


/*关于壹号娱乐NG*/

.about_cover {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.about_content {
    width: 800px;
    position: relative;
    top: -50px;
    left: 50px;
    background: #fff;
    border-radius: 5px;
}

.content-top {
    width: 100%;
    height: 110px;
}

.content-top img {
    width: 54px;
    height: 57px;
    margin: 39px 0 14px 56px;
}

.about_detail {
    font-size: 16px;
    color: #333;
    text-align: justify;
    text-indent: 2em;
    padding: 0 80px 80px;
    line-height: 32px;
}

.about_img {
    width: 100%;
    height: auto;
}

.about_img img {
    width: 32%;
    float: left;
}

.about_img img:nth-child(2) {
    margin: 0 2%;
}




/*合作伙伴*/

.partner-img {
    width: 100%;
    height: 202px;
}

.product_list .product-body .box_li ul li.partner-content .card-title {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 50px;
    line-height: 26px;
}

.partner-content:hover .card-title {
    background: -moz-linear-gradient(left, rgb(28, 151, 235), rgb(104, 229, 205));
    background: -ms-linear-gradient(left, rgb(28, 151, 235), rgb(104, 229, 205));
    background: -o-linear-gradient(left, rgb(28, 151, 235), rgb(104, 229, 205));
    background: -webkit-linear-gradient(left, rgb(28, 151, 235), rgb(104, 229, 205));
}

.partner-content:hover .card-title a {
    color: #fff;
}




/*联系壹号娱乐NG*/

.map {
    width: 100%;
    margin: 40px 0 80px;
}

.contact_detail {
    margin-top: 30px;
    margin-bottom: 60px;
    padding-left: 300px;
}

.contact_detail ul {
    width: 400px;
    float: left;
}

.contact_detail .contact_u2 {
    width: 300px;
}

.contact_detail .contact_u3 {
    width: 500px;
}

.contact_detail ul li {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.contact_detail ul li h3 {
    font-size: 18px;
    color: #333;
    display: inline-block;
}

.contact_detail ul li p {
    font-size: 14px;
    color: #333;
    display: inline-block;
}

.c_icon1,
.c_icon2,
.c_icon3,
.c_icon4,
.c_icon5,
.c_icon6,
.c_icon7,
.c_icon8,
.c_icon9 {
    width: 15px;
    height: 15px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 20px;
    position: relative;
    top: 2px;
}

.c_icon1 {
    background-image: url(/Public/Assect/pic/contact/icon1.png);
}

.c_icon2 {
    background-image: url(/Public/Assect/pic/contact/icon2.png);
}

.c_icon3 {
    background-image: url(/Public/Assect/pic/contact/icon3.png);
}

.c_icon4 {
    background-image: url(/Public/Assect/pic/contact/icon4.png);
}

.c_icon5 {
    background-image: url(/Public/Assect/pic/contact/icon5.png);
}

.c_icon6 {
    background-image: url(/Public/Assect/pic/contact/icon6.png);
}

.c_icon7 {
    background-image: url(/Public/Assect/pic/contact/icon7.png);
}

.c_icon8 {
    background-image: url(/Public/Assect/pic/contact/icon8.png);
    top: -18px;
}

.c_icon9 {
    background-image: url(/Public/Assect/pic/contact/icon9.png);
}

#dituContent {
    width: 100%;
    height: 505px;
}




/*人才招聘*/

.join-ul li {
    width: 100%;
    padding: 20px 25px;
    margin: 20px 0;
}

.job-top h3 {
    font-size: 20px;
    color: #1c97ec;
    font-weight: bold;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.job-apply {
    font-size: 18px;
    color: #1c97ec;
    padding-right: 40px;
    float: right;
    position: relative;
    z-index: 99;
    cursor:pointer;
}

.join-job:hover .job-apply:after {
    content: '';
    background-image: url(/Public/Assect/pc/images/job-apply.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 3px;
    right: 0;
}

.detail-job{
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.detail-job .job-apply{
    float: unset;
    background: #1c97ec;
    color: #fff;
    padding: 10px 20px;
    border-radius: 6px;
}

.job-desc {
    margin-top: 10px;
    font-size: 16px;
    color: #333;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-align: justify;
    min-height: 84px;
    border: 0;
    width: 800px;
    white-space:pre-wrap; /* css3.0 */ 
    white-space:-moz-pre-wrap; /* Firefox */ 
    white-space:-pre-wrap; /* Opera 4-6 */ 
    white-space:-o-pre-wrap; /* Opera 7 */ 
    word-wrap:break-word; /* Internet Explorer 5.5+ */ 
}

.tzz_ul li {
    width: 280px;
    height: 250px;
    float: left;
    text-align: center;
    border: 1px solid #eeeeee;
    margin-top: 35px;
    -moz-box-shadow: 2px 2px 10px #eeeeee;
    -webkit-box-shadow: 2px 2px 10px #eeeeee;
    box-shadow: 2px 2px 10px #eeeeee;
}

.tzz_ul li:nth-child(3n+2) {
    margin: 35px 30px 0;
}

.tzz_ul li:hover {
    border: 1px solid #dadada;
}

.tzz_ul li a img {
    width: 150px;
    height: 40px;
    margin-top: 25px;
    border-radius: 8px;
}

.tzz_ul li a h3 {
    font-size: 20px;
    color: #666;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 20px;
}

.tzz_ul li a p {
    font-size: 14px;
    color: #666;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    padding: 0 20px;
}


/*研发中心*/

.project-ul li {
    width: 100%;
    padding: 20px 25px;
    margin: 20px 0;
}

.item-img {
    width: 200px;
    height: 200px;
    float: left;
}

.item-body {
    width: 600px;
    height: 200px;
    float: right;
}

.item-title {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin-top: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.item-desc {
    margin-top: 10px;
    font-size: 16px;
    color: #333;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-align: justify;
    min-height: 112px;
}




/*新闻资讯*/

.news-ul li {
    width: 100%;
    padding: 20px 25px;
    margin: 20px 0;
}

.message-img {
    width: 290px;
    height: 200px;
    float: left;
    border-radius: 8px;
}

.message-body {
    width: 510px;
    height: 200px;
    float: right;
}

.message-title {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin-top: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.message-desc {
    margin-top: 10px;
    font-size: 16px;
    color: #333;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-align: justify;
    min-height: 84px;
}

.message-bottom {
    width: 100%;
    margin-top: 20px;
}

.message-date {
    font-size: 14px;
    color: #999999;
    float: left;
}

.message-more {
    font-size: 14px;
    color: #1c97ec;
    float: right;
}

.detail_content {
    padding: 25px 9px;
    font-size: 16px;
    text-align: justify;
    color: #333;
}

.detail_content img {
    max-width: 100%;
}

.detail_title {
    width: 100%;
}

.detail_title span {
    width: 8px;
    height: 32px;
    background: -moz-linear-gradient(top, rgb(28, 151, 235), rgb(104, 229, 205));
    background: -ms-linear-gradient(top, rgb(28, 151, 235), rgb(104, 229, 205));
    background: -o-linear-gradient(top, rgb(28, 151, 235), rgb(104, 229, 205));
    background: -webkit-linear-gradient(top, rgb(28, 151, 235), rgb(104, 229, 205));
    float: left;
    margin-right: 10px;
}

.detail_title h1 {
    font-size: 28px;
    font-weight: bold;
    color: #333;
    float: left;
}

.about_video {
    width: 100%;
    margin: 35px 0;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.about_article {
    width: 840px;
    margin: 30px;
}

.about_article img {
    width: 170px;
    height: 170px;
    /*margin: 6px;*/
    border-radius: 50%;
}

.about_article div {
    width: 600px;
    height: 170px;
}

.about_article h3 {
    font-size: 30px;
    font-weight: bold;
    color: #1c97ec;
    height: 50px;
    line-height: 50px;
}

.about_article p {
    font-size: 16px;
    color: #333;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-align: justify;
    height: 120px;
    line-height: 30px;
    text-indent: 2em;
}

.about_article .xyyf {
    text-align: right;
    color: #6cab01;
}

.about_article .gjsy {
    color: #F3684C;
}

.about_gshj {
    font-size: 28px;
    color: #333;
    margin-top: 50px;
}

.about_images {
    width: 100%;
    margin: 60px auto;
}

.about_images_top span {
    width: 209px;
    height: 197px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: 8px;
}

.about_images_top span:first-child {
    width: 437px;
}

.about_images_top span:nth-child(2) {
    margin: 0 22px;
}

.about5 {
    background-image: url(/Public/Assect/pic/about/5.png);
}

.about6 {
    background-image: url(/Public/Assect/pic/about/6.png);
}

.about7 {
    background-image: url(/Public/Assect/pic/about/7.png);
}

.about_hj {
    margin-top: 22px;
}

.about8 {
    width: 282px;
    height: 417px;
    margin-right: 26px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(/Public/Assect/pic/about/8.png);
    border-radius: 8px;
}

.about9 {
    width: 592px;
    height: 198px;
    margin-bottom: 22px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(/Public/Assect/pic/about/9.png);
    border-radius: 8px;
}

.about10 {
    margin-right: 24px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(/Public/Assect/pic/about/10.png);
    border-radius: 8px;
}

.about11 {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(/Public/Assect/pic/about/11.png);
    border-radius: 8px;
}

.about10,
.about11 {
    width: 282px;
    height: 197px;
}

.dszjy_top {
    position: relative;
    margin-bottom: 50px;
}

.message1 {
    width: 900px;
    height: 947px;
}

.m_p_top {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 500px;
}

.yjak_dszjy {
    width: 100%;
}

.yjak_dszjy p.m_p {
    font-size: 16px;
    color: #333;
    text-indent: 2em;
    line-height: 28px;
    text-align: justify;
    padding-right: 80px;
}

.dszjy {
    margin: 40px 0;
}

.message2 {
    margin-right: 24px;
    border-radius: 8px;
}

.m_zwwl {
    font-size: 28px;
    color: #333;
    margin: 20px 0;
    font-weight: bold;
}

.m_p_zwwl {
    text-indent: 0;
}

.m_map {
    margin: 40px 0;
}

.channel_nav .sidebar-column li a {
    padding: 15px 12px;
    border-radius: 0;
    background: rgb(255, 255, 255, 0.85);
}

.channel_nav .list-icons {
    padding-bottom: 0;
}

.channel_nav .list-icons>li {
    margin-top: 0;
    border-radius: 5px;
}

.channel_nav .list-icons {
    background-image: url(/Public/Assect/pc/images/channel_nav.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 100%;
    border-radius: 5px;
}

.cul_top {
    width: 100%;
    height: 340px;
    background-image: url(/Public/Assect/pic/culture/1.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 100%;
    margin-top: 35px;
    background-color: #eee;
}

.cul_top_right {
    width: 500px;
    margin-right: 35px;
}

.cul_top_title {
    text-align: center;
}

.cul_top_title h1 {
    margin: 50px 20px;
    font-size: 32px;
    font-weight: bold;
    color: #707070;
    display: inline-block;
    letter-spacing: 15px;
}

.cul_top_desc {
    border-top: 1px solid #707070;
    font-size: 16px;
    color: #707070;
    padding-top: 15px;
    line-height: 32px;
    letter-spacing: 4px;
}

.culture_box_bg {
    width: 100%;
    background-image: url(/Public/Assect/pic/culture/culture_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 100%;
    margin-bottom: 60px;
    /*padding-top: 30px;*/
    position: relative;
}

.culture_box {
    width: 100%;
    background-color: rgb(255, 255, 255, 0.9);
    padding-bottom: 20px;
    /*padding-top: 40px;*/
}

.culture_left,
.culture_right {
    width: 50%;
    height: 400px;
    position: relative;
    overflow: hidden;
    padding-left: 175px;
}

.culture_left {
    text-align: right;
    padding-right: 175px;
    padding-left: 0;
}
.loop1,.loop2{
    padding-top: 80px
}

.culture_right {}

.culture_title {
    margin-top: 100px;
    font-size: 20px;
    color: #000;
    font-weight: 700;
    padding-bottom: 25px;
    line-height: 1;
    border-bottom: 1px solid #d2d6d9;
    transition: all .5s ease;
    margin-bottom: 20px;
    position: relative;
}

.culture_title::before {
    box-sizing: border-box;
    content: '';
    display: block;
    height: 1px;
    width: 200px;
    border-bottom: 1px #d2d6d9 dashed;
    position: absolute;
    top: calc(100% + 0px);
    transition: color .5s ease;
}

.loop1 .culture_title::before {
    right: -20px;
    transform: rotate(230deg);
    transform-origin: 100% 100%;
}

.loop2 .culture_title::before {
    left: -20px;
    transform: rotate(130deg);
    transform-origin: 0 0;
}

.loop3 .culture_title::before {
    right: -20px;
    transform: rotate(135deg);
    transform-origin: 100% 100%;
}

.loop4 .culture_title::before {
    left: -20px;
    transform: rotate(224deg);
    transform-origin: 0 0;
}

.culture_title::after {
    box-sizing: border-box;
    content: '';
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    background-color: #016FBC;
    position: absolute;
    bottom: -5px;
}

.loop1 .culture_title::after {
    right: -20px;
}

.loop2 .culture_title::after {
    left: -20px;
}

.loop3 .culture_title::after {
    right: -20px;
}

.loop4 .culture_title::after {
    left: -20px;
}

.culture_desc {
    font-size: 16px;
    color: #72787f;
    transition: all .5s ease;
    animation-name: fadeInDownSmall;
    text-align: left;
    animation-name: fadeInDownSmall;
}

.loop1 .culture_desc,
.loop3 .culture_desc {
    padding-left: 25px;
}

.loop2 .culture_desc,
.loop4 .culture_desc {
    padding-right: 25px;
}

.culture_img {
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 250px;
    height: 250px;
    position: absolute;
    overflow: hidden;
    transition: all .5s ease;
    transform: translate3d(0, 0, 0);
    animation-name: go1;
}

.loop1 .culture_img {
    right: 0;
    bottom: 0;
    transform: translate3d(50%, 50%, 0);
    background-color: #016FBC;
}

.loop2 .culture_img {
    left: 0;
    bottom: 0;
    transform: translate3d(-50%, 50%, 0);
    background-color: #016FBC;
}

.loop3 .culture_img {
    right: 0;
    top: 0;
    transform: translate3d(50%, -50%, 0);
    background-color: #016FBC;
}

.loop4 .culture_img {
    left: 0;
    top: 0;
    background-color: #016FBC;
    transform: translate3d(-50%, -50%, 0);
}

.loop1:hover .culture_img {
    transform: translate3d(50%, 50%, 0) scale(1.2);
}

.loop2:hover .culture_img {
    transform: translate3d(-50%, 50%, 0) scale(1.2);
}

.loop3:hover .culture_img {
    transform: translate3d(50%, -50%, 0) scale(1.2);
}

.loop4:hover .culture_img {
    transform: translate3d(-50%, -50%, 0) scale(1.2);
}

.culture_img::before {
    content: '';
    display: block;
    height: 2px;
    top: 50%;
    width: 100%;
    left: 0;
    background-color: #fff;
    position: absolute;
    z-index: 1;
}

.culture_img::after {
    content: '';
    display: block;
    height: 100%;
    left: 50%;
    width: 2px;
    top: 0;
    background-color: #fff;
    position: absolute;
    z-index: 1;
}

.culture_img img {
    width: 50%;
    position: absolute;
    opacity: 0;
    transition: all .5s ease;
    transform: translate3d(0, 0, 0);
}

.loop1 .culture_img img {
    left: 0;
    top: 0;
}

.loop2 .culture_img img {
    right: 0;
    top: 0;
}

.loop3 .culture_img img {
    left: 0;
    bottom: 0;
}

.loop4 .culture_img img {
    right: 0;
    bottom: 0;
}

.culture_img span {
    display: block;
    width: 22px;
    height: 22px;
    background-color: rgba(255, 255, 255, .3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    transition: opacity .5s ease;
}

.loop1 .culture_img span {
    left: 28%;
    margin-left: -22px;
    bottom: 72%;
    margin-bottom: 0;
}

.loop2 .culture_img span {
    right: 28%;
    margin-right: -22px;
    bottom: 72%;
    margin-bottom: 0;
}

.loop3 .culture_img span {
    left: 28%;
    margin-left: -22px;
    top: 72%;
    margin-top: 0;
}

.loop4 .culture_img span {
    right: 28%;
    margin-right: -22px;
    top: 72%;
    margin-top: -0;
}

.culture_img span::after {
    content: '';
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    margin-left: -5px;
    background-color: #f6f9fb;
}

.cul_info_case:hover .culture_title::before {
    border-color: #016FBC;
}

.cul_info_case:hover .culture_title {
    color: #016FBC;
    border-color: #016FBC;
}

.cul_info_case:hover .culture_title {
    color: #000;
}

.cul_info_case:hover .culture_img>span {
    opacity: 0;
}

.cul_info_case:hover .culture_img img {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.culture_box_qywh {
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 125px;
    height: 125px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    text-align: center;
}

.culture_box_qywh h3 {
    font-size: 18px;
    color: #333;
    line-height: 125px;
    font-weight: bold;
}

.team_box {
    width: 100%;
}

.team_top1 {
    max-width: 100%;
    margin: 50px 0;
}

.team_top1 img {
    width: 628px;
    height: 385px;
    border-radius: 8px;
}

.team_top1 div {
    width: 250px;
    height: 385px;
    padding: 40px 50px;
}

.team_top1 div h3 {
    margin: 10px 0;
    font-size: 30px;
    font-weight: bold;
    color: #1c97ec;
}

.team_top1 div p {
    font-size: 16px;
    text-indent: 2em;
    line-height: 32px;
}

.team_top2 {
    margin-bottom: 60px;
}

.team_top2 h3 {
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: bold;
    color: #6cab01;
}

.team_top2 img {
    border-radius: 8px;
}

.team_top2 div {
    width: 368px;
}

.team_top2 div p {
    font-size: 16px;
    text-indent: 2em;
    line-height: 32px;
}

.team_img3 {
    margin: 0 60px;
}

.team_ul li {
    display: inline-block;
    width: 900px;
    min-height: 450px;
    margin-bottom: 50px;
    background-color: #eee;
    border-radius: 8px;
    padding: 60px;
}

.team_ul li img {
    width: 414px;
    height: 331px;
    border-radius: 8px;
}

.team_ul li .team_info {
    width: 320px;
    min-height: 331px;
    padding-top: 50px;
}

.team_ul li .team_info h3 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
}

.team_ul li .team_info span {
    font-size: 18px;
    display: inline-block;
    margin: 10px 0 20px;
}

.team_ul li .team_info p {
    font-size: 16px;
}

.team_ul li:nth-of-type(odd) .team_info {
    float: right;
}

.team_ul li:nth-of-type(even) .team_info {
    float: left;
}

.team_ul li:nth-of-type(odd) img {
    float: left;
}

.team_ul li:nth-of-type(even) img {
    float: right;
}

#cou_box {
    width: 800px;
    margin: 0 auto;
    padding: 30px 0;
}

#cou_box .photo {
    text-align: center;
    height: 200px;
    padding-top: 25px;
}

#cou_box .photo img {
    height: 150px;
    width: 150px;
    border-radius: 50%;
    margin: auto;
}

#cou_box .line-center {
    position: relative;
}

#cou_box .line-center .dot-point {
    position: absolute;
    left: 50%;
    width: 20px;
    height: 20px;
    top: -10px;
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

#cou_box .line-center hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    margin-right: -30px;
    border-top: 1px solid #dadada;
}

#cou_box .title-top {
    height: 200px;
    text-align: center;
    position: relative;
}

#cou_box .title-top .cou_desc {
    position: absolute;
    width: 100%;
    bottom: 13px;
    left: 0;
}

#cou_box .title-top p {
    text-align: center;
    /*color: #fff;*/
    color: #333;
    font-size: 14px;
}

#cou_box .title-bottom {
    height: 200px;
    text-align: center;
    position: relative;
}

#cou_box .title-bottom .cou_desc {
    position: absolute;
    width: 100%;
    top: 13px;
    left: 0;
}

.cou_desc {
    padding: 10px;
}

#cou_box .cou_desc p:first-child {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

#cou_box .title-bottom p {
    text-align: center;
    /*color: #fff;*/
    /*color: #333;*/
    font-size: 14px;
}


/*#cou_box .owl-item:nth-child(4n+1) .photo img{
    border: 8px #43c1a9 solid;
}
#cou_box .owl-item:nth-child(4n+2) .photo img{
    border: 8px #5368f5 solid;
}
#cou_box .owl-item:nth-child(4n+3) .photo img{
    border: 8px #f36d52 solid;
}
#cou_box .owl-item:nth-child(4n+4) .photo img{
    border: 8px #1c97ec solid;
}
#cou_box .owl-item:nth-child(4n+1) .cou_desc{
    background: #43c1a9;
}
#cou_box .owl-item:nth-child(4n+2) .cou_desc{
    background: #5368f5;
}
#cou_box .owl-item:nth-child(4n+3) .cou_desc{
    background: #f36d52;
}
#cou_box .owl-item:nth-child(4n+4) .cou_desc{
    background: #1c97ec;
}
#cou_box .owl-item:nth-child(4n+1) .cou_content{
    padding-top: 13px;
    background-image: url(/Public/Assect/pic/course/bg1.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 100% 0;
}
#cou_box .owl-item:nth-child(4n+2) .cou_content{
    padding-bottom: 13px;
    background-image: url(/Public/Assect/pic/course/bg2.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 100%;
}
#cou_box .owl-item:nth-child(4n+3) .cou_content{
    padding-top: 13px;
    background-image: url(/Public/Assect/pic/course/bg3.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 100% 0;
}
#cou_box .owl-item:nth-child(4n+4) .cou_content{
    padding-bottom: 13px;
    background-image: url(/Public/Assect/pic/course/bg4.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 100%;
}*/

.owl-prev,
.owl-next {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.owl-next {
    right: -65px;
}

.owl-prev {
    left: -65px;
}

.owl-next i,
.owl-prev i {
    font-size: 50px;
}

.honor_box {
    padding-bottom: 50px;
}

.honor_top {
    width: 100%;
    height: 505px;
    text-align: center;
    margin: 30px 0 60px;
    background-image: url(/Public/Assect/pic/honor/top_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 8px;
}

.honor_img {
    width: 100%;
    height: 505px;
    text-align: left;
    background-image: url(/Public/Assect/pic/honor/top.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: rgb(255, 255, 255, 0.85);
    position: relative;
}

.honor_num {
    width: 400px;
    padding: 60px 25px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.honor_num p {
    font-size: 16px;
    color: #222;
    margin-bottom: 20px;
    margin-left: 30px;
}

.honor_num h3 {
    font-size: 16px;
    color: #1c97ec;
    margin-left: 30px;
}

.honor_num h1 {
    font-size: 32px;
    color: #1c97ec;
    font-weight: bold;
    margin: 5px 0 25px;
    margin-left: 30px;
}

.honor_info div {
    width: 33.3%;
    float: left;
    text-align: center;
}

.honor_info div span {
    font-size: 16px;
    color: #222;
    font-weight: bold;
}

.honor_info div h2 {
    font-size: 28px;
    color: #222;
    font-weight: bold;
    margin-top: 5px;
}

.honor_ul li {
    width: 280px;
    float: left;
    text-align: center;
    padding: 45px 0;
    border: 1px solid #fff;
}

.honor_ul li:nth-child(3n+2) {
    margin: 0 30px;
}


/*.honor_ul li:hover{
    border: 1px solid #dadada;
}*/

.honor_ul li img {
    width: 280px;
    height: 193px;
    border-radius: 8px;
}

.honor_ul li h3 {
    font-size: 16px;
    color: #666;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 20px;
}

.yjly_ul {
    width: 100%;
}

.yjly_ul li {
    display: inline-block;
    width: 100%;
    float: left;
    margin: 20px 0;
}

.yjly_ul li div.clearfix{
    width: max-content;
    margin: 0 auto;
}

.yjly_ul li:nth-of-type(odd) h3 {
    float: left;
    margin-right: 16px;
}

.yjly_ul li:nth-of-type(even) h3 {
    float: right;
    margin-left: 16px;
}

.yjly_ul li:nth-of-type(odd) img {
    float: right;
}

.yjly_ul li:nth-of-type(even) img {
    float: left;
}

.yjly_ul li h3 {
    width: 150px;
    height: 150px;
    /*line-height: 90px;*/
    padding: 30px;
    border-radius: 50%;
    margin: 125px 0;
    text-align: center;
    color: #fff;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.yjly_ul li img {
    width: 581px;
    height: 400px;
    border-radius: 50%;
}

.yjly_ul li p {
    margin: 35px 0;
    padding: 30px 70px;
    background: #EEEEEE;
    color: #000;
    font-size: 18px;
    border-radius: 8px;
}

.yjly_ul li:nth-child(1) h3 {
    background: #43a5e9;
    /*line-height: initial;
    padding-top: 45px;*/
}

.yjly_ul li:nth-child(2) h3 {
    background: #F36D53;
}

.yjly_ul li:nth-child(3) h3 {
    background: #43C2A9;
}

.swkf_box {
    width: 100%;
}

.swkf_bg {
    width: 100%;
    min-height: 433px;
    background-image: url(/Public/Assect/pic/partner/swkf_1.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 0 100%;
    padding-top: 70px;
}

.swkf_box h1 {
    font-size: 24px;
    color: #000;
    text-align: center;
    font-weight: bold;
}

.swkf_box img {
    width: 100%;
    margin: 25px 0;
    border-radius: 8px;
}

.swkf_desc {
    padding: 30px 120px;
    font-size: 16px;
    color: #333;
}

.swkf_desc span {
    display: inline-block;
    margin: 20px 0;
}

.ygfl_box {
    text-align: center;
}

.ygfl_box h3 {
    font-size: 18px;
    color: #333;
    text-align: left;
    padding: 15px 60px;
    line-height: 28px;
}

.ygfl_box img {
    margin: 35px 0;
}

.yfpt_box {
    text-align: center;
}

.yfpt_box img {
    margin: 35px 0;
}

.yfpt_top h3 {
    color: #004287;
    font-size: 28px;
    margin: 25px 0;
    font-weight: bold;
    text-align: left;
}

.yfpt_top p {
    color: #333333;
    font-size: 16px;
    text-align: left;
    text-indent: 2em;
}

.yfzl_box {}

.yfzl_top h3 {
    color: #004287;
    font-size: 28px;
    margin: 25px 0;
    font-weight: bold;
}

.yfzl_top p {
    color: #333333;
    font-size: 16px;
    text-indent: 2em;
}

.yfzl_top img {
    width: 100%;
    height: 352px;
    margin: 35px 0;
    border-radius: 8px;
}

.yfzl_ul {
    width: 100%;
}

.yfzl_ul li {
    width: 100%;
}

.yfzl_ul li a {
    display: inline-block;
    width: 100%;
    height: 272px;
    border: 1px solid #dadada;
    border-radius: 5px;
}

.yfzl_ul li a img {
    width: 230px;
    height: 228px;
    margin: 22px;
    border-radius: 8px;
}

.yfzl_ul li:nth-of-type(odd) a img {
    float: right;
}

.yfzl_ul li:nth-of-type(even) a img {
    float: left;
}

.yfzl_ul li:nth-of-type(odd) a .yfzl_info {
    float: left;
    padding-left: 22px;
}

.yfzl_ul li:nth-of-type(even) a .yfzl_info {
    float: right;
}

.yfzl_info {
    width: 600px;
}

.yfzl_info h3 {
    color: #333;
    font-size: 18px;
    margin: 100px 0 10px;
}

.yfzl_info p {
    color: #333;
    font-size: 14px;
}

.yfgx_box .index-gx-left {
    width: 100%;
    height: 350px;
    margin: 80px 0;
    background-image: url(/Public/Assect/pic/project/yfgx_bg.png);
}

.yfgx_box .index-gx-left .gx-left-body {
    width: 100%;
    height: 350px;
    padding-top: 16px;
}

.yfgx_box .gx-left-body h1 {
    padding: 0 150px;
}

.yfgx_box .gx-left-body p {
    -webkit-line-clamp: 10;
    padding: 0 100px;
}

.yfgx_no{
    padding: 10px 25px;
}
.yfgx_no_title1{
    font-size: 24px;
    color: #fff;
    margin: 10px 0 30px;
}
.yfgx_no_title2{
    font-size: 28px;
    color: #fff;
    margin-left: 35px;
}
.yfgx_no_title3{
    font-size: 28px;
    color: #fff;
    text-align: right;
    margin: 10px 35px 0 0;
}

.yfgx_box .yfgx_no .yfgx_no_top img{
    margin-left: 150px;
}

.yfgx_box .yfgx_no .yfgx_no_top .yfgx_no_title1{
    margin: 0;
    height: 41px;
    line-height: 41px;
    margin-left: 10px;
}

.yfgx_box .yfgx_no .yfgx_no_title2{
    margin: 50px 0 0 250px;
}

.yfgx_box .yfgx_no .yfgx_no_title3{
    margin: 20px 250px 0 0;
}

.rczp_category_box {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.rczp_category {
    /*width: max-content;*/
    margin: 0 auto;
    width: 900px;
}

.rczp_category li {
    float: left;
    width: 150px;
    text-align: left;
    margin-bottom: 10px;
}

.rczp_category li a {
    color: #999;
    font-size: 18px;
    padding: 6px 12px;
    /*border-right: 1px solid #dadada;*/
    font-weight: bold;
}

.rczp_category li:last-child a {
    border-right: 0;
}

.rczp_category li a.active {
    color: #fff;
    background: #1c97ec;
}

.news_box h1 {
    font-size: 28px;
    color: #1c97ec;
    margin: 15px;
    text-align: center;
}

.detail_title {
    font-size: 28px;
    color: #1c97ec;
    margin: 15px 0;
    text-align: center;
}

.zodoit_box {
    width: 100%;
    text-align: center;
}

.zodoit {
    width: 100px;
    height: 40px;
}

.glbm_box {
    width: 900px;
    height: 636px;
    background-image: url(/Public/Assect/pic/join/glbm_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    /*background-position: 0 100%;*/
    position: relative;
}

.glbm_img1 {
    position: absolute;
    top: 105px;
    left: 5px;
    border-radius: 50%;
    width: 102px;
    height: 102px;
}

.glbm_img2 {
    position: absolute;
    top: 231px;
    left: 7px;
    border-radius: 50%;
    width: 105px;
    height: 105px;
}

.glbm_img3 {
    position: absolute;
    top: 144px;
    left: 147px;
    border-radius: 50%;
    width: 75px;
    height: 75px;
}

.glbm_img4 {
    position: absolute;
    top: 86px;
    left: 243px;
    border-radius: 50%;
    width: 83px;
    height: 83px;
}

.glbm_img5 {
    position: absolute;
    top: 126px;
    left: 336px;
    border-radius: 50%;
    width: 62px;
    height: 62px;
}

.glbm_img6 {
    position: absolute;
    top: 212px;
    left: 368px;
    border-radius: 50%;
    width: 76px;
    height: 76px;
}

.glbm_img7 {
    position: absolute;
    top: 323px;
    left: 345px;
    border-radius: 50%;
    width: 83px;
    height: 83px;
}

.glbm_img8 {
    position: absolute;
    top: 344px;
    left: 455px;
    border-radius: 50%;
    width: 76px;
    height: 76px;
}

.glbm_img9 {
    position: absolute;
    top: 299px;
    left: 553px;
    border-radius: 50%;
    width: 79px;
    height: 79px;
}

.glbm_img10 {
    position: absolute;
    top: 184px;
    left: 660px;
    border-radius: 50%;
    width: 104px;
    height: 104px;
}

.glbm_img11 {
    position: absolute;
    top: 308px;
    left: 670px;
    border-radius: 50%;
    width: 101px;
    height: 101px;
}

.glbm_img12 {
    position: absolute;
    top: 333px;
    left: 790px;
    border-radius: 50%;
    width: 102px;
    height: 102px;
}

.glbm_img13 {
    position: absolute;
    top: 437px;
    left: 747px;
    border-radius: 50%;
    width: 98px;
    height: 98px;
}

.glbm_title1 {
    position: absolute;
    top: 20px;
    left: 85px;
    width: 20px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    color: #1c97ec;
}

.glbm_title2 {
    position: absolute;
    top: 360px;
    left: 38px;
    width: 20px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    /*color: #43c1a9;*/
}

.glbm_title3 {
    position: absolute;
    top: 230px;
    left: 210px;
    width: 20px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    /*color: #5368f5;*/
}

.glbm_title4 {
    position: absolute;
    top: 195px;
    left: 280px;
    width: 20px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    /*color: #f36d52;*/
}

.glbm_title5 {
    position: absolute;
    top: 0;
    left: 390px;
    width: 20px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    /*color: #1c97ec;*/
}

.glbm_title6 {
    position: absolute;
    top: 160px;
    left: 450px;
    width: 20px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    /*color: #43c1a9;*/
}

.glbm_title7 {
    position: absolute;
    top: 420px;
    left: 400px;
    width: 20px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    /*color: #5368f5;*/
}

.glbm_title8 {
    position: absolute;
    top: 235px;
    left: 475px;
    width: 20px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    /*color: #1c97ec;*/
}

.glbm_title9 {
    position: absolute;
    top: 150px;
    left: 540px;
    width: 20px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    /*color: #f36d52;*/
}

.glbm_title10 {
    position: absolute;
    top: 85px;
    left: 715px;
    width: 20px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    /*color: #43c1a9;*/
}

.glbm_title11 {
    position: absolute;
    top: 385px;
    left: 645px;
    width: 20px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    /*color: #1c97ec;*/
}

.glbm_title12 {
    position: absolute;
    top: 190px;
    left: 835px;
    width: 20px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    /*color: #1c97ec;*/
}

.glbm_title13 {
    position: absolute;
    top: 515px;
    left: 715px;
    width: 20px;
    line-height: 24px;
    font-size: 16px;
    font-weight: bold;
    /*color: #1c97ec;*/
}
.gsbm{
    color: #1c97ec;
}

#alert {
    z-index: 2;
    /*border: 1px solid rgba(0, 0, 0, .2);*/
    width: 700px;
    height: 670px;
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    background: #fff;
    z-index: 1000;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -350px;
    margin-top: -335px;
    display: none;
}

.close {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 0;
    line-height: initial;
    opacity: 1;
}

.close_icon {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    font-size: 12px;
    _overflow: hidden;
    background: url(/Public/Assect/pc/images/icon.png) no-repeat;
    background-position: 0 -40px;
    cursor: pointer;
}

.close_icon:hover {
    opacity: .7;
}

#mask {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.3;
    display: none;
    z-index: 999;;
}

.model-foot {
    padding: 15px;
    text-align: right;
}

.model-title{
    padding: 0 80px 0 20px;
    height: 42px;
    line-height: 42px;
    border-bottom: 1px solid #eee;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #1c97ec;
    border-radius: 6px 6px 0 0;
    cursor: move;
}
.model-content {
    padding: 50px 15px;
    width: 100%;
    margin-top: 0px;
}
.form-box{
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.form50{
    width: 50%;
}
.form-title{
    height: 40px;
    line-height: 40px;
    text-align: right;
    float: left;
    width: 180px;
    color: #222222;
    font-size: 16px;
}
.form-data {
    float: left;
    margin-left: 20px;
    position: relative;
}
.form-input{
    float: left;
    padding-left: 20px;
    border: 1px solid #ccc;
    width: 300px;
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    color: #666;
}
.form-error{
    float: left;
    height: 10px;
    line-height: 20px;
    text-align: right;
    font-size: 12px;
    width: 100%;
    color: red;
    display: none;
    position: absolute;
    left: 0px;
    top: 40px;
}
.label-radio{
    height: 38px;
    font-size: 16px;
    line-height: 38px;
    margin-right: 15px;
}
.label-radio input{

}
.edu-select{
    width: 100px;
    height: 38px;
    border: 1px solid #ccc;
    font-size: 16px;
    padding-left: 18px;
    color: #666;
}
.foot-btn {
    width: 100%;
    height: 58px;
    border-top: 1px solid #ddd;
    padding: 10px 10px;
    margin-top: 10px;
    position: absolute;
    bottom: 0;
}
.foot-btn .btn{
    float: right;
    margin-right: 10px;
    display: block;
}
#uploadBtn{
    height: 40px;
    line-height: 40px;
    width: 180px;
    color: #fff;
    font-size: 16px;
    background: red;
    padding: 8px 12px;
    border-radius: 3px;
    cursor:pointer;
}
.clear{
    clear: both;
}
.gxz{
    font-size: 16px;
    text-align: center;
    margin: 100px 0;
}
.gsbm_content{
    padding: 60px 0;
    font-size: 16px;
    text-align: justify;
    color: #333;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    position: relative;
}
.gsbm_content::-webkit-scrollbar {
    display: none;
}
.gsbm_box{
    width: 188px;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.gsbm_img{
    width: 218px;
    height: 120px;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}
.gsbm_color{
    width: 218px;
    height: 24px;
    border-bottom-right-radius:8px;
    border-bottom-left-radius:8px;
    background: -moz-linear-gradient(left, rgb(28, 151, 235), rgb(104, 229, 205));
    background: -ms-linear-gradient(left, rgb(28, 151, 235), rgb(104, 229, 205));
    background: -o-linear-gradient(left, rgb(28, 151, 235), rgb(104, 229, 205));
    background: -webkit-linear-gradient(left, rgb(28, 151, 235), rgb(104, 229, 205));
}
.gsbm_line{
    width: 10px;
}
.gsbm_h1{
    height: 46px;
    background-image: url(/Public/Assect/pic/join/bg1.png);;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.gsbm_h2{
    height: 321px;
    background-image: url(/Public/Assect/pic/join/bg2.png);;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.gsbm_h3{
    height: 94px;
    background-image: url(/Public/Assect/pic/join/bg3.png);;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.gsbm_round{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgb(28, 151, 235);
}
.gsbm_title{
    text-align: center;
    margin-top: 40px;
    background-color: rgb(28, 151, 235);
    color: #fff;
    padding: 0 6px;
    height: 32px;
    line-height: 32px;
}
.gsbm_box .gsbm_blank{
    padding: 0;
    width: 94px;
    background: #fff;
}
.gsbm_ctrl{
    width: 2632px;
    height: 6px;
    background-color: rgb(28, 151, 235);
    position: absolute;
    left: 0;
    bottom: 138px;
}
.gsbm_start_box{
    width: 94px;
    align-items: flex-start;
}
.gsbm_end_box{
    width: 94px;
    align-items: flex-end;
}
#LeftArr {
    background: url(/Public/Assect/pc/img/e_left.png) no-repeat;
    width: 40px;
    height: 40px;
    margin-left: -15px;
    text-decoration: none;
    color: #323232;
    position: absolute;
    left: -20px;
    bottom: 115px;
}

#RightArr {
    background: url(/Public/Assect/pc/img/e_right.png) no-repeat;
    width: 40px;
    height: 40px;
    margin-right: -15px;
    text-decoration: none;
    color: #323232;
    position: absolute;
    right: -35px;
    bottom: 115px;
}
/*.gx-tr{
    position: relative;
}
.arrow {
    position: absolute;
    left: -57px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 0 11px 17px;
    border-color: transparent transparent transparent #4D9FC0;
    display: none;
}
.gx-tr:hover .arrow{
    display: inline-block;
}*/
.last-td{
    border-left: 1px solid #B2B0B1;
}