html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0); font-family: "Microsoft YaHei",sans-serif;}
body,ul,li,dt,dl,p,h1,h2,h3,h4,h5,h6,div,html,form,select,option,table,tr,td,dt,dl,dd,span,input,i,b,br,section,header,footer,nav,menu,slider{margin:0;padding:0;color: inherit;}
body{ color: #333; font-size: 16px; background-color: #fff;font-weight: 400;  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
*, ::after, ::before {
	box-sizing: border-box;
}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
a,a img{text-decoration:none; color: inherit;border:0;}
a:focus{outline:none;}
a:focus, a:hover{ color: inherit;text-decoration: none;}
ul,li{list-style:none; list-style-type: none;}
.clear{ clear: both;}
fieldset,img,input,button{border: none; padding: 0;margin: 0; outline-style: none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}
a{text-decoration:none;display: block; color: #333; }
a:hover{ color: #0561bf;}
.index_leftbg{
	position: absolute; 
  left: 0px; 
  top: 960px; 
	background:url(../images/left_bg.jpg) no-repeat left center;
	 width: 571px; 
	 height: 445px;
	 z-index: -1;}
	 .index_rightbg{
	 	position: absolute; 
	   right: 0px; 
	   top: 960px; 
	 	background:url(../images/right_bg.jpg) no-repeat left center;
	 	 width:470px; 
	 	 height: 484px;
	 	 z-index: -1;}
.head{ background-color: #0358b0;}
.headbg{height: 130px; width: 100%; background: url(../images/top_bg.jpg) no-repeat 70% center; position: relative;;}
.main{ max-width: 1340px; width:96%; margin: 0px auto;}
.logo{ float: left; margin-top: 30px; width: 60%;}
.logo img{max-width: 740px;width: 100%;}
.head_rig{ float: right; color: #eff6fe;  position: relative; height: 100%; width: 35%; font-size: 14px;}
.head_box{ position: absolute; bottom: 25px; right: 0px;}
.head_rig_top a{ margin:0px 10px; color: #eff6fe; display: inline-block;}
.head_rig_top a:hover{ color: #eff6fe;text-decoration: underline;}
.top_ser{ float: right; margin-top: 20px; border-radius: 20px; border: 1px solid #2170c1; background-color: #0358b0; height: 36px;}
.inptbg{height: 34px;
    line-height: 34px;
    width: 200px;
    padding: 0 15px 0 15px;
    color: #b5d8fc;
    background: #0358b0; border-radius: 20px;
    border: none; font-size: 14px;}
a.serbtn{width: 35px;
    height: 34px;
		line-height: 34px;
    border: none;
    color: #b5d8fc;
    padding: 0;
		display: inline-block;
		text-align: center;
    cursor: pointer;}
.inptbg,a.serbtn{ float: right;}
.inptbg::placeholder {
  color: #b5d8fc !important;
}

.menuBtn{width:50px;height: 50px;cursor:pointer;position:absolute;right:0px;top:30px;z-index:1000;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);background:url(../images/iconq2.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;display:none}
.menuBtn.open{background-image: url(../images/iconq3.png);}
.nav-m{
	    display: none;
}
.nv{position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: rgba(0,0,0,.52);
    overflow: hidden;
    display: none;}
.nv .ht {
    padding: 0 90px 0 35px;
    overflow: hidden;
}
.nv .lg {
    float: left;
    height: 60px;
    line-height: 60px;
    overflow: hidden;
}
.nv .lg img {
    display: inline-block;
    vertical-align: middle;
    height: 50px;
}
	.nv .cont {
	    background-color: #fff;
	    overflow: hidden;
	    overflow-y: auto;
	}
	.nav-m-list{ margin-top: 30px;}
	.nav-m-list li { float: left;
	    width: 50%;
	    border-bottom: 1px #ededed solid;
			padding-bottom: 0;
			line-height: 50px; height: 50px;
			font-size: 18px;
			text-align: center;
	}
	.nav-m-bot{ width: 100%; background: #edf1f1; color: #555;}
	.nav-m-bot a{ display: inline-block;
    margin: 0px 10px;
    color: #555;
    line-height: 40px;
    padding: 10px;}

.menu{ float: left; width: 100%; background: #136dc9;}
.menu li{ float: left; width: 10%; text-align: center; position: relative; }
.menu li h3{ font-size: 19px; height:72px; line-height:72px;}
.menu li h3 a{ color: #fff; display: inline-block; width: 100%;}
.menu li h3 a:hover,.menu li h3 a.hover{ color: #fff; background:#0861bc;}
/* .navSub{ display: none;} */
.menu li .navSub{width: 100%; 
border-radius:0 0 5px 5px; 
z-index: 999999; 
padding: 0; 
border:1px solid #ddd;
box-shadow: rgba(0,0,0,.1) 0 1px 3px 1px;
position: absolute; left: 0px;
    background: #fff;
    /* border-top: 2px solid #ddd; */
		 border-top-left-radius: 0;
    border-top-right-radius: 0;right: auto;
    padding:5px; display: none;}
.menu li .navSub dd{text-align:center; width:100%; height: 44px; line-height: 44px; border-bottom: 1px solid #ddd; display: inline-block;}
.menu li .navSub dd a{display: block;font-size: 15px;color: #555;}
.menu li .navSub dd a:hover{color: #0861bc; }
.nav-m{ display: none;}

#banner{width:100%;height:auto;overflow:hidden}
#banner .img{display:block}
#banner .img img{width:100%;height:auto}
#banner .swiper-button-prev , #banner .swiper-button-next {display: none;}
#banner:hover .swiper-button-prev , #banner:hover .swiper-button-next {display: block;}
#banner .swiper-pagination-bullet {
  width: 20px;
  height: 6px;
  display: inline-block;
  border-radius: 0px;
}


.news_left{ float: left; width:62% ;}
.title{ float: left; width: 100%;overflow: hidden;}
.title h2{font-size: 26px;font-family: "Microsoft YaHei";font-weight: bold;margin: 26px 0;float: left;}
.title a {float: right; margin: 35px 0 26px 0px; background:url(../images/more.jpg); display: inline-block;width: 40px;height: 14px;}
.img_top{width: 100%;overflow: hidden;margin-bottom: 25px; height: 230px;
	display: flex; 
	align-items: stretch;}
.img_top .img{    position: relative;
	z-index: 9;
	width: 330px;
	height: 230px;
	padding: 0;
	overflow: hidden; flex-shrink: 0; }
	.img_top .img img{
		transition: all .5s ease;
		-moz-transition: all .5s ease;
		-webkit-transition: all .5s ease; cursor: pointer;
	}
	.img_top .img img{ width:100%;height:100%;}
.img_top .img:hover img{ transform: scale(1.1);}
.img_top .rig{    flex: 1; 
	box-sizing: border-box; 
	height: 230px;
	position: relative;
	background-color: #eee;
	padding: 20px 25px;
	text-align: left;}
.img_top .rig h3{
	width: 100%;
	height: 64px;
	line-height: 32px;
	font-size: 20px;
	overflow: hidden;
	color: #333;
	margin: 0;
}
.img_top .rig h3:hover{text-decoration: underline; color: #0358b0;}
.over_txt{display: -webkit-box;
	-webkit-line-clamp: 2; /* 限制显示2行 */
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;}
.over_txt_3{display: -webkit-box;
		-webkit-line-clamp: 3; /* 限制显示2行 */
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;}
.img_top .rig p{width: 100%;
	height: 60px;
	line-height: 20px;
	font-size: 12px;
	overflow: hidden;
	color: #666;
	margin: 20px 0 10px;}
.img_bot{
	width: 100%;
  overflow: hidden;
}
.img_bot_item{
	  width: 49%; float: left;
    height: 230px;
    position: relative;
    overflow: hidden;
}
.img_bot_item img{ 
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease; cursor: pointer;
}
.img_bot_item:hover img{ transform: scale(1.1);}
.img_bot_item .txt{ 
	position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 75px;
    box-sizing: border-box;
    padding: 10px 20px;
    line-height: 30px;
    color: #fff;
    overflow: hidden;
    background-color: rgba(0,0,0,.7);
    z-index: 10;
}


.news_right{float: right; width:35% ; }
.notice_item{
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #d0d0d0;
	padding-top: 21px;
	margin-bottom: 15px;
}
.notice_item_time{float: left;
	font-size: 12px;
	color: #186299;
	font-family: "Microsoft YaHei";
	text-align: center; margin-right: 20px; padding-left: 10px;}
.notice_item_time p{
	font-size: 26px;
    font-weight: normal;
    margin-bottom: 5px;
}
.notice_item_txt{ 
	height: 50px;
	line-height: 25px;
	overflow: hidden;
	margin-top: 5px;}


.news_list{ float: left;width: 47%; margin-top: 20px;}
.news_list li{ 
	float: left;
	width: 100%; position: relative; height: 40px; line-height: 40px;}
.news_list li::before {
	  position: absolute;
	  content: "";
	  display: inline-block;
	  height: 5px; border-radius: 50%;
	  width: 5px;
	  top: 17px;
	  left: 5px;
	  background-color: #d3d3d3;
}
.news_list li a{ display: inline-block; padding-left: 20px; width: 80%; overflow: hidden;text-overflow: ellipsis;
	white-space: nowrap; height: 40px; line-height: 40px;}
.news_list li span{ float: right; color: #7e7e7e; font-size: 14px;}
.link{ float: left; width: 100%; margin-top: 40px; background: #f9f9f9; padding-bottom: 30px;} 
.link_list{ margin-top: 20px; line-height: 34px;}
.link_list a{ display: inline-block; margin-right: 36px; position: relative; /* 确保伪元素定位参考 */
	padding-left: 10px; /* 为小圆点留出空间，避免文字重叠 */}
.link_list a:hover,.news_list li a:hover{text-decoration: underline;}
.link_list a::before {
	content: ""; /* 内容为空，通过背景或边框显示圆点 */
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%); /* 垂直居中 */
	width: 5px; /* 圆点宽度 */
	height: 5px; /* 圆点高度 */
	background-color: #d3d3d3; /* 圆点颜色，可根据设计稿调整，例如红色 #c00 */
	border-radius: 50%; /* 圆形 */
}
.divider {
	margin: 0px;
	color: #e0e0e0; font-size: 0px;
}

.foot{ float: left; width: 100%; background:#0359b1 url(../images/foot_bg.jpg) no-repeat center center; border-top: 3px solid #8db1d7; color: #e1f0ff; padding-top: 20px; height: 188px;}
.foot_logo{ float: left; margin-top: 50px; max-width: 640px; width: 50%;}
.foot_logo img{ width: 100%;}
.foot_cen{ float: left; width: 30%; margin-left: 8%; margin-top: 50px; line-height:34px; }
.foot_er{ float: left; width:12% ; text-align: center; margin-top: 10px;}
.foot_er img{ max-width: 110px;width: 100%; padding:0px; background-color: #fff;}
.footbot{ float: left; width: 100%; background: #0351a2; color: #c0d6fd; text-align: center;  padding: 10px 0px;}

.ot_banner{ float: left; width:100%; overflow: hidden;}
.ot_banner img{ width: 100%; height:auto;}
.ot_left{ float: left; width: 20%; margin-top: 20px;}
.ot_left_tit{ float: left; width: 100%; height: 64px; background: #0561bf;}
 .ot_left_title{ float: left; margin-left: 30px; height: 64px; line-height: 64px;font-size: 24px; color: #fff;}
 .otnav_list{ float: left; box-sizing: border-box; width: 100%; border: 1px solid #e1e1e1; border-top: none; background: #fafafa;
 }
 .otnav_list li{ float: left; width: 100%; height: 50px; line-height: 50px; box-sizing: border-box; border-bottom: 1px dotted #e7e7e7; padding-left: 35px;}
 .otnav_list li a.on{ color: #0561bf; font-weight: bold;}
 .otnav_list li:last-child{ border-bottom: none;}
 .ot_right{ float: right; width: 78%; margin-top: 20px; margin-bottom: 30px; }
.ot_right_tit{
	float: left; width: 100%; height: 50px; border-bottom: 1px solid #dedede; position: relative;
}
.ot_titleft{
	float: left;
	padding: 10px;  font-size: 20px;
}
.ot_titright{ float: right;  position: absolute; bottom:15px; right: 0px; font-size: 14px; color: #777;}
.ot_list li{ float: left; width: 100%; border-bottom: 1px solid #f3f3f3; padding: 18px 0px;}
.ot_list li .ot_list_rig{ height:75px;padding-left: 20px;
    overflow: hidden;}
.ot_list li .ot_list_rig p:hover{-webkit-transform: translateX(5px); transform: translateX(5px);}
.ot_list li .ot_list_rig em{ font-size: 14px; font-style: normal; color: #767676; line-height: 22px; margin-top: 10px; display: block;}
.downlist{ float: left; width: 100%; margin-top: 15px;}
.downlist li{ list-style-type: none; height: 50px;line-height: 50px;  float: left; width: 100%; position: relative;}
.downlist li:before{
	position: absolute;
	border-radius: 50%;
    content: "";
    display: inline-block;
    height: 5px;
    width: 5px;
		top:22px ;
		left: 5px;
		background-color: #d3d3d3;
}
.downlist li a{ width: 76%; display: inline-block; margin-left: 20px; overflow:hidden; height:100%;text-overflow: ellipsis;
	white-space: nowrap;}
.downlist li a:hover{text-decoration: underline;}
.downlist li span{ float: right; color: #7e7e7e}
.fanye{ float: left; width: 100%; margin-top: 20px; text-align: center; }
.fanye a{ display: inline-block; padding: 2px 10px; background: #f6f6f6; line-height: 20px; font-size: 13px; margin: 0px 2px;}
.fanye a:hover{ color: #0561bf;}
.fanye a.fanyenow{ background: #0561bf; color: #fff; font-weight: bold;}
.detail{ float: left; width: 100%; margin-top: 10px;}
.otnewstit{ font-size: 26px; line-height: 40px; text-align: center; margin-top: 30px;}
.otnewstime{ color: #565656; line-height: 24px; text-align: center; margin-top: 10px; background: #f6f6f6; padding: 10px 0px; margin-top: 20px;}
.detail{ margin-top: 20px; line-height: 30px;}
.tex-in{ text-indent: 32px;}
.detail p{ margin: 5px 0px;}
.detailimg{ max-width: 100%; margin-bottom: 10px;}

.ot_art{ float: left; width: 102%; padding-bottom: 20px;margin-left: -2%;}
.p_articles{margin-top: 25px; width:48%; margin-left:2%;
    padding: 0px;
    border: 0px;
    background: #f6f6f6;
    transition: all 0.4s ease-in-out;overflow: hidden; height:220px;
    float: left;}

.p_images { width: 160px; float: left; overflow: hidden;}
.p_images img {width:100%; height: 100%;}
.p_right{ padding: 20px 30px 0px 30px;width: calc(100% - 160px) !important; float: left;    box-sizing: border-box;}
.p_articles:hover { cursor: pointer;
    background: #ffffff;
    box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);
    transform: translate3d(0px,-4px,0px);
    transition: all 0.4s ease-in-out;}	
.p_tit{ font-size:20px; margin-top: 5px; height: 30px; line-height: 30px; overflow: hidden;} 
.p_detail{ margin-top:10px; color: #666; line-height: 25px; height: 75px; overflow: hidden;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.p_more{ float: right; margin-top: 20px;}
a.link_more {
	display: inline-block;
	padding: 6px 25px;
	border: 1px solid #065fae;
	color: #065fae;
}

@media only screen and (max-width:1280px){
	.soBox{padding: 18px 60px 17px; width: 200px;}
	.menu{ height: 55px;}
	.menu li h3{ height: 55px; line-height: 55px;}
	.ot_left{ width: 24%;}
	.ot_right{ width: 74%;}
	.foot_cen{ margin-top: 30px;}


	
}
@media only screen and (max-width:1000px){
	.menu{display: none;}
	.menuBtn{ display: block; width: 40px; height: 40px; top:40px;}
	.nav-wrap,.so-btn{display: none;}
	.matop20{ margin-top: 5px;}
	.logo{ width:500px; margin-top: 15px;}
	.headbg{ height: 80px; background-size:345px 80px;}
	.head_rig{ display: none;}
	.news_list li a{ width: 64%;}
	.ot_left{ width: 28%;}
	.ot_right{ width: 70%;}
	.ot_art{width: 100%; padding-bottom: 20px;margin-left: 0px;}
.p_articles{margin-top: 25px; width:100%; margin-left: 0px;}
  
	
}
@media only screen and (max-width: 768px){
	body{ font-size: 14px;}
	.menuBtn {
	    width: 30px;
	    height: 30px;
	    right: 0px; top: 35px;
	}
	.logo{margin-top: 5px; width: 480px;}
	.headbg{ height: 60px;background-size:265px 60px; background-position: 80% center;}
	.news_list{ width: 100%;margin-top: 10px;}
	.title h2{ font-size: 20px;margin: 16px 0;}
	.title a{ margin: 23px 0 16px 0; }
  .news_left,.news_right{ width: 100%;}
  .notice_item{ padding-top: 11px; margin-bottom: 11px;}
	.link{ margin-top: 20px;}
	.foot_logo{ display: none;}
  .foot_tit{ font-size:16px;}
  .foot{ height:155px;}
	.foot_cen{ width: 60%; margin-left: 0px; margin-top:15px; line-height:30px; font-size:14px;}
	.foot_er{ width: 40%;font-size:12px;margin-top: 0px;}
	.foot_er img{ max-width: 100px;}
	.ot_left{ width:100%; margin-top: 10px; background: #f6f6f6;padding-bottom: 10px;}
	.ot_right{ width: 100%; margin-top: 10px;}
	.ot_left_tit,.ot_left_title{ height: 50px; line-height: 50px;}
	.ot_titleft{ font-size: 18px;}
	.ot_left_title{ font-size: 20px;}
	.otnav_list{ border: none; background: none; margin-top: 10px;}
	.otnav_list li{ width: 31.33%; background: #fff; height: 40px; line-height: 40px; text-align: center; padding: 0px; border: 1px solid #ddd; margin: 3px 1%;}
	.otnav_list li:last-child{ border-bottom: 1px solid #ddd;}
	.otnewstit{margin-top: 0px; font-size:24px;}
	.downlist li{ height: 40px; line-height: 40px;}
	.downlist li:before{
			top:18px ;
	}
  
.p_articles{margin-top: 15px;  height:180px;}
.p_images { width: 140px; }
.p_right{width: calc(100% - 140px) !important;padding: 10px 15px 0px 15px; }

.p_tit{ font-size:18px; margin-top: 5px; height: 24px; line-height:24px; overflow: hidden;} 
.p_detail{line-height: 22px; height:66px; }
.p_more{ margin-top: 15px;}
.downlist li a{ width: 60%;}
}
@media only screen and (max-width: 568px){
	.logo{width: 340px;margin-top: 10px;}
	.menuBtn{ top: 30px;}
	.img_top .rig h3{ font-size: 18px;}
	.img_bot_item,.img_top,.img_top .img{ height: 140px;}
	.img_top .img{ width: 185px;}
.img_top .rig h3{    height: 50px; line-height: 25px;}
.img_top .rig p{margin: 10px 0 10px;}
.img_top .rig{padding: 10px 15px;height: 140px;}
.img_bot_item .txt{height: 52px;    padding: 5px 10px;line-height: 22px;}
.link_list{ line-height: 28px;}
}