body {
    font-size:var(--fontsize_1);
    font-family: 'Microsoft Yahei',Arial,sans-serif,'Source Sans Pro','Helvetica Neue',Helvetica;
    color: var(--color_2);
    background-color: var(--color_3);
    line-height: inherit !important;
}
.set-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background: var(--web_color_2) !important;
}


/* 定义滚动条样式 */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: rgba(240, 240, 240, 0.1)
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
    border-radius: 5px;
    background-color: rgba(4, 56, 114, .5);
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
    background-color: rgba(2, 33, 54, .5)
}



.set-dot{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;display: block;}

.ruinuo-more{text-align: center; margin-top:50px; width: 100%}
.ruinuo-more i{ padding-left: 5px;}
.section-padding {
    padding: 70px 0;
    position: relative;
}

.lianxi_icon span { padding-left: 8px;padding-right:8px;cursor: pointer; display: inline-block; height: 48px; line-height: 48px; position: relative}
.lianxi_icon span i{font-size: 16px;}
.lianxi_icon span:hover{ background:var(--web_color);}
.layui-btn, .layui-btn-warm{background: var(--button_color);}



/*S标题*/
.ruinuo_title { text-align: center; margin: 0 0 60px;}
.ruinuo_title h5 { font-size: 30px; font-weight: 900; color: #121933; line-height: 1.3; position: relative; display: inline-block}
.ruinuo_title h5:before {
    content: '';
    display: block;
    position: absolute;
    width: 30px;
    height: 3px;
    bottom: -15px;
    left: 50%;
    margin-left: -15px;
    background: var(--web_color);
}
.ruinuo_title .t { font-size: 16px; color: #525252; line-height: 22px; margin-top: 28px;}
.ruinuo_title.W h5 { color: #fff; }
.ruinuo_title.W .t { color: #fff; }
/*E标题*/
a,a:hover{outline:none;text-decoration:none;-webkit-transition: all 0.25s linear 0.01s; -moz-transition: all 0.25s linear 0.01s; -ms-transition: all 0.25s linear 0.01s; -o-transition: all 0.25s linear 0.01s; transition: all 0.25s linear 0.01s;}
.swiper-button-prev, .swiper-button-next{ background-color: rgba(0, 0, 0, 0.5); width: 22px; height: 44px;background-image:none}
.swiper-button-prev::after, .swiper-button-next::after{font-size: 16px; color: #fff;}
.swiper-button-next, .swiper-rtl .swiper-button-prev{right: 0; border-radius: 4px 0 0 4px;}
.swiper-button-prev, .swiper-rtl .swiper-button-next{left: 0; border-radius: 0 4px 4px 0;}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal{bottom: 0;}
.swiper-pagination-bullet-active{background:var(--web_color)}
.swiper-pagination-bullet{width: 30px; height: 3px; border-radius: 20px;}


#pagelist {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.nodata{margin: auto; text-align: center; padding-top: 50px; padding-bottom: 50px; line-height: initial}
.nodata_icon{ font-size: 66px !important; }
.nodata_title{ padding-top: 10px; font-size: 14px}




/*S顶部*/
.ruinuo_header{ position:fixed; width:100%; top:0px; z-index:9999}
.ruinuo_header_menu_con{background: #ffffff;box-shadow: 0 2px 18px 0 rgb(0 0 0 / 15%); border-bottom: 1px solid #fff}
.ruinuo_header_flex{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    align-items: center;
    height:48px;
    color:#FFF;
    overflow:hidden
}
.ruinuo_header_menu_flex{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    align-items: center;
    height:80px;
}
.ruinuo_header_menu_flex .logo{ padding-top:10px; padding-bottom:10px}
.ruinuo_header_menu_flex .logo img{ height:50px;}
.ruinuo_header_menu_flex .menulist ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    align-items: center;
}
.ruinuo_header_menu_flex .menulist ul li {position: relative}
.ruinuo_header_menu_flex .menulist ul li .one_menu{ font-size:16px;display: inline-block;padding-left:15px; padding-right:15px; text-align:center;height: 80px; line-height: 80px}
.ruinuo_header_menu_flex .menulist ul li .one_menu .v-icon{ padding-left: 3px; font-size: 14px}
.ruinuo_header_menu_flex .menulist .subnav{position: absolute;left: 0px;top:80px;background: #fff; display: none;box-shadow: 0 2px 18px 0 rgb(0 0 0 / 15%);}
.ruinuo_header_menu_flex .menulist .subnav a{display: inline-block;width: 160px;text-align: left;padding-left: 15px;height: 40px; line-height: 40px;}
.ruinuo_header_menu_flex .menulist .subnav a i{ padding-right: 5px}
.ruinuo_header_menu_flex .over-sub:hover::after{position: absolute; top: 148px; left: 0; right: 0;z-index: 10; content: '';}
.ruinuo_header_menu_flex .over-sub:hover .subnav{display: block;}
.ruinuo_header_menu_flex .menulist ul li .one_menu:hover{background: var(--web_color);color: #ffffff}
.ruinuo_header_menu_flex .menulist ul li a:hover{background:var(--web_color);color: #ffffff}
.ruinuo_header_menu_flex .menulist .subnav a:hover{background:var(--web_color); color: #ffffff;}

/*E顶部*/

/*S底部版权*/
.copyright {
    background: #263789;
    color: #fff;
    padding: 25px 0;
    position: relative;
    z-index: 1;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    line-height: 28px;
    border-top: 1px solid #3d4c93;
}

.footer-menu ul li {
    display: inline-block;
    line-height: 12px;
    padding-left: 15px;
}
.copyright a{color: #fff;}
.footer-menu ul li a {
    background: none;
    color: #fff;
    padding: 0;
}

.footer-menu ul li a:hover {
    color: #fff;
}

.footer_con{background: #263789;}
.footer_con_content{padding: 20px 0 20px;}
.footer_con_content_about{width: 370px; margin-right: 30px;color: #fff}
.footer_con_content .logo {
    margin-bottom: 15px;
    max-height: 35px;
    border-bottom:1px solid #3d4c93;
    padding: 10px;
}
.footer_con_content .logo img{
    max-height: 35px;
}
.footer_con_content .about{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-size: 14px;
    line-height: 24px;
}

.footer_con_content .contact {
    margin-top: 15px;
}
.footer_con_content .contact ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: -13px;
}

.footer_con_content .contact ul li {
    display: inline-block;
}

.footer_con_content .contact ul li a i {
    display: block;
    font-size: 22px;
    color: #fff;
    transition: 400ms;
    padding: 10px 13px;
}

.footer_con_content .contact ul li:hover {
    color: #fff;
}
.footer_con_content .navigation{width: calc(100% - 720px);margin-right: 30px;}
.footer_con_content .navigation .title{font-size:16px; color:#FFF; border-bottom:1px solid #3d4c93;height: 55px; line-height: 55px; padding-left: 10px}
.footer_con_content .navigation .menu_con{padding-top:25px;color: rgb(180, 180, 180);}
.footer_con_content .navigation .menu_con a{ color: #fff}
.footer_con_content .qrcode{text-align: center; width: 290px; display: flex; color: #fff}
.footer_con_content .qrcode .one{margin-right: 10px; color: #fff}
.footer_con_content .qrcode img{border:5px solid #FFF; max-width: 140px; max-height: 140px; margin-bottom: 10px;}
/*E底部版权*/

/*S表单样式*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #ccc;}
.layui-input:focus, .layui-textarea:focus {border-color:var(--web_color)!important;}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i { color: var(--web_color);}
.layui-form-checked[lay-skin=primary] i { background:var(--web_color) !important;border-color: var(--web_color) !important;}
.layui-input,
.layui-select,
.layui-textarea {
    border-radius: 4px;
    border-color: #eee;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.layui-form-select dl dd.layui-this {background-color:var(--web_color);}
/*E表单样式*/

/*S内页顶部背景*/
.top_list_header {
    background-color: var(--web_color_2);
    text-align: center;
    min-height: 300px;
    align-items: center;
    position: relative;
    background-size: cover;
    display: flex;
}


.top_list_header h1 {
    font-weight: 700;
    font-size: 36px;
    color: #fff;
    line-height: 100%;
    margin-top: 18px;
    margin-bottom: 9px;
}
.top_list_header h2 {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    margin-top: 18px;
    margin-bottom: 9px;
}

.top_list_header .inner_bg{
    position: absolute;
    top: 0px;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: rgba(0,75,255,0.3);
}

.top_list_header .inner {

    margin: 0 auto;
    flex: 1;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 2;
    position: relative;
}
.top_list_header .inner  .links{ padding-top: 10px; width: 900px; margin: auto}
.top_list_header .inner  .links input{  padding: 25px 15px 25px 15px;}
.top_list_header .inner  .layui-input-block{ margin-left: 0px}
/*E内页顶部背景*/

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
}


.crumbs{height: 72px;background-color: #fff;box-shadow: 0 0 8px 0 #e0e5f0; line-height: 72px}
.crumbs .monu{ position: relative; text-align: center}
.crumbs .monu a::after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: var(--web_color);
    transition: all 0.3s;
    transform: translate3d(-50%, 0, 0);
}
.crumbs .monu .active a::after {
    width:50px;
}
.crumbs .monu .active a {color: var(--web_color);}
.crumbs  .monu a {
    position: relative;
    display: block;
    height: 100%;
    line-height: 72px;
    font-size: 16px;
    color: #121933;
    text-align: center;
    transition: all 0.3s;
}
.crumbs .monu a:hover{color: var(--web_color);}
.crumbs .ruinuo_container{ padding: 0px}

@media screen and (max-width: 1200px) {
    .crumbs .monu .active a::after {
        width: 50px;
    }
    .top_list_header .inner .links {
        padding-top: 10px;
        width: 100%;
        margin: auto;
    }
    .top_list_header h1 {

        font-size: 22px;

    }


}


/*S图文列表*/
.content_list{background: #fbfbfb;transition: all .25s ease-in; overflow: hidden; top: 0;position: relative;box-shadow: 0 0 15px 0 rgb(0 0 0 / 5%);}
.content_list:hover {
    top:-8px;

}

.content_list:hover .title {
    color: var(--web_color)
}



.content_list .img{
    height: 250px;
    position: relative;
    width:100%;
    align-items: center;
    display: flex;
    text-align: center;

    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    transition: All 0.3s ease-in-out;
    transform: scale3d(1, 1, 1);
}
.content_list:hover .img{   opacity: 0.8;transform: scale3d(1.05, 1.05, 1);}


.content_list .img .img_info{
    margin: 0 auto;
    flex: 1;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 2;
    position: relative;
}

.content_list .img .img_info h1 {
    font-weight: 700;
    font-size: 36px;
    color: #fff;
    line-height: 100%;
    margin-top: 18px;
    margin-bottom: 9px;
}

.content_list .img .img_info h2 {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    margin-top: 18px;
    margin-bottom: 9px;
}

.content_list .content{background: #fff;padding: 20px 20px 16px 20px;}
.content_list .title{overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 24px;
    font-weight: bold;
    font-size: 16px;
    color: #121933;}

.content_list .intro{overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    color: #888;
    height: 48px;
    font-size: 14px;
    line-height: 24px;
    margin-top: 5px;
}
.content_list .links{text-align: left; padding-bottom: 20px;}
.content_list .time{ font-size: 14px; color: #666; margin-top: 24px}
.content_list .time i{ font-size: 14px; padding-right: 5px}
.content_list .sotr_list{ height:270px; overflow: hidden}
.content_list .sotr_list ul li{display: flex; padding: 15px;border-bottom: 1px solid #EEEEEE; padding-left: 0px; padding-right: 0px}
.content_list .sotr_list ul li:nth-child(1){ padding-top: 0px;}

.content_list .sotr_list ul li .num{
    width: 20px;
    height: 20px;
    border-radius: 3px;
    background: #0bcb9a;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    margin-right: 5px;
    margin-top: 2px;
}
.sotr_list .other{ padding-top: 10px;}
.sotr_list .other i{ padding-right: 5px; font-size: 16px;}
.sotr_list .other span{ float: right}
.sotr_list .shijian{ padding-left: 5px; font-size: 12px;; line-height: 26px;}
.content_list .sotr_list ul li .text{ flex: 1; height: 26px; line-height: 26px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;}
.content_list .sotr_list ul li:hover{color: var(--web_color)}
.content_list .sotr_list ul li:hover a{color: var(--web_color)}
.content_list .sotr_list ul li .bg_color_1{ background: #FF5722}
.content_list .sotr_list ul li .bg_color_2{ background: #FFB800}
.content_list .sotr_list ul li .bg_color_3{ background: #1E9FFF}
.content_list .sotr_list ul li .bg_color {background: rgba(0,132,255,.1);color: var(--web_color);}


/*S图文列表*/


/*PC端大于1200px*/
@media screen and (min-width:1200px) {
    .ruinuo_container{width:1200px;margin: 0 auto}
    .pc_hide{display:none}
    .ruinuo_header_p{height:128px; width:100%}
    .ruinuo_container_p{padding-bottom: 30px; margin-top: 30px;}
}
/*移动端小于1200px*/
@media screen and (max-width: 1200px) {
    .app_hide {display: none}
    .ruinuo_header .ruinuo_container{ padding:5px}
    .ruinuo_container{ padding:15px}
    .ruinuo_header_menu_flex{ height:auto}
    .ruinuo_header_menu_flex .logo{ padding-top:5px; padding-bottom:5px; padding-left:10px}
    .ruinuo_header_menu_flex .logo img{ height:40px}
    .ruinuo_header_p{height:60px; width:100%}
    .ruinuo_title {
        text-align: center;
        margin: 0 0 20px;
    }
    .ruinuo_title h5 {font-size: 20px;font-weight:bold}
    .ruinuo_title .t{ font-size:14px; line-height:26px}
    .menu_tree li{ padding-left: 5px; border-bottom: 1px solid #f5f5f5}
    .menu_tree li .one_menu .t-icon{ padding-right: 5px}
    .menu_tree li .one_menu .v-icon{ float: right}
    .menu_tree li .one_menu{ height: 40px; line-height: 40px; width: 100%; display: block}
    .menu_tree .subnav{ overflow: hidden; padding-left: 15px; padding-bottom: 10px}
    .menu_tree .subnav a{ display: block; width: 50%; float: left;height: 40px; line-height: 40px;}
    .menu_tree .subnav a i{ padding-right: 5px}
    .ruinuo_header_menu_con{box-shadow: 0 0px 0px 0 rgb(0 0 0 / 15%); border-bottom: 1px solid #f5f5f5}
    .section-padding{    padding: 20px 0;}
    .footer_con_content{ padding: 15px}
    .copyright{ padding: 0px}
    .footer_con_content_about{ width: 100%; padding: 0px; margin-right: 0px}
    .footer_con_content .navigation{ width: 100%; display: none}
    .footer_con_content .qrcode{width:100%; margin: auto; border-top:1px solid #3d4c93; padding-top: 20px}
    .footer_con_content .qrcode img{max-width: 160px; max-height: 160px;}
    .ruinuo_container_p{ padding-left: 0px; padding-right: 0px}
    .ruinuo-more{ margin-top: 30px;}
}

.news_details{background: #ffffff; height: auto; padding: 25px;}
.news_details .title {
    font-size: 32px;
    color: #121933;
    text-align: justify;
    line-height: 40px;
    padding-bottom: 25px;
    border-bottom: 1px solid #f5f5f5;
}
.news_details .content {
    font-size: 14px !important;
    line-height: 24px !important;
    margin-top: 25px;
}
.news_details .inner_crumbs {
    font-size: 14px;
    padding-bottom: 24px;

}
.news_con{overflow: hidden;margin-bottom: 30px; margin-top: 30px;}
@media screen and (max-width: 768px) {
    .news_details{padding: 20px;}
    .news_details .title { font-size: 16px; line-height: 28px; font-weight: 500; padding-bottom: 10px}
    .news_con{ margin-top: 0px; margin-bottom: 0px}

    .top_list_header {

        min-height: 200px;

    }



}