html {
    min-width: 1200px;
    margin: 0 auto;
    /* 哀悼start */
    /* -o-filter:grayscale(100%);
     -webkit-filter: grayscale(100%);
     -moz-filter:grayscale(100%);
     -ms-filter:grayscale(100%);
     filter:progid:dximagetransform.microsoft.basicimage(grayscale=1);
     _filter:none; */
    /* 哀悼end*/
}

body {
    margin: 0;
    padding: 0;
    font-family: "pingfang sc", arial, "microsoft yahei", sans-serif;
    background: #f2f5fb;
}


/****************** 公共样式 **********************/

.container {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.clear_float {
    overflow: hidden;
}

.title {
    display: flex;
    justify-content: space-between;
    height: 38px;
}

.title_left {
    height: 100%;
    font-size: 22px;
    color: #333333;
    font-weight: bold;
}

.title_right {
    display: inline-block;
    color: #666;
    font-size: 14px;
    height: 100%;
    line-height: 36px;
    text-decoration: none;
}


/* .title_right:hover {
    color: #666;
} */

.time {
    font-size: 12px;
    color: #999999;
    line-height: 21px;
    display: flex;
}

ul {
    margin: 0;
    padding: 0;
}

// /****************** 智能客服 **********************/
// .intelligentcustomer {
//     display: flex;
//     justify-content: center;
//     align-items: center;
//     position: fixed;
//     right: 16px;
//     bottom: 30px;
//     width: 120px;
//     height: 36px;
//     background: #fff;
//     border-radius: 18px;
//     border: 1px solid #c8c8c8;
//     text-decoration: none;
// }
// .intelligentcustomerimg {
//     width: 24px;
//     height: 22px;
// }
// .intelligentcustomertext {
//     margin-left: 4px;
//     font-size: 16px;
//     font-weight: 400;
//     color: #ababab;
//     line-height: 20px;
// }
// /********************** header样式 *************************/
// header {
//     height: 144px;
//     background: #fff;
// }
// .header_main {
//     display: flex;
//     justify-content: space-between;
// }
// header .left {
//     width: 351px;
//     height: 100%;
//     display: flex;
//     align-items: center;
// }
// header .right {
//     height: 100%;
//     display: flex;
//     flex-direction: column;
//     align-items: flex-start;
//     /* position: relative; */
// }
// header .right .time_login {
//     display: flex;
//     padding: 15px 0 30px 0;
//     color: #969696;
// }
// header .right .time_login time {
//     padding: 0 10px;
//     line-height: 22px;
//     font-size: 14px;
// }
// header .right .time_login .login {
//     padding-left: 10px;
// }
// header .right .time_login .login a {
//     height: 22px;
//     display: inline-block;
//     line-height: 22px;
//     text-decoration: none;
//     color: #969696;
//     font-size: 14px;
// }
// header .right .time_login .login a:hover {
//     color: #e5191c;
// }
// header .right .time_login .login a.login-text {
//     width: 62px;
//     border-radius: 12px;
//     height: 24px;
//     color: #fff;
//     line-height: 24px;
//     background: #e60000;
//     text-align: center;
// }
// header .right .search {
//     width: 286px;
//     height: 42px;
//     display: flex;
//     border-radius: 21px;
//     border: 1px solid #dcdcdc;
//     align-items: center;
//     overflow: hidden;
//     margin-left: 8px;
// }
// header .right .search input {
//     outline: none;
//     border: none;
//     flex: 1;
//     height: 42px;
//     margin-left: 21px;
// }
// ::-webkit-input-placeholder {
//     /* webkit browsers */
//     color: #969696;
//     font-size: 13px;
// }
// ::-moz-placeholder {
//     /* mozilla firefox 19  */
//     color: #969696;
//     font-size: 13px;
// }
// :-ms-input-placeholder {
//     /* internet explorer 10  */
//     color: #969696;
//     font-size: 13px;
// }
// header .right .search button {
//     background-color: #fff;
//     width: 91px;
//     height: 40px;
//     border: none;
//     color: #fff;
//     cursor: pointer;
//     outline: none;
//     font-size: 18px;
// }
// header .right .search button:hover {
//     background-color: #c80000;
// }
// header .right .search img {
//     width: 24px;
//     height: 24px;
//     margin-right: 10px;
// }

/************** nav样式 **********************/

nav {
    height: 55px;
    background-color: #fff;
    box-sizing: border-box;
    color: #333;
}

.nav_main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav_main .left {
    display: flex;
}

.nav_main .left .nav_btn {
    position: relative;
    margin: 0 30px;
}

.nav_main .left .nav_btn:nth-child(1) {
    margin-left: 0;
}

.line {
    display: none;
}

.nav_main .left .nav_btn.nav_actived .btn {
    color: #e60000;
    font-weight: bold;
}

.nav_actived .line {
    display: block;
    left: 0;
    position: absolute;
    bottom: 4px;
    height: 4px;
    width: 100%;
    background: #e60000;
    border-radius: 2px;
}

.nav_main .left .nav_btn .btn {
    font-size: 20px;
    height: 55px;
    line-height: 55px;
    text-decoration: none;
    display: block;
    text-align: center;
    color: #333;
}

.drop_box {
    position: absolute;
    left: 50%;
    transform: translate3d(-50%, 0, 0);
    top: 55px;
    background-color: #fff;
    z-index: 100;
    font-size: 16px;
    display: none;
    /* padding-top: 30px; */
    border-radius: 2px;
    box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, .05);
    animation: menu-up .2s ease;
}

@keyframes menu-up {
    0% {
        opacity: 0;
        transform: translate3d(-50%, 50px, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(-50%, 0, 0);
    }
}

.drop_box a {
    text-decoration: none;
    color: #333333;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    padding: 0 10px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.drop_box .nav-mask1 {
    width: 2220px;
    height: 530px;
    position: absolute;
    left: -785px;
    top: 0;
    z-index: -100;
    background: #fff  no-repeat 148% 30%;
}

.drop_box .nav-mask2 {
    width: 2220px;
    height: 395px;
    position: absolute;
    left: -1065px;
    top: 0;
    z-index: -100;
    background: #fff  no-repeat 148% 30%;
}

.drop_box .nav-mask3 {
    width: 2220px;
    height: 260px;
    position: absolute;
    left: -1205px;
    top: 0;
    z-index: -100;
    background: #fff  no-repeat 148% 30%;
}

.drop_box .nav-mask4 {
    width: 2220px;
    height: 260px;
    position: absolute;
    left: -1345px;
    top: 0;
    z-index: -100;
    background: #fff  no-repeat 148% 30%;
}

.drop_box a:hover {
    /* box-shadow: 0 0 7px #88888842; */
    color: rgba(214, 21, 24, 1);
}

.nav_main .right {
    font-size: 20px;
    text-decoration: none;
    display: flex;
    align-items: center;
    background-color: #fff;
    height: 100%;
    padding: 10px;
    box-sizing: border-box;
    color: #333;
}

.nav_main .right:hover {
    color: #e60000;
    font-weight: bold;
}

.nav_main .right img {
    margin-top: -1px;
    width: 20px;
    margin-right: 5px;
}

#training:hover .drop_box {
    display: block;
}

#information:hover .drop_box {
    display: block;
}

#research:hover .drop_box {
    display: block;
}

#listed:hover .drop_box {
    display: block;
}

#about:hover .drop_box {
    display: block;
}


/*************************** banner样式 *******************************/

.banner {
    width: 100%;
    height: 419px;
    margin: 0 auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner .banner_main {
    width: 1920px;
    height: 419px;
    position: relative;
}

#swiper1 .swiper-slide img {
    width: 1920px;
    height: 419px;
}

.form-list-card {
    position: absolute;
    top: 50%;
    right: 357px;
    width: 240px;
    max-height: 320px;
    background: linear-gradient(360deg, #fff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    opacity: .95;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
    border-radius: 4px;
    z-index: 10;
    transform: translatey(-50%);
}

.form-card-unlogin,
.form-card-login {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
}

.no-login,
.no-data {
    height: 316px;
}

.has-data {
    min-height: 236px;
    padding-bottom: 25px;
}

.form-tit-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 21px;
    width: 100%;
    margin-top: 25px;
    position: relative;
    margin-bottom: 8px;
}

.question-tip {
    width: 150px;
    border-radius: 2px;
    position: absolute;
    left: 17px;
    top: 30px;
    background: #fff;
    padding: 6px 10px;
    box-shadow: 0 9px 28px 8px rgba(0, 0, 0, .05), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 3px 6px -4px rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .85);
    line-height: 22px;
    font-weight: 400;
    display: none;
}

.question-tip::after {
    content: '';
    position: absolute;
    top: -6px;
    right: 10px;
    width: 12px;
    height: 12px;
    background: #fff;
    transform: rotate(45deg);
}

.form-card-tit {
    font-size: 18px;
    color: #253368;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.form-card-tit img.question-img {
    height: 16px;
    cursor: pointer;
    width: 16px;
    margin: 0 0 0 8px;
}

.form-tit-more {
    color: #666;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.form-tit-more:after {
    content: '';
    display: block;
    height: 6px;
    width: 6px;
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    transform: rotate(45deg);
    margin-top: 1px;
    margin-left: 2px;
}

.form-tit-more:hover,
.form-tit-more:hover.form-tit-more::after {
    cursor: pointer;
    color: #d71518;
    border-color: #d71518;
}

.form-card-unlogin img {
    height: 160px;
    width: 160px;
    margin-top: 20px;
}

.form-card-login img {
    width: 135px;
    height: 135px;
    margin-top: 16px;
}

.form-card-unlogin .untip,
.form-card-login .untip {
    color: #93a3b7;
    text-align: center;
    font-weight: 400;
    margin-top: 10px;
}

.form-card-login .untip {
    margin-top: 16px;
}

.form-card-unlogin .form-btn,
.form-card-login .form-btn {
    margin-top: 33px;
    width: 163px;
    height: 38px;
    background: linear-gradient(360deg, #fff 0%, #f3f5f8 100%);
    box-shadow: -8px -8px 20px 0px #fff, 8px 8px 20px 0px rgba(55, 99, 170, .1);
    border: 2px solid #fff;
    border-radius: 0;
    color: #93a6cc;
    line-height: 38px;
    text-align: center;
    font-weight: 400;
    cursor: pointer;
}

.form-card-login .form-btn {
    margin-top: 16px;
}

.form-list {
    padding: 0 21px;
    width: 100%;
    box-sizing: border-box;
}

.form-list .form-list-item {
    line-height: 22px;
    font-size: 14px;
    margin-top: 16px;
    color: #253368;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


/******************** notice_news样式 *******************/

.notice_news {
    background: #f2f2f2;
}

.news_main {
    display: flex;
    height: 40px;
}

.news_text {
    display: flex;
    align-items: center;
    width: 104px;
    color: #666666;
    font-size: 14px;
}

.news_text img {
    width: 18px;
    height: 18px;
}

#swiper2 {
    margin-left: 5px;
    line-height: 40px;
    margin-right: 0;
    width: 100%;
}

#swiper2 .swiper-button-prev2 {
    background-image: ;
    background-size: 13px 7px;
    width: 13px;
    height: 7px;
    margin-top: 0;
    left: calc(100% - 13px);
    top: 10px;
    opacity: 0.4;
    position: absolute;
    right: auto;
    background-repeat: no-repeat;
    z-index: 10;
    cursor: pointer;
}

#swiper2 .swiper-button-next2 {
    background-image: ;
    background-size: 13px 7px;
    width: 13px;
    height: 7px;
    margin-top: 0;
    right: 0;
    bottom: 10px;
    opacity: 0.4;
    position: absolute;
    background-repeat: no-repeat;
    z-index: 10;
    cursor: pointer;
}

#swiper2 .swiper-slide a {
    display: inline-block;
    color: #666666;
    text-decoration: none;
    font-size: 14px;
}

#swiper2 .swiper-slide a:hover {
    color: #e5191c;
}

#swiper2 .swiper-slide a span {
    display: inline-block;
    margin-left: 8px;
    color: #969696;
}


/******************** quick_entry样式 *******************/

.quick_entry {
    width: 100%;
    height: 186px;
    background-color: #fff;
}

.quick_entry .entry_main {
    display: flex;
    align-items: center;
}

.quick_entry .entry_main .entry_list {
    display: flex;
    justify-content: center;
    align-items: center;
}

.quick_entry .entry_main .entry_list a {
    text-decoration: none;
    color: #253554;
    font-size: 14px;
}

.entry_list_center {
    width: 130px;
    height: 130px;
    display: flex;
    border: 2px solid #fff;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background: linear-gradient(0deg, #fff 0%, #f3f5f8 100%);
    box-shadow: -8px -8px 20px 0px #fff, 8px 8px 20px 0px rgba(55, 99, 170, .1);
    margin-right: 32px;
    box-sizing: border-box;
}

.quick_entry .entry_right {
    // background: linear-gradient(360deg, #fff 0%, #f3f5f8 100%);
    // box-shadow: -8px -8px 20px 0px #fff, 8px 8px 20px 0px rgba(55, 99, 170, .1);
    // border: 2px solid #fff;
    margin-left: 35px;
}

.entry_right .entry_right_content {
    //width: 130px;
    height: 130px;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    display: flex;
    // background: linear-gradient(360deg, #fff 0%, #f3f5f8 100%);
    // box-shadow: -8px -8px 20px 0px #fff, 8px 8px 20px 0px rgba(55, 99, 170, .1);
    // border: 2px solid #fff;
    box-sizing: border-box;
}

.erc_btn {
    width: 163px;
    height: 34px;
    border-radius: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    background: linear-gradient(180deg, rgba(255, 243, 245, .35) 0%, rgba(249, 204, 210, .26) 100%);
    box-shadow: inset -.35px .35px .35px 0px rgba(255, 255, 255, .4), inset .35px -.35px .35px 0px rgba(170, 0, 0, .4);
    backdrop-filter: blur(1.75px);
}

.erc_btn .erc_btn_name {
    color: #f03a3a;
    font-weight: 400;
    font-size: 14px;
}

.qe_dongmi_img {
    position: relative;
    cursor: pointer;
}

.qe_dongmi_hover_back {
    display: none;
    position: absolute;
    top: 30px;
    background: transparent;
}

.qe_dongmi_hover {
    width: 150px;
    box-shadow: 0px 2px 12px 1px rgba(0, 0, 0, .08);
    box-sizing: border-box;
    background: #fff;
    margin-top: 10px;
    height: 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.qe_dongmi_img:hover .qe_dongmi_hover_back {
    display: block;
}

.qe_dongmi_1 {
    width: 150px;
    height: 32px;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    text-decoration: none;
    display: block;
    text-align: center;
    line-height: 32px;
}

.qe_dongmi_1:hover {
    background: #f5f5f5;
}

.sanjiao {
    position: absolute;
    top: -9px;
    right: 24px;
    width: 0px;
    height: 0px;
    border: 10px solid #fff;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

.qe_dongmi_top {
    border-top: 1px solid rgba(130, 130, 130, .2);
    padding-top: 8px
}

.qe_dongmi .erc_btn_img_hover {
    display: none
}

.qe_dongmi:hover .erc_btn_img {
    display: none;
}

.qe_dongmi:hover .erc_btn_img_hover {
    display: block;
}


/* .qe_dudong:hover .erc_btn_name{
    color: #fff;
} */

.qe_dudong .erc_btn_img_hover {
    display: none
}

.qe_dudong:hover .erc_btn_img {
    display: none;
}

.qe_dudong:hover .erc_btn_img_hover {
    display: block;
}

.erc_btn_img,
.erc_btn_img_hover {
    width: 20px;
    height: 20px;
    margin-left: 15px;
}

.erc_btn_name {
    font-size: 16px;
    color: #828282;
    margin-left: 5px;
}

.entry_icon {
    width: 60px;
    height: 60px;
}

.entry_name {
    text-align: center;
    margin-top: 5px;
}


/*.entry_list a:hover .entry_icon_hover {
    display: block;
}

.entry_list a:hover .entry_icon_pc {
    display: none;
}

.entry_icon_hover {
    display: none;
} */


/******************* newest_prepare ***********************/

.newest_prepare {
    width: 100%;
    background: #fff;
    padding-top: 44px;
    padding-bottom: 60px;
}

.newest_prepare .container {
    display: flex;
    justify-content: space-between;
}

.newest_content {
    height: 650px;
    width: 571px;
    padding-top: 10px;
    background: linear-gradient(0deg, #fff 0%, #f5f7fb 100%);
    box-shadow: -8px -8px 20px 0 #fff, 8px 8px 20px 0 rgba(55, 99, 170, .1);
    border: 2px solid #fff;
    padding: 32px;
    box-sizing: border-box;
}

.newest_title {
    padding: 0 32px;
}

.newest_content ul {
    margin: 0;
    padding: 0;
}

.newest_content ul li {
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
    flex-direction: column;
    height: 45px;
}

.newest_content ul li .list_left {
    /* max-width: 88.5%; */
    display: flex;
    align-items: center;
}

.newest_content ul li .list_left a,
.newest_content ul li a {
    width: 100%;
    height: 100%;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    text-decoration: none;
    color: #666666;
    white-space: nowrap;
    line-height: 20px;
}

.newest_content ul li .list_left a:hover {
    color: #e5191c;
}

.newest_content .newest_ul li a:hover {
    color: #e5191c;
}

.newest_content ul li .list_left img {
    height: 16px;
}


/*最新通知标签*/

.newest_content .notice_scroll_li ul {
    float: right;
    /* height: 21px; */
    overflow: hidden;
}

.newest_content .notice_scroll_li li {
    display: block;
    text-align: center;
    margin-top: 0;
}

.newsletters_status {
    display: block;
    padding: 0px 7px;
    border-radius: 0px;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    height: 21px;
    line-height: 22px;
    margin-right: 8px;
}

.newsletters_status1 {
    background-color: #d46b08;
}

.newsletters_status2 {
    background-color: #b6b6b6;
}

.newsletters_status3 {
    background-color: #096dd9;
}

.newsletters_status4 {
    background-color: #b6b6b6;
}

.newsletters_status5 {
    background-color: #7cb305;
}

.newsletters_status6 {
    background-color: #08979c;
}

.mainimg {
    width: 100%;
    height: 21px;
    position: relative;
    transition: 0.5s ease;
    overflow: hidden;
}

.imgslist {
    /* width: 100%; */
    /* height: 100%; */
    bottom: 0;
    position: relative;
    transition: 0.5s ease;
}

.prepare {
    border: 2px solid #fff;
    margin-left: 58px;
}

.prepare_title {
    padding: 0 32px;
}

.prepare .prepare_content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}

.prepare .prepare_content a {
    display: inline-block;
    width: 48%;
    height: 60px;
    display: flex;
    text-decoration: none;
    color: #666666;
    margin-top: 17px;
    font-size: 14px;
    border: 1px solid #f2f2f2;
    padding: 10px;
    box-sizing: border-box;
}

.prepare .prepare_content a img {
    filter: grayscale(100%);
    opacity: .35;
    max-width: 40px
}

.prepare .prepare_content a:hover {
    color: #e5191c;
}

.prepare .prepare_content a:hover img {
    opacity: 1;
    filter: grayscale(0%);
}

.prepare .prepare_content a .prepare_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 10px;
    width: 100%;
}

.prepare .prepare_content a .prepare_text div {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


/******************* 深交所创新成长学院 - new ***********************/

.sjs-school {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
}

.sjs-tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 1200px;
    height: 52px;
    padding-bottom: 12px;
}

.sjs-tit span:nth-child(1) {
    font-size: 32px;
    color: #000;
    font-weight: bold;
}

.sjs-tit span:nth-child(2) {
    font-size: 14px;
    color: #666;
}

.sjs-container {
    background: #f5f7fb;
    box-shadow: inset 8px 8px 20px 0px rgba(55, 99, 170, .05);
    display: flex;
    justify-content: center;
    padding: 43px 0;
    width: 100%;
}

.sjs-main {
    width: 1200px;
}

.sjs-main-top {
    display: flex;
}

.column .column-tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 62px;
    margin-right: 25px;
}

.column .column-tit .tit-inset {
    display: flex;
    align-items: flex-end;
}

.tit-inset span:nth-child(1) {
    color: #333;
    font-size: 24px;
    font-weight: bold;
    margin-right: 12px;
}

.tit-inset span:nth-child(2) {
    font-size: 16px;
    color: #666;
}

.tit-more {
    font-size: 14px;
    color: #666;
    cursor: pointer;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.tit-more::after {
    content: '';
    display: block;
    height: 6px;
    width: 6px;
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    transform: rotate(45deg);
    margin-top: 1px;
    margin-left: 2px;
}

.tit-more:hover,
.tit-more:hover.tit-more::after {
    color: #d71518;
    border-color: #d71518;
}

.column-items {
    display: flex;
    flex-wrap: wrap;
    width: 816px;
}

.column-items .col-item {
    width: 383px;
    height: 215px;
    overflow: hidden;
    cursor: pointer;
    margin: 0 25px 25px 0;
}

.column-items .col-item img {
    transition: .2s ease;
    width: 383px;
    height: 215px;
    display: block;
}

.column-items .col-item img:hover {
    transform: scale(1.2);
}

.insitution {
    width: 383px;
}

.insitution-tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 62px;
}

.insitution-tit span:nth-child(1) {
    color: #333;
    font-size: 24px;
    font-weight: bold;
}

.insitution-main {
    width: 383px;
    height: 457px;
    overflow: hidden;
    cursor: pointer;
}

.insitution-main img {
    transition: .2s ease;
    width: 383px;
    height: 457px;
}

.insitution-main img:hover {
    transform: scale(1.2);
}

.free-class .fc-tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
    margin-top: 54px;
}

.free-class .fc-tit .tit-inset {
    display: flex;
    align-items: flex-end;
}

.tit-inset span:nth-child(1) {
    color: #333;
    font-size: 24px;
    font-weight: bold;
    margin-right: 12px;
}

.tit-inset span:nth-child(2) {
    font-size: 16px;
    color: #666;
}

.fc-items {
    display: flex;
}

.fc-item {}

.fc-item:nth-child(2) {
    margin: 0 25px;
}

.fc-item-img {
    width: 383px;
    height: 215px;
    overflow: hidden;
    cursor: pointer;
}

.fc-item-img img {
    width: 383px;
    height: 215px;
    transition: .2s ease;
}

.fc-item-img img:hover {
    transform: scale(1.2);
}

.fc-item-tit {
    font-size: 18px;
    color: #333;
    margin-top: 17px;
}


/******************* 创享荟 研究报告 ***********************/

.cy-main-container {
    width: 100%;
    display: flex;
    align-items: center;
    background: #fff;
    padding: 60px 0;
    flex-direction: column;
}

.cy-main {
    display: flex;
    width: 1200px;
}

.cy-item-view {
    display: flex;
    justify-content: center;
    margin-right: 45px;
}

.cy-item-view-2 {
    display: flex;
    flex-direction: column;
    width: 558px;
    margin-left: 45px;
}

.cyit-tit {
    color: #333;
    height: 40px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.cy-item-view img {
    display: block;
    cursor: pointer;
    height: 336px;
    width: 575px;
}

.cy-item-cx {
    width: 569px;
}

.cy-item-main:hover .cy-item-main-tit,
.cy-item-main:hover .cy-item-main-con {
    // color: #e5191c;
    cursor: pointer;
}

.cy-item-tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 23px;
}

.ci-tit-m {
    color: #333;
    font-size: 32px;
    font-weight: bold;
}

.cy-item-main {
    margin-top: 36px;
}

.cy-item-main-tit {
    color: #333;
    font-size: 20px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cy-item-main-subtit {
    color: #000;
    font-size: 16px;
    margin-top: 12px;
}

.cy-item-main-con {
    color: #3c4852;
    font-size: 16px;
    margin-top: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-break: break-all;
}

.line-hide {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.line-hide-5 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
    word-break: break-all;
}

.cy-item-bg {
    box-sizing: border-box;
    width: 576px;
    height: 376px;
}

.rep-item:hover .cyit-tit {
    color: #d71518;
}

.rep-item:hover img {
    transform: scale(1.2);
}

.rep-item a {
    display: block;
    width: 170px;
    height: 230px;
    overflow: hidden;
}

.rep-item img {
    width: 170px;
    height: 230px;
    transition: .2s ease;
}


/******************* 简讯 & 新闻速递 & 政策动态 & 专题专栏 ***********************/

.newsletter_special {
    background-color: #f2f5fb;
    display: flex;
    justify-content: center;
}

.newsletter_special .container {
    padding: 60px 0 70px 0;
    display: flex;
    justify-content: center;
}

.newsletters {
    width: 1200px;
}

.newsletters_title {
    width: 100%;
    height: 53px;
    /* border-bottom: 2px solid #dcdcdc; */
    display: flex;
    justify-content: space-between;
}

.newsletters_title_left {
    display: flex;
}

.newsletters_nav {
    height: 53px;
    font-size: 22px;
    color: #333;
    margin-right: 20px;
    line-height: 53px;
}

.newsletters_nav:hover {
    cursor: pointer;
}

.newsletters_nav.active {
    font-weight: bold;
    border-bottom: 4px solid #333;
}

.newsletters_title .title_right {
    line-height: 53px;
}

.newsletters_content {
    margin-top: 24px;
    height: 340px;
    // padding: 30px;
    // box-shadow: 0 2px 30px 0 rgba(0, 0, 0, .1);
    // background: #fff;
}


/* .newsletters_content_page {
    margin-top: 35px;
} */

.newsletters_content_page ul {
    margin: 0;
    padding: 0;
}

.newsletters_content_page ul li {
    list-style: none;
}

.newsletters_content_page .newsletter_img {
    display: inline-block;
    height: 340px;
}

.newsletters_content_page .newsletter_img img {
    width: 575px;
    height: 340px;
}

.newsletters_page {
    display: flex;
}

.newsletters_list {
    width: 625px;
    flex: 1;
    box-sizing: border-box;
}

.newsletters_list ul {
    height: 100%;
    width: 100%;
}

.newsletters_list ul li {
    width: 100%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin-bottom: 1px;
}

.nl_li_show {
    background-color: #fff;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1);
    height: 110px;
    margin-bottom: 23px;
    position: relative;
}

.nl_li_show .nl_li_top {
    height: 42px;
    line-height: 42px;
    box-sizing: border-box;
    border-bottom: 1px dotted #d9d9d9;
    padding-right: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nl_li_show .nl_li_top a {
    display: block;
    text-decoration: none;
    color: #333333;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 20px;
    flex: 1;
}

// .nl_li_show .nl_li_top a:hover {
//     color: #e5191c;
// }
.nl_li_show .nl_li_bottom {
    height: 50px;
    line-height: 20px;
    font-size: 14px;
    padding: 10px 10px 0 20px;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    box-sizing: border-box;
}

.nl_li_hide {
    padding: 0 10px 0 20px;
    margin-bottom: 20px;
}

.nl_li_hide .time {
    float: right;
}

.nl_li_hide a {
    display: inline-block;
    text-decoration: none;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 85%;
}

.page_2 li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.page_2 a {
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666666;
    text-decoration: none;
}

.page_2 a:hover {
    color: #e5191c;
}

.special {
    box-sizing: border-box;
    position: relative;
    width: 245px;
}

.special .title {
    font-size: 22px;
    color: #333333;
    height: 55px;
    line-height: 55px;
    padding-left: 30px;
}

.special .circle {
    width: 11px;
    height: 11px;
    background: #eaeaea;
    border-radius: 50%;
    position: absolute;
    left: -4.5px;
    top: 7%;
}

.special .border {
    width: 2px;
    background-color: #eaeaea;
    height: 93%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.special ul {
    margin: 0;
    padding: 0;
    width: 100%;
    position: absolute;
    left: -4px;
    bottom: 0;
}

.special ul li {
    list-style: none;
    width: 100%;
    height: 65px;
    background: url(/uploads/image/i/special-box.png) no-repeat;
    margin-top: 30px;
}

.special ul li a {
    margin-left: 33px;
    height: 100%;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.special ul li a img {
    width: 50px;
    height: 50px;
    margin-left: 5px;
}

.special_event {
    margin-left: 5px;
}

.special_event_name {
    font-size: 18px;
    color: #555;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 142px;
}

.special_event_introduce {
    font-size: 14px;
    color: #999999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 146px;
}

.special ul li a:hover .special_event_name {
    color: #000;
}

.special ul li a:hover .special_event_introduce {
    color: #666;
}

.special ul li a:hover img {
    transform: scale(1.05, 1.05);
}


/************************* slogan ********************************/

.slogan .container {
    height: 172px;
    width: 1900px;
}

@media only screen and (max-width: 1920px) {
    .slogan .container {
        width: 100%;
    }
}

.slogan .container img {
    height: 172px;
    width: 100%;
}

// /************************* footer ********************************/
// footer {
//     background: #fff;
//     border-top: 1px solid #dcdcdc;
// }
// .footer_main {
//     padding: 60px 0 70px 0;
//     display: flex;
//     position: relative;
//     z-index: 111;
// }
// .footer_main_left {
//     width: 40%;
// }
// .footer_main_right {
//     width: 60%;
// }
// .contact_us {
//     margin-top: 35px;
// }
// .contact_us a {
//     text-decoration: none;
//     margin-right: 10px;
//     position: relative;
//     display: inline-block;
// }
// .tel .tel_img_hover {
//     display: none;
// }
// /* .tel:hover .tel_img{
//     display: none;
// }
// .tel:hover .tel_img_hover{
//     display: block
// } */
// .email .email_img_hover {
//     display: none;
// }
// /* .email:hover .email_img{
//     display: none;
// }
// .email:hover .email_img_hover{
//     display: block
// } */
// .contact_us a .wechat_img {
//     left: -50px;
//     top: -156px;
//     display: none;
// }
// .wechat:hover .wechat_img {
//     display: block;
// }
// .links_text {
//     color: #333333;
//     font-size: 14px;
//     font-weight: bold;
//     padding: 20px 0 10px;
// }
// .links_list {
//     width: 392px;
//     display: flex;
//     flex-wrap: wrap;
// }
// .links_list li {
//     list-style: none;
//     margin-right: 14px;
//     height: 30px;
//     line-height: 30px;
//     font-size: 14px;
// }
// .links_list li a {
//     text-decoration: none;
//     color: #969696;
// }
// .links_list li a:hover {
//     color: #e5191c;
// }
// .footer_main_right {
//     display: flex;
//     justify-content: space-between;
// }
// /* .footer_main_right >:nth-child(1){
//     width: 30%;
// }
// .footer_main_right >:nth-child(2){
//     width: 30%;
// }
// .footer_main_right >:nth-child(3){
//     width: 30%;
// }
// .footer_main_right >:nth-child(4){
//     width: 10%;
// } */
// .footer_main_right div ul li {
//     list-style: none;
//     font-size: 14px;
//     height: 34px;
//     line-height: 34px;
// }
// .footer_main_right div ul li a {
//     text-decoration: none;
//     color: #999999;
// }
// .footer_main_right div ul li a:hover {
//     color: #e5191c;
// }
// .footer_bottom {
//     background-color: #f2f2f2;
//     color: #666666;
//     font-size: 14px;
//     position: relative;
// }
// .footer_bottom .container {
//     padding: 35px 0;
//     display: flex;
//     justify-content: space-between;
// }
// .footer_bottom_left div {
//     height: 30px;
//     line-height: 30px;
// }
// .footer_bottom_left div i {
//     display: inline-block;
//     width: 12px;
//     height: 12px;
//     background: ;
// }
// .footer_bottom_left a {
//     text-decoration: none;
//     color: #666666;
// }
// .footer_bottom_right a {
//     display: inline-block;
//     margin-left: 10px;
// }
// .szsehelpbg {
//     position: absolute;
//     right: 0;
//     bottom: 100%;
//     /* z-index: -1; */
//     height: 368px;
// }
// /* 回到顶部 */
// .back_to_top {
//     position: fixed;
//     right: 2px;
//     top: 44%;
//     z-index: 2;
//     width: 40px;
// }
// .back_to_top a {
//     text-decoration: none;
// }
// .back_to_top ul li {
//     list-style: none;
//     background-color: #3e4852;
// }
// .back_to_top ul li:hover {
//     background-color: #d71518;
// }
// .back_to_top ul li:not(:last-child) {
//     margin-bottom: 2px;
// }
// .back_to_top .btt_top {
//     height: 53px;
// }
// .back_to_top .btt_top:hover div {
//     color: #fff;
// }
// .back_to_top .btt_top img {
//     margin-left: 12px;
//     margin-top: 9px;
// }
// .back_to_top .btt_top div {
//     color: #cecece;
//     font-weight: 400;
//     font-size: 14px;
//     width: 100%;
//     text-align: center;
//     padding-top: 2px;
// }
// .back_to_top .btt_list {
//     width: 40px;
//     height: 40px;
//     position: relative;
// }
// .back_to_top ul li .btt_img_hover {
//     opacity: .85;
// }
// .back_to_top ul li:hover .btt_img_hover {
//     opacity: 1;
// }
// .back_to_top ul li .ecertright_hover {
//     opacity: .85;
// }
// .back_to_top ul li:hover .ecertright_hover {
//     opacity: 1;
// }
// .ecertright_li:hover .ecertright {
//     display: block;
// }
// .back_to_top .btt_img_show {
//     position: absolute;
//     right: calc(100%   1px);
//     top: 0;
//     display: none;
// }
// .back_to_top .btt_list_tel:hover .btt_img_show {
//     display: block;
// }
// .back_to_top .btt_list_email:hover .btt_img_show {
//     display: block;
// }
// .back_to_top .btt_list_wechat:hover .btt_img_show {
//     display: block;
// }
// .back_to_top .btt_list_dongmi:hover .btt_img_show {
//     display: block;
// }
// .back_to_top .btt_list_dudong:hover .btt_img_show {
//     display: block;
// }
// .back_to_top .btt_list_weibo a {
//     display: block;
//     height: 40px;
// }
// .btt_img_left {
//     background-color: #d71518;
//     line-height: 40px;
//     text-align: center;
//     color: #fff;
//     font-size: 16px;
// }