/*常用功能CSS*/
.f-fl {
    float: left;
}

.f-dn {
    display: none;
}

.f-fr {
    float: right;
}

.f-tac {
    text-align: center;
}

.f-tal {
    text-align: left;
}

.f-tar {
    text-align: right;
}

.f-ofh {
    overflow: hidden;
}

.f-boder-bg {
    border: 1px solid #e6e5e5;
    background: #ffffff;
}

.f-pr {
    position: relative;
}

.f-pa {
    position: absolute;
}

.f-fwn {
    font-weight: normal;
}

.f-br50 {
    border-radius: 50%;
}

.f-mt20 {
    margin-top: 20px;
}

.f-mb8 {
    margin-bottom: 8px;
}

.f-pl20 {
    padding-left: 20px;
}

.f-wh100 {
    width: 100%;
    height: 100%;
}

.f-dib {
    display: inline-block;
}

.f-mauto {
    margin: 0 auto;
}

/*文字过长省略号显示*/
.f-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.f-wf {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.f-fw {
    width: 1200px;
    margin: 0 auto;
}

.f-fw1190 {
    width: 1190px;
    margin: 0 auto;
}

body {
    min-width: 1200px;
}

/* ========== */
/* = g-hd = */
/* ========== */
.g-hd {
    /*background: url(../static/images/bg-body.jpg) no-repeat center 60px;*/
    background: rgba(75, 198, 250, 0.6) !important;
    overflow: hidden;
}

.g-hd .hd-bar {
    height: 60px;
    border-bottom: 1px solid #dedede;
    background: rgba(75, 198, 250, 0.6) !important;
    line-height: 38px;
}

.g-hd .hd-bar .bar-ul li {
    float: left;
    margin-left: 15px;
}

.g-hd .hd-bar .bar-ul li .fa {
    color: #347cb9;
}

.g-hd .u-logo {
    position: relative;
    height: 143px;
    padding-top: 39px;
}

.g-hd .u-logo a {
    display: block;
    width: 519px;
    font-size: 0;
    height: 86px;
    /*background: url(../static/images/logo.png) no-repeat center;*/
    background: rgba(75, 198, 250, 0.6) !important;
}

.g-hd .u-qr-box {
    position: absolute;
    right: 0;
    top: 25px;
    color: #3f3f3f;
}

.g-hd .u-qr-box .u-qr-item {
    margin-left: 30px;
}

.g-hd .u-qr {
    width: 74px;
    height: 74px;
    background: #ffffff;
    margin: 0 auto 10px auto;
}

.g-hd .u-qr img {
    width: 100%;
    height: auto;
}

/* ========== */
/* = g-nav = */
/* ========== */
.g-nav {
    background: #1c69c6;
}

.g-nav li {
    float: left;
    position: relative;
}

.g-nav li .item {
    color: #ffffff;
    display: block;
    width: 150px;
    line-height: 54px;
    font-size: 22px;
    font-weight: 400;
    height: 54px;
    border-top: 1px solid #4a7bf7;
    border-bottom: 1px solid #6992f7;
    border-right: 1px solid #80a4fd;
    float: left;
    text-align: center;
    letter-spacing: 2px;
}

.g-nav li.active .item,
.g-nav li:hover {
    background: #2e6ea4;
}

.g-nav li:first-child .item {
    border-left: 1px solid #80a4fd;
}

.g-nav .item img {
    margin-right: 8px;
    vertical-align: -6px;
}

.g-nav .u-down {
    display: none;
    position: absolute;
    top: 54px;
    left: 0;
    border-top: 1px solid #e6e5e5;
    border-left: 1px solid #e6e5e5;
    border-right: 1px solid #e6e5e5;
    border-bottom: 6px solid #e6e5e5;
    padding: 0 20px;
    width: 200px;
    background: #ffffff;
    z-index: 10;
}

.g-nav li:hover .u-down {
    display: block;
}

.g-nav li .u-down a {
    color: #0d0d0d;
    display: block;
    width: 100%;
    line-height: 48px;
    font-size: 18px;
    border-bottom: 1px solid #e6e5e5;
    text-align: center;
}

.g-nav .u-down img {
    margin-right: 8px;
    vertical-align: -2px;
}

.g-nav li .u-down a:hover {
    color: #2e6ea4;
}

.g-nav li .u-down a:last-child {
    border: 0;
}

/* 二级导航 */
.g-second-nav li {
    float: left;
    position: relative;
}

.second-item {
    display: block;
    width: 99px;
    line-height: 54px;
    font-size: 18px;
    font-weight: 400;
    height: 54px;
    float: left;
    text-align: center;
    color: #5a5a5a;
    font-family: 'Microsoft Ya Hei';
}

.f-second-fw {
    width: 1200px;
    margin: 0 auto;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0%, rgba(0, 0, 0, 0) 100%);
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(0deg, #d2d2d2 0%, #e5e5e5 100%);
    border-image-slice: 1;
}

.second-item span {
    border: 1px solid transparent;
    padding: 0 9px;
    line-height: 32px;
    white-space: nowrap;
    border-radius: 5px;
    display: inline-block;
}

.second-item span:hover {
    color: #ffffff;
    background: rgba(68, 181, 223, 1);
    box-shadow: 1px 1px 0px 0px rgb(255, 255, 255 / 75%), inset 1px 1px 1px 0px rgb(0, 0, 0 / 21%);
}

/*双品购物节样式start*/
.g-hd .banner {
    width: 100%;
    height: 463px;
    background: url(../images/shop/banner.png) top center no-repeat;
}

.g-hd .banner2 {
    width: 100%;
    height: 463px;
    background: url(../images/shop/banner2.jpg) top center no-repeat;
}

.g-hd .banner_top {
    width: 100%;
    height: 150px;
    background: url(../images/shop/banner_top.jpg) top center no-repeat;
}

.g-hd .banner_top2 {
    width: 100%;
    height: 274px;
    background: url(../images/shop/banner_top2.jpg) top center no-repeat;
}

.g-hd .return-index {
    text-align: right;
    padding-right: 30px;
}

.g-hd .return-index a {
    font-size: 18px;
    line-height: 48px;
    color: #ea001b;
}

.news-swipe {
    float: left;
    width: 50%;
    position: relative;
}

.news-swipe .swiper-container {
    height: 361px;
}

.news-swipe .swiper-slide {
    position: relative;
}

.news-swipe .swiper-slide a {
    font-size: 0;
    line-height: 0;
}

.news-swipe .swiper-slide img {
    width: 100%;
}

.news-swipe h3 {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 38px;
    line-height: 38px;
    box-sizing: border-box;
    padding: 0 20% 0 20px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    font-size: 16px;
    color: #fff;
    font-weight: normal;
}

.news-swipe .arrow-left,
.news-swipe .arrow-right {
    display: none;
}

.news-swipe .pagination {
    width: 20%;
    height: 8px;
    position: absolute;
    right: 10px;
    bottom: 15px;
    text-align: right;
    z-index: 9;
}

.news-swipe .pagination .swiper-pagination-switch {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #bababb;
    border-radius: 50%;
    margin: 0 5px;
    vertical-align: top;
    cursor: pointer;
}

.news-swipe .pagination .swiper-active-switch {
    background: #fff;
}

.news-info {
    float: right;
    width: 50%;
    padding-right: 30px;
    padding-left: 40px;
    background: #f3f3f3;
    box-sizing: border-box;
}

.news-info .items {
}

.news-info .items dt {
    border-bottom: 1px dashed #c7c7c7;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.news-info .items dt h3 {
    padding: 10px 0;
}

.news-info .items dt h3 a {
    font-size: 24px;
    font-weight: bold;
    color: #ea001b;
    line-height: 31px;
}

.news-info .items dt p,
.news-info .items dt p a {
    font-size: 15px;
    color: #000000;
    line-height: 28px;
}

.news-info .items dd {
    padding: 6px 0 6px 20px;
    position: relative;
}

.news-info .items dd::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #c7c7c7;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translate(0, -50%);
}

.news-info .items dd a {
    font-size: 16px;
    color: #000000;
    line-height: 24px;
}

.g-main .more {
    font-size: 14px;
    color: #000;
    float: right;
    line-height: 36px;
    font-weight: bold;
}

.active-local {
    background: #fff;
    padding-top: 50px;
    padding-bottom: 50px;
}

.active-local .tit-h2 {
    height: 40px;
    line-height: 40px;
    padding-left: 50px;
    background: url(../spec/images/20210415-02.png) center left no-repeat;
    font-size: 24px;
    margin-bottom: 30px;
    font-weight: bold;
    color: #222222;
}

.active-local .active-intro {
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding-left: 30px;
    padding-bottom: 10px;
}

.active-local .local-news {
    width: 50%;
    float: right;
    box-sizing: border-box;
    padding-right: 30px;
}

.active-local .active-intro .items {
}

.active-local .active-intro .items li {
    position: relative;
    padding: 20px 0;
}

.active-local .active-intro .items li::after {
    content: '';
    width: 100%;
    height: 1px;
    background: linear-gradient(
            to right,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0) 10%,
            rgba(200, 200, 200, 0.3) 20%,
            rgba(200, 200, 200, 0.4) 30%,
            rgba(200, 200, 200, 0.5) 40%,
            rgba(200, 200, 200, 0.8) 50%,
            rgba(200, 200, 200, 0.5) 60%,
            rgba(200, 200, 200, 0.4) 70%,
            rgba(200, 200, 200, 0.3) 80%,
            rgba(0, 0, 0, 0) 90%,
            rgba(0, 0, 0, 0) 100%
    );
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
}

.active-local .active-intro .items li:last-child::after {
    width: 0;
}

.active-local .active-intro .items .icon {
    width: 68px;
    display: inline-block;
    height: 66px;
    vertical-align: top;
}

.active-local .active-intro .items .icon1 {
    background: url(../spec/images/20210415-03.png) center left no-repeat;
}

.active-local .active-intro .items .icon2 {
    background: url(../spec/images/20210415-04.png) center left no-repeat;
}

.active-local .active-intro .items .icon3 {
    background: url(../spec/images/20210415-05.png) center left no-repeat;
}

.active-local .active-intro .items .icon4_1 {
    background: url(../images/shop/4_1.png) center left no-repeat;
}

.active-local .active-intro .items .icon4_2 {
    background: url(../images/shop/4_2.png) center left no-repeat;
}

.active-local .active-intro .items .icon4_3 {
    background: url(../images/shop/4_3.png) center left no-repeat;
}

.active-local .active-intro .items .icon4_4 {
    background: url(../images/shop/4_4.png) center left no-repeat;
}

.active-local .active-intro .items .icon5 {
    width: 28px;
    display: inline-block;
    height: 36px;
    vertical-align: top;
}

.active-local .active-intro .items .icon5_0 {
    background: url(../spec/images/shop/xxxf.png) center left no-repeat;
}

.active-local .active-intro .items .icon5_1 {
    background: url(../spec/images/shop/ssxn.png) center left no-repeat;
}

.active-local .active-intro .items .icon5_2 {
    background: url(../spec/images/shop/lsfz.png) center left no-repeat;
}

.active-local .active-intro .items .icon5_3 {
    background: url(../spec/images/shop/fzhw.png) center left no-repeat;
}

.active-local .active-intro .items .icon5_4 {
    background: url(../spec/images/shop/mzjz.png) center left no-repeat;
}

.active-local .active-intro .items .tit {
    width: 140px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #ff5f01;
    display: inline-block;
    height: 66px;
    line-height: 66px;
    vertical-align: top;
}

.active-local .active-intro .items .tit2 {
    width: 140px;
    text-align: left;
    padding-top: 20px;
    font-size: 18px;
    font-weight: bold;
    color: #ff5f01;
    display: inline-block;
    height: 66px;
    vertical-align: top;
}

.active-local .active-intro .items .txt {
    font-size: 18px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.6);
    line-height: 41px;
    display: inline-block;
    padding-top: 13px;
    width: 60%;
}

.active-local .active-intro .items .txt2 {
    font-size: 16px;
    /*font-weight: bold;*/
    color: rgba(0, 0, 0, 0.6);
    line-height: 26px;
    display: inline-block;
    width: 60%;
}

.active-local .local-news .items {
    padding-left: 20px;
}

.active-local .local-news .items dt {
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.active-local .local-news .items dt h3 {
    padding: 10px 0;
}

.active-local .local-news .items dt h3 a {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    line-height: 31px;
}

.active-local .local-news .items dt p,
.active-local .local-news .items dt p a {
    font-size: 15px;
    color: #000000;
    line-height: 28px;
}

.active-local .local-news .items dd {
    padding: 6px 0 6px 20px;
    position: relative;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
}

.active-local .local-news .items dd::before {
    content: '';
    width: 5px;
    height: 5px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translate(0, -50%);
}

.active-local .local-news .items dd a {
    font-size: 16px;
    color: #000000;
    line-height: 24px;
}

/*双品购物节样式end*/

/* ========== */
/* = g-doc = */
/* ========== */
.g-doc {
    padding: 20px 0;
}

/*------------------m-slider----------------*/
.m-slider {
    height: 480px;
    overflow: hidden;
}

.m-slider .slider-l {
    width: 384px;
    height: 100%;
    padding: 20px 0 0 15px;
    overflow: hidden;
}

.m-slider .slider-l .news {
    height: 195px;
    border-bottom: 1px dashed #e1e1e1;
    margin: 0 0 5px 5px;
}

.m-slider .slider-l .news h3 {
    font-size: 20px;
    color: #1a1a1a;
    font-weight: normal;
}

.m-slider .slider-l .news p {
    color: #6b6b6b;
    line-height: 30px;
    padding: 5px 10px 0 10px;
    height: 110px;
    overflow: hidden;
    font-size: 16px;
}

.m-slider .slider-l .u-more {
    position: absolute;
    right: 0;
    bottom: 9px;
    color: #df424e;
    font-size: 14px;
}

.m-slider .slider-l .u-more:hover {
    text-decoration: underline;
}

.m-slider .slider-l .new-tab {
    height: 258px;
}

.m-slider .slider-l .new-btn {
    margin-bottom: 10px;
}

.m-slider .slider-l .new-tab span {
    display: inline-block;
    width: 50%;
    text-align: center;
    font-size: 16px;
    padding: 5px 0;
    cursor: pointer;
}

.m-slider .slider-l .new-tab span.active,
.m-slider .slider-l .new-tab span:hover {
    color: #347cb9;
    border-bottom: 2px solid #347cb9;
}

.m-slider .slider-l .news-li {
    padding-bottom: 20px;
}

.m-slider .slider-l .news-li .item {
    line-height: 38px;
    display: block;
    width: 100%;
    padding-left: 15px;
    font-size: 16px;
    background: url(../static/images/icon-circle.jpg) no-repeat left center;
}

.slider-r .swiper-container {
    width: 756px;
    height: 478px;
}

.slider-r .swiper-container a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.slider-r .swiper-container img {
    width: 100%;
    height: auto;
    display: inline-block;
}

.slider-r .swiper-container .swiper-slide {
    position: relative;
    text-align: center;
    width: 756px;
    height: 478px;
}

.slider-r .swiper-container .u-title {
    text-align: left;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    color: #fafafa;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    font-weight: normal;
    padding-left: 30px;
    background-color: rgba(21, 20, 20, 0.8);
}

.pagination {
    position: absolute;
    z-index: 20;
    bottom: 14px;
    text-align: center;
    right: 15px;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #ffffff;
    margin: 0 5px;
    opacity: 0.8;
    cursor: pointer;
}

.swiper-active-switch {
    background: #347cb9;
}

/*------------------m-data----------------*/
.m-data .u-tit {
    position: relative;
    border-bottom: 1px solid #e6e5e5;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    height: 50px;
    margin-bottom: 30px;
}

.m-data .u-tit .u-tit-pos {
    position: absolute;
    bottom: -3px;
    left: 50%;
    margin-left: -80px;
    width: 160px;
    background: #ffffff;
}

.m-data .u-tit span {
    padding: 0 10px;
    border-bottom: 5px solid #347cb9;
}

.data-con .item {
    float: left;
    margin-right: 12px;
}

.data-con .last-item,
.data-con .item:last-child {
    margin-right: 0;
}

.data-con .item a {
    display: block;
    width: 190px;
    border: 1px solid #e7e7e7;
    padding-top: 20px;
    height: 161px;
    overflow: hidden;
    cursor: default;
}

.data-con .item a:hover {
    border: 1px solid #347cb9;
}

.data-con .item .item-num {
    padding: 0 15px;
}

.data-con .item .item-num span {
    color: #db051f;
    font-size: 30px;
}

.data-con .item .u-num {
    padding-top: 10px;
    color: #1a1a1a;
}

.data-con .item .u-num img {
    vertical-align: initial;
    margin-right: 3px;
}

.data-con .item .item-tit {
    color: #1a1a1a;
    font-size: 16px;
    text-align: center;
    padding: 10px 0;
    line-height: 24px;
    margin-top: 12px;
}

/*-------------doc-slider-------------------*/
.doc-list {
    padding: 40px 0 15px 0;
    height: 360px;
    overflow: hidden;
}

.m-policy {
    width: 573px;
}

.m-policy .tit {
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 20px;
}

.doc-list .tit .u-more {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 8px 5px;
    font-size: 12px;
    color: #777777;
    font-weight: normal;
}

.doc-list .tit .u-more:hover {
    color: #2e6ea4;
    text-decoration: underline;
}

.m-policy .tit .tab {
    float: left;
    display: block;
    font-size: 24px;
    padding: 3px 30px;
    cursor: pointer;
}

.m-policy .tit .tab.active,
.m-policy .tit .tab:hover {
    background: #347cb9;
    color: #ffffff;
}

.m-research {
    width: 580px;
}

.doc-list a.item {
    display: block;
    line-height: 40px;
    font-size: 16px;
    padding-left: 26px;
    background: url(../static/images/icon-circle.jpg) no-repeat 12px center;
}

.doc-list a.item .item-li {
    width: 70%;
    display: block;
    float: left;
}

.doc-list a.item .u-time {
    float: right;
    color: #c7c7c7;
    margin-right: 10px;
}

.m-research .tit {
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 20px;
    font-size: 24px;
    padding: 3px 30px;
    background: url(../images/icon-line.png) no-repeat 13px center;
}

.m-research .tit .u-more:hover {
    color: #2e6ea4;
    text-decoration: underline;
}

/*-------------doc-table-------------------*/
.doc-table .u-tit {
    background: url(../images/icon-line.png) no-repeat 13px center;
    font-size: 24px;
    padding: 15px 30px;
    position: relative;
}

.doc-table .u-tit .u-more {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 8px 5px;
    font-size: 12px;
    color: #777777;
    font-weight: normal;
}

.doc-table .u-tit .u-more:hover {
    color: #2e6ea4;
    text-decoration: underline;
}

.doc-table {
    margin-bottom: 5px;
    height: 470px;
    overflow: hidden;
}

.m-public .taba-data tbody td {
    height: 44px;
    font-size: 16px;
}

.m-public .taba-data img {
    display: inline-block;
    margin-right: 13px;
    vertical-align: middle;
}

.m-public,
.m-credit {
    width: 580px;
}

.m-credit .taba-data,
.m-public .taba-data {
    width: 100%;
}

.table-marquee {
    border: 1px solid #cbcbcb;
}

.doc-table .taba-data tbody td {
    font-size: 16px;
    height: 44px;
}

.doc-table .taba-data tbody td.u-points {
    text-align: center;
    padding-left: 0;
}

.taba-data thead th {
    background: #347cb9;
    text-align: center;
    color: #ffffff;
    font-size: 18px;
    height: 44px;
}

.m-credit .taba-data tbody td {
    padding-left: 80px;
}

.m-credit .taba-data td.u-points {
    color: #d92310;
}

.table-marquee li:nth-child(even) tr {
    background: #f2f2f2;
}

/*-------------doc-service-------------------*/
.doc-service {
    margin-bottom: 30px;
}

.doc-service .u-tit {
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 20px;
    font-size: 24px;
    padding: 3px 30px;
    background: url(../images/icon-line.png) no-repeat 13px center;
}

.m-service .item {
    float: left;
    text-align: center;
    width: 20%;
    padding: 0 10px;
    overflow: hidden;
}

.m-service .item .item-con {
    width: 100%;
    display: block;
    position: relative;
    transition: all 1s ease 0s;
}

.m-service .item .title {
    font-size: 22px;
    color: #242424;
    padding-bottom: 8px;
    display: block;
}

.m-service .item .title img {
    margin-right: 10px;
    display: inline-block;
    vertical-align: top;
}

.m-service .item .item-con img {
    width: 100%;
    height: auto;
    border: 1px solid #cbcbcb;
    transition: all 1s ease 0s;
}

.m-service .item:hover .item-con img {
    /*-webkit-filter: brightness(.5);
  filter: brightness(.5);*/
    -moz-transform: scale(1.06);
    -webkit-transform: scale(1.06);
}

.m-service .item .u-mask {
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    border: 1px solid #9d9d9d;
    background: #000000;
    opacity: 0.26;
}

/* ========== */
/* = g-fd = */
/* ========== */
.g-fd {
    background: #1f2122;
    font-size: 16px;
}

.g-fd .fd-con {
    position: relative;
    padding: 30px 15px 20px 15px;
}

.g-fd .item {
    color: #d2d2d2;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border-bottom: 1px solid #373a3c;
}

.g-fd a {
    color: #d2d2d2;
    font-size: 16px;
}

.g-fd .item a:hover {
    text-decoration: underline;
}

.g-fd .item i {
    margin: 0 20px;
    font-style: normal;
}

.g-fd .row {
    color: #d2d2d2;
    font-size: 14px;
    margin-bottom: 5px;
}

.g-fd .row span {
    padding-right: 55px;
}

.fd-con .fd-img {
    position: absolute;
    top: 12px;
    right: 30px;
}

.fd-con .fd-img a {
    display: block;
}

/* ========== */
/* = 侧边栏 = */
/* ========== */
.m-pin {
    position: fixed;
    z-index: 999;
    top: 50%;
    right: 0;
    width: 54px;
    height: 224px;
    margin-top: -112px;
}

.m-pin .m-pin-list {
    width: 54px;
    height: 54px;
    margin-top: 8px;
    border-radius: 8px;
}

.m-pin .m-pin-list a {
    font-size: 14px;
    line-height: 54px;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 8px;
}

.m-pin .m-pin-list a span {
    display: none;
}

.m-pin .m-pin-list .u-home {
    background: #a9c5ea url(../static/images/index_2022/iconHome_01.png) no-repeat center;
}

.m-pin .m-pin-list .u-back-top {
    background: #a9c5ea url(../static/images/index_2022/iconTop_01.png) no-repeat center;
}

.m-pin .m-pin-list .u-leave-words {
    background: #a9c5ea center;
}

.m-pin .m-pin-list a:hover {
    display: block;
    font-size: 16px;
    background: #1c69c5;
}

.m-pin .m-pin-list .u-wx {
    background: #5f5f5f url(../static/images/icon-fixed-wx.png) no-repeat center center;
}

.m-pin .m-pin-list .u-search {
    background: #5f5f5f url(../images/icon-fixed-search.png) no-repeat center center;
}

.m-pin .m-pin-list .u-issue {
    background: #f90;
}

.m-pin .m-pin-list .u-issue:hover {
    background: #f90;
}

.m-pin .m-pin-list .u-issue span {
    display: block;
    line-height: 54px;
    text-align: center;
    text-indent: 0;
    font-size: 14px;
    color: #fff;
}

.m-pin .m-pin-list a img {
    position: absolute;
    top: -62px;
    right: 54px;
    display: none;
    width: 150px;
    height: 150px;
    border: 1px solid #5f5f5f;
    padding: 3px;
}

.m-pin .m-pin-list a:hover img {
    display: block;
}

.m-pin .m-pin-list a:hover span {
    display: block;
}

/*-------------page-------------------*/
.g-bread-crumbs {
    /*background: #eeeeee;*/
    padding: 18px 0 8px 0;
}

.g-bread-crumbs1 {
    /*background: #eeeeee;*/
    padding: 18px 0 8px 0;
}

.m-bread-crumbs {
    padding-left: 30px;
}

/* ========== */
/* = page-list = */
/* ========== */
.m-page-list {
    width: 100%;
    padding: 20px 0;
}

.m-page-list .tit {
    border-bottom: 1px solid #cbcbcb;
    margin-bottom: 20px;
}

.m-page-list .tit .tab {
    float: left;
    display: block;
    font-size: 24px;
    padding: 3px 30px;
    cursor: pointer;
}

.m-page-list .tit .tab.active,
.m-page-list .tit .tab:hover {
    background: #347cb9;
    color: #ffffff;
}

.page-list-con a.item {
    display: block;
    line-height: 40px;
    font-size: 16px;
    padding-left: 26px;
    background: url(../static/images/icon-circle.jpg) no-repeat 12px center;
}

.page-list-con a.item .item-li {
    width: 70%;
    display: block;
    float: left;
}

.page-list-con a.item .u-time {
    float: right;
    color: #c7c7c7;
    margin-right: 10px;
}

/* ========== */
/* = page-article = */
/* ========== */
.m-page-article {
}

.m-article-head {
    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 8px;
}

.m-article-head .u-title {
    font-size: 28px;
    color: #363c43;
    font-weight: normal;
    padding: 10px 0 24px 0;
}

.m-article-head .u-note {
    font-size: 16px;
    color: #898989;
}

.m-article-body {
    padding: 30px 20px 0 20px;
}

.m-article-body p {
    font-size: 16px;
    line-height: 36px;
    margin-bottom: 30px;
}

/* ========== */
/* = page-data = */
/* ========== */
.m-page-data .u-tit {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: normal;
    padding: 3px 30px;
    background: url(../images/icon-line.png) no-repeat 16px center;
}

.m-page-data .data-head {
    width: 75%;
    margin: 0 auto;
}

.m-page-data .data-head .item {
    height: 60px;
    padding-left: 110px;
    padding-right: 80px;
    font-size: 16px;
    color: #171717;
}

.m-page-data .data-head .item .u-num {
}

.m-page-data .data-head .item-bg1 {
    background: url(../images/icon-data02.jpg) no-repeat 40px center;
}

.m-page-data .data-head .item-bg2 {
    background: url(../images/icon-data07.jpg) no-repeat 40px center;
}

.m-page-data .data-head .item img {
    vertical-align: initial;
    margin-right: 3px;
}

.m-page-data .data-head .item span {
    color: #db051f;
    font-size: 18px;
}

.m-page-data .data-body {
    position: relative;
    width: 75%;
    font-size: 16px;
    margin: 30px auto 20px auto;
}

.m-page-data .data-body span {
    margin: 0 5px;
}

.m-page-data .data-body .u-ipt {
    outline: none;
    width: 180px;
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}

.m-page-data .data-body .u-down {
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
}

.m-page-data .data-table {
    width: 75%;
    margin: 0 auto 40px auto;
}

.m-page-data .data-table table {
    width: 100%;
}

.m-page-data table thead th,
.m-page-data table tbody td {
    border: 1px solid #e6e7e7;
    padding: 8px 0;
}

.m-page-data table thead th {
    background: #f1f7ff;
    font-weight: bold;
}

.m-page-data table tbody td {
    text-align: center;
}

.m-page-data table tbody tr:nth-child(even) {
    background: #f1f7ff;
}

.m-page-data .data-foot {
    width: 1200px;
    margin: 0 auto;
}

.m-page-data .data-foot .m-grid {
    width: 300px;
    padding-top: 50px;
}

.m-page-data .data-foot .m-grid .item {
    position: relative;
    float: left;
    display: block;
    font-size: 16px;
    width: 150px;
    height: 200px;
    border-bottom: 1px solid transparent;
    padding-top: 60px;
}

.m-page-data .data-foot .m-grid .item p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
}

.m-page-data .data-foot .m-grid .item-grid1 {
    border-right: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    background: url(../images/img-page-data2.jpg) no-repeat center;
}

.m-page-data .data-foot .m-grid .item-grid4 {
    background: url(../images/img-page-data4.jpg) no-repeat center;
}

.m-page-data .data-foot .m-grid .item-grid2 {
    border-bottom: 1px solid #f1f1f1;
    background: url(../images/img-page-data1.jpg) no-repeat center;
}

.m-page-data .data-foot .m-grid .item-grid3 {
    border-right: 1px solid #f1f1f1;
    background: url(../images/img-page-data3.jpg) no-repeat center;
}

.m-page-data .data-grid {
    padding: 30px 0;
}

.m-page-data .data-grid .item {
    position: relative;
    float: left;
    font-size: 16px;
    width: 280px;
    height: 240px;
    border: 1px solid #ebebeb;
    text-align: center;
    transform: translateY(0);
    transition: 0.4s transform cubic-bezier(0.645, 0.045, 0.355, 1);
}

.m-page-data .data-grid .item.active {
    width: 360px;
    transform: translateY(-20px);
    background: none;
}

.m-page-data .data-grid .item .u-img {
    margin: 70px auto 20px;
    width: 51px;
    height: 51px;
    text-align: center;
}

.m-page-data .data-grid .item .u-img img {
    display: inline-block;
}

.m-page-data .data-grid .item .u-t {
    font-size: 16px;
    line-height: 30px;
}

.m-page-data .data-grid .item.active {
    padding-top: 50px;
    height: 280px;
}

.m-page-data .data-grid .item.active .u-t {
    font-size: 18px;
    line-height: 32px;
    color: #347cb9;
}

.m-page-data .data-grid .item .u-note {
    display: none;
}

.m-page-data .data-grid .item.active .u-note {
    display: block;
    margin: 10px 30px 0;
    color: #666666;
    line-height: 26px;
}

.m-page-data .data-grid .item.active .u-img {
    display: none;
}

.m-page-data .data-foot .m-chart {
    width: 100%;
    height: 380px;
    border: 1px solid #eeeeee;
}

/* = 电商培训一级列表页 = start */
.m-grid {
    width: 100%;
    padding: 40px 0;
}

.grid-conent {
    padding: 0 10px;
    margin-bottom: 20px;
    width: 600px;
    height: 240px;
}

.grid-conent .item {
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(242, 242, 242, 1);
    padding: 0 30px;
}

.grid-conent .item .u-tit {
    font-size: 18px;
    padding: 15px 0;
    border-bottom: 1px solid #c7c7c7;
    margin-bottom: 20px;
    color: #347cb9;
}

.grid-conent .item .u-img {
    bottom: 10px;
    right: 10px;
}

.grid-conent .item .grid-txt {
    padding-right: 10px;
}

/* = 电商培训一级列表页 = end */

/* = 分页 start = */
.page {
    text-align: center;
}

.page-num {
    border: 1px solid #ccc;
    cursor: pointer;
    display: inline-block;
    margin-left: 2px;
    text-align: center;
    text-decoration: none;
    color: #666;
    height: 26px;
    line-height: 26px;
    text-decoration: none;
    margin: 0 0 6px 6px;
    padding: 0 10px;
    font-size: 14px;
}

.current-page {
    background: #5a98de;
    color: #fff;
}

/* = 分页 end = */

/* = 视频播放页 start = */
.m-page-video .u-tit {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: normal;
    padding: 3px 30px;
    background: url(../images/icon-line.png) no-repeat 16px center;
}

.m-page-video .video-list {
    width: 400px;
    margin-bottom: 8px;
    /*padding: 24px 32px 32px;*/
    box-shadow: 0 8px 16px 0 rgba(7, 17, 27, 0.1);
    border-radius: 12px;
}

.m-page-video .video-list h3 {
    color: #1c1f21;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}

.m-page-video .video-list ul {
    padding-top: 2px;
}

.m-page-video .video-list li {
    background: #f7f9fb;
    position: relative;
    padding-left: 42px;
    height: 44px;
    line-height: 44px;
    list-style: none;
    border-bottom: 1px dashed #ccc;
    font-size: 16px;
    color: #000000;
    font-family: 'Microsoft Ya Hei';
}

.m-page-video .video-list li a {
    background-image: url(../static/images/img-video1.png);
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.m-page-video .video-list li:hover {
    background: #ffff;
    background-image: url(../images/icon-li.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.m-page-video .video-list li.active {
    background: #ffff;
    background-image: url(../images/icon-li.png);
    background-position: left center;
    background-repeat: no-repeat;
}

.m-page-video .video-list li:hover a {
    background-image: url(../static/images/img-video2.png);
    color: #347cb9;
}

.m-page-video .video-list li.active a {
    background-image: url(../static/images/img-video2.png);
    color: #347cb9;
}

.m-page-video .video-list li a {
    color: #1c1f21;
    display: block;
    overflow: hidden;
    word-break: break-all;
}

.m-page-video .video-play {
    width: 760px;
    height: 500px;
    background: #1c1f21;
}

/* = 视频播放页 end = */

/* 填表说明 */
.m-form-note-box {
    margin: 20px 0;
}

.m-form-note-box .tit {
    margin-bottom: 3px;
}

.m-form-note-box .tit i {
    margin-right: 4px;
}

.m-form-note {
    /* padding: 15px;
    line-height: 22px;
    border-left: 5px solid #5a5a5a;
    border-radius: 0 2px 2px 0;
    background-color: #e0e0e0 */

    padding: 15px;
    line-height: 22px;
    border: 1px solid #ebbb90;
    border-radius: 0 2px 2px 0;
    background-color: #fffbea;
}

.m-form-note .cur {
    color: #347cb9;
}

.m-form-title {
    line-height: 34px;
    border-bottom: 0;
    padding-left: 10px;
    font-weight: bold;
    margin-top: 10px;
}

.m-form-title .tit {
    font-size: 16px;
    margin-right: 3px;
    font-weight: bold;
    vertical-align: -2px;
}

/* 查看表格样式 */
.table-view {
    width: 100%;
    border: 1px solid #ddd;
    line-height: 1.5;
    background: #fff;
}

.table-view tbody th {
    background: #f2f2f2;
    text-align: right;
    color: #555;
    padding: 6px 5px;
    line-height: 24px;
    border: 1px solid #ddd;
}

.table-view tbody td {
    color: #222;
    padding: 6px 5px;
    line-height: 24px;
    border: 1px solid #ddd;
}

.yiji li a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.in-title {
    padding-top: 11px;
}

/* 数据中心 */
.dc-wrap {
    margin-bottom: 40px;
}

.dc-wrap .dc-aside {
    float: left;
    width: 310px;
    background: #f7f9fb;
}

.dc-wrap .dc-main {
    float: right;
    width: 850px;
}

.dc-wrap .dc-aside .nav-tit {
    border-top: 3px solid #2e6ea4;
    border-bottom: 1px solid #2e6ea4;
    height: 56px;
    line-height: 52px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #2E6EA4;
}

.dc-wrap .dc-aside .nav-tit img {
    margin-right: 15px;
}

.dc-wrap .dc-aside .level-items {
}

.dc-wrap .dc-aside .level-items .icon {
    display: inline-block;
    width: 11.3%;
    height: 20px;
    float: left;
}

.dc-wrap .dc-aside .level-items .icon1 {
    background: url(../static/images/img_2021/2021110314-02.png) no-repeat center center /18px;
}

.dc-wrap .dc-aside .level-items .icon2 {
    background: url(../static/images/img_2021/2021110314-03.png) no-repeat center center /18px;
}

.dc-wrap .dc-aside .level-items .tit {
    display: inline-block;
    vertical-align: top;
    width: 88.7%;
    float: right;
}

.dc-wrap .dc-aside .level-items a {
    display: block;
    vertical-align: top;
    font-size: 14px;
    font-weight: 400;
    color: #2E6EA4;
}

.dc-wrap .dc-aside .level-items a::after {
    content: '';
    width: 100%;
    height: 0;
    clear: both;
    display: block;
}

.dc-wrap .dc-aside .level-items dt {
    border-bottom: 1px dashed #ccc;
    padding: 16px 0;
    line-height: 20px;
    font-size: 14px;
    font-weight: 700;
    color: #2E6EA4;
}

.dc-wrap .dc-aside .level-items dd {
    border-bottom: 1px dashed #ccc;
    padding: 16px 0;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #2E6EA4;
}

.dc-wrap .dc-aside .level-items dd:hover, .dc-wrap .dc-aside .level-items dd.on {
    border-left: solid #347cb9 5px;
    background: #fff;
}

.dc-wrap .dc-aside .level-items dd:hover .tit, .dc-wrap .dc-aside .level-items dd.on .tit {
    color: #00AEFF;
}

.dc-wrap .dc-aside .level-items dd:hover .icon2, .dc-wrap .dc-aside .level-items dd.on .icon2 {
    background: url(../static/images/img_2021/2021110314-04.png) no-repeat center center /18px;
}

.dc-wrap .dc-aside .level-items dt a {
    cursor: default;
}

.dc-wrap .dc-main .tit-h1 {
    background: #fbfcfe;
    border: 1px solid #dcdcdc;
    border-left: 2px solid #00aeff;
    height: 56px;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    color: #2E6EA4;
    line-height: 56px;
}

.dc-wrap .dc-main .data-box {
    border: 1px solid #dcdcdc;
    margin-top: 35px;
    padding: 40px 50px;
}

.dc-wrap .dc-main .data-box .tit-h2 {
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    text-align: center;
    line-height: 24px;
    padding: 0 40px;
}

.dc-wrap .dc-main .data-box .date-row {
    background: #f3f3f3;
    height: 56px;
    padding: 0 34px;
    line-height: 56px;
    color: #000000;
}

.dc-wrap .dc-main .data-box .date-row .Wdate {
    height: 32px;
    background-color: #fff;
    padding: 0 10px;
    width: 110px;
    background-position-x: 98%;
    border-color: #ddd;
    border-radius: 3px;
}

.dc-wrap .dc-main .table {
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    width: 100%;
}

.dc-wrap .dc-main .table th {
    font-weight: 700;
}

.dc-wrap .dc-main .table th, .dc-wrap .dc-main .table td {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    text-align: center;
    padding: 8px 10px;
    line-height: 24px;
    color: #000000;
    font-size: 14px;
}

.dc-wrap .dc-main .table tr:nth-child(odd) th, .dc-wrap .dc-main .table tr:nth-child(odd) td {
    background: #f1f7ff;
}

.dc-wrap .data-box .p1 {
    font-size: 14px;
    line-height: 28px;
    color: #000;
}

.dc-wrap .data-box .u-icon-down {
    width: 22px;
    height: 28px;
    background: url(../static/images/img_2021/icon_down_01.png) 0 center no-repeat;
}

.dc-wrap .data-box .check-items {
    margin-top: 25px;
}

.dc-wrap .data-box .check-items .item {
    display: inline-block;
    width: 25%;
    float: left;
    font-size: 14px;
    color: #000000;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 25px;
    cursor: pointer;
}

.dc-wrap .data-box .check-items .item input {
    vertical-align: middle;
    margin-right: 5px;
}

.dc-wrap .data-box .check-items .on {
    color: #00AEFF;
}

.dc-wrap .data-box .check-items1 {
    float: right;
    margin-top: 0;
    width: 310px;
}

.dc-wrap .data-box .check-items1 .item {
    line-height: 56px;
    width: 70px;
}

.dc-wrap .dc-main-01 .data-box {
    margin-top: 0;
}

.tb-tab-hd {
    position: relative;
    top: 1px;
}

.tb-tab-hd li {
    float: left;
    padding: 0 70px;
    height: 43px;
    line-height: 43px;
    color: #467bab;
    font-size: 22px;
    background: #fff;
    border: 1px solid #dcdcdc;
    cursor: pointer;
}

.tb-tab-hd li + li {
    margin-left: 18px;
}

.tb-tab-hd li.z-crt {
    line-height: 42px;
    color: #999;
    border-top: 2px solid #2e6ea4;
    border-bottom: 1px solid #fff;
}

.dc-wrap .dc-main-01 .table tr td:nth-child(2) {
    text-align: left;
}

.dc-wrap .dc-main-01 .table tr td.tac {
    text-align: center;
}

.sx-col {
    text-align: right;
}

.sx-col select {
    height: 30px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #aaaaaa;
}

.sx-col p {
    margin-top: 15px;
}