body{
    background: #f3f3f3;
}
.w1200{
    width:1200px;
}
.auto{
    margin:auto;
}
.flex_box{
    display: flex;
}
.white_bg{
    background: #fff;
}
.m-b{
    margin-bottom: 20px;
}
.line1{
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.line2{
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.line3{
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header_box{
    background: #1C2327;
    height: 50px;
    padding:5px 0px;
    position: relative;
}
.header_box::after{
    content: "";
    background: #000 linear-gradient(to left, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    height: 5px;
    position: absolute;
    top: 0;
    width: 100%;
}
.header_box .w1200{
    align-items: center;
    height: 100%;
}
.header_box .w1200 .name{
    color:#fff;
    margin-right: 60px;
    line-height: 50px;
    color: #FFF;
    font-size: 22px;
}
.header_box .w1200 .nav_box {
    flex:1;
}
.header_box .w1200 .nav_box .nav_item{
    position: relative;
    height: 50px;
    line-height: 50px;
}
.header_box .w1200 .nav_box .nav_item a{
    font-size: 15px;
    color:#fff;
    padding:0px 16px;
    cursor: pointer;
}
.header_box .w1200 .nav_box .nav_item a img{
    margin-left: 5px;
    transition: .3s;
}
.header_box .w1200 .nav_box .nav_item:hover a{
    color:#00c1de;
}
.header_box .w1200 .nav_box .nav_item:hover a img{
    transform: rotate(180deg);
}
.header_box .w1200 .nav_box .nav_item .child_box{
    position: absolute;
    width: 100%;
    top:100%;
    background: #1C2327;
    z-index: 5;
    display: none;
}
.header_box .w1200 .nav_box .nav_item .child_box a{ 
    padding: 0px;
    text-align: center;
    display: block;
    color:#fff;
    font-size: 14px;
    line-height: 30px;
}
.header_box .w1200 .nav_box .nav_item .child_box a:hover{
    color:#00c1de;
}
.header_box .w1200 .nav_box .nav_item:hover .child_box{
    display: block;
}
.header_box .w1200 .search_btn{
    padding-top:5px;
    cursor: pointer;
}
.search_box{
    margin:10px auto;
    background: #fff;
    position: relative;
}
.search_box .search_form{
    display: none;
}
.search_box .form{
    padding:15px;
    justify-content: center;
}
.search_box .input{ 
    width: 40%;
    height: 36px;
    padding: 0px 10px;
    font-size: 14px;
    color: #333;
    outline: none;
    border: 1px solid #ccc;
}
.search_box .input_submit{
    background: #222222;
    border: none;
    color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0px 20px;
    cursor: pointer;
}
.search_box .close_search{   
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    height: 25px;
    cursor: pointer;
}


 .home_box{
         justify-content: space-between;
     }
     .home_box .index_man{
         width:75%;
     }
     .home_box .index_man .banner_box{
         justify-content: space-between;
     }
     .home_box .index_man .banner_swiper{
         height: 260px;
         overflow: hidden;
         position: relative;
         width:68.5%;
     }
     .home_box .index_man .banner_swiper img{
         height: 260px;
         width: 100%;
         border-radius: 3px;
     }
     .home_box .index_man .banner_swiper .swiper-prev{
         position: absolute;
         height: 32px;
         width: 40px;
         top: 50%;
         left: 50px;
         z-index: 4;
         margin-top: -25px;
         cursor: pointer;
         background-image: url(/template/default_pc/images/swiper_prev.png);
         opacity: 0;
         transition: .3s;
     }
     .home_box .index_man .banner_swiper:hover .swiper-prev{
         opacity: 1;
         left:25px;
     }
     .home_box .index_man .banner_swiper .swiper-next{
          position: absolute;
         height: 32px;
         width: 40px;
         top: 50%;
         right: 50px;
         z-index: 4;
         margin-top: -25px;
         cursor: pointer;
         background-image: url(/template/default_pc/images/swiper_next.png);
         opacity: 0;
         transition: .3s;
     }
     .home_box .index_man .banner_swiper:hover .swiper-next{
         opacity: 1;
         right:25px;
     }
     .home_box .index_man .banner_box .headline{
         width:30%;
     }
     .home_box .index_man .banner_box .headline .item{
         height: 125px;
         overflow: hidden;
         position: relative;
         border-radius: 3px;
         display: block;
         cursor: pointer;
     }
     .home_box .index_man .banner_box .headline .item:nth-child(1){
         margin-bottom: 10px;
     }
     .home_box .index_man .banner_box .headline .item img{
         width:100%;
         height: 100%;
         transition: .3s;
     }
     .home_box .index_man .banner_box .headline .item:hover img{
        transform: scale(1.1);   
     }
     .home_box .index_man .banner_box .headline .item .name{
         position: absolute;
         width: 100%;
         box-sizing: border-box;
         height: 100%;
         left:0px;
         top:0px;
         background: rgba(0,0,0,.3);
         color:#fff;
         display: flex;
         align-items: center;
         font-size: 15px;
         padding:0px 20px;
         text-align: center;
         justify-content: center;
     }
     .home_box .r_box{
         width:23.5%;
     }
     .home_box .tab_box{
         padding:20px;
         border-radius: 3px;
     }
     .home_box .tab_box .type_box{
         border-bottom: 1px solid #eee;
         margin-bottom: 10px;
     }
     .home_box .tab_box .type_box span{
         flex:1;
         text-align: center;
         cursor: pointer;
         color:#333;
         height: 40px;
         line-height: 40px;
         font-size: 16px;
         position: relative;
     }
     .home_box .tab_box .type_box .active::after{
         content:'';
         position: absolute;
         width:100%;
         display: block;
         height: 2px;
         background: #000;
         left:0px;
         bottom:0px;
     }
     .home_box .tab_box .news_box{
         justify-content: space-between;
         display: none;
     } 
     .home_box .tab_box .news_box .pic_new{
         width:32%;
         height: 218px;
     }
     .home_box .tab_box .news_box .pic_new .item{
        height: 100px;
        position: relative; 
        overflow: hidden;
        margin-bottom: 10px;
        border-radius: 3px;
        display: block;
     }
     .home_box .tab_box .news_box .pic_new .item img{
         width:100%;
         transition: .3s;
         height: 100%;
     }
     .home_box .tab_box .news_box .pic_new .item:hover img{
         transform: scale(1.1);
     }
     .home_box .tab_box .news_box .pic_new .item .name{
         position: absolute;
         width: 100%;
         box-sizing: border-box;
         height: 100%;
         left:0px;
         top:0px;
         background: rgba(0,0,0,.3);
         color:#fff;
         display: flex;
         align-items: center;
         font-size: 15px;
         padding:0px 20px;
         text-align: center;
         justify-content: center;
     }
     .home_box .tab_box .news_box .list_new{
        width: 66%;
     }
     .home_box .tab_box .news_box .list_new li{
        height:22px;
        overflow: hidden;
        line-height: 32px;
        padding: 0 20px 10px 20px;
     }
     .home_box .tab_box .news_box .list_new li span{
         width:20px;
         height: 20px;
         background: #9a9a9a;
         color:#fff;
         text-align: center;
         display: inline-block;
         font-size: 9px;
         margin-right: 20px;
         line-height: 20px;
     }
     .home_box .tab_box .news_box .list_new li a{
         color:#333;
         font-size: 15px;
     }
     .home_box .tab_box .news_box .list_new li p{
         font-size: 14px;
         color:#333;
         line-height: 24px;
     }
     .home_box .tab_box .news_box .list_new li.on{
         height: 90px;
         box-sizing: border-box;
         background: #f7f7f7;
     }
     .home_box .tab_box .news_box .list_new li.on span{
         background: #000;
     }
     .home_box .tab_box .news_box .list_new li.on a{
         color:#000;
         font-weight: 550;
     }
     .recommend_box{
         padding:20px; 
         border-radius: 3px;
     }
     .recommend_box .title_box{
         border-bottom:1px solid #eee;
     }
     .recommend_box .title_box .tit{
         position: relative;
         flex:1;
         color:#484848;
         line-height: 40px;
         font-size: 16px;
     }
     .recommend_box .title_box .tit::after{
         content:'';
         position: absolute;
         bottom:0px;
         left:0px;
         width:60px;
         height: 2px;
         background: #000;
     }
     .recommend_box .title_box .nav{
         display: flex;
         align-items: center;;
     }
     .recommend_box .title_box .nav a{
         color:#333;
         font-size: 16px;
     }
     .recommend_box .title_box .nav i{
         margin:0px 5px;
     }
     .recommend_box ul{
         padding:10px 0 20px 10px;
         display: flex;
         flex-wrap: wrap;
     }
     .recommend_box li{
         width:27.6%;
         padding:20px;
        border-bottom: #eee 1px solid;
        border-left: #eee 1px solid;
        transition: .3s;
     }
     .recommend_box li:nth-child(3n+1){
         border-left: none;
     }
     .recommend_box li:hover{  
        background: #fff;
        box-shadow: #ccc 1px 1px 8px
     }
     .recommend_box li .pic{
         width:100%;
         height:100px;
         display: block;
     }
     .recommend_box li .pic img{
         width:100%;
         height: 100%;
     }
     .recommend_box li .name{
         line-height: 30px;
         color:#333;
         font-size: 15px;
         font-weight: 550;
     }
     .recommend_box li .desc{
        color: #999;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        font-size: 14px;
        height: 62px;
        display: block;
     }
     .recommend_box li .more{
        margin: 10px 0 0 0;
        color: #096;
        display: block;
     }
     .hotnews_box{
         padding:20px;
     }
     .hotnews_box .title_box{
         border-bottom:1px solid #eee;
     }
     .hotnews_box .title_box .tit{
         position: relative;
         flex:1;
         color:#484848;
         line-height: 40px;
         font-size: 16px;
     }
     .hotnews_box .title_box .tit::after{
         content:'';
         position: absolute;
         bottom:0px;
         left:0px;
         width:60px;
         height: 2px;
         background: #000;
     }
     .hotnews_box ul{
         padding-top:20px;
     }
     .hotnews_box ul li{
        overflow: hidden;
        margin-bottom: 20px;
        border-bottom: #eee 1px dashed;
        padding-bottom: 20px;
        position: relative;
        min-height: 120px;
     }
     .hotnews_box ul li .name{
         display: flex;
         align-items: initial;
         margin-bottom: 10px;
         overflow: hidden;
         font-weight: 550;
     }
     .hotnews_box ul li .name b{
         color:#F00;
     }
     .hotnews_box ul li span{
         flex:1; 
         font-size: 18px;
         color:#333;
         overflow: hidden;
     }
     .hotnews_box ul li .info_box .pic{
        width: 23.2%;
        margin-right: 20px;
        display: block;
        overflow: hidden;
        border-radius: 3px;
        position: relative;
        max-height: 140px;
     }
     .hotnews_box ul li .info_box .pic img{
         width: 100%;
         height: 100%;
     }
     .hotnews_box ul li .info_box .pic span{
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9;
        font-style: normal;
        padding: 3px 5px;
        background: rgba(18, 182, 221, .8);
        font-size: 14px;
        color:#fff;
     }
     .hotnews_box ul li .info_box .text_box{
         flex:1;
         overflow: hidden;
     }
     .hotnews_box ul li .info_box .text_box .text{
         margin-top: 20px;
         font-size: 14px;
         color:#666;
     }
     .hotnews_box ul li .info_box .text_box .time{
         margin-top:20px;
         color:#999;
         font-size: 15px;
     }
     .hotnews_box ul li .info_box .text_box .time a{
         color:#096;
         font-size: 15px;
     }
     .hotnews_box ul li .info_box .text_box .more{
        display: block;
        right: 10px;
        bottom: 20px;
        position: absolute;
        padding: 3px 10px;
        background: #12b7de;
        color: #fff;
        border-radius: 3px;
     }
     .r_box .card{
        box-shadow: 0px 1px 0px rgba(255, 255, 255, .1), inset 0px 1px 1px rgba(0, 0, 0, .7);
        border-radius: 3px;
        background: url(/template/default_pc/images/quote-bg.png) no-repeat top right rgba(42, 42, 42, 1);
        height: 260px;
        overflow: hidden;
        margin-bottom: 20px;
     }
     .r_box .card h2 {
    	font-size: 22px;
    	margin: 10px;
    	color: #89919a;
    	font-weight: normal;
    	padding-bottom: 10px;
    }
    .r_box  .card p {
    	font-size: 12px;
    	padding: 0 0 0 20px;
    	line-height: 28px;
    	text-shadow: 0px 1px 2px rgba(0,0,0,.5);
    	color: #d0d2d4;
    	-webkit-animation: animations2 5s ease-in-out 5s;
    	-moz-animation: animations2 5s ease-in-out 5s;
    	-o-animation: animations2 5s ease-in-out 5s;
    	-ms-animation: animations2 5s ease-in-out 5s;
    	animation: animations2 5s ease-in-out 5s;
    }
    .r_box  .card .linkmore {
    	margin: 15px;
    	display: flex;
    }
    .r_box  .card .linkmore li {
    	width: 25%;
    	position: relative;
    }
    .r_box  .card .linkmore li a {
    	height: 53px;
    	width:53px;
    	display: block;
    	overflow: hidden;
    	box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(0,0,0,.7);
    	border-radius: 50%;
    	margin: 0 5px;
        text-align: center;
        line-height: 53px;
        font-size: 30px;
    }
    .r_box  .card .linkmore li a:hover {
    	opacity: 0.5;
    }
    .r_box  .card .linkmore li .icon-shouye{
        color:#FF991A;
    }
    .r_box  .card .linkmore li .icon-youxiang{
        color:#ef5509;
    }
    .r_box  .card .linkmore li .icon-qq{
        color:#1296DB;
    }
    .r_box  .card .linkmore li .icon-weixin{
        color:#07AF12;
    }
    .r_box  .card .linkmore li  i{
        position: absolute;
        right: 0px;
        bottom: 55px;
        display: none;
    }
    .r_box  .card .linkmore li:hover i{
        display: block;
    }
    .r_box .item_box{
        border-radius: 3px;
        padding: 20px;
        margin-bottom: 20px;
    }
    .r_box .item_box .title_dome{
        font-size: 16px;
        line-height: 40px;
        border-bottom: 1px solid #eee;
        color: #484848;
        font-weight: normal;
        position: relative;
        margin-bottom: 10px;
    }
    .r_box .item_box .title_dome::after{
        content:'';
        position: absolute;
        width: 60px;
        height: 2px;
        content: "";
        background: #000;
        left: 0;
        bottom: 0;
        transition: .3s;
    }
    .r_box .item_box .title_dome:hover::after{
        width:80px;
    }
    .r_box .notice ul{
        padding-top:15px;
    }
    .r_box .notice li{
        font-size: 12px;
        line-height: 30px;
        margin-bottom: 12px;
        display: block;
        -moz-border-radius: 4px;
        border-radius: 4px;
        background: #f6f6f6;
        position: relative;
        padding: 4px 12px 4px 30px;
        transition: .3s;
    }
    .r_box .notice li:hover{
        background: #f2f2f2;
        box-shadow: 0 0 10px #ccc;
    }
    .r_box .notice li::after{
        position: absolute;
        content: "";
        width: 3px;
        height: 3px;
        background: #000;
        border-radius: 10px;
        left: 15px;
        top: 20px;
    }
    .r_box .notice li a{
        color:#333;
    }
    .r_box .item_box .pic_new{
        position: relative;
        display: block;
        margin: 20px 0;
        background: #000;
        overflow: hidden;
        border-radius: 3px;
        max-height: 110px;
    }
    .r_box .item_box .pic_new img{
        width:100%;
        height: 100%;
        transition: .3s;
    }
    .r_box .item_box .pic_new:hover img{
        transform: scale(1.1);
    }
    .r_box .item_box .pic_new .name{
        position: absolute;
        left:0px;
        top:0px;
        width:100%;
        height: 100%;
        background:rgba(0,0,0,.4);
        color:#fff;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding:0px 20px;
        box-sizing: border-box;
    }
    .ph_box ul li{
        display: flex;
        line-height: 30px;
        margin-bottom: 10px;
        align-items: center;
    }
    .ph_box ul li:nth-child(2n){
        background: #f6f6f6;
    }
    .ph_box ul li span{ 
        display: block;
        width: 16px;
        height: 16px;
        text-align:center;
        line-height: 16px;
        background: #B1B1B1;  
        margin-right: 10px;
        position: relative;
        font-style: normal;
        color:#fff
    }
    .ph_box ul li:nth-child(-n+3) span{
        background: #FF6600;
    }
    .imglist_new ul li{
        margin-bottom: 10px;
        transition: .3s; 
    }
    .imglist_new ul li:hover{
        background: #f6f6f6;
    }
    .ph_box ul li a{
        flex:1;
        color:#333;
        font-size: 15px;
        overflow: hidden;
    }
    .imglist_new ul li a{
        display: flex;
        align-items: center;
    }
    .imglist_new ul li a .ico{
        width: 70px;
        height: 70px;
        margin-right: 10px;
        overflow: hidden;
        display: block; 
    }
    .imglist_new ul li a .ico img{
        height: 100%;
        max-width: 100%;
        min-width: 100%;
        transition: .3s; 
    }
    .imglist_new ul li:hover img{
        transform: scale(1.1);
    }
    .imglist_new ul li a .txt{
        color:#000;
        flex:1;
        overflow: hidden;
        font-size: 14px;
    }
    .textlist_new li{
        line-height: 22px;
        margin-bottom: 10px;
        position: relative;
        padding-left: 15px;
    }
    .textlist_new li::after{    
        position: absolute;
        content: "";
        width: 3px;
        height: 3px;
        background: #000;
        border-radius: 10px;
        left: 0px;
        top: 10px;
    }
    .textlist_new li a{
        color:#333;
        font-size: 15px;
    }
    .textlist_new li:hover a{
        color:#000;
    }
    
    .zdxx_box .text{
        font-size: 15px;
        color:#333;
        margin-bottom: 10px;
    }
    .zdxx_box .text b{
        color:#333;
    }
    .zdxx_box .text a{
        color:#096;
        font-size: 15px;
    }
    .zdxx_box img{
        width: 80%;
        display: block;
        margin:10px auto;
    }    
    .link_box ul{
        flex-wrap: wrap;
    }
    .link_box ul a{
        width: 50%; 
        line-height: 30px;
        text-align: center;
    }
    .link_box ul a:hover{
        background: #f6f6f6;
    }
    .r_box .label_box ul{
        display: flex;
        flex-wrap: wrap;
    }
    .r_box .label_box ul a{
        line-height: 24px;
        height: 24px;
        display: block;
        background: #999;
        padding: 3px 10px;
        margin: 10px 5px 0 0;
        border-radius: 3px;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        color: #FFF;
    }
    .r_box .label_box ul a:nth-child(8n-7) {
    	background: #8A9B0F
    }
    .r_box .label_box ul a:nth-child(8n-6) {
    	background: #EB6841
    }
    .r_box .label_box ul a:nth-child(8n-5) {
    	background: #3FB8AF
    }
    .r_box .label_box ul a:nth-child(8n-4) {
    	background: #FE4365
    }
    .r_box .label_box ul a:nth-child(8n-3) {
    	background: #FC9D9A
    }
    .r_box .label_box ul a:nth-child(8n-2) {
    	background: #EDC951
    }
    .r_box .label_box ul a:nth-child(8n-1) {
    	background: #C8C8A9
    }
    .r_box .label_box ul a:nth-child(8n) {
    	background: #83AF9B
    }
    .r_box .label_box ul a:first-child {
    	background: #036564
    }
    .r_box .label_box ul a:last-child {
    	background: #3299BB
    }
    /*首页end*/
    
    
    
    /*文章列表*/
    .new_page{
       padding:20px 0px;justify-content: space-between;
    }
    .new_page .l{
       width:75%
    }
    .new_page .lanmu_text{
        border-radius: 3px;
        padding: 20px;
        margin-bottom: 20px;
    }
    .new_page .lanmu_text .pic img{
       height: 100px;
    }
    .new_page .lanmu_text .text_box{
       flex:1;
       overflow: hidden;
       margin-left: 20px;
    }
    .new_page .lanmu_text .text_box .tit{
       color:#333;
       font-weight: 550;
       font-size: 22px;
       margin-bottom: 15px;
    }
    .new_page .lanmu_text .text_box .txt{
       color:#666;
       font-size: 14px;
    }
    .new_page .r_box{
       width:23.5%;
    }
    
    .mac_pages{
        padding:20px 0px;
    }
    .mac_pages .page_tip{
       text-align: center;
    }
    .mac_pages .page_info{
        margin-top:10px;
        text-align: center;
    }
    .mac_pages .page_info a{
         border-radius: 5px;
        min-width: 40px;
        position: relative;
        padding: 0px 15px;
        background: #313335;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        line-height: 35px;
        margin: 0px 5px;
    }
    .mac_pages .page_info .page_input{
        height: 35px;
        border: 1px solid #e4d9d9;
        background: #fff;
        width: 60px;
        text-align: center;
        border-radius: 3px;
        color: #333;
    }
    .mac_pages .page_info .page_btn{
        border-radius: 5px;
        min-width: 40px;
        position: relative;
        padding: 0px 15px;
        background: #313335;
        color: #fff;
        display: inline-block;
        font-size: 14px;
        line-height: 35px;
        margin: 0px 5px;
        border:none;
        cursor: pointer;
    }
    .page_null{
        text-align: center;
        padding: 20px;
    }
    /*文章列表*/
    
    /*文章详情*/
   .new_details_box{
        justify-content: space-between;
    }
    .new_details_box .l{
        width:75%;
    }
    .new_details_box .r_box{
        width:23.5%;
    }
    .new_details_box .content_box {
        padding:20px;
    }
    .new_details_box .content_box .x{
        width:100%;
        height:1px;
        position: relative;
        background: #eee;
    } 
    .new_details_box .content_box .x::after{
        position: absolute;
        content: '';
        left:0px;
        top:0px;
        height: 2px;
        background: #000;
        width:60px;
    }
    .new_details_box .content_box .wz_box{
        text-align: right;
        font-size: 14px;
        color:#666;
        margin-top: 5px;
    }
    .new_details_box .content_box .wz_box span{
        margin:0px 5px;
    }
    .new_details_box .content_box .title{
        font-size: 22px;
        color:#333;
        font-weight: 600;
        margin-top: 20px;
        line-height: 1.5;
    }
    .new_details_box .content_box .bloginfo{
        margin-top: 20px;
        overflow: hidden;
        color: #999;
        line-height: 34px;
    }
    .new_details_box .content_box .bloginfo a{
        margin:0px 5px;
        color: #096;
    }
    .new_details_box .content_box .desc{
        color: #888888;
        border: 1px solid #F3F3F3;
        padding: 10px;
        margin: 10px auto 0;
        line-height: 23px;
        background: none repeat 0 0 #F6F6F6;
    }
    .new_details_box .content_box .desc b{
        color:#000;
        margin-right: 5px;
    }
    .new_details_box .content_box .content{
        margin-top:20px;
        line-height: 24px;
    }
    .new_details_box .content_box .share{
        margin:15px 0px; 
        padding: 10px 20px;
        background: #f7f7f7;
        border-left: 3px solid #000;
    }
    .new_details_box .content_box .share b{
        color:#000;
    }
    .new_details_box .content_box .newx_prev a{
        display:block;
        font-size: 14px;
        color:#000;
        margin-top: 10px;
    }
    .new_details_box .xg_news{
        margin-top: 20px;
        padding:20px;
    }
    .new_details_box .xg_news .title_dome{
        font-size: 15px;
        line-height: 40px;
        border-bottom: 1px solid #eee;
        color: #484848;
        font-weight: normal;
        position: relative;
        margin-bottom: 10px;
    }
    .new_details_box .xg_news .title_dome::after{
        position: absolute;
        width: 60px;
        height: 2px;
        content: "";
        background: #000;
        left: 0;
        bottom: 0;
        transition: .3s;
    }
    .new_details_box .xg_news .title_dome:hover::after{
        width:80px;
    }
    /*文章详情*/
    .xg_news ul{
        flex-wrap: wrap;
        padding:10px 0px;
    }
    .xg_news ul li{
        position: relative;
        line-height: 26px;
        height: 26px;
        display: block;
        width: 50%; 
        overflow: hidden
    }
    .xg_news ul li::after{
        position: absolute;
        content: "";
        width: 3px;
        height: 3px;
        background: #000;
        border-radius: 10px;
        left: 0px;
        top: 12px;
    }
    .xg_news ul li a{
        color: #333;
        display: block;
        margin-right: 30px;
        padding-left: 10px;
        font-size: 14px;
    }
    .xg_news .img_list{
        display: flex;
        flex-wrap: wrap;
    }
    .xg_news .img_list a{
        display: block;
        width: 25%; 
        overflow: hidden;
        margin-bottom: 20px;
        padding-bottom: 10px;
        box-shadow: #ececec 0px 2px 5px;
    }
    .xg_news .img_list  .pic{
        width:100%;
        height:120px;
        overflow: hidden;
    }
    .xg_news .img_list img{
        transition: .3s;
         width: 100%;
        min-height: 120px;
    }
    .xg_news .img_list a:hover img{
        transform: scale(1.1);
    }
    .xg_news .img_list .tit{
        color:#000;
        font-size: 14px;
        padding:0px 10px;
        margin: 5px 0px;
    }
    .xg_news .img_list .txt{
        color:#666;
        font-size: 14px;
        padding:0px 10px;
    }
    
    
    
    
    
    .footer_box{
        background: #373D41;
        width: 100%;
        border-top: #00C1DE 10px solid;
        padding: 30px 0;
        color: #73777a;
        font-size: 14px;
    }
    .footer_box .code_box{
        text-align: center;
        margin-right: 20px;
    }
    .footer_box .code_box img{
        width:100px;
        display: block;
        margin:5px auto;
    }
    .footer_box .text_div{
        flex:1;
        overflow: hidden;
    }
    .footer_box .text_div h3{
        font-size: 16px;
        color:#00c1de;
        font-weight: 550;
        margin-bottom: 15px;
    }
    .footer_box .text_div p{
        font-size: 14px;
        color:#73777a;
        margin-bottom: 5px;
    }
    .go_top{
        width: 40px;
        height: 40px;
        display: block;
        background: url(/template/default_pc/images/top_ico.png) no-repeat center #000;
        right: 20px;
        bottom: 10%;
        position: fixed;
        cursor: pointer;
    }
@media (min-width: 768px){
    .mobile_header{
        display: none;
    }
    .mobile_t_h{
        display: none;
    }
    .mobile_nav{
        display: none;
    }
}
@media (max-width: 768px) {
   .w1200{
       width: 100%;
   }
   .header_box{
       display: none;
   }
   .home_box .r_box{
       display: none;
   }
   .home_box .index_man{
       width:100%;
       padding:10px;
       box-sizing: border-box;
   }
   .mobile_t_h{
       height:50px;
       display: block;;
   }
   .mobile_header{
        display: flex;
        width: 100%;
        padding: 5px 10px;
        background: #1C2327;
        height: 50px;
       box-sizing: border-box;
       align-items: center;
       position: fixed;
       top:0px;
       left:0px;
       z-index:99;
   }
   .mobile_header::before {
        background: #000 linear-gradient(to left, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
        content: "";
        height: 5px;
        position: absolute;
        top: 0;
        left:0px;
        width: 100%;
   }
   .mobile_header .navico{   
        width: 24px;
        height: 40px; 
        text-align: center; 
        position: relative;       
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
   }
   .mobile_header .navico span{
        width: 30px;
        height: 5px;
        background: #fff;
        margin: 5px 0px;
   }
   .mobile_header .navico i{
        width: 30px;
        height: 5px;
        background: #fff;
        transform-origin: left;
        transition: .3s;
   }
   .mobile_header .on span{
       background: none;
   } 
   .mobile_header .on i{
       transform: rotate(45deg);
   }
   .mobile_header .on .i{
       transform: rotate(-45deg);
   }
   .mobile_header .logo{
        flex: 1;
        text-align: center;
        color: #fff;
        line-height: 40px;
        display: block;
        font-size: 22px;
   } 
   .mobile_nav{
       display: none;
       width:100%;
       height:100%;
       position: fixed;
       left:0px;
       top:0px;
       background: rgba(0,0,0,.4);
       z-index:20;
   }
   .mobile_nav ul{
       width:55%;
        background: #12b7de;
       height: 100%;
       overflow-y: auto;
       padding-top: 50px;
   }  
   .mobile_nav .nav_item a{
        display: block;
        width: 100%;
        text-align: center;
        float: none;
        padding: 0;
        background: #12b7de;
        border-bottom: #49ccea 1px solid;
        color: #fff;
        line-height: 50px;
        font-size: 14px;
        position: relative;
        font-weight: 500;
   }
   .mobile_nav .nav_item a span{
        display: block;
        width: 50px;
        height: 50px;
        background: #12b7de;
        opacity: 0.5;
        position: absolute;
        top: 0;
        right: 0;
        border-left: #49ccea 1px solid;
   }
   .mobile_nav .nav_item .child_box{
       display: none;
   }
   .mobile_nav .nav_item .child_box a{
        border: none;
        line-height: 35px;
   }
   .home_box .index_man .banner_box{
       flex-wrap: wrap;
   }
   .home_box .index_man .banner_swiper{
       width: 100%;
       height: 200px;
   }
   .home_box .index_man .banner_swiper img{
       height: 100%;;
   }
   .home_box .index_man .banner_box .headline{
       width:100%;
       display:flex;
        justify-content: space-between;
        margin-top: 20px;
        height: 125px;
   }
   .home_box .index_man .banner_box .headline .item{
       width:49%;
       margin-bottom:0px;
   }
   .home_box .tab_box .type_box{
       display: block;
       overflow-x: auto;
       white-space: nowrap;
   } 
   .home_box .tab_box .type_box span{
       display: inline-block;
       margin-right: 20px;
   }
   .home_box .tab_box .news_box{
       flex-wrap: wrap;
   }
   .home_box .tab_box .news_box .pic_new{
       width:100%;
        justify-content: space-between;
       display: flex;
       height: auto;
   }
   .home_box .tab_box .news_box .pic_new .item{
       width:49%;
   }
   .home_box .tab_box .news_box .list_new{
       width:100%;
   }
   .home_box .tab_box .news_box .list_new li{
       padding:0px 0px 10px 5px;
   }
   .home_box .tab_box .news_box .list_new li span{
       margin-right: 10px;
   }
   .recommend_box .title_box{
       position: relative;
   }
   .recommend_box .title_box .nav{
       position: absolute;
       top:-5px;
   }
   .recommend_box .title_box .tit{
       margin-top: 15px;
   }
   .recommend_box .title_box .nav a{
       font-size: 12px;
   }
   .recommend_box li{
       width:44%;
       padding:8px;
   }
   .recommend_box li:nth-child(3n+1){
       border-left: #eee 1px solid;
   }
   .recommend_box li:nth-child(2n-1){
       border-left: none;
   }
   .recommend_box ul{
       position: relative;
   }
   .recommend_box ul::after{
        content: "";
        position: absolute;
        background: #fff;
        width: 100%;
        height: 1px;
        bottom: 20px;
        left: 0;
   }
   .hotnews_box ul li span{
       font-size: 16px;
   }
   .hotnews_box ul li .info_box .pic{
       width:100px;
       max-height: 76px;
   }
   .hotnews_box ul li .info_box .text_box .text{
       margin-top: 15px;
   }
   .hotnews_box ul li .info_box .text_box .more{
        bottom: -15px;
        width: 100%;
        text-align: center;
        left: 0px;
        right: 0px;
        box-sizing: border-box;
   }
   .hotnews_box ul li .info_box .text_box .time{
       position: absolute;
       left:0px;
   }
   .hotnews_box ul li .info_box{
       position: relative;
       padding-bottom: 60px;
   } 
   .footer_box .w1200{
       flex-wrap: wrap;
       justify-content: center;
   }
   .footer_box .text_div{
       flex:initial;
       width:100%;
       padding:0px 10px;
   }
   .new_page .l{
       width:100%;
   }
   .new_page .r_box{
       display: none;
   }
   .new_details_box .l{
       width:100%;
   }
   .new_details_box .r_box{
       display: none;
   }
   .xg_news .img_list a{
       width:49%; 
   }
   .xg_news .img_list a:nth-child(2n){
       margin-left: 2%;
   }
}