*{ 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;}
.mt70{margin-top: 70px;};
.fl{float: left;}
.fr{float: right;}

.header{
    height: 148px;
	position: relative;
	background-image: linear-gradient(90deg, #003e6a 0%, #034a7c 26%, #06558d 52%, #003e6a 100%);
	width: 100%;
}
.header-align{display: flex;align-items: center;justify-content: space-between;}
.header-align div:nth-child(1){
	width: 40%;
}
.header-align div img{
	width: 100%;
	height: auto;
	object-fit: contain;
}
.span-shu{
	width: 1px;
	height: 12px;
	background-color: #eeeeee;
	display: inline-block;
	margin: 0 10px;
}

.nav{
	color: #333333;
	width: 100%;
	height: 40px;
	background-color: #fff;
}
.nav .wp_nav>li{
    width: calc(99% / 9);
    float: left;
    text-align: center;
    font-family: Arial-BoldMT;
}
.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);
}
.nav ul>li ul li{
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

/* ********************************************** */
.nav{
	color: #333333;
	width: 100%;
	height: 40px;
	background-color: #fff;
}
.nav #wp_nav_w1>ul{
	height: 40px;
	color: #fff;
}
.nav #wp_nav_w1>ul>li>a{ 
	display: block;
	font-size: 16px;
        color: #333333;
        line-height: 40px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
}
.nav #wp_nav_w1>ul>li{
	position: relative;
	text-align: center;
	line-height: 40px;
	width: calc(100% / 9);
	float: left;
}
.nav #wp_nav_w1>ul>li ul{
	display: none;
}
.nav #wp_nav_w1>ul>li a{
	
}


/*二级导航*/
.nav2{
	position: absolute;
	background: #003e6a;
	display: none;
	visibility: visible;
}


.nav2 li{
        color: #333 !important;
	font-size: 14px;
	height: 40px;
	line-height: 40px !important;
	border-bottom: 1px solid rgba(255,255,255,.1);
	text-align: center;
	/* padding: 0 30px; */
}
.on{
	z-index: 999;
	background-color: #003e6a !important;
	color: #fff !important;
}
.nav2 li:hover{
    background: #003e6a ;
	color: white;
}
.nav2 li a{
    line-height: 40px !important;
    display:block;
    height:40px;

}
.nav2 li a{
	display: block;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.item-name{
color: #333 ;
}

.parent:hover,.on .parent{
	color: #fff !important;
}


.sousuo{
	width: 260px;
	height: 35px;
	background-color: #dddddd;
}

.sousuo input[type="text"]{
	text-indent: 15px;
	width: calc(100% - 35px);
	height: 35px;
	background: #fff;
	border: none;
	color: #333333;
	font-size: 14px;
	line-height: 23px;
}

.sousuo input[type="submit"]{
	width: 20px;
	height: 20px;
	background: url(../img/search.png) no-repeat;
	background-size: 100% 100%;
	border: none;
	position: relative;
	top: 5px;
	left: 3px;
}

.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 a{
	    line-height: 40px;
		color: #333333;
	}
	.nav ul>li ul li:hover{
	    background: #003e6a;
	}
	.nav ul>li:nth-child(5):hover{
		background-color: inherit;
	}
	.nav ul>li:hover ul{
	    display: block !important;
	}
	.nav ul>li ul li:hover a{
	    background: #003e6a;
		color: #fff;
	}
}

.footer{
	width: 100%;
	height: 140px;
	background-image: linear-gradient(90deg, 
	#003e6a 0%, 
	#034a7c 26%, 
	#06558d 52%, 
	#003e6a 100%);
	color: #fff;
}

.footer-align{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footer-mid{
	font-size: 14px;
}
.footer-copy{
	font-size: 12px;
	color: #ffffff;
	background-color: #003255;
	text-align: center;
	line-height: 35px;
}
.small-div{
	width: 100px;
	text-align: center;
	position: relative;
	top: -51px;
}
.footer-span{
	font-size: 35px !important;
}
.footer-sj-nei{
	display: none;
}
.footer-copy-sj{
	display: none;
	font-size: 12px;
	color: rgba(255,255,255,.5);
	background-color: #003255;
	line-height: 25px;
}
.footer-copy-sj p{
	text-align: center;
}
.footer-sj-nei p{
	font-size: 14px;
	margin-top: 10px;
}
.mt5{margin-top: 5px;font-size: 14px;}
.pd10{padding: 10px 0;}
.ewm{opacity: 0;background-color:#fff;padding:10px 10px 0px 10px;color:#333;}
.img-yidong{
      position: relative;
      left: -3px;
}
.ewm span{
      position: relative;
      top: -5px;
      font-size:14px;
}
.jiantou{float: right;margin-right: 4%;line-height: 40px;font-size: 32px !important;transition-duration: 0.2s;transition-timing-function: linear;display: none;color: #fff;}

.footer-pic{
	width: 40%;
}
.footer-pic img{
	width: 100%;
	height: auto;
	object-fit: contain;
}
.mid-icon{
	width: 100%;
	height: 183px;
	position: absolute;
	display: flex;align-items: center;justify-content: center;
}
.mid-icon div:nth-child(1){
	width: calc(100%/9);
	margin-top: -140px;
        z-index: 9999999999;
        padding-right:15px;
}
.mid-icon div:nth-child(1) img{
	width: 100%;
	height: auto;
	object-fit: contain;
}



.my-width{width: 1400px; margin: 0 auto;height: 100%;}
@media (max-width: 1400px){
	.my-width { width: 1150px;}
}
@media (max-width: 1201px){
	.my-width { width: 970px;}
	.header-align div:nth-child(1){
		width: 50%;
	}
}
@media (max-width: 992px){
	.my-width { width: 750px; }
	.header-align div:nth-child(1){
		width: 60%;
	}
	.footer-right{display: none;}
}
@media (max-width: 768px){
	.nav-btn{display: block;}
	.header .my-width{ width: calc(94%); margin-left: 3%;}
	.nav ul>li{clear: both;}
	.mid-icon{display: none;}
	.sousuo{display: none;}
	.nav .my-width{width: 100%;}
        .nav #wp_nav_w1>ul>li{
		width: 100%;
		display: block;
		background:#003e6a !important;
                border-bottom: 1px solid rgba(255,255,255,.5);
	 }
         .nav #wp_nav_w1>ul>li>a{ 
                color: #fff;
         }
         .item-name{
		color: #fff !important;
	 }
         .nav2 li{
		background: #fff;
	}
        .nav2 .item-name{
		color: #333333 !important;
	}
	.nav .my-width>ul>li a{color: #fff;}
	.nav ul>li{
	    position: relative;
	}
	.nav #wp_nav_w1>ul>li:nth-child(5){display: none;}
	.nav ul>li ul{
		width: calc(100% - 8%);
	        position: inherit;
	        z-index: 0;
		background: #fff;
		margin-left: 4%;
	}
	.nav ul>li ul li a{
		color: #333333 !important;
		width: calc(100% - 4%);
		font-size: 14px;
		height: 40px;
		line-height: 40px;
		border-bottom: none;
		border-top: 1px solid rgba(211,211,211,.5);
		text-align: left;
		overflow: hidden;
		max-width: 100%;
		text-overflow:ellipsis;
		white-space: nowrap;
		padding: 0 0;
		margin-left: 2%;
		text-indent: 0;
	}
        .nav #wp_nav_w1>ul{
                width: 100%;
        }	
        .nav ul>li ul li a{
		color: #003e6a;
	}
	.jiantou{display: block;position: absolute;top: 0;right: 0;}
	.footer{height: auto;}
	.footer .my-width{width: calc(94%);margin-left: 3%; clear: both;}
	.footer-mid{display: none;}
	.footer-pic{
		width: 80%;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.footer-sj-nei{display: block;}
	.footer-copy-sj{display: block;}
	.footer-copy{display: none;}
}
@media (max-width: 426px){ 
	.header{height: 76px;}
	.nav-btn{line-height: 76px;}
	.header .my-width div:nth-child(1) img{width: 120%;}
}
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/*以下全是  list  artilcle  共用样式*/
.top-bg {
    max-height: 350px;
}
.top-bg img {
    width: 100%;
    max-height: 350px;
    object-fit: cover;
}
.left_list2 a.selected{
	display: block;
	background: #003255;
	color: #fff;
}
.list-header{
    line-height: 45px;
    border-bottom: #ddd 1px solid;
    color: #666666;
}
.list-header>a{
    margin: 0 6px;
}
.list-main{
    margin-top: 18px;
}
.list-main>.l-m-right,.list-main>.l-m-left{
    box-sizing: border-box;
}
.list-main .l-m-right{
    width: 75%;
    border-left: 1px solid #ddd;
    padding-left: 10px;
    float: right;
}
.list-main .l-m-right img{
    max-width:100% !important;
    object-fit: cover;
}

.hideimg{display:none;}
/*左边栏 开始*/
.list-main>.l-m-left{
    width: 23%;
    float: left; 
}
.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;
}
@media (max-width:768px){
    .top-bg{
        width: 100%;
    }
    .top-bg img {
        width: 100%;
    }
    .showimg{display:none;}
    .hideimg{display:block;}
	.list-mid .my-width{
		width: calc(94%);
		margin-left: 3%;
	}
    .list-main>.l-m-left{
        display: none;
    }
    .list-main .l-m-right{
        width: 100%;
        border:none;
        padding-left: 0;
        float: right;
    }
}
/*左边栏 结束*/


/* 样式更改*/
/* 左侧部分样式更改*/
.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: #003255;
    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;
}

#wp_iframe_hotColumn_w23{
   margin-top:15px;
}
.wp_listcolumn .wp_column a.selected{
   background-color: #0262b4;
   color:#fff;
   background-image:none
}

.list-header{
 border-bottom: 1px solid #ddd !important;
}

@media (min-width: 768px){
	.nav ul>li ul li a{
	    line-height: 40px;
		/* color: #333333; */
	}
	.nav ul>li ul li:hover{
	    background: #003e6a;
	}
    
        .nav ul>li:hover{ 
	       
        }
        .nav ul>li:hover>a{ 
	       color: #fff;
        }
        
	.nav ul>li:hover ul{
	    display: block !important;
	}
	.nav ul>li ul li:hover a{
	        background: #003e6a;
		color: #fff;
	}
	.nav #wp_nav_w1>ul>li:hover{
	        background-color: #003e6a;
	        color: #fff;
	}
        .nav #wp_nav_w1>ul>li:hover .item-name{
	        color: #fff;
	}
         .nav #wp_nav_w1>ul>li:hover .nav2 .item-name{
	         color: #333;
	}

	.nav #wp_nav_w1>ul>li:hover ul{
		display: block;
	}
        .nav2 li:hover a{
                background-color: #003e6a !important;
	        color: white !important;
        }
        .nav2 li:hover .item-name{
	        color: #fff  !important;
        }
}

.c_333{color:#333333;}
.fw{font-weight:600;}
.line_b{
      border-bottom: 1px solid #dddddd;
}
.cen{text-align:center}
.f16{
      font-size:16px;
}
.f12{
      font-size:12px;
}

.l-m-right .icon{
	margin-right: 10px;
        color:#bbbbbb;
}
.right_title1{
	line-height: 55px;
}
.right_title2{
	line-height: 40px;
	margin-bottom:1.75rem;
}
.right_title2 ul li{
	display: inline-block;
	margin: 0 15px;
        color: #999999;
}
.right_text{
	max-width: 100% !important;
}

/* 只有手机才显示的部分  */
.hid_pc{
	display: none;
	margin-top: 50px;
}

@media (max-width: 768px){

	.l-m-left{
		display: none;
	}
	.l-m-right{
		width: 100%;
		border-left: 0;
	}
	.hid_pc{
		display: block;
	}
	.hid_pc li{
		line-height: 70px;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #ddd;
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
}









