*{ padding:0;margin: 0px;}
ul,li{list-style: none;}
a{text-decoration: none; color: inherit;}
a:link{text-decoration:none;   /* 指正常的未被访问过的链接*/}
a:visited{text-decoration:none; /*指已经访问过的链接*/}
a:hover{text-decoration:none;/*指鼠标在链接*/}
a:active{text-decoration:none;/* 指正在点的链接*/ }
li:hover{cursor:pointer;/* 触碰时变成小手*/}
.clr::after{content: "";display: block;clear: both;}

.mrTop30{ margin-top: 30px;}
.mr5{margin-right: 5px;}
.fl{float: left;}
.fr{float: right;}

.header{
        height: 130px;
	position: relative;
	background-color: #fff;
	width: 100%;
}
.header-align{display: flex;align-items: center;justify-content: space-between;}
.header .my-width div:nth-child(1){width: 50%;}
.header .my-width div:nth-child(1) img{width: 100%;}
.header .my-width div:nth-child(3){font-size: 14px;color: #999999;}

.span-shu{
	width: 1px;
	height: 12px;
	background-color: #eeeeee;
	display: inline-block;
	margin: 0 10px;
}

.nav .my-width>ul>li:first-child::before{
    content: "";
}
.nav ul>li{
    position: relative;
}

.nav ul>li ul{
    display: none;
    position: absolute;
    z-index: 10;
	background-color: #fff;
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.27);
	width: 100%;
}
.nav ul>li ul li{
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid rgba(255,255,255,.1);
	text-align: center;
}



.nav-btn{color: #fff;height: 100%;float: right;margin-right: 2%;line-height: 130px;display: none;}
.nav-btn span{font-size: 45px !important;}
@media (min-width: 768px){
	.nav ul>li ul li:hover{
	    background: #0262b4;
	}
	.nav ul>li:hover ul{
	    display: block !important;
	}
	.nav ul>li ul li:hover a{
	      background: #0262b4;
	}
        .nav ul>li ul li:hover a span{
	      color: #fff !important;
	}
	.nav ul>li ul li a{
	      line-height: 40px;
	      color: #333333;
	}
	.nav #wp_nav_w1>ul>li:hover{
		background: rgba(0,0,0,.2);
	}
	.nav #wp_nav_w1>ul>li:hover ul{
		display: block;
	}
        .nav ul>li:hover{ 
	        background: rgba(0,0,0,.3);
        }

}

.footer{
	width: 100%;
	height: 167px;
	background-color: #0262b4;
	color: #fff;
	/* overflow: hidden; */
}

.footer-align{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer-mid{
	width: 400px;
	padding: 0 30px;
	max-height: 84px;
	border-right: 1px solid rgba(255,255,255,.2);
	border-left: 1px solid rgba(255,255,255,.2);
	line-height: 30px;
}
.f-m-icon{
	float: left;
}
.f-m-zi{
	float: left;
}
.f-m-zong{margin-top: -10px;}
.f-m-zi p{width: 360px;margin-left: 10px;}
.copy{
	font-size: 12px;
	margin-top: 10px;
}
.copy p{
	margin-top: 5px;
}
.footer-ewm{
	position: relative;
	top: -118px;
	left: 1156px;
	z-index: 2;
	margin-top: -80px;
}

.footer-right{width: 200px;display: flex;justify-content: space-between;font-size: 14px;}
.small-div{width: 100px;text-align: center;color: #fff;font-size: 14px;line-height: 25px;position: relative;}
.small-div:hover .ewm{display: block;}
.small-top{position: absolute;top: -98px;height: 100px;border-radius: 3px;}
.small-top1{top: -118px;}
.small-top2{right: 0;width: 225px;top: -118px;}
.ewm{background: #fff;color: #333333;padding: 10px 10px 0px 10px;position: absolute;display: none;}
.ewm div{float: left;}

.footer-span{font-size: 35px !important;}
.f-m-icon1{font-size: 20px !important;display: inline-block;text-align: center;width: 20px;}
.f-m-icon2{font-size: 15px !important;display: inline-block;text-align: center;width: 20px;}
.yidong{position: relative;top:-10px}

.copy-sj{display: none;font-size: 14px;line-height: 30px;}
.footer-copy{
	font-size: 14px;
	color: rgba(255,255,255,.5);
	background-color: rgba(6,62,117,.9);
	text-align: center;
	min-height: 20px;
	padding:10px 0;
	line-height: 21px;
	display: none;
}
.jiantou{float: right;margin-right: 4%;line-height: 40px;font-size: 32px !important;transition-duration: 0.2s;transition-timing-function: linear;display: none;}
.logo-sj{display: none;}

.footer-pic{
	width: 100%;
}
.footer-pic img{
	width: 100%;
	height: auto;
	object-fit: contain;
}

.nav{
	background-color: #0262b4;
}
.nav #wp_nav_w1>ul{
	width: 100%;
	color: #fff;
}
.nav #wp_nav_w1>ul>li{
	position: relative;
	text-align: center;
	line-height: 40px;
	width: calc(99% / 8);
	float: left;
}
.nav #wp_nav_w1>ul>li ul{
	display: none;
}
.nav #wp_nav_w1>ul>li a{
	display: block;
	overflow: hidden;
	width: 100%;
	text-overflow:ellipsis;
	white-space: nowrap;
}


/*二级导航*/
.nav2{
	position: absolute;
	background: #003e6a;
	display: none;
	visibility: visible;
	width: 100%;
}

.nav2 li{
        color: #333 !important;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid rgba(255,255,255,.1);
	text-align: center;
}
.on{
	z-index: 999;
	background-color: rgba(0,0,0,.2) !important;
	color: white;
}
.nav2 li a{
    line-height: 40px;
	display:block;
    height:40px;
   
}
.nav2 li a{
	display: block;
	overflow: hidden;
	max-width: 100%;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.nav2 .nav-item{
       background-color:#fff;
}
.nav2 .item-name{
       color: #333 !important;
}
.parent:hover,.on .parent{
	color: #fff !important;
}



.my-width{width: 1200px; margin: 0 auto;height: 100%;}
@media (max-width: 1200px){
	.my-width { width: 970px;}
	.footer-right{display: none;}
	.footer-mid{}
}
@media (max-width: 992px){
	.my-width { width: 750px;}
	.header-align div:nth-child(2){display: none;}
	.copy{display: none;}
	.footer-mid{display: none;}
	.copy-sj{display: block;margin-top: 30px;}
	.footer{height: auto;padding: 30px 0;}
	.footer-copy{display: block;}
}
@media (max-width: 768px){
        .main{width: calc(94%);margin-left: 3%;}
	.nav-btn{display: block;}
	.header-align div:nth-child(3){display: none;}
	.header{background-color: #0262b4;}
	.logo-pc{display: none;}
	.logo-sj{display: block;}
	.header .my-width{ width: calc(94%); margin-left: 3%;}
	.nav ul>li{clear: both;}
	.nav #wp_nav_w1>ul>li{
	        width: 100%;
		text-align: center;
		background-color: #0262b4;
		border-bottom: 1px solid rgba(255,255,255,.5);
	}
	.nav ul>li{
	    position: relative;
	}
	.nav ul>li:hover ul{
	    display: block;
	}
        .nav #wp_nav_w1>ul>li{
		width: 100%;
		display: block;
		background:#0262b4 !important;
	}
        .nav2{
               position: inherit !important;
        }
        .nav ul>li ul{
               position: inherit !important;
               width: 94%;
               margin-left: 3%;
        }

	.nav2 li{
                width: calc(94%);
		background: #fff;
	}
	.nav2 li a{
		height: 40px;
		line-height: 40px;
		display: block;
	}
	.nav2 .item-name{
		color: #333333 !important;
	}

       .top-bg img {
            height: 260px;
        }

	.jiantou{display: block;position: absolute;top: 0;right: 0;}
	.footer .my-width{width: calc(94%);margin-left: 3%; clear: both;}

    .list-main .l-m-left{
        display: none;
    }
   .list-main .l-m-right{
        width: 100% !important;
        border-left:0 !important;
        padding-left:0 !important;
    }
}
@media (max-width: 426px){ 
	.header{height: 76px;}
	.nav-btn{line-height: 76px;}
	.header .my-width div:nth-child(1) img{width: 150%;}
}
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*以下全是  list  artilcle  共用样式*/
.top-bg{
    max-height: 350px;
}
.top-bg img{
	width: 100%;
	max-height: 350px;
	object-fit: cover;
}

.list-header{
    line-height: 45px;
    border-bottom: #ddd 1px solid;
    color: #666666;
}
.list-header>a{
    margin: 0 6px;
}
.list-main{
    margin: 18px 0 70px 0;
}
.list-main>.l-m-right,.list-main>.l-m-left{
    box-sizing: border-box;
}
.list-main .l-m-right{
    width: calc(100% - 276px);
    border-left: 1px solid #ddd;
    float: left;
    padding-left:20px;
}


/*左边栏 开始*/
.list-main>.l-m-left{
    width: 256px;
    float: left; 
    margin-right:20px;
}
.l-m-l-biaoti{
    display: block;
    width: 100%;
    background-color: #0262b4;
    line-height: 55px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-family: MicrosoftYaHei-Bold;
}
.list-main>.l-m-left>.l-m-left-top ul li{
    margin: 9px 0;
    line-height: 40px;
    background-color: #f5f6fa;
    text-align: center;
    color: #666666;
}
.list-main>.l-m-left>.l-m-left-bottom{
    margin-top: 28px;
}
.list-main>.l-m-left>.l-m-left-bottom ul>li{
    border-bottom:  #dcdcdc 1px solid;
    padding: 18px 0;
}
.list-main>.l-m-left>.l-m-left-bottom ul li a{
    line-height: 24px;
    color: #333333;
    display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    overflow: hidden;
}
/*左边栏 结束*/


/* 样式更改*/
/* 左侧部分样式更改*/
.wp_listcolumn .wp_column a:hover{
    background: #0262b4;
    color:#fff;
}
.wp_listcolumn .wp_column a{
    text-align: center;
    background:none;

}
  .l-m-left-top>div>div:first-child, .btn-bg{
    height: 55px;
    text-align: center;
    background: #0262b4;
    line-height: 55px;
    color: #fff;
}

.l-m-left-top>div>div>.Column_Anchor ,.btn-bg {
    font-size: 20px;
    font-weight: bold;
}
.wp_listcolumn .wp_column a{
   font-weight: normal;
   border:0;
   display:block;
   height:40px;
}

#wp_iframe_hotColumn_w23{
   margin-top:15px;
}

.list-header{
 border-bottom: 1px solid #ddd !important;
}
.left_list_title{
    width: 100%;
    height: 55px;
    background-color: #0262b4;
    font-size: 20px;
    color:#fff;
    display:flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    margin-top:40px;
}

.left_list2 a.selected{
        display: block;
	background-color: #0262b4;
        color:#fff;
}
/*限制左右列表图片大小*/
.right img{
	max-width: 100% !important;
        object-fit:cover;
}