@charset "utf-8";
/*基础部分开始*/
.mh,.header,.headers{ display:none}
body{
color:#000;
margin:0 auto;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
overflow-x:hidden

}
@font-face {
    font-family: "syst";
	src:url("../font/syst.ttf")
}

.cl{ clear:both}
.fl{ float:left;}
.fr{ float:right;}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background:000}
::-webkit-scrollbar-track-piece{background:#f6f6f6}
::-webkit-scrollbar-thumb:vertical{background:#d0d0d0;}
::-webkit-scrollbar-thumb:vertical:hover{background:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background:#535353}
::-webkit-scrollbar-resizer:vertical{background:#FF6E00}
img{ border:none}
div,ul,li
{
color:#000;
font-size:15px;
margin:0 auto; 
padding:0;
list-style:none
}
*{outline:0px; box-sizing:border-box}
a,a:link,a:visited,a:active {
color: #000;
text-decoration: none;
}
a:hover {
text-decoration:none;
color: #097dec;
transition: 0.3s ease-in-out;
}

input::-webkit-input-placeholder{
color: #999;
}
WebKit browsers 
input::-webkit-input-placeholder { 
　color: #999;
}
Mozilla Firefox 4 to 18 
input:-moz-placeholder {  
　color: #999;
}
Mozilla Firefox 19+ 
input::-moz-placeholder {  
　　color: #999;
}
Internet Explorer 10+ 
input:-ms-input-placeholder { 
　　color: #999;
}

.warp{ width:94%;overflow:hidden}
.nwarp{ width:94%; overflow:hidden; background:#fff;}

.swiper-wrapper {
will-change: transform; /* 优化性能 */
}

/* 搜索按钮样式 */
.search-button {
padding: 15px 30px;
font-size: 18px;
background-color: #007bff;
color: white;
border: none;
border-radius: 50px;
cursor: pointer;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
transition: background-color 0.3s ease, transform 0.3s ease;
}

.search-button:hover {
background-color: #0056b3;
transform: scale(1.05);
}

/* 黑色背景遮罩 */
.search-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
justify-content: center;
align-items: center;
z-index: 1000;
animation: fadeIn 0.3s ease;
}
.searchicon{ float:right; background:url(../images/png_13.png); width:45px; height:45px; margin-left:25px; margin-top:18px; cursor:pointer}

.srarch{width:100%;height:60px;}
.searchl{ width:500px; border:none; background:#fff; padding-left:15px; height:54px; line-height:54px; font-size:14px; color:#666; float:left}
.searchr{ width:110px; border:none; background:#097dec; height:54px; line-height:54px; font-size:14px; color:#fff; text-align:center; float:right; cursor:pointer; font-size:16px}
.searchr:hover{ background:#ae080a}

/* 关闭按钮样式 */
.close-button {
position:absolute;
width:50px;
height:50px;
z-index:1;
top:10%;
right:20px;
font-size: 24px;
background-color: #fff;
color: #000;
border: none;
border-radius: 50%;
cursor: pointer;
transition: background-color 0.3s ease, transform 0.3s ease;
display:none
}

.close-button:hover {
background-color: #ff1a1a;
transform: rotate(90deg);
color:#fff
}

/* 动画效果 */
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}

@keyframes slideIn {
from {
transform: translateY(-50px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}




.nyimg{ width:100%; height:180px; position:relative; border-bottom:1px solid #ddd;}
.nyimg .h1{ width:100%; height:100%; position:relative}
.nyimg .h1 img{ width:100%; height:100%;object-fit: cover; position:relative}

.nyimg .btit{ padding:0 15px; bottom:0; z-index:1; height:55px; line-height:55px; background: #097dec; color:#fff; text-align:center; font-size:18px; position:absolute; font-weight:bold;}
.nyimg .site{ display:none}

.nyimg .bana{ width:100%; position:absolute; bottom:0; height:80px;}
.nyimg .bana:before{ width:50%; background:#097dec; content:''; position:absolute; left:0; top:0; height:100%; z-index:1}
.nyimg .bans{ width:100%; position:relative; z-index:2;}
.nyimg .bans .l{ width:calc(100% - 80px); float:left; height:80px; background:#097dec; padding-top:30px;white-space: nowrap;overflow-x:hidden;-webkit-overflow-scrolling: touch;}
.nyimg .bans .l a{font-size:18px;padding-right:80px;position:relative; color:#fff}
.nyimg .bans .l a:last-child{ padding-right:0}
.nyimg .bans .l a:after{ width:1px; right:40px; top:1px; height:22px; background:#ccc; content:''; position:absolute}
.nyimg .bans .l a:last-child:after{ display:none}



/*首页大图切换*/


.mySwiper {
width: 100%;
height:160px;
margin-top:60px
}

.mySwiper .swiper-slide {
background: #fff;
overflow:hidden;
}


.mySwiper .swiper-slide img{width:100%; height:100%; position:relative; z-index:1;object-fit: cover;}


.mySwiper .swiper-pagination{ bottom:10px !important;}
.mySwiper .swiper-pagination .swiper-pagination-bullet{width:8px !important;height:8px !important; background:rgba(255,255,255,.5); border-radius:50px}
.mySwiper .swiper-pagination .swiper-pagination-bullet-active{background:#fff;}

.p220{ padding-top:30px}



.dbline{ width:100%; height:20px; margin-bottom:20px; border-bottom:1px dashed #ccc; float:left}
.disptit{ width:100%; font-size:22px; line-height:1.6; float:left; font-weight:bold; text-align:center;}
.disptit p{ padding:0 !important; margin:0 !important}
.dispdes{ width:100%; font-size:14px;float:left; background:#fafafa; padding:15px 0; margin-top:10px;margin-bottom:5px; text-align:center}
.infoarea{ width:100%; float:left;line-height:1.8; background:#fff !important;font-size:16px !important; font-family:宋体,'Noto Serif SC' !important;text-align: justify}
.infoarea table,.infoarea video{ max-width:100%}
.infoarea img{ max-width:100% !important; height:auto !important; overflow:hidden !important}
.printico{ background:url(../images/print.gif) left center no-repeat; padding-left:20px; margin-right:20px}
.closeico{ background:url(../images/close1.gif) left center no-repeat; padding-left:20px}
.tools{ text-align:right; width:100%; font-size:14px; line-height:30px}
#share-3{float:left; width:50%; text-align:left}

.v_news_content{ font-size:20px; line-height:1.8; font-family:font-family: 宋体, 'Noto Serif SC';}

.v_news_content H2 {
font-size: 16px; font-weight:normal}
.v_news_content .icon {
border-right-width: 0px; margin: 3px 0px 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px
;}
.v_news_content IMG {
margin-top:15px;}
.v_news_content DIV {
LINE-HEIGHT: 150%;font-size: 16px
;}

.v_news_content P {
margin: 14px 0px; line-height: 32px; 
;}

.v_news_content span {
font-size: 16px;
;}

.v_news_content A {
color: #1e50a2;
;}
.v_news_content A:visited {
color: #1e50a2;
;}
.v_news_content A:hover {
color: #ba2636
;}

.v_news_content TABLE{ border-collapse:collapse;border:1px solid #000; margin-top:25px; margin-bottom:25px;} 
.v_news_content TABLE TD{ border:1px solid #000;  padding: 2px 3px;} 

.v_news_content TABLE TD P {
text-indent: 0px; margin: 0px; font-size: 14px
;}
.v_news_content TABLE TH P {
text-indent: 0px; margin: 0px; font-size: 1px
;}
.v_news_content TABLE TD IMG {
border-bottom-style: none; border-right-style: none; margin: 5px; border-top-style: none; border-left-style: none
;}
.v_news_content.fs p {
LINE-HEIGHT: 150%;font-size: 10px
;}

.v_news_content .vsbcontent_start {
margin: 8px 0px; line-height: 27px; 
}

.v_news_content .vsbcontent_end {
margin: 14px 0px; line-height: 32px; 
}

.v_news_content .vsbcontent_img{
text-align:center;text-indent:0px
}

.v_news_content .vsbcontent_video{
text-align:center;text-indent:0px
}

.v_news_content.newscontent_l p {
font-size: 16px;
}        
.v_news_content.newscontent_m p {
font-size: 14px;
} 
.v_news_content.newscontent_s p {
font-size: 12px;
} 
.v_news_content H2 {
font-size: 16px
;}
.v_news_content .icon {
border-right-width: 0px; margin: 3px 0px 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px
;}
.v_news_content IMG {
margin-top:15px;}
.v_news_content DIV {
LINE-HEIGHT: 150%;font-size: 16px
;}

.v_news_content P {
margin: 14px 0px; line-height: 32px; text-indent:0;
;}

.v_news_content span {
font-size: 16px;
;}

.v_news_content A {
color: #1e50a2;
;}
.v_news_content A:visited {
color: #1e50a2;
;}
.v_news_content A:hover {
color: #ba2636
;}

.v_news_content TABLE{ border-collapse:collapse;border:1px solid #000; margin-top:25px; margin-bottom:25px} 
.v_news_content TABLE TD{ border:1px solid #000;  padding: 2px 3px;} 

.v_news_content TABLE TD P {
text-indent: 0px; margin: 0px; font-size: 14px
;}
.v_news_content TABLE TH P {
text-indent: 0px; margin: 0px; font-size: 1px
;}
.v_news_content TABLE TD IMG {
border-bottom-style: none; border-right-style: none; margin: 5px; border-top-style: none; border-left-style: none
;}
.v_news_content.fs p {
LINE-HEIGHT: 150%;font-size: 10px
;}

.v_news_content .vsbcontent_start {
margin: 8px 0px; line-height: 27px; text-indent:0;
}

.v_news_content .vsbcontent_end {
margin: 14px 0px; line-height: 32px; text-indent:0;
}

.v_news_content .vsbcontent_img{
text-align:center;text-indent:0px
}

.v_news_content .vsbcontent_video{
text-align:center;text-indent:0px
}

.v_news_content.newscontent_l p {
font-size: 16px;
}        
.v_news_content.newscontent_m p {
font-size: 14px;
} 
.v_news_content.newscontent_s p {
font-size: 12px;
} 


.pb_sys_style3 .p_no_d {
border: 1px solid #097dec !important;
color: #fff;
background-color: #097dec !important;
}

.back-to-top {
position: fixed;
bottom: 30px;
right: 30px;
background-color: #8B0000;
color: white;
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
opacity: 0;
transition: opacity 0.3s;
z-index: 100;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.back-to-top.visible {
opacity: 1;
}


header{ width:100%; position:fixed; top:0; left:0; z-index:10; background:#097dec;transition: 0.3s ease-in-out; padding:15px 3%;}
header .logo{float:left}
header .logo img{ height:30px;filter: brightness(0) invert(1);}

header .a_js{float:right}
header .a_js img{ height:30px}
.m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
.m_nav .closecover{position:absolute;width:100%;height:100%;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
.m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
.m_nav .m_navList{position:absolute;width:100%;right:0px;top:60px;background:#fff;height:100%;z-index:100;right:-80%;}
.m_nav .m_navList ul{padding-left:5%;padding-right:5%}
.m_nav .m_navList ul li{border-bottom:1px solid #eee}
.m_nav .m_navList ul li a{display:block;height:45px;color:#333;line-height:45px;padding-left:5%;font-size:16px}
.m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
.m_nav .m_navList ul li .m_f_a a{flex: 1;}
.m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
.icon{ background:url(../images/plus1.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.icon_on{background:url(../images/reduce1.jpg) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
.m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:5%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}

.ny_menu{
width: 100%;
overflow: hidden;
white-space: nowrap;
overflow-x: scroll;
background:#fff;
border-bottom:1px solid #ccc;
margin-bottom:10px
}
.ny_menu::-webkit-scrollbar {
display: none;
}

.ny_nav {
display: inline-block;
font-size:14px;
height: 50px;
line-height: 50px;


}
.ny_nav a{color:#333;margin-left: 15px;
margin-right: 15px;}

.ny_nav .on{color:#097dec !important}



vsb_content_4 P {
    LINE-HEIGHT: 180%;
    text-indent:0;
    font-size: 14pt;
}
vsb_content_4 *{
    text-indent:0;
}

.h_l{ width:100%; float:left; margin-bottom:20px}
.h_r{ width:100%; float:right;}

.mySwipera {
width:100%;
height:300px;
position:relative
}

.mySwipera .swiper-slide{ width:100%;float:left; position:relative; height:100%;}
.mySwipera .swiper-slide .img{ width:100%;float:left;height:250px; overflow:hidden; position:relative}
.mySwipera .swiper-slide .img img{ width:100%;float:left;height:100%;object-fit: cover;transition: 0.3s ease-in-out}
.mySwipera .swiper-slide .infos{ width:100%; float:left;height:calc(100% - 250px);border:1px solid #ddd; background:#fff;padding:0 20px}
.mySwipera .swiper-slide .infos1{ width:100%; float:left; height:50px; line-height:50px; overflow:hidden;}
.mySwipera .swiper-slide .infos1 em{ display:none}
.mySwipera .swiper-slide .infos span{ display:none}

.mySwipera .swiper-paginationa{ bottom:70px !important; z-index:5; position:absolute; width:100%; text-align:center}
.mySwipera .swiper-paginationa .swiper-pagination-bullet{ width:20px; height:4px;background: rgba(255,255,255,1);border-radius: 0;}
.mySwipera .swiper-paginationa .swiper-pagination-bullet-active{background:#097dec;border-radius:50px;width:40px; height:4px;}

.ban{ width:100%; float:left}
.ban .l{ width:60%; float:left; padding-left:10px; border-left:2px solid #097dec;overflow:hidden; margin-bottom:25px}
.ban .l em{ width:100%; float:left; font-size:14px; color:#666; font-style:normal; text-transform:uppercase;}
.ban .l strong{ width:100%; float:left; font-size:20px; color:#097dec; font-family:'syst';}
.ban .r{float:right; font-size:14px; margin-top:15px}
.ban .r img{ float:right; margin-left:5px; margin-top:2px}

.dt_l{ width:100%; float:left; margin-bottom:20px}
.dt_r{ width:100%; float:right;}
.dt_r li{ width:100%; float:left; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:15px}
.dt_r li:last-child{ margin-bottom:0}
.dt_r li strong{ width:100%; float:left;line-height:25px; margin-bottom:10px; font-weight:normal}
.dt_r li span{ width:100%; float:left; height:22px; line-height:22px; overflow:hidden; color:#097dec; margin-bottom:5px; font-size:14px}
.gg_item{ width:100%; float:left}
.gg_item li{ width:100%; float:left; border:1px solid #c0d4e7;margin-bottom:15px;background: linear-gradient(to bottom, #ecf3fa, #f7fafc);transition: 0.3s ease-in-out;}
.gg_item li:last-child{ margin-bottom:0}
.gg_item li strong{ width:100%; float:left; line-height:25px; overflow:hidden;padding:10px 20px 15px 20px; font-weight:normal}
.gg_item li span{ width:100%; float:left; height:32px; line-height:32px; overflow:hidden; color:#097dec; padding:0 20px;}



.page1{ margin-top:25px; background:url(../images/sbg.png) top center no-repeat #f2f6fa; padding:30px 0; width:100%; overflow:hidden; margin-bottom:25px}
.mind{ width:100%; float:left; margin-bottom:25px;}
.mind:last-child{ margin-right:0}

.h-item{ width:100%; float:left}
.h-item li{ width:100%; float:left; height:45px; line-height:45px; background:#fff; overflow:hidden;transition: 0.3s ease-in-out; padding:0 15px; margin-bottom:15px; border:1px solid #fff}
.h-item li:last-child{ margin-bottom:0}
.h-item li a{ display:block}

.q_tiem{ width:100%; float:left}
.q_tiem a{ width:49%; float:left; margin-right:2%; height:160px;transition: 0.3s ease-in-out;}
.q_tiem a:nth-child(2n){ margin-right:0}
.q_tiem a:nth-child(1){ background:url(../images/index06_27.png) no-repeat; background-size:100% 100%; margin-bottom:15px}
.q_tiem a:nth-child(2){ background:url(../images/index06_29.png) no-repeat; background-size:100% 100%; margin-bottom:15px}
.q_tiem a:nth-child(3){ background:url(../images/index06_31.png) no-repeat; background-size:100% 100%}
.q_tiem a:nth-child(4){ background:url(../images/index06_33.png) no-repeat; background-size:100% 100%}
.q_tiem a span{ width:100%; float:left; padding:28px 0 0 15px; height:100px;}
.q_tiem a span img{ height:30px;transition: 0.3s ease-in-out;}
.q_tiem a strong{ width:100%; float:left; color:#fff; font-size:15px; font-family:'syst'; padding-left:15px}
.q_tiem a:hover{transform:translateY(-5px);box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2)}
.q_tiem a:hover img{transform: rotateY(180deg);transition: all ease-in-out .8s;-ms-transition: all ease-in-out .8s;-moz-transition: all ease-in-out .8s;-webkit-transition: all ease-in-out .8s;-o-transition: all ease-in-out .8s;}
.fe{ width:100%; float:left; height:35px;}
footer{ width:100%; background:#097dec; padding-top:30px; overflow:hidden}
.foot_1{ float:left; width:100%; text-align:center; color:#fff; font-weight:bold; font-size:18px; border-bottom:1px solid rgba(255,255,255,.3); padding-bottom:15px; margin-bottom:15px}
.foot_1 img{ margin-bottom:10px; width:50%}
.foot_2{ float:left; text-align:center; width:100%}
.foot_2 p{line-height:30px; color:#fff; padding:0; font-size:14px}
.copy{ display:none}



.ny_l{ display:none}
.rname{ width:100%; float:left; font-size:18px; font-weight:bold; padding-bottom:15px;border-bottom:2px solid #eee; margin-bottom:20px}



.infolist{ width:100%; float:left}
.infolist li{ width:100%; float:left; line-height:25px; overflow:hidden; font-size:15px;margin-bottom:20px; border:1px solid #ddd; padding:10px 20px;transition: 0.3s ease-in-out;}
.infolist li span{ float:left; font-weight:normal; color:#666; width:100%; margin-bottom:10px; font-size:14px;}
.infolist li a{ display:block}
.infolist li:hover{transform:translateY(-5px);box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);border:1px solid #097dec;}