/*Top002633 */
body{/*overflow: hidden;*//* background:#f7f7f7; */}

.Top002633{ position: fixed;
    z-index: 99999;
    width: 100%;
    background: #ededed;
    top: 0;}
.Top002633 .header-top{position:relative;height: 112px;padding: 13px 0px;}

.Top002633 .logo{/* padding-right:40%; *//* position:relative; */float: left;}
.Top002633 .logo img{ display:block;}
.Top002633 nav{/* background: linear-gradient(90deg, #0312ff 0%, #31e7fd 100%); */position: relative;margin-left: 390px;}
 .Top002633 nav li a{display:block;color: #000;font-size: 18px;}
.Top002633 nav li .sub{display:none;}
.Top002633 nav li .sub a{font-size: 16px;}



.Top002633 .header-right{display: none;position:absolute;right:0;top:50%;margin-top:-18px;}
.Top002633 .header-right > *{ float:left;}
.Top002633 .header-right dt{ width:275px; position:relative;border:1px solid #0312ff; /*border-radius:36px;*/ overflow:hidden;}
.Top002633 .header-right dt .text{ width:100%; line-height:36px; height:36px; padding:0 36px 0 20px; border:none; border:none; color:#999; font-size:12px;}
.Top002633 .header-right dt .text.focus{ font-size:16px;color:#0312ff;}
.Top002633 .header-right dt .btn{position:absolute;right:0;top:0;width:36px;height:36px;background:url(../images/top_btn_search.png) no-repeat center center #0312ff;border: 0px;}
.Top002633 .header-bottom{ background:#0312ff;}
.Top002633 .header-menu li a{/* color:#fff; */}
.Top002633 .header-menu li em a{line-height: 85px;/* font-size:16px; */}
.Top002633 .header-menu li.aon em a{color:#000;}
.Top002633 .header-menu li .sub{ background:none; padding-top:6px; width:110px; left:50%; margin-left:-55px;}
.Top002633 .header-menu li .sub-menu{ position:relative;background:#fff; padding:5px 5px;}
.Top002633 .header-menu li .sub-menu::before{ position:absolute; content:''; border:5px solid transparent; border-bottom-color:#0312ff; left:50%; margin-left:-2.5px; top:-10px;}
.Top002633 .header-menu li .sub dt a{ border-bottom:1px dotted rgba(255,255,255,0.4); text-align:center;}
.Top002633 .header-menu li .sub dt:last-child a{ border-bottom:0;}
.Top002633 .header-menu li .sub dt a:hover{ background:none;color:#000; }
@media(max-width:1200px){

}
@media(max-width:1024px){
.Top002633 .header-right{ right:2%; display: block;}
.Top002633 .header-right dt{ display:none;}
.Top002633{/* position:relative; */z-index:100;}
.Top002633 .header-top{padding:15px 2%;height: 70px;}
.Top002633 #open_menu{width:36px; height:36px;border-radius:50%;border:1px solid #cfebef; margin-left:10px; position:relative;}
.Top002633 #open_menu i,
.Top002633 #open_menu i::before,
.Top002633 #open_menu i::after{background: #0312ff;}
.Top002633 #open_menu i{ width:60%; left:20%; height:3px; margin-top:-1.5px;}
.Top002633 #header-menu{position:absolute;right:0;opacity:0;top:-100%;transform:translateY(-100%);width:60%;max-width:240px;z-index:100;background:#0105b8;transition:ease-out 0.3s;}
.Top002633 #header-menu.header-menu-show{opacity:1; top:100%; transform:translateY(0); }
.Top002633 #header-menu li.has-sub em .op{ display:block;}
.Top002633 #header-menu li a{ padding-left:30px !important;}
}
@media(max-width:960px){
.Top002633 .logo{/* padding-right:50%; *//* width: 100%; */height: 100%;}
    .Top002633 .logo img{height: 100% !important;}
}
@media(max-width:640px){

}



/*Banner002058 */
.Banner002058{ position:relative; z-index:1; height: auto; overflow: hidden;}

.Banner002058 li a,
.Banner002058 li{height: 100%;}
.Banner002058 li{ background-position: center top; background-repeat:no-repeat;}
.Banner002058 li a{ position:relative; display:block;}
.Banner002058 li img{/* display:none; */width: 100%;}



.Banner002058 .swiper-pagination{ position:absolute; left:0; bottom:5%; text-align:center; width:100%; z-index:10;}
.Banner002058 .swiper-pagination span{width:12px; height:12px;display:inline-block;margin:0 5px;}

.Banner002058 .swiper-pagination .swiper-pagination-bullet-active{ background:#fff;}
@media(max-width:1000px){
.Banner002058 li a,
.Banner002058 li{ height:auto;}
.Banner002058 li{ background:none !important;}
.Banner002058 li img{ display:block; width:100%;}
}




@media screen and (min-width: 1025px) {
.Banner002058 li  img{  height: 100vh !important; object-fit: cover;} 
} 




.autobg{background-color:#fff;padding: 30px 20px;max-width: 1400px;margin:auto;}

.w_49{ width:49%}
.h_fl{ float:left}
.h_fr{ float:right}

.h_title{background: linear-gradient(90deg, #0312ff 0%, #31e7fd 100%);height:47px;line-height:46px;padding-right: 20px;}
.h_title span:after{content: '';width:12px;height: 47px;/* background: linear-gradient(to bottom, #0105b8, #0105b8 12%,#0312ff 80%); */display: block;float:left;margin-right: 20px;}
.h_title a{float:right;font-size: 12px;color: #fff;}
.h_title span{ display:inline-block;color:#0105b8; font-size:18px; margin-right:5%;margin-top: 0; cursor:pointer; position:relative;}
.h_title span.on{color: #fff;font-weight:bold;}

.font_list{padding: 0 20px;border: 1px solid #eee; height:314px;}
.font_list li{ line-height:37px; border-bottom:1px dashed #ebeef1;}
.font_list li:before{content: '';width: 4px;height: 4px;background: #ccc;display: block;float:left;margin-right:12px;margin-top: 18px;border-radius: 50px;}
.font_list li:hover a{color: #0312ff;}
.font_list li time{ float:right; color:#999;margin-left: 20px;}
.font_list li:last-child{ border-bottom:0;}

.h_floor_1 .photo_list{ position:relative;}
.h_floor_1 .photo_list .bx-controls-direction{ display:none;}
.h_floor_1 .photo_list .bx-pager{ position:absolute; right:15px; bottom:15px; z-index:100}
.h_floor_1 .photo_list .bx-pager div{ float:left;width:8px; height:8px;margin-left:8px;}
.h_floor_1 .photo_list .bx-pager div a{ display:block;border-radius: 20px;  height:8px; overflow:hidden; line-height:100px; background-color:#fff; }
.h_floor_1 .photo_list .bx-pager div a.active{ background-color:#0312ff;}
.h_floor_1 .photo_list ul li .Ispic a{ display:block; height:361px;position: relative; background:no-repeat center center}
.h_floor_1 .photo_list ul li h2{position: absolute;bottom: 0;background: rgba(0,0,0,0.5);width: 100%; margin:0; font-size:16px; font-weight:normal; padding:10px 100px 10px 0;padding-left: 15px;}
.h_floor_1 .photo_list ul li h2 a{color:#fff;}
.h_floor_1 .photo_list ul li p{ margin:0; color:#0105b8; font-size:12px; height:40px; overflow:hidden; line-height:20px;}

.h_floor_2{ padding:2.5% 0}

.h_floor_3 {z-index: 50;margin-bottom: 10px;}
.h_floor_3 .list dd{color: #333; width: 23.5%;float:left;border: 1px solid #eee;margin-right: 2%;line-height: 39px;margin-top: 13px;font-size: 14px;text-align: center;}
.h_floor_3 .list dd:nth-child(4n){margin-right: 0;}


@media(max-width:768px){
.w_49{ float:none; width:100%}
.h_fr{ margin-top:2.5%}
.h_floor_1 .photo_list ul li .Ispic a{height:200px !important;}
}
@media(max-width:640px){
.h_floor_3 .list dd{ float:none; width:100%; margin:1% 0}
}

.bottom,.bottom a{ color: #eee; font-size: 15px;}
.bottom a:hover{ color: #fff;}
.bottom >*{ padding-bottom: 15px;}
.bottom{ background: #0312ff;  padding: 1.3% 0 0.8%; text-align: center;}
.bottom span{ display:inline-block; white-space:nowrap}
.bottom p{ margin: 0;}
.bottom p span{margin-right: 15px;}
.bottom dl span{margin-right: 15px;}
.bottom dl a{ position: relative; display: inline-block;}
.bottom dl a+a{ margin-left: 20px;}
.bottom dl a+a:before{ content: ""; position: absolute; width: 1px; height: 60%; top: 30%; background: #666; left:-10px;}

.list_down li{  line-height:25px; border-bottom:1px solid #eee; padding:0 0px 0 20px; position:relative;}
.list_down li::before{ position:absolute; content:''; width:4px; height:4px; border-radius:50%; background-color:#ccc; left:5px; top:50%; margin-top:-2px;}
.list_down li a{ display:block; padding:17px 0;}
.list_down li span{ padding-right:10px;}
.list_down li i{ font-style:normal; position:relative; float:right; padding-left:15px; padding-right:30px; background-color:#0312ff; color:#fff; font-size:12px;}
.list_down li i::before{ position:absolute; content:''; width:25px; height:100%; background:url(../images/list_down-icon.png) no-repeat center center/contain; right:0;}
@media(max-width:480px){
.list_down h1{font-size:20px;}
}
@media(max-width:375px){
.list_down li i{padding-left:5px;}
}

.list_istop{ padding:1% 0;}
.list_istop ol{overflow:hidden; padding-bottom:15px; margin-bottom:15px;    border-bottom: 1px solid #eee;}
.list_istop ol img{ float:left; width:30%; margin-right: 2%;}
.list_istop ol h1{ margin:0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; color:#010101; font-weight:normal;}
.list_istop ol time{ color: #999;  margin-right: 5%;font-size: 13px;}
.list_istop ol p{ margin:2% 0; color:#707070; line-height:24px;    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.list_istop ol a.more{ color:#0312ff;display:inline-block;}
.list_istop li {position: relative; border-bottom: 1px #e0e0e0 dotted; height:52px; line-height:51px; overflow:hidden;} 
.list_istop li::before{ position:absolute; content:''; width:4px; height:4px; border-radius:50%; background-color:#ccc; left:5px; top:50%; margin-top:-2px;}
.list_istop li time{ float:right; font-size:12px; color:#4c4c4c;}
.list_istop li a{ display:block; float:left; width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:20px;  font-size:14px}
.list_istop li a:hover{ color:#0312ff}

@media (max-width:768px){
.list_istop ol img{ width:100%; float:none;}
.list_istop ol h1{ margin-top:2%;}
}
@media (max-width:420px){
.list_istop li a{ width:68%}
}




.Pages{zoom:1; overflow:hidden; text-align:center; padding:30px 0 5%; text-align:center;}
.Pages span{ padding:0px 3px; display:inline-block;}
.Pages a{ display:inline-block; margin:0px 2px; border:1px solid #ededed; padding:0 1em; color:#666; line-height:35px; border-radius:3px;transition: .3s ease-out;}
.Pages a:hover{ color:#fff; border:1px solid #0312ff; background:#0312ff;}
.Pages .p_cur,.Pages .p_count,.Pages .p_total,.Pages .p_jump,.Pages .a_first,.Pages .a_end{ display:none;}
.Pages .p_cur b{ color:#0312ff;}
.Pages .p_count b{ color:#0312ff;}
.Pages .p_total b{ color:#0312ff;}
.Pages .p_page em{ font-style:normal;}
.Pages .p_page em a{}
.Pages .p_page em a.a_cur{ color:#fff; background:#0312ff; border-color:#0312ff;}
.Pages .p_page b{ font-weight:normal;}


.menu{ padding-top:0%;}
.menu header{background: linear-gradient(90deg, #0312ff 0%, #31e7fd 100%);padding-top:20px;padding-bottom:20px;text-align:center;font-size:22px;color:#fff;}
.menu ul{ border-top:0; }
.menu li{ border:1px solid #eee;border-top: none; line-height:56px;text-align:center;}
.menu li a{ display:block; color:#25170f; font-size:16px;}
.menu li a:hover,
.menu li a.aon{/* background: url(../images/menu-a_on.jpg) no-repeat left center #f4f4f4; */color: #0312ff;}
@media(max-width:1000px){
.menu header{padding: 3% 0;font-size:20px;background: linear-gradient(90deg, #0312ff 0%, #31e7fd 100%);}
.menu ul{ border:none; padding-bottom:0;}
.menu li{ float:left; width:25%; text-align:center;}
.menu li a:hover,
.menu li a.aon{ background-image:none;}
}
@media(max-width:768px){
.menu li a{ font-size:14px;}
}



.font_list_two{padding:2% 0;}
.font_list_two ul{overflow: hidden;}
.font_list_two li{border: #0312ff 1px dashed; line-height:40px;list-style:none; float: left; width: 47%; padding: .5%;margin-right: 6%;margin-bottom: 1%;}
.font_list_two li:nth-child(2n){margin-right: 0; background: #f6f6f6;}
.font_list_two li a{ padding-left:20px; background:url(../images/icon.jpg) no-repeat 5px center;}
.font_list_two li a:hover{ color:#0312ff;}
.font_list_two li time{ float:right; color:#999; font-size:12px; margin-left:10px;}

.list_photo{ padding-top:2%;}
.list_photo li{ float:left; width:32%; margin-right:2%; margin-bottom:2%; transition: all .5s; position: relative;top: 0;}
.list_photo li:hover{box-shadow: 0 0 10px #0312ff; top: -5px;}
.list_photo li:hover h2{font-weight: 700;}
.list_photo li:nth-child(3n){ margin-right:0;}
.list_photo li a{ display:block;}
.list_photo li h2{ margin:0; font-size:15px; font-weight: 400; color:#333; text-align:center; padding:3% 2%; transition: all .3s;}
.list_photo li figure{ background-position:center center; background-repeat:no-repeat; background-size:contain; padding-bottom:67%;}
@media(max-width:640px){
.list_photo li{width:49%;}
.list_photo li:nth-child(3n){ margin-right:2%;}
.list_photo li:nth-child(2n){ margin-right:0;}
}
@media(max-width:480px){
.list_photo li h2{font-size:14px;}
}

.list_video{ padding-top:2%;}
.list_video li{ float:left; width:32%; margin-right:2%; position:relative; margin-bottom:2%;}
.list_video li:nth-child(3n){ margin-right:0;}
.list_video li figure{ position:relative;}
.list_video li figure em{ display:block; padding-bottom:65%; background-size:contain; background-position:center center; background-repeat:no-repeat;}
.list_video li figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); }
.list_video li figure a::before,
.list_video li figure a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;}
.list_video li figure a::before{width: 70px;height: 70px;border: 3px solid rgba(255,255,255,0.6);margin-left: -35px;margin-top: -35px;border-radius: 50%;}
.list_video li figure a::after{width: 0;height: 0;border-top: 15px solid transparent;border-bottom: 15px solid transparent;border-left: 20px solid rgba(255,255,255,0.6);margin-left: -7px;margin-top: -13px;}
.list_video li p{text-align:center; margin: 0; line-height: 35px;font-size: 15px; color: #333;}
@media(max-width:768px){
.list_video li{width:49%; margin-right:2%;}
.list_video li:nth-child(3n){ margin-right:2%;}
.list_video li:nth-child(2n){ margin-right:0;}
}
@media(max-width:480px){
.list_video li figure a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;}
.list_video li figure a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -7px;}
}
@media(max-width:375px){
.list_video li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;}
.list_video li{width:100%; float:none; margin-right:0 !important;}
}

.list_leader {  padding:3% 0 0 }
.list_leader .list{  width:100%;  margin-bottom:2%; border:1px solid #e9efee; border-left:2px solid #0312ff; padding:2%; }
.list_leader .list .h3{/* color:#0312ff; */font-size:17px;/* font-weight:normal; */margin:0;padding:0}
.list_leader .list .h4{ color:#0312ff; font-size:16px; margin:0; padding:10px 0}
.list_leader .list:hover{ box-shadow:0 2px 7px rgba(0,0,0,0.19);}
.list_leader .list .txt{ color: #444; }

.info_article .title{ text-align:center; font-size:16px; padding:20px 0; color:#0312ff}
.info_article .time{ text-align:center}
.info_article .time span{ padding:0px 5px; white-space:nowrap; display:inline-block}
.info_article .video{ text-align:center; padding:4% 0; max-width:80%; margin:auto;}
.info_article .video video{ width:100%;}

.article{ line-height:28px; font-size:14px; padding:20px 0}

.list_link{ overflow:hidden}
.list_link ul li{color: #333; width: 23.5%;float:left;border: 1px solid #eee;margin-right: 2%;line-height: 39px;margin-top: 13px;font-size: 14px;text-align: center;}
.list_link ul li:nth-child(4n){margin-right: 0;}
@media(max-width:640px){
.list_link ul li{ float:none; width:100%; margin:1% 0}
}




/*
 .RichInfo005 为demo编号
 */
.RichInfo005{ padding:2% 0 4%;}
.RichInfo005 .auto{ background:#fff}
.RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px;}
.RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:26px; font-weight:normal; color:#444}
.RichInfo005 .news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;}
.RichInfo005 .news_info .title p span{ margin:0 5px; color:#777;}
.RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph;}
.RichInfo005 .news_info .center { text-align:center }
.RichInfo005 .news_info .info {  font-size: 14px; line-height:30px; color: #444;padding: 15px 0;  }
.RichInfo005 .news_info p {  font-size: 14px; line-height:30px; color: #444 }

.RichInfo005 .news_info .bot{  position: relative ; margin-top: 50px;} 


.RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:20px 0; position: absolute; right: 0; top: 0px } 
.RichInfo005 .news_info .info_back a{ color:#fff; font-size:14px; background: #0312ff; display: block; padding: 10px 30px;}
.RichInfo005 .news_info .info_back a:hover{  background:#0312ff;}
.RichInfo005 .news_info .info_pn span{ display:block; font-size: 14px; margin: 15px 0}
.RichInfo005 .news_info .info_pn span a{ color:#666;}
.RichInfo005 .news_info .info_pn span a:hover{color:#0312ff;}
@media(max-width:1000px){
    
    .RichInfo005 .news_info .info_back{ position: relative }
    
    .RichInfo005 .news_info .bot{  position: relative ; margin-top:15px;} 
}


.footer {
    background: url(../images/bg-footer.png) 100% 100% / cover no-repeat rgb(255, 255, 255);
    padding-top: 20px;
    background: #ededed;
    padding-bottom: 20px;
    margin-top: 32px;}

.footerLeft {
    /* float: left; */
    width: 100%;}

.footerLeft ul {
    float: left;}

.footerLeft ul:first-child {
    margin-right: 20%;}

.footerLeft ul li {
    text-align: left;
    margin-bottom: 18px;}

.footerLeft ul li a {
    display: inline-block;
    color: #000;
    font-size: 14px;}

.footerLeft ul li:hover a {
    text-decoration: none;
    color: #000;}

.footerMid {
    /* float: left; */
    width: 100%;}

.footerRight {
    float: right;
    width: 9%;}

.footerlogo {}

.footerlogo a {
    display: block;
    max-width: 480px;
    margin: 0px auto;}

.footerlogo a img {
    width: 54%;}

.footerMid p {
    font-size: 14px;
    color: #000;
    text-align: left;
    line-height: 30px;}

.footerRight ul {
    float: left;
    margin-right: 9%;}

.footerRight ul:last-child {
    margin-right: 0px;}

.footerRight ul li {
    text-align: left;
    margin-bottom: 18px;}

.footerRight ul li a {
    display: inline-block;
    color: #000;
    font-size: 14px;}

.footerRight ul li:hover a {
    /* text-decoration: underline; */
    color: #000;}
.px1400 {
    max-width: 1400px;
    margin: 0px auto;
    }


.link {
    padding-bottom: 12px;
    overflow: hidden;}
.link a {
    color: #000;
    font-size: 0.2rem;
    line-height: 30px;}
.link a span {
    float: left;
    margin: 0 10px;
    font-size: 14px;}
    
    .link a p {
    float: left;
    font-size: 14px;    margin: 0px;}
    
    
    .footer p{margin: 0px;}


@media screen and (max-width: 1024px) {

    .footer {
       
        padding: 20px;
        }


}