@charset "utf-8";
/*基础部分开始*/
.ph{ display:none}
body{
color:#000;
margin:0 auto;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
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:16px;
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:92%; max-width:1600px;}
.nwarp{ width:92%; max-width:1600px; overflow:hidden; background:#fff; padding:0 40px 80px 0}

/*基础部分结束*/


.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;
}
.header .searchicon{ float:right; background:url(../images/png_13.png); width:45px; height:45px; margin-left:25px; margin-top:18px; cursor:pointer}
.headers .searchicon{ float:right; background:url(../images/png_13s.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:#1d86eb}

/* 关闭按钮样式 */
.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;
}
}
.menu{ float:right; margin-top:22px}
.tool{ width:100%; position:fixed; z-index:11; height:50px; background:#097dec; padding:0 3%; line-height:50px; color:rgba(255,255,255,.8); font-size:14px;transform: translateY(0px);}
.tool .home a{ float:right; height:50px; line-height:50px; color:rgba(255,255,255,.8); background:url(../images/png_03.png) left center no-repeat; padding-left:24px;}
.tool .tj{ float:right; height:50px; line-height:50px; color:rgba(255,255,255,.8);padding-left:24px; cursor:pointer}
.tool .fg{ float:right; height:50px; line-height:50px;width:35px; text-align:center;}
.tool .tj img,.tool .home a img{ margin-right:5px; vertical-align:middle; margin-top:-3px}
.header{width:100%; position:fixed; top:50px;padding:25px 3% 20px 3%; box-sizing:border-box; z-index:11; transition: 0.3s ease-in-out; background:url(../images/head-bg.png) top repeat-x; background-size:100% 100%;transform: translateY(0px);}
.header .logo{ float:left;filter: brightness(0) invert(1); max-width:669px}
.headers .logo{ float:left; max-width:669px}
.header .logo img,.headers .logo img{ width:100%}
.headers{width:100%; position:fixed; top:50px;padding:25px 3% 20px 3%; box-sizing:border-box; z-index:11; transition: 0.3s ease-in-out; background:#fff; background-size:100% 100%;transform: translateY(0px); border-bottom:1px solid #ddd}

@media screen and (max-width:1400px) {
.header .logo{ float:left;filter: brightness(0) invert(1); width:40%}
.headers .logo{ float:left;width:40%}
}
nav{height:44px;z-index:2; float:right;transition: 0.3s ease-in-out;}

.nav li{
position: relative;
float: left;
padding:0 18px;
}
.nav li:last-child{
position: relative;
float: left;
padding:0 0 0 18px;
}

.caret {
display:block;	
width: 100%;
height: 4px;
vertical-align: middle;
position:absolute;
background:#097dec;
top:0;
left:0;
text-align:center
}
.header .nav li a{
width:100% !important;
text-align:center;
float:left;
height:44px;
color:#fff;
font-size:.20rem;
font-weight:bold
}

.headers .nav li a{
width:100% !important;
text-align:center;
float:left;
height:44px;
color:#333;
font-size:.20rem;
font-weight:bold
}

.header .nav li a:hover{ color:#fff}
.headers .nav li a:hover{ color:#097dec}
.nav li .nav-w {
z-index:21;
position:absolute;
display:none;
float:left;
clear:both;
overflow:hidden;
top:44px;
left:-20px;
width:140%;
}



.nav li .section-nav1{height:auto; overflow: hidden;}
.nav li .section-nav1 ul {
position:static;
padding:0px;
margin:0px;
width:100%;
overflow:hidden;
}
.nav li .section-nav1 ul li {
position:static;
padding:0px;
background:#fff;
width:100%;
float:left;
}
.nav li .section-nav1 ul li a {
background:rgba(255,255,255,.8);
text-align:center;
padding:0px 5px;
margin:0;
box-sizing:border-box;
height:50px;
overflow:hidden;
line-height:50px;
width:auto;
display:block;
float:none;
color:#333;
font-size:15px;
cursor:pointer;
font-weight:normal;

}
.nav li .section-nav1 ul li a:hover {
color: #097dec;
background:#fff
}
.p220{margin-top:200px}
.nybg{ background:#faf8f0;}


/*首页大图切换*/


.mySwiper {
width: 100%;
height:100vh;
}

.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:40px !important;display:flex;justify-content: flex-end; padding-right:4%}
.mySwiper .swiper-pagination .swiper-pagination-bullet{width:35px !important; line-height:4px; height:4px !important; background:rgba(255,255,255,.5); border-radius:0}
.mySwiper .swiper-pagination .swiper-pagination-bullet-active{background:#fff; font-weight:bold; width:65px !important;}

.swiper-navigation-wrapper {
display: flex;
align-items: center;
justify-content: center;
gap: 20px; /* 箭头与数字之间的间距 */
}


.swiper-pagination {
font-size: 18px;
font-weight: bold;
color: #333;
padding: 8px 16px;
border-radius: 20px;
min-width: 40px;
text-align: center;
}


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

.mySwipera .swiper-slide{ width:100%;float:left; position:relative; height:100%;}
.mySwipera .swiper-slide .img{ width:100%;float:left;height:390px; 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% - 390px);border:1px solid #ddd; background:#fff;padding:15px 30px}
.mySwipera .swiper-slide .infos1{ width:100%; float:left; height:40px; line-height:40px; overflow:hidden; font-size:18px}
.mySwipera .swiper-slide .infos1 em{float:right;font-size:16px; color:#097dec; margin-left:25px; font-style:normal}
.mySwipera .swiper-slide .infos span{ width:100%;float:left; font-size:15px; height:48px; line-height:24px; color:#666; overflow:hidden}

.mySwipera .swiper-paginationa{ bottom:120px !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;}
.kz{justify-content: space-between;display: flex; width:100%; position:absolute; bottom:30px; width:80%; margin-left:10%}

.mySwipera .nexta{ width:11px; height:19px; background:url(../images/home_08.jpg) center no-repeat; z-index:1;cursor:pointer; z-index:10;}
.mySwipera .preva{ width:11px; height:19px; background:url(../images/home_10.jpg) center no-repeat; z-index:1;cursor:pointer; z-index:10}
.mySwipera .swiper-slide:hover .img img{transform: scale(1.1);}
.xwfg{ width:100%; float:left; height:30px}
.home_l{ width:48%; float:left;}
.home_r{ width:48%; float:right;}

.dbline{ width:100%; height:20px; margin-bottom:20px; border-bottom:1px dashed #ccc; float:left}
.disptit{ width:100%; font-size:28px; line-height:1.8; float:left; font-weight:bold; text-align:center;}
.disptit p{ padding:0 !important; margin:0 !important}
.dispdes{ width:100%; font-size:14px; line-height:40px; float:left; background:#fafafa; padding:15px 0; margin-top:10px;margin-bottom:15px; text-align:center}
.infoarea{ width:100%; float:left;line-height:1.8; background:#fff !important; min-width:600px; font-size:20px; 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;
;}

.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;
} 


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



.mouse-circle {
position:absolute;
z-index:2;
bottom:40px;
width:60px;
transform:translateX(-50%);
margin-left:50%;
height:60px;
border: 1px solid rgba(255, 255, 255, .8);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
}

.mouse-icon {
width: 60px;
height: 90px;
position: relative;
}

.mouse-body {
width: 40%;
height: 40%;
margin-top:45%;
border: 2px solid rgba(255, 255, 255, 0.8);
border-radius: 30px;
position: relative;
}

.scroll-indicator {
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
letter-spacing: 2px;
opacity: 0.8;
animation: arrowBounce 2s infinite;
}

.mouse-wheel {
width: 4px;
height: 10px;
background-color: rgba(255, 255, 255, 0.9);
position: absolute;
top: 30px;
left: 50%;
transform: translateX(-50%);
border-radius: 3px;
animation: wheelScroll 2s infinite ease-in-out;
box-shadow: 0 0 5px rgba(255, 255, 255, 0.7);
}
@keyframes wheelScroll {
0%, 100% {
transform: translateX(-50%) translateY(0);
opacity: 0.8;
}
50% {
transform: translateX(-50%) translateY(10px);
opacity: 1;
}
}



@keyframes arrowBounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-10px);
}
60% {
transform: translateY(-5px);
}
}

.h_l{ width:68%; float:left;}
.h_r{ width:28%; float:right;}

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

.dt_l{ width:60%; float:left;}
.dt_r{ width:37%; float:right; margin-top:-5px}
.dt_r li{ width:100%; float:left; padding-bottom:10px; border-bottom:1px solid #ddd; margin-bottom:25px}
.dt_r li:last-child{ margin-bottom:0}
.dt_r li strong{ width:100%; float:left; height:60px; line-height:30px; overflow:hidden; font-size:18px; margin-bottom:14px}
.dt_r li span{ width:100%; float:left; height:22px; line-height:22px; overflow:hidden; color:#097dec; margin-bottom:5px}
.gg_item{ width:100%; float:left}
.gg_item li{ width:100%; float:left; height:92px; 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; height:45px; line-height:45px; overflow:hidden; font-size:18px;padding:5px 20px 15px 20px}
.gg_item li span{ width:100%; float:left; height:42px; line-height:42px; overflow:hidden; color:#097dec; padding:0 20px;}
.gg_item li:hover{transform:translateY(-5px)}


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

.h-item{ width:100%; float:left}
.h-item li{ width:100%; float:left; height:75px; line-height:75px; background:#fff; overflow:hidden;transition: 0.3s ease-in-out; padding:0 15px; font-size:18px; font-weight:bold; margin-bottom:18px; border:1px solid #fff}
.h-item li:last-child{ margin-bottom:0}
.h-item li:hover{ border:1px solid #097dec;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);transform: translateY(-2px);}
.h-item li a{ display:block}

.q_tiem{ width:100%; float:left}
.q_tiem a{ width:24%; float:left; margin-right:1.33%; height:240px;transition: 0.3s ease-in-out;}
.q_tiem a:last-child{ margin-right:0}
.q_tiem a:nth-child(1){ background:url(../images/index06_27.png) no-repeat; background-size:100% 100%}
.q_tiem a:nth-child(2){ background:url(../images/index06_29.png) no-repeat; background-size:100% 100%}
.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 30px; height:160px;}
.q_tiem a span img{ height:36px;transition: 0.3s ease-in-out;}
.q_tiem a strong{ width:100%; float:left; color:#fff; font-size:26px; font-family:'syst'; padding-left:30px}
.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:85px;}
footer{ width:100%; background:#097dec; padding-top:60px; overflow:hidden}
.foot_1{ float:left; width:283px; text-align:center; color:#fff; font-weight:bold; font-size:25px;}
.foot_1 img{ margin-bottom:10px}
.foot_2{ float:right; text-align:right; width:580px}
.foot_2 p{line-height:36px; color:#fff; padding:0}
.copy{ width:100%; margin-top:60px; border-top:1px solid rgba(255,255,255,.2); }
.c_l{ float:left; height:70px; line-height:70px;color:rgba(255,255,255,1); font-size:15px}
.c_l a{color:rgba(255,255,255,1)}
.c_r{ float:right; height:70px; line-height:70px;color:rgba(255,255,255,1); font-size:15px}

.nybg{ background:#fafafa;}
.nyimg{ width:100%; height:520px; 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{ width:270px; bottom:0; z-index:1; height:115px; line-height:115px; background: #097dec; color:#fff; text-align:center; font-size:30px; position:absolute; font-weight:bold;}
.nyimg .site{ bottom:0; width: 92%; max-width:1600px;z-index:1; height:55px; line-height:55px; color:#fff; text-align:right; font-size:14px; position:absolute; }
.nyimg .site a{ color:#fff}

.nyimg .bana{ width:100%; position:absolute; bottom:0; height:80px;}
.nyimg .bana:before{ width:50%; background:#7e0203; 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:#7e0203; 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}

.ny_l{ width:270px; float:left}
.ny_l .area{ width:100%; float:left; background: url(../images/lbg.jpg?t=1.1) center bottom no-repeat #edf6ff; padding:15px 20px 200px 20px}
.ny_r{ width:calc(100% - 300px); float:right;margin-top:40px}
.bclass{ width:100%; float:left; min-height:60px; line-height:60px; border-bottom:1px dashed #98ccfe; font-size:18px; position:relative}
.bclass a,.bclassa a{ display:block;}
.bclassa{ width:100%; float:left; min-height:60px; line-height:60px; border-bottom:1px dashed #98ccfe; font-size:18px; color:#097dec; position:relative}
.bclassa a strong{color:#097dec;font-weight:normal}
.bclass a strong{ font-weight:normal}
.rname{ width:100%; float:left; font-size:24px; font-weight:bold; height:50px; border-bottom:2px solid #eee; margin-bottom:30px}

.dbline{ width:100%; height:20px; margin-bottom:20px; border-bottom:1px dashed #ccc; float:left}
.disptit{ width:100%; font-size:28px; line-height:1.8; float:left; font-weight:bold; text-align:center;}
.disptit p{ padding:0 !important; margin:0 !important}
.dispdes{ width:100%; font-size:14px; line-height:40px; float:left; background:#fafafa; padding:15px 0; margin-top:10px;margin-bottom:15px; text-align:center}
.infoarea{ width:100%; float:left;line-height:1.8; background:#fff !important; min-width:600px; font-size:20px; 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}

.infolist{ width:100%; float:left}
.infolist li{ width:100%; float:left; height:60px; line-height:60px; overflow:hidden; font-size:18px; margin-bottom:20px; border:1px solid #ddd; padding:0 20px;transition: 0.3s ease-in-out;}
.infolist li span{ float:right; font-weight:normal; color:#666; margin-left:25px}
.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;}