body{
font-size:14px;
color:#333;
margin:0 auto;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
background:#f2f2f2
}
.m_header,.bgDiv,.rightNav{ display:none}
em{ font-style:normal}
.cl{ clear:both}
div,ul,li,table
{
color:#333;
font-size:14px;
font-family: Arial, Helvetica, sans-serif;
margin:0 auto; 
padding:0;
list-style:none;
box-sizing:border-box
}
*{outline:0px; margin:0 auto; padding:0; box-sizing:border-box;}
a,a:link,a:visited,a:active {
color: #333;
text-decoration: none;
}
a:hover {
text-decoration:none;
color: #0f87e6;
}


.text
{
line-height: 32px;
}
.mh,.mfooter{ display:none}
.easemob-invite-box{ position:fixed !important; background:url(kf.jpg) top center no-repeat #fff !important}
.invite-logo{ display:none !important}
/*定义新型浏览器特性*/
::-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}

.warp{ max-width:100%; width:94%} 
.page1{ width:100%; margin:20px 0 10px 0; padding:15px; overflow:hidden; background:#fff}
.page2{ width:100%; margin:0 0 10px 0; padding:15px; overflow:hidden; background:#fff}

.nban{ width:100%; float:left; margin-bottom:20px; text-align:center;}
.nban strong{color:#0f87e6; font-size:22px;}

.ban{ width:100%; float:left; margin-bottom:20px}
.ban strong{ float:left; color:#0f87e6; font-size:20px;}
.ban span a{ float:right; color:#0f87e6; background:url(../images/home_11.jpg) right center no-repeat; padding-right:35px; margin-top:5px; line-height:22px; height:22px}
.zx-l{ width:100%; float:left; margin-bottom:20px}
.zx-r{ width:100%; float:right; margin-top:10px}
.imgmid{display:inline-block;*display:inline;*zoom:1;height:100%;width:1px;margin-left:-1px;vertical-align:middle}
.zx-l .l{ width:100%; float:left; margin-bottom:15px}
.zx-l .r{ width:100%; float:right}
.info-item{ width:100%}
.info-item li{ width:100%; float:left; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:21px}
.info-item li span{ width:100%; float:left; color:#0f87e6; height:25px}
.info-item li strong{ width:100%;float:left;font-weight:normal; line-height:25px; height:25px; overflow:hidden}
.info-item li:last-child{ margin-bottom:0}

.infolist-item{ width:100%; float:left; margin-bottom:20px}
.infolist-item li{ width:100%; float:left; height:48px; line-height:48px; overflow:hidden; position:relative; padding-left:15px; border-bottom:1px dashed #ddd}
.infolist-item li:before{ width:6px;height:6px; background:#0f87e6; border-radius:50px; content:''; top:20px; left:0; position:absolute}
.infolist-item li span{ float:right; margin-left:30px; color:#999; font-size:14px}

.infolist{ width:100%; float:left;}
.infolist li{ width:100%; float:left; margin-bottom:15px; padding:20px 20px 20px 0; background:#fff; box-sizing:border-box;transition: 0.3s ease-in-out; border:1px solid #ddd;}
.infolist li:hover{ background:#0f87e6}
.infolist li:hover *{ color:#fff !important}
.infolist li .date{ width:100px; float:left; border-right:1px solid #ddd}
.infolist li .date .date1{ width:100%; text-align:center; float:left; font-size:30px; font-weight:bold; height:40px; position:relative; margin-bottom:5px; color:#0f87e6}
.infolist li .date .date2{ width:100%; text-align:center; float:left; font-size:14px; color:#0f87e6}
.infolist li .area{ width:calc(100% - 120px);float:right; font-size:40px;}
.infolist li .area .area1{ width:100%;float:left; font-size:16px;height:72px; line-height:24px; overflow:hidden; font-weight:bold;}
.infolist li .area .area2{ display:none}

.bans{ width:100%; float:left; margin-bottom:25px; background:#f2f2f2; border-bottom:1px solid #0f87e6; height:40px}
.bans strong{ float:left; height:40px; line-height:40px; background:#0f87e6; color:#fff; font-weight:normal; padding:0 15px;font-size:18px}

.about-l{ width:100%; float:left; margin-top:5px; margin-bottom:20px}
.about-l .h1{ width:100%; float:left; font-size:16px; margin-bottom:20px; line-height:2}
.about-l .h2{ width:100%; float:left;  margin-bottom:25px; line-height:24px; overflow:hidden}
.about-l .h3{ width:100%; float:left;}
.about-l .h3 li{ width:100%; float:left; border:1px solid #ccc; padding:20px; height:155px; margin-bottom:10px}
.about-l .h3 li .l{ width:calc(100% - 50px); float:left;}
.about-l .h3 li .l .l_1{ width:100%; float:left; font-size:18px; margin-bottom:20px; font-weight:bold}
.about-l .h3 li .l .l_2{ width:100%; float:left; font-size:15px; line-height:26px}
.about-l .h3 li .r{ width:43px; float:right;}
.about-l .h3 li:nth-child(2n){ float:right;}
.about-r{ width:100%; float:right; position:relative;height:200px; padding-bottom:20px; padding-right:20px;}
.about-r img{ width:100%; height:100%;object-fit: cover; border-radius:50px 0 50px 0; position:relative; z-index:2}
.about-r:after{ width:calc(100% - 20px); height:calc(100% - 20px); background:#0f87e6;border-radius:50px 0 50px 0; left:20px; top:20px; content:''; position:absolute}

.yw-item{ width:100%; float:left; margin-top:10px}
.yw-item ul{ display:inline}
.yw-item ul li{width:49%; float:left; border:1px solid #ddd;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); margin-right:2%; height:120px;transition: 0.3s ease-in-out; margin-bottom:15px}
.yw-item ul li:nth-child(2n){ margin-right:0}
.yw-item ul li .img{ padding-top:18px; height:60px; text-align:center; float:left; width:100%; margin-bottom:10px}
.yw-item ul li .img img{ height:100%}
.yw-item ul li .tit{ width:100%; float:left; text-align:center}

.site{ width:100%; float:left; height:30px; line-height:30px; margin-bottom:15px; font-size:14px; text-align:right}
.site img{ height:18px; vertical-align:middle; margin-right:5px}
/*分页样式*/
.pageban{ width:100%; text-align:center; float:left}
.page_info{text-align:center;margin-top:10px;color:#333;font-family:Microsoft Yahei;}
.page_info span{padding:0 2px;font-weight:bold;}

.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%;
	margin-bottom:80px;
}

.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 #0f87e6;
	background: #0f87e6
}

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


.page_lista {
	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%;
	margin-bottom:80px;
}

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

.page_lista a:hover {
	color: #fff;
	border: 1px solid #e91314;
	background: #0f87e6
}

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


.box{ width:100%; float:left} 
#goleft {width: 100%;overflow: hidden;float:left;} 
#goleft #gols {width: 33100px;} 
#goleft1, #goleft2 {width: auto;float: left;}

.xytp{ width:200px; height:186px; float:left;margin-right:30px; position:relative; border:1px solid #ddd}
.xytp .img{width:100%; overflow:hidden; float:left; height:calc(100% - 50px);padding:10px; text-align:center}
.xytp img{max-width:100%;overflow:hidden; height:auto; vertical-align:middle; cursor:pointer; max-height:100%;object-fit: cover;}
.xytp strong{width:100%; float:left;text-align:center; height:45px; line-height:45px;padding:0 10px;font-weight:normal; overflow:hidden;}
.hd_tit{ width:100%; float:left; line-height:1.8; color:#666; font-size:15px; margin-bottom:20px; margin-top:-10px}


.pro-item{ width:100%; float:left}
.pro-item ul{ display:inline}
.pro-item ul li{ width:49%;height:200px; float:left; position:relative; border:1px solid #ddd; margin-right:2%;transition: 0.3s ease-in-out; margin-bottom:20px}
.pro-item ul li .img{width:100%; overflow:hidden; float:left; height:calc(100% - 50px);padding:10px; text-align:center}
.pro-item ul li .img img{max-width:100%;overflow:hidden; height:auto; vertical-align:middle; cursor:pointer; max-height:100%;object-fit: cover;}
.pro-item ul li strong{width:100%; float:left;text-align:center; height:45px; line-height:45px;padding:0 10px;font-weight:normal; overflow:hidden;}
.pro-item ul li:nth-child(2n){ margin-right:0}
.pro-item ul li:hover{border:1px solid #0f87e6;}

.hzdw-item{ width:100%; float:left}
.hzdw-item ul{ display:inline}
.hzdw-item ul li{ width:25%; float:left; border:1px solid #ddd; margin-bottom:-1px; margin-left:-1px; height:52px}
.hzdw-item ul li img{ width:100%; height:100%}

.sclass-ban{ width:100%; float:left; margin-bottom:25px; padding-bottom:15px; border-bottom:1px solid #eee}
.sclass-ban .sclass a{float:left; text-align:center;padding:8px 0; border-radius:50px; width:48%; margin-left:1%; margin-right:1%}
.sclass-ban .sclassa a{float:left;padding:8px 0; text-align:center;border-radius:50px; color:#fff; background:#0f87e6;width:48%; margin-left:1%; margin-right:1%}}
.contentw{ width:100%; float:left; margin-top:20px}
.contentarea{ width:100%; float:left; line-height:1.8;}
.contentarea img,.contentarea table,.contentarea iframe{ max-width:100%}
.disptitnews{ width:100%; float:left; text-align:center; font-weight:bold; font-size:18px; line-height:1.6; margin-bottom:10px}
.dispdes{ width:100%; float:left; text-align:center;font-size:14px; color:#666; line-height:55px; height:55px; margin-bottom:30px; border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;}

footer{ width:100%; background:#0f87e6; margin-top:30px; padding-top:40px; overflow:hidden}
footer .f1{ width:100%; float:left; overflow:hidden; border-bottom:1px solid rgba(255,255,255,.2); padding-bottom:20px; margin-bottom:20px}
footer .f1 .h1{ width:100%; float:left; margin-bottom:20px}
footer .f1 .h1 img{ width:80%;}
footer .f1 .h2{ width:100%; float:left; line-height:30px; font-size:15px; color:#fff}
footer .f2{ width:100%; float:left}
footer .f2 strong{ width:100%; float:left; color:#fff; font-size:20px; margin-bottom:15px; text-align:center}
footer .f2 a{ width:100%; float:left; color:#fff; line-height:30px; font-size:15px; text-align:center}
footer .f3{ width:100%; float:right; line-height:30px; color:#fff; text-align:center; font-size:15px}
footer .f3 img{ width:30%}
.copy{ width:100%; border-top:1px solid rgba(255,255,255,.3); height:30px; line-height:30px; font-size:12px; color:#fff; margin-top:20px; padding:10px 0}
.copy a,.copy *{ color:#fff;font-size:14px;}
.copy span{ float:right;}
.mySwiper {
width: 100%;
height:300px;
cursor: pointer;
background:#0f87e6
}
.mySwiper .swiper-slide{
width: 100%;
height:100%;
float:left;
position:relative;
}

.mySwiper .swiper-slide .img{
position:relative;
width:100%;
height:175px;
object-fit: cover;
}

.mySwiper .swiper-slide img{
position:relative;
width:100%;
height:100%;
object-fit: cover;
}
.mySwiper .swiper-slide .area{ width:100%; height:calc(100% - 175px); padding:20px;float:left}
.mySwiper .swiper-slide .area .area_1{ width:100%; height:30px; line-height:30px; overflow:hidden;float:left; font-size:16px; color:#fff; font-weight:bold;}
.mySwiper .swiper-slide .area .area_1 a{ color:#fff}
.mySwiper .swiper-slide .area .area_2{ width:100%; height:20px; line-height:20px; overflow:hidden;float:left; color:#fff; margin-top:28px}
.mySwiper .swiper-pagination{ bottom:25px !important;display:flex;justify-content: flex-end;padding-right:20px}
.mySwiper .swiper-pagination .swiper-pagination-bullet{ width:25px; height:25px;background: rgba(255,255,255,0); color:#fff;border-radius: 50px;border:1px solid rgba(255,255,255,0); line-height:25px}
.mySwiper .swiper-pagination .swiper-pagination-bullet-active{background:rgba(255,255,255,0);border-radius: 50px;color:#fff; border:1px solid #fff;width:25px; height:25px; line-height:25px}

.gs-item{ width:100%; float:left;}
.gs-item li{ width:100%; float:left; margin-bottom:15px; border:1px solid #ccc; padding:15px 10px 15px 0; height:82px;transition: 0.3s ease-in-out}
.gs-item li:last-child{ margin-bottom:0}
.gs-item li .date{ width:80px; float:left; height:100%; border-right:1px solid #ddd}
.gs-item li .date .date1{ width:100%; float:left; padding-bottom:0;text-align:center; font-size:30px; font-weight:bold; color:#0f87e6;}
.gs-item li .date .date2{ width:100%; float:left;text-align:center; font-size:14px;  color:#0f87e6;}
.gs-item li .tit{ width:calc(100% - 95px); float:right; height:50px; line-height:25px; overflow:hidden;}
.gs-item li:hover{border:1px solid #0f87e6;}
.gs-item li:hover .tit{color:#0f87e6;}
/*去掉input自动补全后的黄色样式*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
-webkit-transition-delay: 99999s;
-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;background-color:transparent;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #fff  !important;
font-size: 14px;
}

input:-moz-placeholder, textarea:-moz-placeholder {
color: #fff !important;
font-size: 14px;
}

input::-moz-placeholder, textarea::-moz-placeholder {
color:  #fff !important;
font-size: 14px;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #fff !important;
font-size: 14px;
}


.mySwiper2 {
width: 100%;
height:200px;
position:relative;
margin-bottom:30px

}


.mySwiper2 .swiper-slide{ width:100%; height:100%; float:left; overflow:hidden ;position:relative; background:#fff; border-radius:10px; padding:10px; border:1px solid #ccc; border-radius:5px}
.mySwiper2 .swiper-slide .img{ width:100%; height:calc(100% - 60px); float:left; overflow:hidden ;position:relative; text-align:center;display: flex;justify-content: center;align-items: center;}
.mySwiper2 .swiper-slide .img img{ max-width:100%; max-height:100%;}
.mySwiper2 .swiper-slide .tit{ width:100%; height:60px; line-height:60px; text-align:center; overflow:hidden; float:left}

.prev2{
background:url(../images/p4.png);
    position: absolute;
    left: 0;
    top:40%;
	z-index:1;
    width: 24px;
    height: 46px;
	cursor:pointer;
	transition: 0.3s ease-in-out;

}

.next2{
background: url(../images/n4.png) no-repeat;
    position: absolute;
    right: 0;
	z-index:1;
    top:40%;
    width: 24px;
    height: 46px;
	cursor:pointer;
	transition: 0.3s ease-in-out;
}



.mySwiper3 .swiper-slide{ width:100%; height:100%; float:left; overflow:hidden ;position:relative; background:#fff; border-radius:10px; padding:10px; border:1px solid #ddd; border-radius:5px}
.mySwiper3 .swiper-slide .img{ width:100%; height:calc(100% - 60px); float:left; overflow:hidden ;position:relative; text-align:center;display: flex;justify-content: center;align-items: center;}
.mySwiper3 .swiper-slide .img img{ max-width:100%; max-height:100%;}
.mySwiper3 .swiper-slide .tit{ width:100%; height:60px; line-height:60px; text-align:center; overflow:hidden; float:left}

.prev3{
background:url(../images/p4.png);
    position: absolute;
    left: 0;
    top:40%;
	z-index:1;
    width: 24px;
    height: 46px;
	cursor:pointer;
	transition: 0.3s ease-in-out;

}

.next3{
background: url(../images/n4.png) no-repeat;
    position: absolute;
    right: 0;
	z-index:1;
    top:40%;
    width: 24px;
    height: 46px;
	cursor:pointer;
	transition: 0.3s ease-in-out;
}
.zhuanli{ width:100%;float:left; }
.zhuanli ul{ display:inline}
.zhuanli li{ width:49%; height:200px;float:left; overflow:hidden ;position:relative; text-align:center;display: flex;justify-content: center;align-items: center; margin-right:2%; margin-bottom:20px}
.zhuanli li img{ max-width:100%; max-height:100%;}
.zhuanli li:nth-child(2n){ margin-right:0}

header{ width:100%; position:fixed; top:0; left:0; z-index:10; background:#0f87e6;transition: 0.3s ease-in-out; padding:10px 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:#7e0203 !important}

.hmap{ width:100%; padding:20px 0; text-align:center; background:#0f87e6; overflow:hidden; margin-top:50px}
.hmap img{ width:60% }