@charset "utf-8";

body{
color:#000;
margin:0 auto;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
overflow-x:hidden

}
.cl{ clear:both}
.fl{ float:left;}
.fr{ float:right;}
.ph{ display:none}
@font-face {
    font-family: "syst";
	src:url("../font/syst.ttf")
}
.m_img,.menu_kb,.m_nav{ display:none}
::-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:#333;
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: #333;
text-decoration: none;
}
a:hover {
text-decoration:none;
color: #981617;
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:1500px; position:relative}
.warps{ width:92%; max-width:1500px;}
/*基础部分结束*/
.swiper-wrapper {
  will-change: transform; /* 优化性能 */
}

.searchicon{ float:right; width:20px; height:20px; background:url(../images/index_09.png) center center no-repeat;transition: 0.3s ease-in-out; cursor:pointer;margin-top:4px}
.h_line{ width:15px; height:20px; border-right:1px solid #fff; float:right; margin-right:15px;margin-top:4px}
.home{ float:right; width:21px; height:20px; margin-left:25px; background:url(../images/index_06.png) center center no-repeat;transition: 0.3s ease-in-out; cursor:pointer; margin-top:4px}

/* 搜索按钮样式 */
.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;
}


.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:#981617; height:54px; line-height:54px; font-size:14px; color:#fff; text-align:center; float:right; cursor:pointer; font-size:16px}


/* 关闭按钮样式 */
.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{margin-top:20px; margin-right:30px}
.header{width:100%; position:fixed; top:0;padding:18px 0 18px 3%; box-sizing:border-box; z-index:10; transition: 0.3s ease-in-out;transform: translateY(0px);display:flex;justify-content:space-between; background:#fff; border-bottom:1px solid #ddd;height:100px;gap:0}
.header:after{ position:absolute; right:0; width:109px; height:100px; border-left:1px solid #ddd; content:''; top:0; z-index:1}
.headers:after{ position:absolute; right:0; width:109px; height:88px; border-left:1px solid #ddd; content:''; top:0; z-index:1}
.header .logo{ margin-left:0; height:60px}
.headers .logo{margin-left:0; height:60px}
.headers{width:100%; position:fixed; top:0;padding:12px 0 12px 3%; box-sizing:border-box; z-index:10; transition: 0.3s ease-in-out;transform: translateY(0px);display:flex;justify-content:space-between; background:#fff; border-bottom:1px solid #ddd;height:88px}
#searchButton{ width:109px; height:60px;margin-right:0; z-index:2; background:url(../images/nhome_06.png) center center no-repeat; cursor:pointer}

@media screen and (max-width:1770px) {
.header .logo,.headers .logo{margin-top:10px; height:45px}

}

@media screen and (max-width:1440px) {
.header .logo{ width:25%; margin-top:15px}
.headers .logo{width:25%; margin-top:15px}
.header:after,.headers:after,#searchButton{ display:none}
}
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:#981617;
top:0;
left:0;
text-align:center
}
.header .nav li a{
width:100% !important;
text-align:center;
float:left;
height:58px;
color:#000;
font-size:18px;
font-weight:bold
}

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


@media screen and (max-width:1780px) {
	.header .nav li a,.headers .nav li a{font-size:16px;}
}

@media screen and (max-width:1440px) {
	.header .nav li a,.headers .nav li a{font-size:15px;}
}

.header .nav li a:hover{ color:#981617}
.headers .nav li a:hover{ color:#981617}
.nav li .nav-w {
z-index:21;
position:absolute;
display:none;
float:left;
clear:both;
overflow:hidden;
top:58px;
left:-10px;
width:120%;
}

.headers .nav li .nav-w {
top:52px;

}



.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: #7e0203;

}
/*首页大图切换*/
.mySwiper {
width: 100%;
height: 100vh;
cursor: pointer;
}
.mySwiper .swiper-slide img{
width: 100%;
height: 100%;
object-fit: cover
}


.mySwiper .swiper-pagination{ bottom: 30px !important; text-align:right; margin-right:3%; right:0}
.mySwiper .swiper-pagination .swiper-pagination-bullet{ width:30px; height:4px;background:rgba(255,255,255,1);border-radius:0;}
.mySwiper .swiper-pagination .swiper-pagination-bullet-active{background:rgba(148,32,32,1);border-radius:0;width:70px; height:4px;}


.mySwipera {
width: 100%;
float:left;
position:relative;
height:570px;
overflow:hidden
}

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

.mySwipera .swiper-slide{ width:100%;float:left; position:relative; height:100%;}
.mySwipera .swiper-slide .qh_img{ width:100%; height:435px; float:left; position:relative; overflow:hidden; border-radius:10px;}
.mySwipera .swiper-slide .qh_img img{ width:100%; height:100%;object-fit: cover; position:relative;transition: 0.3s ease-in-out;}
.mySwipera .swiper-slide .qh_img:hover img{transform: scale(1.05);}
.mySwipera .swiper-slide:hover .qh_area{ color:#981617}
.mySwipera .swiper-slide .qh_date{ position:absolute; top:400px; left:20px; background:#981617; color:#fff; border-radius:50px; height:46px; line-height:46px; padding:0 15px; z-index:1}
.mySwipera .swiper-slide .qh_area{ width:100%; float:left; margin-top:35px;}
.mySwipera .swiper-slide .qh_area b{ width:100%; float:left; height:30px; line-height:30px; overflow:hidden; font-size:20px; margin-bottom:15px}
.mySwipera .swiper-slide .qh_area span{ width:100%; float:left; height:60px; line-height:30px; overflow:hidden; font-size:16px; color:#666}


.gg-item{ width:100%; float:left}
.gg-item li{ position:relative; height:140px; border:1px solid #ddd;transition: 0.3s ease-in-out; margin-bottom:30px; width:32%; margin-right:2%; float:left}
.gg-item li:nth-child(3n){ margin-right:0}
.gg-item li span{ width:100%; position:relative; font-size:16px; color:#981617; height:30px; float:left; margin-bottom:25px; margin-top:15px}
.gg-item li span:after{ position:absolute; left:0; bottom:0; height:2px; width:30px; background:#981617; content:''}
.gg-item li strong{ width:100%; float:left; font-size:17px; height:24px; line-height:24px; overflow:hidden; font-weight:normal}
.gg-item li:hover{border:1px solid #981617; transform:translateY(-5px);box-shadow: -10px 20px 17px -17px rgba(0, 0, 0, 0.2);}
.gg-item li a{ display:block; width:100%; height:100%; padding:20px;}


.mySwiperc {
width: 100%;
position:relative;
height:225px;
}
.mySwiperc .swiper-slide{ position:relative; height:100%; background:url(../images/cloud.png) left 10px bottom no-repeat #fff;transition: 0.3s ease-in-out;}
.mySwiperc .swiper-slide .date{ width:100%; float:left; height:40px;overflow:hidden; font-size:18px; margin-bottom:15px; border-bottom:1px solid #ddd; line-height:40px}
.mySwiperc .swiper-slide .date strong{ color:#981617; font-size:28px; float:left; border-bottom:2px solid #981617; height:40px; line-height:38px; margin-right:10px; padding:0 6px}
.mySwiperc .swiper-slide .desc{ width:100%; float:left; height:60px; line-height:30px;overflow:hidden; margin-bottom:15px}
.mySwiperc .swiper-slide .more{ color:#981617; font-size:14px; text-align:right}
.mySwiperc .swiper-slide:hover{ background: url(../images/cloud.png) left -20px bottom no-repeat #981617; color:#fff}
.mySwiperc .swiper-slide:hover .date,.swiper-slide:hover .desc,.swiper-slide:hover .more,.swiper-slide:hover .date strong{ color:#fff}
.mySwiperc .swiper-slide a{ display:block; width:100%; height:100%; padding:35px 30px;}
.swiper-paginationc{ width:150px; text-align:center; float:left; margin-top:40px; text-align:center;}
.swiper-paginationc .swiper-pagination-bullet{ width:30px; height: 4px;background: rgba(153,0,0,.1);border-radius: 0; margin:0 !important}
.swiper-paginationc .swiper-pagination-bullet-active{background:rgba(153,0,0,1);border-radius:0;width:30px; height:4px;}

.control{
    position:absolute;
    z-index:2;
    margin-top:30px;
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.prevc{
    background:url(../images/nhome_21.png);
    width:17px;
    height:21px;
    cursor:pointer;
	transform:translateX(50%);
	margin-left:calc(50% - 129px);
	opacity:.5;
	transition: 0.3s ease-in-out
}
.nextc{
    background:url(../images/nhome_23.png);
    width:17px;
    height:21px;
    cursor:pointer;
	transform:translateX(50%);
	margin-right:calc(50% - 100px);
	opacity:.5;
	transition: 0.3s ease-in-out
}
.prevc:hover,.nextc:hover{opacity:1}
.dbline{ width:100%; margin-bottom:20px; border-bottom:1px dashed #ddd; float:left; margin-top:20px}
.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:2; background:#fff !important;font-size:16px;text-align: justify}
.infoarea table,.infoarea video{ max-width:100%}
.infoarea img{ max-width:100% !important; height:auto !important; overflow:hidden !important}
.tools{ text-align:right; width:100%; font-size:14px; line-height:30px}


/*博达内容*/
.v_news_content{line-height:1.8;}

.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; margin-top:25px; margin-bottom:25px;} 
.v_news_content TABLE TD{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 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; margin-top:25px; margin-bottom:25px} 
.v_news_content TABLE TD{ 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 #981617 !important;
    color: #fff;
    background-color: #981617 !important;
}
/*=====动画公共配置=====*/
.slideInUp,
.slideInDown,
.slideInLeft,
.slideInRight{
	opacity:0;
	transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.slideInUp{transform: translateY(35px);}
.slideInDown{transform: translateY(-35px);}
.slideInLeft{transform: translateX(-35px);}
.slideInRight{transform: translateX(35px);}

/*动画激活类*/
.slideInUp.active,
.slideInDown.active,
.slideInLeft.active,
.slideInRight.active{
	opacity:1;
	transform: translate(0,0);
}


/*首页*/
.page1{ background:url(../images/bg_02.png) top center no-repeat; padding:45px 0 70px 0; overflow:hidden}
.tit-ban{ width:100%; display:flex;justify-content:space-between; margin-bottom:35px;align-items:center;}
.tit-ban strong{ font-family:'syst'; font-size:36px; color:#981617; background:url(../images/nhome_13.png) top center no-repeat; height:70px; padding-top:24px}
.tit-ban a{ font-size:14px; margin-top:30px; color:#981617}
.tit-ban a img{ margin-left:5px;transition: 0.3s ease-in-out; vertical-align:middle; margin-top:-3px}
.tit-ban a:hover img{ margin-left:8px;transform: rotate(180deg);}

.news-content{ width:100%; display:flex;justify-content:space-between}
.news-content .l{ margin-left:0; width:51%}
.news-content .r{ margin-right:0; width:46%; border-top:1px solid #ddd;}
.news-content .r a{ width:100%; height:95px; border-bottom:1px solid #ddd; line-height:95px; overflow:hidden;float:left; padding-bottom:14px;transition: 0.3s ease-in-out;}
.news-content .r a .date{ float:right; width:80px; border-left:1px solid #ddd; overflow:hidden;height:68px; margin-left:20px; padding-top:10px; margin-top:10px}
.news-content .r a .date .date_1{ width:100%; text-align:center; float:left; height:30px; color:#999; font-size:30px; line-height:30px;transition: 0.3s ease-in-out;}
.news-content .r a .date .date_2{ width:100%; text-align:center; float:left; height:20px; color:#999; font-size:12px; line-height:20px;transition: 0.3s ease-in-out;}
.news-content .r a:hover{ background:#981617; color:#fff; padding-left:10px;  border-bottom:1px solid rgba(255,255,255,0)}
.news-content .r a:hover .date_1,.news-content .r a:hover .date_2{ color:#fff}


.page2{ background:url(../images/bg_04.png) center center no-repeat #fbf7f4; padding:50px 0 50px 0; overflow:hidden; margin-bottom:60px}
.kypt{width:100%; float:left}
.kypt li{width:23%; float:left; margin-right:2.66%;transition: 0.3s ease-in-out;}
.kypt li:last-child{ margin-right:0}s
.kypt li img{width:100%;display:block;}
.kypt li:hover{ transform:translateY(-5px)}

footer{ margin-top:75px; background:url(../images/nhome_41.png) bottom center no-repeat #7d121a; padding-top:75px; overflow:hidden}
.footer-wrap{
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content:space-between;
    align-items: center;
    color:#fff;
    position: relative;
}

.footer-left{
    flex-shrink: 0;
    font-size:16px;
    line-height:38px;
	color:#fff;
	margin-left:0
}

.footer-center{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
	padding-right:100px
}
.footer-center img{
        filter: brightness(0) invert(1);
}

.footer-right{
    flex-shrink: 0;
    font-size:24px;
    line-height:2;
    text-align:center;
	margin-right:0
}
.footer-right a{
    color:#ffffff;
    margin:0 15px;
}

@media screen and (max-width:1400px) {.footer-center{ display:none}}
.copy{ width:100%; height:60px; line-height:60px; color:#fff; font-size:15px; border-top:1px solid #bd3739; margin-top:45px;}
.copy *{ color:#fff; font-size:14px}
.copy span{ float:right}
.copy a{ color:#fff}

.nyimg{ width:100%; height:580px; 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: #7d121a; 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:#fff; padding:15px 20px 50px 20px; border:1px solid #ddd}
.ny_r{ width:calc(100% - 320px); float:right;margin-top:40px}
.bclass{ width:100%; float:left; padding:13px 0;line-height:30px; border-bottom:1px solid #ddd; font-size:17px; position:relative; text-align:center}
.bclass a,.bclassa a{ display:block;}
.bclassa{ width:100%; float:left; padding:13px 0;line-height:30px; border-bottom:1px solid #ddd; font-size:17px; color:#7e0203; position:relative; text-align:center}
.bclassa a strong{color:#7e0203;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}
.infolista{ width:100%; float:left;}
.infolista li{ width:100%; float:left; margin-bottom:25px; padding:15px 25px 15px 0; height:80px; background:#fff; box-sizing:border-box;transition: 0.3s ease-in-out; border:1px solid #ddd}
.infolista li:hover{border:1px solid #bd1313;transform: translateY(-5px);}
.infolista li .date{ float:left; border-right:1px solid #ddd; width:120px; text-align:center; line-height:30px; height:30px; margin-top:10px}
.infolista li .area{ width:calc(100% - 140px);float:right; font-size:18px; line-height:50px; height:50px; overflow:hidden;}

.img-item {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

.img-item ul {
    display: inline;
    padding: 0;
    margin: 0;
    list-style: none;
}

.img-item li {
    width: 23%;
    float: left;
    margin-right: 2.66%;
    margin-bottom: 40px;
    border: 1px solid #ddd;
    background: #fff;
    text-align: center;
    position: relative;
    overflow: hidden;
    padding: 10px 10px 0 10px;
    transition: 0.3s ease-in-out;
    box-sizing: border-box;
}

.img-item li:nth-child(4n) {
    margin-right: 0;
}

.img-item li:hover {
    border: 1px solid #7d121a;
    box-shadow: 0 5px 15px rgba(153, 0, 0, 0.1);
}


.img-item li .img {
    width: 100%;
    overflow: hidden;
    float: left;
    padding-top:70%;
    position: relative;
    background: #f5f5f5;
}

.img-item li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 0.3s ease;
}

.img-item li:hover .img img {
    transform: scale(1.05);
}

.imgmid {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 100%;
    width: 1px;
    margin-left: -1px;
    vertical-align: middle;
}

.img-item li .tit {
    width: 100%;
    float: left;
    text-align: center;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    font-size: 16px;
    color: #333;
    padding: 0 5px;
    box-sizing: border-box;
}


.peoplea-item{ width:100%; float:left}
.peoplea-item li{ width:49%; float:left; margin-right:2%; margin-bottom:35px; background:#fff; height:220px;transition: 0.3s ease-in-out;border:1px solid #fff; padding:20px; border:1px solid #ddd}
.peoplea-item li:nth-child(2n){ margin-right:0}
.peoplea-item li .pic{ width:260px; float:left; height:100%; overflow:hidden}
.peoplea-item li .pic img{ width:100%; height:100%;object-fit: cover;transition: 0.3s ease-in-out}
.peoplea-item li .area{ width:calc(100% - 280px); float:right; height:100%; }
.peoplea-item li .area strong{width:100%; float:left; height:30px; line-height:30px; overflow:hidden; margin-bottom:10px}
.peoplea-item li .area em{width:100%; float:left; height:112px; line-height:28px; font-size:15px; overflow:hidden; font-style:normal; color:#666}
.peoplea-item li:hover{border:1px solid #a70000}
.peoplea-item li:hover img{transform: scale(1.1);}

.news_2{ width:100%; float:left}
.news_2 li{ width:100%; float:left; margin-bottom:35px; max-height:280px; padding:20px;transition: 0.3s ease-in-out; overflow:hidden; border:1px solid #ddd}
.news_2 li .l{ width:330px; height:220px; overflow:hidden; float:left;transition: 0.3s ease-in-out}
.news_2 li .l img{ width:100%; height:100%;object-fit:cover;transition: 0.3s ease-in-out;}
.news_2 li .r{ float:right; width:calc(100% - 370px);}
.news_2 li .rf{ float:right; width:100%;}
.news_2 li .r .r_1,.news_2 li .rf .r_1{ width:100%;height:30px; color:#666; float:left;line-height:30px; overflow:hidden; margin-bottom:20px;}
.news_2 li .r .r_2,.news_2 li .rf .r_2{ width:100%;font-size:18px; line-height:25px; height:25px; overflow:hidden; float:left; font-weight:bold; margin-bottom:10px}
.news_2 li .r .r_3,.news_2 li .rf .r_3{ width:100%;font-size:18px; line-height:25px; height:50px; overflow:hidden; float:left; font-size:15px; color:#666; margin-bottom:30px}
.news_2 li .r .r_4,.news_2 li .rf .r_4{ width:100%; float:left; font-size:15px; color:#7d121a; line-height:29px;}
.news_2 li .r .r_4 img,.news_2 li .rf .r_4 img{ float:left; vertical-align:middle; margin-right:8px}
.news_2 li:hover .l img{transform: scale(1.1);}
.news_2 li:hover{border:1px solid #7d121a; transform:translateY(-5px); background:#fff;box-shadow: 0 5px 15px rgba(153, 0, 0, 0.1);}