.banner_show {
    height: 650px;
    position: relative;
}

@media screen and (min-width: 2100px) {
    .banner_show {
        position: relative;
        height: 950px;
    }
}
.banner_show .hiSlider-pages {
    width: 100%;
    bottom: 130px;
    text-align: center;
}
.hiSlider-pages a {



    width: 100%;



    text-align: center;



    width: 15px;



    height: 15px;



    margin: 0 10px;



    border-radius: 3px;



    transform: rotate(45deg);



    background-color: rgba(255, 255, 255, .4);



}



.banner_show .hiSlider-pages a.active {
    background-color: #fff;

}

.banner_show .hotbox {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;
    background-color: rgba(255, 255, 255, .1);
}

.banner_show .hotbox .hotbanner {
    display: flex;
    height: 100%;
    align-items: center;
}
.banner_show .hotbox .hotbanner ul{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.banner_show .hotbox .hotbanner ul li a{
    display: flex;
}
.banner_show .hotbox .hotbanner ul li a img{
    margin-right: 20px;
}
.title_wrap {
    text-align: center;
    padding: 40px 0;
}

.title_wrap .title_p {
    line-height: 1;
    font-size: 34px;
    color: #2D3037;
    margin-bottom: 30px;
}
.title_wrap .title_p::after,

.title_wrap .title_p::before {

    content: "";



    display: inline-flex;



    vertical-align: middle;



    width: 34px;



    height: 34px;



    background: url(../images/pic_2.png) center no-repeat;



    margin: 0 20px;



}



.title_wrap .title_p::after {



    background-image: url(../images/pic_1.png);



}



.title_wrap.title_wrap_1 .title_p::after {



    background-image: url(../images/pic_2_2.png);



}



.title_wrap.title_wrap_1 .title_p::before {



    background-image: url(../images/pic_1_1.png);



}



.title_wrap.title_wrap_1 .title_p {



    color: #fff;



}



.title_wrap.title_wrap_1 .desc_p {



    color: rgba(255, 255, 255, 0.5);



}



.title_wrap .desc_p {



    font-size: 18px;



    color: #686F7D;



}







.title_wrap .desc_p a {



    color: #FF9A00;



    margin-left: 14px;



}







.wrap_container {


    width: 1200px;



    margin: 0 auto;



}



.plan_wrap {



    padding-bottom: 1px;



}



.plan_wrap::after {



    content: '';



    display: inline-block;



    width: 100%;



}



.plan_list {



    width: 1200px;



    display: flex;



    align-items: center;



    overflow: hidden;



    margin-bottom: 20px;



    flex-wrap: wrap;



}



.plan_list li.item {

    height: 285px;
    width: 386px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    flex-shrink: 0;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #ddd;
    border-radius: 6px;
    transition: .4s linear;
    transform-origin: 0 0;
}



.plan_list li.item:nth-child(3n) {



    margin-right: 0;



}



.plan_list li.item .item_a {



    width: 100%;



    height: 100%;



    display: flex;



    position: relative;



}







.plan_list li.item .item_a .plan_list_body {



    position: absolute;



    left: 0;



    right: 0;



    bottom: 0;



    transition: .4s linear;



    padding-left: 20px;



    padding-right: 20px;



}



.plan_list li.item .item_a .plan_list_body .icon {



    width: 66px;



    height: 66px;



    display: block;



    margin-bottom: 12px;



}



.plan_list li.item .item_a .plan_list_body .title_p {



    font-size: 16px;



    color: #fff;



    padding-bottom: 18px;



}



.plan_list li.item .item_a .plan_list_body .desc_div {



    font-size: 14px;



    line-height: 1.6;



    width: 80%;



    color: #fff;



    padding-bottom: 18px;



    height: 108px;



    box-sizing: border-box;



    text-overflow: -o-ellipsis-lastline;



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 3;



    -webkit-box-orient: vertical;



    position: relative;



    padding-top: 18px;



    margin-bottom: -108px;



    opacity: 0;



    transition: .4s linear;



}



.plan_list li.item .item_a .plan_list_body .desc_div::before {



    content: "";



    position: absolute;



    top: 0;



    left: 0;



    width: 31px;



    height: 2px;



    background-color: #fff;



    border-radius: 4px;



}



.plan_list li.item.active {
    width: 450px;
}



.plan_list li.item.active_1 {
    width: 354px;
}



.plan_list li.item.active .item_a .plan_list_body .desc_div {



    margin-bottom: 0;



    opacity: 1;



}







.wrap_container .hiSlider-pages {



    bottom: 0;



    width: 100%;



    text-align: center;



}



.wrap_container .hiSlider-pages a {



    width: 12px;



    height: 12px;



    border-radius: 10px;



    background-color: #B8B8B8;



    transition: .2s;



    margin: 0 6px;



}



.wrap_container .hiSlider-pages a.active {



    width: 30px;



    background-color: #E56047;



}



.wrap_container .hiSlider-btn-prev,



.wrap_container .hiSlider-btn-next {



    width: 15px;



    height: 25px;



    background-image: url(../images/down_1.png);



    background-color: transparent;



    opacity: .4;



    transition: .1s;



}



.wrap_container .hiSlider-btn-prev:hover,



.wrap_container .hiSlider-btn-next:hover {



    opacity: 1;



}



.wrap_container .hiSlider-btn-prev {



    background-image: url(../images/home_1.png);



    left: 0;



}



.yjs-module {



    padding-top: 40px;



    padding-bottom: 80px;



}



.yjs-module .show_img {



    display: block;



    margin-top: 40px;



}







.news_list {



    display: flex;



    flex-wrap: wrap;



    overflow: hidden;



    min-height: 424px;



}



.news_list .news_list_item {



    margin-bottom: 20px;



    margin-right: 20px;



    width: 386px;



    height: 86px;



    background-color: #FFFFFF;



    border-radius: 6px;



    transition: .3s;



}



.news_list .news_list_item * {



    transition: .3s;



}



.news_list .news_list_item a {



    display: flex;



    height: 100%;



}



.news_list .news_list_item .time_box {



    width: 70px;



    height: 100%;



    display: flex;



    flex-direction: column;



    justify-content: center;



    border-right: 1px solid #EBF0FA;



    text-align: center;



    flex-shrink: 0;



}



.news_list .news_list_item .time_box .day {



    font-size: 30px;



    color: #2D3037;



    line-height: 1;



    margin-bottom: 14px;



}



.news_list .news_list_item .time_box .date_1 {



    font-size: 16px;



    color: #686F7D;



    line-height: 1;



}



.news_list .news_list_item .content_box {



    flex: 1;



    box-sizing: border-box;



    padding-left: 16px;



    padding-right: 16px;



    padding-top: 20px;



    max-width: 315px;



}



.news_list .news_list_item .content_box .title_p {



    font-size: 18px;



    color: #2D3037;



    white-space: nowrap;



    overflow: hidden;



    text-overflow: ellipsis;



    /*line-height: 1;*/



    margin-bottom: 12px;



}



.news_list .news_list_item .content_box .desc_p {



    font-size: 14px;



    color: #686F7D;



    white-space: nowrap;



    overflow: hidden;



    text-overflow: ellipsis;



}



.news_list .news_list_item:hover {



    background-color: #E56047;



    box-shadow: 0px 1px 9px 1px rgba(46, 63, 233, 0.3);



}



.news_list .news_list_item:hover a * {



    color: #fff !important;



}







/* 鏁版嵁涓績 */



.dataCenter_head {

    

    height: 450px;



    background: linear-gradient(0deg, #2E4E72 0%, #202C42 100%);



    /*position: relative;*/



    box-sizing: border-box;



    padding-top: 2px;



}



.dataCenter_banner {



    width: 100%;



    margin-top: 55px;



}



.dataCenter_banner img {



    width: 100%;



    display: block;



}



.dataCenter_typeList {



    /* position: absolute;



    left: 0;



    right: 0;



    bottom: 0; */



    display: flex;



    flex-wrap: wrap;



    /* align-items: center; */



    justify-content: center;

    padding-bottom: 50px;



}



.dataCenter_typeList .item_a {

    height: 50px;



    box-sizing: border-box;



    display: flex;



    justify-content: center;



    align-items: center;



    background-color: #E6E6E6;

    border-radius: 25px;



    font-size: 16px;



    color: #2D3037;



    padding: 0 24px;



    text-align: center;

    margin-right: 20px;
    margin-bottom: 20px;



}



.dataCenter_typeList .item_a.active {



    background-color: #E56047;

    color: #fff;



}



.dataCenter_domDetail {



    background-color: #F0F2F5;



    padding: 20px 0 80px;



}



.dataCenter_domDetail .table_box {



    border-radius: 5px;



    overflow: hidden;



}



.dataCenter_domDetail .table_box .left {



    width: 189px;

    flex-shrink: 0;



    border-right: 1px solid #F0F2F5;



    min-height: 100%;



    text-align: center;



    justify-content: center;

    box-sizing: border-box;



}



.dataCenter_domDetail .table_box .right {



    flex: 1;



}



.dataCenter_domDetail .table_box .table_box_th {



    font-size: 18px;



    color: #001D3E;



    font-weight: bold;



    text-align: center;



    height: 60px;



    line-height: 60px;



    display: flex;



    align-items: center;



    margin-bottom: 1px;



    background-color: rgba(255, 255, 255, 0.9);



}



.dataCenter_domDetail .table_box .table_box_tr {



    min-height: 60px;



    display: flex;



    /* margin-bottom: 1px; */



    border-bottom: 1px solid #F0F2F5;



    background-color: rgba(255, 255, 255, 0.8);



}



.dataCenter_domDetail .table_box .table_box_tr>div {



    display: inline-flex;



    align-items: center;



    box-sizing: border-box;



    font-size: 16px;



    color: #001D3E;



}



.dataCenter_domDetail .table_box .table_box_tr>div.right {



    padding: 20px;



}



.dataCenter_domDetail .table_box .table_box_tr:nth-child(2n) {



    background-color: rgba(255, 255, 255, 0.6);



}



.dataCenter_video {



    padding-bottom: 80px;



}



.dataCenter_video .video_box {



    width: 800px;



    height: 524px;



    margin: 0 auto;



    background-color: #eee;



}



.dataCenter_video .video_box video {



    width: 100%;



    height: 100%;



    background-color: #000;



}



.dataCenter_detail {



    background-color: #F0F2F5;



}



.dataCenter_base,



.dataCenter_service {



    padding-top: 40px;



    padding-bottom: 80px;



}



.dataCenter_base .detail_box {



    font-size: 16px;



    color: #686F7D;



    text-indent: 2em;



    line-height: 28px;



}



.dataCenter_service .show_list {



    display: flex;







}



.dataCenter_service .show_list .item_div {



    width: 294px;



    height: 366px;



    background-color: #FFFFFF;



    box-shadow: 0px 1px 9px 1px rgba(27, 42, 65, 0.14);



    border-radius: 5px;



    margin-right: 9px;



}



.dataCenter_service .show_list .item_div .top_div {



    background-color: #F0F2F5;



    height: 160px;



    display: flex;



    flex-direction: column;



    justify-content: center;



    align-items: center;



}



.dataCenter_service .show_list .item_div .top_div img {



    width: 80px;



    height: 80px;



    display: block;



    margin-bottom: 20px;



}



.dataCenter_service .show_list .item_div .top_div p {



    font-size: 20px;



    color: #2D3037;



    line-height: 1;



}



.dataCenter_service .show_list .item_div .text_div {



    padding: 16px 20px;



    font-size: 16px;



    color: #686F7D;



    line-height: 36px;



    text-align: center;



}



/* 鍚堜綔浼欎即 */



.partner_header {



    height: 450px;



    background-image: url(../images/banner_4.png);



    background-position: center;



    background-repeat: no-repeat;



    background-size: cover;



}



.partner_quanyi {



    padding-top: 10px;



    padding-bottom: 60px;



}



.partner_quanyi .quanyi_list {



    display: flex;



    flex-wrap: wrap;



}



.partner_quanyi .quanyi_list .item_li {



    width: 590px;



    height: 134px;



    background-color: #FFFFFF;



    box-shadow: 0px 1px 9px 1px rgba(27, 42, 65, 0.14);



    border-radius: 5px;



    margin-bottom: 20px;



    display: flex;



    box-sizing: border-box;



    padding: 30px;



}



.partner_quanyi .quanyi_list .item_li:nth-child(2n+1) {



    margin-right: 20px;



}



.partner_quanyi .quanyi_list .item_li img {



    width: 48px;



    height: 48px;



    margin-right: 30px;



    flex-shrink: 0;



}



.partner_quanyi .quanyi_list .item_li .title_p {



    font-size: 18px;



    color: #2D3037;



    line-height: 1;



    margin-bottom: 16px;



}



.partner_quanyi .quanyi_list .item_li .desc {



    font-size: 16px;



    color: #686F7D;



}







.partner_zmType {



    background-color: #F0F2F5;



    padding-bottom: 60px;



}



.partner_zmType .zmType_list {



    display: flex;



    flex-wrap: wrap;



}



.partner_zmType .zmType_list .item_li {



    width: 590px;



    height: 214px;



    background: #FFFFFF;



    box-shadow: 0px 1px 9px 1px rgba(27, 42, 65, 0.14);



    border-radius: 5px;



    padding: 30px 36px;



    text-align: center;



    box-sizing: border-box;



    margin-bottom: 20px;



}



.partner_zmType .zmType_list .item_li:nth-child(2n+1) {



    margin-right: 20px;



}



.partner_zmType .zmType_list .item_li img.icon {



    width: 50px;



    height: 50px;



    display: block;



    margin: 0 auto 30px;



}



.partner_zmType .zmType_list .item_li .title_p {



    font-size: 18px;



    color: #2D3037;



    line-height: 1;



    margin-bottom: 18px;



}



.partner_zmType .zmType_list .item_li .desc_p {



    font-size: 16px;



    color: #686F7D;



}











.partner_apply {



    padding-top: 20px;



    padding-bottom: 80px;



}



.partner_apply .apply_box {}



.partner_apply .apply_box .show_img {



    display: block;



    width: 100%;



}











.dataCenter_typeList.solution_typeList .item_a {

    margin-right: 0;

    border-radius: 0;

    background-color: #E4E4E4;

    padding: 0 15px;

    flex-shrink: 0;

    flex: 1;

}

.dataCenter_typeList.solution_typeList .item_a.active {

    color: #E56047;

    border-bottom: 1px solid #E56047;

    position: relative;

}

.dataCenter_typeList.solution_typeList .item_a.active::after {

    content: "";

    position: absolute;

    width: 0;

    height: 0;

    bottom: 0;

    left: 50%;

    border: 7px solid transparent;

    border-top: 7px solid #E56047;

    transform: translate(-50%, 100%);

}

.title_er_wrap {



    height: 46px;



    border-bottom: 1px solid #686F7D;



    display: flex;



    align-items: center;



    margin-top: 30px;



}



.title_er_wrap .title_sp {



    height: 100%;



    display: flex;



    align-items: center;



    border-bottom: 3px solid #FFAD30;



    margin-right: 38px;



    font-size: 24px;



    color: #2D3037;



}



.title_er_wrap .en_sp {



    height: 100%;



    display: flex;



    align-items: center;



    font-size: 24px;



    color: #686F7D;



    text-transform: uppercase;



}



.title_er_wrap.title_er_wrap_1 {



    border-bottom: 1px solid rgba(240, 242, 245, 0.2);



}



.title_er_wrap.title_er_wrap_1 .title_sp {



    color: #FFFFFF;



}



.title_er_wrap.title_er_wrap_1 .en_sp {



    color: rgba(255, 255, 255, 0.4);



}



.Solution_list {



    padding: 15px 0 15px;



}



.Solution_list .item_li {



    padding: 15px 0;



}



.Solution_list .item_li img {



    margin-right: 8px;



    margin-top: 3px;



    width: 8px;



    height: 16px;



}



.Solution_list .item_li .title_p {



    display: flex;



    /* align-items: center; */



    font-size: 18px;



    color: #fff;



    line-height: 1.2;



}



.Solution_list.Solution_list_1 .item_li .title_p {



    color: #2D3037;



}



.Solution_list.Solution_list_1 .item_li .desc_p {



    color: #686F7D;



}



.Solution_list .item_li .desc_p {



    font-size: 16px;



    color: rgba(255, 255, 255, 0.6);



    line-height: 22px;



    margin-top: 14px;



}



.Solution_show_img {



    padding: 12px;



    box-sizing: border-box;



    width: 616px;



    background-color: rgba(255, 255, 255, .2);



    margin: 0 auto;



}



.Solution_show_img_1 {



    background-color: rgba(255, 172, 48, 0.2);



}



.Solution_show_img img {



    display: block;



    width: 100%;



}







.about_header {



    height: 450px;



    width: 100%;



    min-width: 1200px;



    background-position: center;



    background-repeat: no-repeat;



    background-size: cover;



    background-image: url(../images/banner_5.png);



    background-color: #eee;



}



.about_detail_box {



    padding-bottom: 80px;



    background-color: #F0F2F5;



    padding-top: 18px;



}



.about_detail_desc {



    font-size: 16px;



    font-weight: 400;



    color: #686F7D;



    line-height: 30px;



}



.about_detail_numbox {



    display: flex;



    align-items: center;



    padding-top: 40px;



}



.about_detail_numbox li {



    flex: 1;



    display: flex;



    flex-direction: column;



    justify-content: center;



    align-items: center;



    flex-shrink: 0;



}



.about_detail_numbox li .num_p {



    font-size: 32px;



    color: #E56047;



    font-weight: bold;



    margin-bottom: 15px;



    line-height: 1;



}



.about_detail_numbox li .num_p span {



    font-size: 18px;



    color: #E56047;



    font-weight: normal;



    display: inline-block;



    vertical-align: 3px;



    margin-left: 3px;



}



.about_detail_numbox li .desc_p {



    font-size: 16px;



    color: #2D3037;



}



.about_advantage_box {



    padding: 18px 0 60px;



}



.about_advantage_list {



    display: flex;



    justify-content: space-between;



    flex-wrap: wrap;



}



.about_advantage_list li {



    width: 590px;



    height: 200px;



    background-color: #FFFFFF;



    box-shadow: 0px 1px 9px 1px rgba(27, 42, 65, 0.14);



    border-radius: 5px;



    margin-bottom: 20px;



    display: flex;



    align-items: center;



    overflow: hidden;



}



.about_advantage_list li .imgBox {



    width: 290px;



    height: 200px;



    background-position: center;



    background-repeat: no-repeat;



    background-size: cover;



    background-color: #ddd;



    flex-shrink: 0;



}



.about_advantage_list li .textBox {



    padding: 20px 20px;



}



.about_advantage_list li .title_p {



    font-size: 18px;



    font-weight: 400;



    color: #E56047;



}



.about_advantage_list li .desc_p {



    font-size: 18px;



    font-weight: 400;



    color: #686F7D;



    margin-top: 10px;



}







.about_honor_list {



    display: flex;



    flex-wrap: wrap;



    justify-content: space-between;



}



.about_honor_list .item_li {



    width: 590px;



    height: 200px;



    background: #FFFFFF;



    box-shadow: 0px 1px 9px 1px rgba(27, 42, 65, 0.14);



    border-radius: 5px;



    margin-bottom: 20px;



    overflow: hidden;



    box-sizing: border-box;



    padding: 20px 32px;



    display: flex;



    align-items: center;



}



.about_honor_list .item_li .imgBox {



    width: 227px;



    height: 160px;



    flex-shrink: 0;



    background-position: center;



    background-repeat: no-repeat;



    background-size: cover;



    margin-right: 20px;



}



.about_honor_list .item_li p.title {



    font-size: 18px;



    font-weight: 400;



    color: #E56047;



}



.about_honor_list .item_li p.desc {



    font-size: 16px;



    color: #686F7D;



    line-height: 24px;



    margin-top: 10px;



}







.news_header {



    min-height: 63px;

    height: 450px;

    background-color: #202C42;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    background-image: url(../images/banner_7.jpg);



}



.page_nav_box {



    height: 52px;



    line-height: 52px;



}



.page_nav_box .page_nav_box_a {



    font-size: 14px;



    color: #686F7D;



}



.page_nav_box .page_nav_box_a::after {



    content: ">";



}



.page_nav_box .page_nav_box_a:last-of-type {



    color: #101010;



}



.page_nav_box .page_nav_box_a:last-of-type::after {



    display: none;



}



.news_wrap_box {



    background-color: #F0F2F5;



    min-height: calc(100vh - 63px);

    padding-bottom: 30px;

}



.news_lists {
    margin-bottom: 30px;
}



.news_lists .item_li {



    box-sizing: border-box;



    background-color: #fff;



    border-bottom: 1px solid #CFCFCF;



}



.news_lists .item_li a {



    display: flex;



    box-sizing: border-box;



    padding: 30px 10px;



    align-items: center;



    height: 134px;



}



.news_lists .item_li a .timeBox {



    display: flex;



    box-sizing: border-box;



    flex-shrink: 0;



    width: 158px;



    height: 74px;



    padding: 0 30px;



    border-right: 1px solid #CFCFCF;



    align-items: center;







}







.news_lists .item_li a .timeBox .day {



    /* height: 32px; */



    font-size: 40px;



    font-weight: 400;



    color: #101010;



    line-height: 1;



    position: relative;



}



.news_lists .item_li a .timeBox .day::after {



    content: "";



    position: absolute;



    right: -11px;



    top: 1px;



    width: 1px;



    height: 38px;



    background-color: #686F7D;



    transform: rotate(15deg);



}



.news_lists .item_li a .timeBox .date_p {



    font-size: 16px;



    color: #101010;



    line-height: 1.2;



    margin-left: 23px;



}











.news_lists .item_li a .textBox {


    flex-shrink: 0;
    flex: 1;
    padding: 0 40px;



}



.news_lists .item_li a .textBox .title_p {



    font-size: 18px;



    font-weight: 400;



    color: #2D3037;



    white-space: nowrap;



    width: 75%;



    overflow: hidden;



    text-overflow: ellipsis;



}



.news_lists .item_li a .textBox .desc_p {



    font-size: 14px;



    color: #686F7D;



    line-height: 22px;



    margin-top: 6px;



    text-overflow: -o-ellipsis-lastline;



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 2;



    -webkit-box-orient: vertical;



}











.case_header {



    height: 450px;



    background-position: center;



    background-repeat: no-repeat;



    background-size: cover;



    background-image: url(../images/banner_6.png);



}



.case_lists {



    display: flex;



    align-items: center;



    flex-wrap: wrap;



}



.case_lists .case_lists_item {



    display: block;



    width: 386px;



    height: 345px;



    background: #FFFFFF;



    box-shadow: 0px 1px 9px 1px rgba(27, 42, 65, 0.14);



    border-radius: 10px;



    background-color: #fff;



    margin-bottom: 20px;



    margin-right: 20px;



    transition: .2s linear;



}



.case_lists .case_lists_item:hover {



    transform: translateY(-10px);



}



.case_lists .case_lists_item:nth-child(3n) {



    margin-right: 0;



}



.case_lists .case_lists_item .imgBox {



    position: relative;



    width: 386px;



    height: 220px;



    background-color: #FFFFFF;



    border-radius: 10px;



    overflow: hidden;



    box-sizing: border-box;



    background-color: #000;



    display: flex;



    align-items: center;



    justify-content: center;



}



.case_lists .case_lists_item .imgBox .show_img {



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    opacity: .5;



}



.case_lists .case_lists_item .imgBox .title_p {



    font-size: 22px;



    color: #fff;



    position: relative;



    z-index: 2;



}



.case_lists .case_lists_item .desc_p {



    padding: 14px 30px 15px 20px;



    font-size: 16px;



    line-height: 24px;



    text-overflow: -o-ellipsis-lastline;



    overflow: hidden;



    text-overflow: ellipsis;



    display: -webkit-box;



    -webkit-line-clamp: 4;



    -webkit-box-orient: vertical;



    box-sizing: border-box;



    height: 115px;



    color: #686F7D;



}







.news_detail_box {



    padding: 60px;



    background-color: #fff;



    min-height: calc(100vh - 52px - 63px);



    box-sizing: border-box;



}



.news_detail_box .news_detail_title {



    font-size: 28px;



    color: #101010;



    font-weight: normal;



    margin-bottom: 30px;



    text-align: center;



}



.news_detail_box .news_detail_date {



    font-size: 14px;



    color: #686F7D;



    text-align: center;



}



.news_detail_textBox {



    padding-top: 40px;



}









.product_gay {

    background-color: #F0F2F5;

}



.product_head {

    height: 450px;

    background: linear-gradient(0deg, #2E4E72 0%, #202C42 100%);

}



.product_head_content {

    position: relative;

    height: 100%;

}



.product_head_content .btn_boxs {

    position: absolute;

    top: 280px;

    left: 0;

    display: flex;

}



.product_head_content .btn_boxs .item_a {

    display: inline-flex;

    justify-content: center;

    align-items: center;

    width: 150px;

    height: 40px;

    background-color: #E56047;

    border-radius: 5px;

    box-sizing: border-box;

    border: 1px solid #E56047;

    font-size: 16px;

    color: #fff;

}



.product_head_content .btn_boxs .item_a:last-child {

    background-color: transparent;

    color: #E56047;

    margin-left: 20px;

}



.product_typeList {

    display: flex;

    padding-top: 20px;

}



.product_typeList .item_a {

    flex-shrink: 0;

    flex: 1;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    color: #2D3037;

    position: relative;

    font-size: 18px;

    height: 50px;

    background-color: #E4E4E4;

}



.product_typeList .item_a.active {

    background-color: #E56047;

    color: #fff;

}



.product_typeList .item_a.active::after {

    position: absolute;

    content: "";

    width: 0;

    height: 0;

    left: 50%;

    bottom: 0;

    border: 7px solid transparent;

    border-top: 7px solid #E56047;

    transform: translate(-50%, 95%);

}



.product_buyList {

    padding-top: 30px;



}



.product_buyList li {

    padding-top: 30px;

}



.product_buyList li .name_p {

    line-height: 1;

    font-size: 14px;

    color: #686F7D;

    margin-bottom: 18px;

}



.product_buyList li .btns_box {

    display: flex;

    align-items: center;

}



.product_buyList li .btns_box .btn_a {

    width: 120px;

    height: 40px;

    background-color: #F0F2F5;

    border: 1px solid #E4E4E4;

    border-radius: 5px;

    box-sizing: border-box;

    font-size: 14px;

    color: #2D3037;

    margin-right: 10px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

}



.product_buyList li .btns_box .btn_a.active {

    border: 1px solid #E56047;

    color: #E56047;

}



.product_buyList li .btns_box .btn_select {

    width: 380px;

    height: 80px;

    background-color: #F0F2F5;

    border: 1px solid #E1E2E5;

    border-radius: 5px;

    margin-right: 12px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    flex-shrink: 0;

}



.product_buyList li .btns_box .btn_select>p {

    flex: 1;

    display: inline-flex;

    flex-direction: column;

    justify-content: space-between;

    align-items: center;

    height: 48px;

    border-right: 1px solid rgba(104, 111, 125, 0.15);

}



.product_buyList li .btns_box .btn_select>p:last-child {

    border-right: none;

}



.product_buyList li .btns_box .btn_select>p span {

    font-size: 18px;

    color: #2D3037;

}



.product_buyList li .btns_box .btn_select>p span:last-child {

    font-size: 12px;

    color: #686F7D;

}



.product_buyList li .btns_box .btn_select.active {

    border: 1px solid #E56047;

    position: relative;

}



.product_buyList li .btns_box .btn_select.active::after {

    content: "";

    position: absolute;

    right: 0;

    bottom: 0;

    border-bottom: 16px solid red;

    border-left: 16px solid transparent;

}



.product_buyList li .tips_p {

    padding-top: 20px;

    font-size: 14px;

    color: #686F7D;

}



.product_buyList li .tips_p a {

    color: #E56047;

}



.product_buyDiv {

    display: flex;

    align-items: center;

}



.product_buyDiv .buy_btn {

    width: 180px;

    height: 46px;

    background-color: #E56047;

    border-radius: 3px;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    font-size: 14px;

    color: #fff;

    margin-left: 140px;

}



.product_buyDiv .price_box {

    display: flex;

    padding-top: 75px;

    padding-bottom: 70px;

    align-items: baseline;

}



.product_buyDiv .price_box .red_p {

    display: flex;

    font-size: 30px;

    color: #E56047;

    margin-right: 34px;

    align-items: baseline;

}



.product_buyDiv .price_box .red_p span {

    font-size: 14px;

}



.product_buyDiv .price_box .del_p {

    font-size: 14px;

    color: #686F7D;

    text-decoration: line-through;

}



.product_users {

    padding-top: 30px;

    padding-bottom: 60px;

}



.product_users_list {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}



.product_users_list li {

    width: 166px;

    height: 166px;

    margin-right: 40px;

    margin-bottom: 20px;

    transition: .2s;

    display: flex;

    align-items: center;

    justify-self: center;

}



.product_users_list li:hover {

    box-shadow: 0px 1px 9px 1px rgba(27, 42, 65, 0.14);

    border-radius: 5px;

}



.product_users_list li:nth-child(5n) {

    margin-right: 0;

}



.product_users_list li img {

    max-width: 100%;

    height: auto;

}



.product_td_list {

    padding-top: 10px;

    padding-bottom: 60px;

    display: flex;

    flex-wrap: wrap;

}



.product_td_list .item_li {

    width: 386px;

    height: 307px;

    background-color: #FFFFFF;

    box-shadow: 0px 1px 9px 1px rgba(27, 42, 65, 0.14);

    border-radius: 5px;

    margin-bottom: 20px;

    margin-right: 20px;

    padding-top: 30px;

    box-sizing: border-box;

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

}



.product_td_list .item_li:nth-child(3n) {

    margin-right: 0;

}



.product_td_list .item_li .icon_img {

    display: block;

    width: 80px;

    height: 80px;

    margin-bottom: 20px;

}



.product_td_list .item_li .title_p {

    line-height: 1;

    font-size: 20px;

    color: #404756;

    margin-bottom: 20px;

}



.product_td_list .item_li .desc_div {

    line-height: 36px;

    font-size: 16px;

    color: #686F7D;

}



.product_advantage {

    padding-bottom: 60px;

}



.product_adv_table {

    box-shadow: 0px 1px 9px 1px rgba(27, 42, 65, 0.14);

    border-radius: 5px;

    overflow: hidden;

    background-color: #F0F2F5;

}



.product_adv_table>li {

    min-height: 60px;

    display: flex;

    align-items: center;

    margin-bottom: 1px;

    background-color: #fff;

}



.product_adv_table>li.th_li {

    font-size: 18px;

    color: #001D3E;

    font-weight: bold;

}



.product_adv_table>li.tr_li {

    font-size: 16px;

    color: #001D3E;

}



.product_adv_table>li div {

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    box-sizing: border-box;

    padding: 15px 20px;

    line-height: 1.2;

    min-height: 60px;

}



.product_adv_table>li.th_li div {

    justify-content: center;

}



.product_adv_table li .name_box {

    width: 188px;

    text-align: center;

}



.product_adv_table li .content_box {

    width: 600px;

    border-left: 1px solid #F0F2F5;

    border-right: 1px solid #F0F2F5;

}



.product_adv_table li .content_box2 {

    width: 408px;

    justify-content: flex-start;

}



/* 甯姪涓績 */

.help_wrap {

    background-color: #F0F2F5;

}

.help_head {

    height: 450px;

    background-image: url(../images/help_1.png);

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    min-width: 1200px;

}

.help_container {

    display: flex;

    justify-content: space-between;

    padding-bottom: 20px;

}

.help_container .left_box {

    width: 260px;

    box-sizing: border-box;

    flex-shrink: 0;

}

.help_container .right_box {

    width: 920px;

    box-sizing: border-box;

    flex-shrink: 0;

    background-color: #fff;

    padding: 0 20px 20px;

}

.help_container .left_box .help_list {

    /* background-color: #3A3D4E; */

    font-size: 0;

}

.help_container .left_box .help_list>li {

    border-bottom: 1px solid #303346;

}

.help_container .left_box .help_list>li:last-of-type {

    border-bottom: none;

}

.help_container .left_box .help_list .item_a {

    display: flex;

    justify-content: space-between;

    align-items: center;

    height: 46px;

    background-color: #202D43;

    padding: 0 10px 0 10px;

    font-size: 16px;

    color: #fff;

}

.help_container .left_box .help_list .item_a .icon {

    width: 30px;

    height: 30px;

    margin-right: 5px;

    vertical-align: middle;

}

.help_container .left_box .help_list .item_a .arrow {

    width: 30px;

    transition: .2s;



}

.help_container .left_box .help_list .item_a .arrow.rotate {

    transform: rotate(-90deg);

}

.help_container .left_box .help_list_ul {

    display: none;

}

.help_container .left_box .help_list_ul.active {

    display: block;

}

.help_container .left_box .help_list_ul li {

    height: 45px;

    /* border-bottom: 1px solid rgba(58, 61, 78, .4); */

    position: relative;

}

.help_container .left_box .help_list_ul li::after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: 0;

    height: 1px;

    background-color: #5a5e65;

}

.help_container .left_box .help_list_ul li a {

    display: flex;

    align-items: center;

    height: 100%;

    box-sizing: border-box;

    padding-left: 50px;

    font-size: 14px;

    color: #FFFFFF;

    position: relative;

    background-color: #3A3D4E;

}

.help_container .left_box .help_list_ul li a.active {

    background-color: #4d515c;

}



.help_container .left_box .help_list_ul li a.active::before {

    width: 10px;

}

.help_container .left_box .help_list_ul li a.active::after {

    content: '';

    position: absolute;

    right: 0;

    top: 50%;

    width: 0;

    height: 0;

    border-right: 7px solid #F0F2F5;

    border-top: 7px solid transparent;

    border-bottom: 7px solid transparent;

    transform: translateY(-50%);

}



.help_container .right_box .title_box {

    display: flex;

    height: 58px;

    box-sizing: border-box;

    border-bottom: 1px solid #CFCFCF;

    font-size: 18px;

    color: #333333;

    align-items: center;

}

.help_container .right_box .title_box img {

    height: 20px;

    margin-right: 10px;

}

.help_container .right_box .help_list {}

.help_container .right_box .help_list .item_li {

    height: 70px;

    border-bottom: 1px solid #CFCFCF;

}

.help_container .right_box .help_list .item_li .item_a {

    display: flex;

    height: 100%;

    font-size: 16px;

    color: #2D3037;

    align-items: center;

}

.help_container .right_box .help_list .item_li .item_a .line {

    flex-shrink: 0;

    flex: 1;

    height: 0;

    border-top: 1px dotted rgba(104, 111, 125, .5);

    margin: 0 10px;

}

.help_container .right_box .help_list .item_li .item_a:hover {

    color: #E56047;

}





.help_container .right_box .contentBox {

    padding: 26px 35px 30px 30px;

    font-size: 14px;

    color: #686F7D;

    line-height: 22px;

}


/* 鍒嗛〉 */
.pager,
.pager ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: auto;
}

.pager li {
    margin: 0 4px 10px;
}

.pager li:last-child a,
.pager li:last-child span,
.pager li:first-child a,
.pager li:first-child span {
    /* line-height: 26px; */
}

.pager a,
.pager span {
    display: block;
    /* height: 30px;
    line-height: 30px; */
    padding-left: 14px;
    padding-right: 14px;
    border: 1px solid #e8e8e8;
    font-size: 12px;
    box-sizing: border-box;
    vertical-align: middle;
}

.pager a {
    color: #3a3a3a;
}

.pager .active {
    border: none;
    color: #fff;
    background-color: #0777a6;
}
/**/

.nav2{
    width: auto;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 61px;
    display: none;
    margin-top: 3px;
}
.text-left {
    text-align: left !important;
}

.ant-tooltip .ant-tooltip-content .ant-tooltip-inner .spaninner1 {
    box-sizing: border-box; 
    display: inline-block; 
    overflow: hidden; 
    width: initial; 
    height: initial; 
    background: none; 
    opacity: 1; 
    border: 0px; 
    margin: 0px; 
    padding: 0px; 
    position: relative; 
    max-width: 100%;
}
.ant-tooltip .ant-tooltip-content .ant-tooltip-inner .spaninner2{
    box-sizing: border-box; 
    display: block; 
    width: initial; 
    height: initial; 
    background: none; 
    opacity: 1; 
    border: 0px; 
    margin: 0px; 
    padding: 0px; 
    max-width: 100%;
}
.ant-tooltip .ant-tooltip-content .ant-tooltip-inner .spaninner2 .span2img{
    display: block; 
    max-width: 100%; 
    width: initial; 
    height: initial; 
    background: none; 
    opacity: 1; 
    border: 0px; 
    margin: 0px; 
    padding: 0px;
}

.nav-service-agree-warp{
    display: flex;
    justify-content: space-between;
    min-width: 584px;
}
.nav-service-agree-warp .item-div{
    border: 1px solid #ebecf0;
    background-color: #fff;
    width: 48%;
}
.nav-service-agree-warp .item-div .title-div{
    display: flex;
}
.nav-service-agree-warp .item-div .title-div .title-sp{
    font-size: 14px;
    color: #000;
    font-weight: 700;
    line-height: 3.2rem;
    letter-spacing: 0;
    position: relative;
    flex: 1;
    text-align: left;
}
.nav-service-agree-warp .item-div .title-div .title-sp::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 75%;
    border-bottom: 1px solid #ebecf0;
}
.nav-service-agree-warp .item-div .title-div .img-box{
    width: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nav-service-agree-warp .item-div .title-div .img-box img{
    width: 32px;
    height: 32px;
}
.nav-service-agree-warp .nav-service-agree-list{
    display: flex;
    flex-direction: column;
    text-align: left;
    padding-left: 64px;
    line-height: 24px;
    padding-top: 12px;
    padding-bottom: 15px;
}
.nav-service-agree-warp .nav-service-agree-list a{
    padding: 4px 0;
    font-size: 14px;
    color: #666;
}
.nav-service-agree-warp .nav-service-agree-list a:hover{
    color: #f39801 !important;
}