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

.cl{ clear:both}


::-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;
font-family:Arial, Helvetica, sans-serif;
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: #0a4ba9;
transition: 0.3s ease-in-out;
}

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


.right{ float:right; width:11%;margin-top:2px}
.right img{ width:70%; overflow:hidden; height:auto}
.bgDiv{
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5;
    position:fixed;
    display: none;
    z-index: 99;
    bottom: 0;
}

.rightNav{
    width: 50%;
    max-width: 400px;
    height: 100%;
    background-color: #fff;
    position: fixed;
    z-index: 999;
    top: 0;
    right: -50%;
}


.rightNav span{
    display: inline-block;
    width: 96%;
    height: 50px;
    margin-left: 2%;
    line-height: 50px;
    border-bottom: 1px solid #eee;
    text-align: center;
	font-size:14px
}
.rightNav span:hover{
    background-color: #f5f5f5;
}


.warp{ width:100%; padding: 0 5%} 



/*基础部分结束*/
header{ width:100%; background:#fff; background-size:cover; overflow:hidden; padding:15px 1% 15px 4%; box-sizing:border-box; position:fixed; top:0;left:0; z-index:9}
header .logo{ height:28px; float:left}
header .logo img{ height:28px;}

.mySwiperimg {
width: 100%;
height:70vh;
position:relative;
margin:0;
padding:0
}

.mySwiperimg .swiper-slide {
font-size: 18px;
background: #fff;
overflow:hidden;
}

.slide-inner {
width: 100%;
height: 100%;
left: 0;
top: 0;
}

.slide-inner .img{
width:100%; height:100%; position:relative; z-index:1;
}


.slide-inner .tit{width:96%;position:absolute; z-index:2; left:4%; top:30%;}
.slide-inner .tit h1{  width:100%; padding:0 2%; float:left; height:50px; line-height:50px; color:#fff; font-size:22px; text-transform:uppercase}
.slide-inner .tit h2{ width:100%;padding:0 2%; float:left; line-height:30px; color:#fff; font-size:16px; text-transform:capitalize; font-weight:normal; box-sizing:border-box}
.slide-inner .tit h3{ padding:0; margin:0;width:100%; float:left}
.slide-inner .tit h3 a{ padding:10px 40px; border:2px solid #fff; border-radius:5px; color:#fff; margin-top:20px; float:left; font-weight:normal; background:url(../images/i_a.png) right center no-repeat; background-position:90% 16px;transition: 0.3s ease-in-out; font-size:14px}


.slide-inner .img img{width:100%; height:100%;object-fit: cover;}

.mySwiperimg .swiper-pagination{ bottom: 30px !important}
.mySwiperimg .swiper-pagination .swiper-pagination-bullet{ width: 40px; height: 4px;background: rgba(255,255,255,1);border-radius: 0;}
.mySwiperimg .swiper-pagination .swiper-pagination-bullet-active{background:#0a4ba9;border-radius: 0;width: 40px; height: 4px;}



.page1{ background:#f9f9f9 ; padding-top:40px; padding-bottom:40px; overflow:hidden; margin-bottom:50px}
.page1 .l{ width:100%; height:380px; float:left;position:relative; cursor:pointer; margin-bottom:20px}

.page1 .l .img{ width:100%; height:100%;position:relative; overflow:hidden}
.page1 .l .bg{position:absolute; z-index:1; left:0; top:0;width:100%; height:100%;background: linear-gradient(135deg, #000000 0%, #000000 25%, #0055ff 50%, #fff 75%, #0055ff 100%);background-size: 400% 400%;transition: .5s all; opacity:0}
.page1 .l .img img{ width:100%; height:100%;object-fit: cover;}
.page1 .l .play{ position:absolute; z-index:2; top:60%; margin-top:-71px; text-align:center; width:100%}

.page1 .l:hover .bg{ background-position: 100% 100%; opacity:0.5}

.page1 .r{ width:100%;float:right}
.page1 .r .area{ width:100%;float:left; line-height:30px; color:#666;text-align: justify}
.page1 .r .area:first-child p{ margin-bottom:30px}

.page1 .r .more{ width:100%; float:left; margin-top:17px}
.page1 .r .more a{ background:#0a4ba9; padding:10px 10px; color:#fff; text-align:center; float:left;transition: 0.3s ease-in-out;}
.page1 .r .more a:hover{ background:#2c6cc9}


.news_tit{ width:100%; float:left; margin-bottom:30px}
.news_tit strong{ float:left; font-size:20px; color:#000; padding-left:14px; position:relative; text-transform:uppercase}
.news_tit strong:before{ width:4px; height:20px; background:#1256b9; left:0; top:4px; content:''; position:absolute;}
.news_tit a{ background:#0a4ba9; float:right; color:#fff; border-radius:50px; padding:5px 18px; font-size:14px;transition: 0.3s ease-in-out;}
.news_tit a img{ display:none}


.h_news{ width:100%; float:left; margin-bottom:35px}
.h_news ul{ display:inline}
.h_news li{ width:100%; float:left; margin-bottom:15px}
.h_news li:nth-child(3n){margin-bottom:0}
.h_news li .h1{ width:100%; float:left; font-size:20px; overflow:hidden; line-height:30px; height:60px; margin-bottom:18px;}
.h_news li .h2{ width:100%; float:left;height:295px; margin-bottom:30px; border-radius:10px; overflow:hidden}
.h_news li .h2 img{ width:100%; height:100%;transition: 0.3s ease-in-out;object-fit: cover;}
.h_news li .h3,.news_tita{ display:none}

.p-box{ width:100%; height:60vh;}
.mySwipercy { position: absolute; right: 0; top: 0; z-index: 1; width: 100%; height: 100%;}
.mySwipercy .swiper-slide strong{ position:relative}
.mySwipercy .swiper-slide strong img { width: 100%; height:100%;object-fit: cover; position:relative}

.mySwipercy .swiper-slide .img{ position:absolute; width:100%; text-align:center; height:75px; bottom:160px;transition: 0.3s ease-in-out; z-index:1}
.mySwipercy .swiper-slide .tit{ position:absolute; width:100%; text-align:center; bottom:150px; color:#fff;transition: 0.3s ease-in-out; text-transform:uppercase; z-index:1}
.mySwipercy .swiper-slide .view{ bottom:50px;position:absolute; width:100%; text-align:center; height:75px;transition: 0.3s ease-in-out; z-index:1}

.mySwipercy .swiper-slide .view a{ color:#fff; border-radius:5px; border:1px solid #fff; padding:10px 20px; font-size:14px;transition: 0.3s ease-in-out;}

.mySwipercy .swiper-pagination{ bottom: 30px !important}
.mySwipercy .swiper-pagination .swiper-pagination-bullet{ width: 40px; height: 4px;background: rgba(255,255,255,1);border-radius: 0;}
.mySwipercy .swiper-pagination .swiper-pagination-bullet-active{background:#0a4ba9;border-radius: 0;width: 40px; height: 4px;}

.page3{ width:100%; background:#f4f4f4;overflow:hidden; padding:30px 0}

.mySwiper {
width: 100%;
height:480px
}


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

.mySwiper .swiper-slide{ z-index:1 !important;transition: 0.3s ease-in-out; position:relative; background:#fff; border-radius:4px; padding:20px; height:90%}
.mySwiper .swiper-slide .img{ position:relative; padding-top:65%; overflow:hidden; z-index:2; margin-bottom:15px}
.mySwiper .swiper-slide .img img{ width:100%; height:100%;transition: all 0.3s ease-out;object-fit: cover; position:absolute; left:0; top:0}
.mySwiper .swiper-slide .tit { width:100%; height:35px; line-height:35px; overflow:hidden; font-size:18px; color:#003399; margin-bottom:15px}
.mySwiper .swiper-slide .des { width:100%; height:78px; line-height:26px; overflow:hidden;  color:#666666}

.mySwiper .swiper-slide:hover .img img{transform: scale(1.1);}

.footer{ z-index:2; position:relative}
.footer .left{ width:100%; float:left}
.footer .left strong{ width:100%; float:left; font-size:18px; color:#fff; height:70px}
.footer .left .add{ width:100%; float:left; position:relative; padding-left:26px; color:#fff; font-size:14px; line-height:30px; margin-bottom:40px}
.footer .left .add:before{ position:absolute; left:0; top:8px; content:''; background:url(../images/foot_03.jpg); height:17px; width:17px}


.footer .left .mail{ width:100%; float:left; position:relative; padding-left:26px; color:#fff; font-size:14px; line-height:30px;}
.footer .left .mail:before{ position:absolute; left:0; top:10px; content:''; background:url(../images/foot_06.jpg); height:13px; width:17px}

footer{ background:#2e2e2e; position:relative; padding:50px 0 50px 0; overflow:hidden;}
footer .l,footer .r,.footer .right{ display:none}


.ny_banner{ width:100%; height:265px; position:relative}
.ny_banner .img{ width:100%; height:100%;object-fit: cover;}
.ny_banner .img img{ width:100%; height:100%;object-fit: cover;}
.ny_tit{ position:absolute; z-index:1; top:150px; left:0; width:100%}
.ny_tit .h1{ font-size:32px; font-weight:bold; color:#fff; width:100%; float:left; margin-bottom:10px; text-transform:uppercase}
.ny_tit .h2{ display:none}
.ny_tit .h2 a{ color:#fff}

.ny_menus{
width: 100%;
 height:60px; border-bottom:1px solid #ddd; background:#fff; line-height:60px; overflow:hidden;
white-space: nowrap;
overflow-x: scroll;
background:#fff;
border-bottom:1px solid #ddd;
}
.ny_menus::-webkit-scrollbar {
display: none;
}
.ny_menus a{margin-right:20px; text-transform:capitalize}
.ny_menus .on{color:#0a4ba9; }

.ny_s_menus{
width: 100%;
 height:40px; background:#fff; line-height:40px; overflow:hidden;
white-space: nowrap;
overflow-x: scroll;
border:1px solid #ddd;
margin-bottom:20px;
padding:0 10px;
}
.ny_s_menus::-webkit-scrollbar {
display: none;
}
.ny_s_menus a{margin-right:20px; text-transform:capitalize}
.ny_s_menus .on{color:#0a4ba9; }

.a_p1{ width:100%; background:url(../images/about_01.jpg) no-repeat; background-size:100% 100%; padding:35px 0; overflow:hidden}
.a_p1 .h1,.a_p2 .h1,.a_p3 .h1,.a_p4 .h1{ width:100%; float:left; margin-bottom:30px;color:#0a4ba9; font-size:20px; text-transform:uppercase}
.a_p1 .h2{ width:100%; height:365px; float:left; margin-bottom:20px}
.a_p1 .h3{ width:100%;}
.a_p1 .h3 img{ width:100%;}
.scrollcontent{width: calc(100% - 40px); float:left; line-height:34px;text-align: justify}
#Yscrollouter{width: 4px; height: 100%; background: #dedede; position: absolute;top:0; right: 0;}
#Yscrollinner{width: 4px; height: 50px; background: #0a4ba9; border-radius:10px; position: absolute; top: 0; left: 0; }
.a_p1 .more{ width:100%; float:left; margin-top:37px}
.a_p1 .more a{ background:#0a4ba9; width:230px; height:62px; line-height:62px; color:#fff; text-align:center; float:left;transition: 0.3s ease-in-out;}
.a_p1 .more a:hover{ background:#2c6cc9}

.a_p2{ width:100%; background:url(../images/about_08.jpg) no-repeat; background-size:100% 100%; padding:45px 0; overflow:hidden}

.mySwipera {
width: 100%;
height: 320px;
cursor: pointer;
float:left;
}
.mySwipera .swiper-slide .w{
width: 100%;
height: 100%;
float:left;
position:relative
}

.mySwipera .swiper-slide .w .year{ width:100%; text-align:center; color:#0a4ba9; font-size:100px; font-weight:bold; font-family:Arial, Helvetica, sans-serif}
.mySwipera .swiper-slide .w .area{ width:100%; background:rgba(255,255,255,.95); position:absolute; top:90px; height:300px; border-radius:5px; padding:30px 50px 0 50px; box-sizing:border-box}
.mySwipera .swiper-slide .w .area .tit{ width:100%; float:left; text-align:center; font-size:40px; font-weight:bold; height:85px; line-height:85px;}
.mySwipera .swiper-slide .w .area .des{ width:100%; float:left;height:75px; line-height:25px; overflow:hidden}

.a_p2 .prev { display:none
}
.a_p2 .next {
display:none
}


.a_p2 .swiper-paginationa{ bottom: 0 !important; text-align:center; margin-top:20px; width:100%; float:left}
.a_p2 .swiper-paginationa .swiper-pagination-bullet{ width: 10px; height: 10px;background: rgba(17,69,144,.5);border-radius: 50px;}
.a_p2 .swiper-paginationa .swiper-pagination-bullet-active{background:#114590;border-radius: 50px;width: 20px; height: 10px;}


.a_p3{ width:100%; background:url(../images/about_09.jpg) no-repeat; background-size:100% 100%; padding:45px 0; overflow:hidden}

.marqueeleft{height:210px;width:100%;overflow:hidden;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 20px;display:inline;width:240px;height:210px;overflow:hidden; background:#fff; padding:20px;position:relative; overflow:hidden; text-align:center; border-radius:8px}
.marqueeleft li img{ width:95%; overflow:hidden; height:auto; vertical-align:middle; cursor:pointer;}
.imgmid{display:inline-block;*display:inline;*zoom:1;height:100%;width:1px;margin-left:-1px;vertical-align:middle}

.a_p4{ width:100%; background:url(../images/about_10.jpg) no-repeat; background-size:100% 100%; padding:45px 0; overflow:hidden}


.mySwiperb {
width: 100%;

cursor: pointer;
float:left;
}
.mySwiperb .swiper-slide{
width: 100%;
height: 470px;
background:#fff;
float:left;
position:relative;
border-radius:5px;
overflow:hidden;
transition: 0.3s ease-in-out;
border:1px solid #e8e8f0
}

.mySwiperb .swiper-slide:hover{ border:1px solid #0a4ba9}
.mySwiperb .swiper-slide:hover .tit{ color:#0a4ba9}

.mySwiperb .swiper-slide .img{
	width:100%;
	float:left; text-align:right; margin-bottom:40px;
}

.mySwiperb .swiper-slide .tit{
	width:100%;
	float:left;margin-bottom:25px; text-transform:uppercase; font-size:20px; padding:0 25px;
}
.mySwiperb .swiper-slide .des{
	width:100%;
	float:left; text-transform:uppercase; font-size:14px; padding:0 25px; line-height:1.8
}

.nextb{ width:30px; height:30px; float:right; background:url(../images/h_r.png);  cursor:pointer}
.prevb{ width:30px; height:30px; float:right; background:url(../images/h_l.png); margin-right:10px; cursor:pointer}

.infoarea{ width:100%;padding:30px 0 50px 0; min-height:500px; float:left}
.zt{ width:100%;padding:20px 0 50px 0; min-height:500px; float:left}
.mySwiperc {
width: 100%;
height: 250px;
margin-bottom:20px
}
.mySwiperc .swiper-slide{
width: 100%;
height: 100%;
float:left;

}
.mySwiperc .swiper-slide img{ width:100%; height:100%;object-fit: cover;}

.mySwiperc .prev { display:none}


.mySwiperc .next {display:none}


.mySwiperc .swiper-pagination{ bottom: 20px !important}
.mySwiperc .swiper-pagination .swiper-pagination-bullet{ width: 15px; height: 4px;background: rgba(255,255,255,1);border-radius: 0;}
.mySwiperc .swiper-pagination .swiper-pagination-bullet-active{background:#0059ad;border-radius: 0;width: 15px; height: 4px;}

.textbox{ width:100%; float:left; line-height:2; font-size:16px;}
.textbox img,.textbox table{ max-width:100%}

.porlist{ width:100%; float:left;}
.porlist ul{ display:inline}
.porlist ul li{ width:50%; float:left; border:1px solid #ddd; margin-bottom:-1px; margin-left:-1px; position:relative; padding:10px; background:#fff;transition: 0.3s ease-in-out;}
.porlist ul li .tit{ width:100%;height:60px;line-height:30px; overflow:hidden float:left;transition: 0.3s ease-in-out;display: inline-block;}
.porlist ul li .img{
	width:100%;
	float:left;
    position: relative;
    padding-top: 65%;
    overflow: hidden;
    z-index: 2;
    margin-bottom: 15px;
}
.porlist ul li .img img {
    max-width: 100%;
    max-height: 100%;
    transition: all 0.3s ease-out;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.page_list {
	height: 30px;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0;
	font-family: Microsoft Yahei;
	font-size: 12px;
	margin-top: 20px;
	padding-bottom: 10px;
	float: left;
	width: 100%
}

.page_list a {
	display: inline-block;
	color: #333;
	border: 1px solid #ddd;
	background: #fff;
	text-align: center;
	padding: 0 13px;
	margin: 0 3px
}

.page_list a:hover {
	color: #fff;
	border: 1px solid #114590;
	background: #114590
}

.page_list a.on {
	background-color: #114590;
	color: #fff;
	border: 1px solid #114590
}

.p_s_l{
	width:100%;
	float:left;
    position: relative;
    padding-top:82%;
    overflow: hidden;
	border:1px solid #ddd;
	margin-bottom:15px;
	}

.p_s_l  img {
max-width: 100%;
max-height: 100%;
transition: all 0.3s ease-out;
object-fit: cover;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}

.p_s_r{ float:right; width:100%}
.p_s_r .h1{ float:left; width:100%; font-size:20px; line-height:1.5; margin-bottom:20px; margin-top:-5px}
.p_s_r .h2{ float:left; width:100%;margin-bottom:20px; padding-bottom:30px; border-bottom:1px solid #ddd}
.p_s_r .h2 a{ padding:8px 20px; float:left; border:1px solid #114590; color:#114590; font-size:18px;transition: 0.3s ease-in-out;}
.p_s_r .h2 a img{ margin-left:8px; vertical-align:middle}
.p_s_r .h2 a:hover{ color:#fff; background:#114590;}
.p_s_r .h2 a:hover img{filter: brightness(0) invert(1);}
.p_s_r .h3{float:left; width:100%; color:#666; line-height:36px; overflow:hidden; height:144px}

.proname{ width:100%; float:left; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid #ddd;color:#114590; font-size:20px; margin-top:30px}

.newslist{ width:100%; float:left; margin-top:10px}
.newslist ul{ display:inline}
.newslist ul li{ width:100%; float:left; border:1px solid #ddd; margin-bottom:20px;position:relative;background:#fff;transition: 0.3s ease-in-out;}
.newslist ul li .tit{width:100%;line-height:30px; padding:15px; overflow:hidden; font-size:18px; float:left;}
.newslist ul li .date{ width:100%;height:45px; overflow:hidden; line-height:35px;padding:0 15px; float:left;transition: 0.3s ease-in-out; color:#666}
.newslist ul li .img{
	width:100%;
	float:left;
    position: relative;
    padding-top: 65%;
    overflow: hidden;
    z-index: 2;
}
.newslist ul li .img img {
    width: calc(100% - 30px);
    height:calc(100% - 20px);
	margin:15px 15px 0 15px;
    transition: all 0.3s ease-out;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.infotit{ width:100%; float:left; font-size:20px; line-height:1.5; margin-top:10px; margin-bottom:5px;}
.infotita{ display:none}
.infotime{width:100%; float:left; font-size:16px; color:#0a4ba9; margin-top:25px; padding-bottom:25px; border-bottom:1px solid #ddd; margin-bottom:10px; height:65px; line-height:40px;transition: 0.3s ease-in-out;}
.infotime a{ float:right; padding:0 20px; border:1px solid #0a4ba9; color:#0a4ba9}
.contact_1{ width:100%; float:left; margin-bottom:40px; font-size:18px; color:#0a4ba9}
.contact_2{ width:100%; float:left; margin-bottom:50px;}
.contact_2 ul{ display:inline}
.contact_2 ul li{ width:100%; float:left; background:#f5f5f5; padding:30px 3% 30px 3%; overflow:hidden; position:relative; margin-bottom:20px}
.contact_2 ul li:nth-child(2n){float:right}
.contact_2 ul li:after{ content:''; left:50%; bottom:0;  height:4px; background:#0a4ba9; width:95px; position:absolute; margin-left:-47.5px}
.contact_2 ul li .h1{ width:100%; text-align:center; float:left; height:80px}
.contact_2 ul li .h2{ width:100%; text-align:center; float:left; line-height:30px}
#bdmap{width:100%; height:400px; float:left; margin-top:-50px}

.dqgzlist{ width:100%; float:left;}
.dqgzlist li{ width:100%; float:left; margin-bottom:25px; padding:15px; background:#fff; box-sizing:border-box;transition: 0.3s ease-in-out; border:1px solid #ddd;}
.dqgzlist li .date{ width:60px; float:left;}
.dqgzlist li .date .date1{ width:100%; text-align:center; float:left; font-size:30px; font-family:beba; height:44px; position:relative; margin-bottom:5px}
.dqgzlist li .date .date1::after {
  position: absolute;
  content: "";
  bottom: 0px;
  left: 45%;
  width: 15%;
  height: 1px;
  background: #ccc;

}

.dqgzlist li .date .date2{ width:100%; text-align:center; float:left; font-size:14px; font-family:beba;}
.dqgzlist li .area{ width:calc(100% - 75px);float:right; font-size:40px;}
.dqgzlist li .area .area1{ width:100%;float:left; font-size:15px;height:52px; line-height:26px; overflow:hidden; font-weight:bold;margin-top:10px}
.dqgzlist li .area .area2{ display:none}

.rightad{ width:260px; height:270px; background:#fff; position:fixed; right:-262px; bottom:10px;box-shadow: 0px 0px 15px rgba(0,0,0,.15)}
.rightad .close{ width:30px; height:22px; line-height:22px;display:block; float:right;}

/*企业内部查询*/
.cxform{ width:100%; float:left; margin-bottom:10px; text-align:center}
.cxa{ width:80%; float:left; height:42px; line-height:42px; padding:0 10px; box-sizing:border-box; border:1px solid #ccc; margin-bottom:10px;vertical-align: top; font-size:15px}
.cxb{ width:20%;float:left; height:42px; color:#fff; background:#32508f; text-align:center; border:none; cursor:pointer; font-size:15px;}
.ok{ width:100%; text-align:center; float:left; height:50px; line-height:50px; color:#3bb200;box-sizing:border-box; border:1px solid #3bb200; margin-bottom:25px}
.no{ width:100%; text-align:center; float:left; height:50px; line-height:50px; color:#eb0e0e;box-sizing:border-box; border:1px solid #eb0e0e;margin-bottom:25px}
.cssm{ width:100%; padding:10px; border:1px solid #ddd; font-size:15px; line-height:30px; float:left; box-sizing:border-box; color:#666}

.csban{ width:100%; float:left; background:#32508f; height:60px; padding:0 15px; box-sizing:border-box; margin-top:30px}
.csban_l{ width:100%; float:left;}
.csban_l strong,.csban_r strong{float:left; color:#fff; line-height:60px; height:60px; font-weight:normal; font-size:15px;}
.csban_l span{ float:right; color:#fff; line-height:60px; height:60px; font-size:15px}


.qylist{ width:100%; float:left; height:60px; line-height:60px; border-bottom:1px solid #ddd; box-sizing:border-box}
.qylist strong{float:left; font-weight:normal; box-sizing:border-box; font-size:15px}
.qylist span{float:right; padding-left:10px; color:#666; font-size:15px}

.zdgc{ width:100%; margin-top:20px; float:left}
.zdgc li{ width:100%; margin-bottom:35px; float:left; border:1px solid #ddd;  position:relative}
.zdgc li .l{ width:100%; float:left; height:100%;position:relative;position: relative;padding-top: 55%; overflow:hidden}
.zdgc li .l img{width: 100%;
    height: 100%;
    transition: all 0.3s ease-out;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;}
.zdgc li .r{ width:100%; float:right; padding:15px;}
.zdgc li .r .r_1{ width:100%; float:left; font-size:24px; margin-bottom:20px}
.zdgc li .r .r_2{ width:100%; float:left;color:#666; line-height:25px; height:75px; overflow:hidden}
.zdgc li .r .r_3{ display:none}
.zdgc li:hover img{transform:scale(1.1);}

.infolista{ width:100%; float:left;}
.infolista li{ width:100%; float:left; margin-bottom:15px; padding:10px 10px 10px 0; height:80px; background:#fff; box-sizing:border-box;transition: 0.3s ease-in-out; background:#f5f5f5}
.infolista li .date{ width:80px; float:left; border-right:1px solid #ddd}
.infolista li .date .date1{ width:100%; text-align:center; float:left; font-size:20px; font-weight:bold; height:30px; position:relative; margin-bottom:5px; color:#333}
.infolista li .date .date2{ width:100%; text-align:center; float:left; font-size:14px; color:#333}
.infolista li .area{ width:calc(100% - 90px);float:right; font-size:14px; line-height:22px; height:44px; overflow:hidden; margin-top:6px}

.fangan{ width:100%; float:left; margin-top:20px}
.fangan ul{ display:inline}
.fangan ul li{ width:100%; margin-bottom:20px; float:left}
.fangan ul li .h1{ width:100%; position:relative; padding-top:65%; overflow:hidden; float:left}
.fangan ul li .h1 img{ width:100%; position:absolute; top:0; left:0;object-fit: cover;transition: 0.3s ease-in-out;}
.fangan ul li .h2{ width:100%; padding:0 10px; text-align:center; background:#f7f7f7; height:60px; line-height:60px; float:left}
.fangan ul li:hover .h1 img{transform:scale(1.1);}