@charset "utf-8";

/*通用*/
* { padding: 0; margin: 0; font-family: "Arial", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; }
body { font: 16px/1.231 "Arial", 'Microsoft YaHei', arial, helvetica, clean, sans-serif; color: #333; margin: 0; line-height: 1.5; }
li, ul { list-style-type: none; }
input, textarea {  outline: 0;  border: 0;  }
img { border: none; }
h1, h2, h3, h4, h5, h6, dl, dd, dt, em, i {  font-weight: normal;  font-style: normal; }
a { text-decoration: none; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; color: #333; }
.container { width:1300px; margin:0 auto;}
.lf {float:left;}
.rt {float:right;}
.clear:after { clear:both; content: ""; display: block; height:0; visibility:hidden;}

body { background: url("../images/bg.jpg") repeat-y top center;}

/*header*/
.header { width: 100%; background-color:#fff; min-width: 1300px; }
.header .logo{ height: 120px; padding-top:15px ;}
.header .logo a { display: block; margin: 0 0; }
.header .logo a img { display: block;}
.logo_out{width: 100%;height: 150px; background: url(../images/logo_bg.jpg) center top;}
		
.header .search { width: 348px; height: 36px; border: 1px solid #ccc; border-radius: 20px; margin-top: 30px; }
.header .search input.text { width: 296px; height: 36px; color: #8f8f8f; padding-left: 15px; float: left; background: none;}
.header .search input.submit { background:url("../images/search.png") no-repeat center; cursor: pointer; width: 20px; height: 36px; float: left;}

.header .top_white{
	width: 100%;
	height: 4px;
	background-color:#224B77;
}





/*nav*/

.nav {
	border-top: 1px solid #fff;
	width: 100%;
	height: 50px;
	background-color: #224B77;
	min-width: 1300px;
}

.nav ul {
	position: relative;
}

.nav ul li {
	float: left;
	width: 117px;
	text-align: center;
	line-height: 50px;
	position: relative;
}

.nav ul li a {
	display: block;
	color: white;
}

.nav>ul>li>a {
	font-size: 16px;
}

.nav ul li i {
	display: block;
	width: 100%;
	height: 0;
	background-color: #ce0a18;
	transition: all .3s;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.nav ul li:hover i {
	height: 50px;
}

.nav ul li:hover>a {
	color: #fff;
	background-color: #DFBB00;
}

.nav ul li.on i {
	height: 50px;
}

.nav ul li.on a {
	color: #fff;
}

.nav ul li .sub {
	background: url("../images/hei.png");
	position: absolute;
	z-index: 1;
	left: -9999px;
    width: auto; 
    white-space: nowrap; 
}

.nav ul li .sub a {
	color: #fff;
}

.nav ul li:hover .sub {
	left: 0;
	
	left: 50%; 
	transform: translateX(-50%);
}

.nav ul li .sub .list {
    width: auto; 
    min-width: 117px; 
}

.nav ul li .sub .list span {
	height: 0;
	transition: height .3s ease-out;
	display: block;
}

.nav ul li:hover .sub .list span {
	height: 50px;
	line-height: 50px;
}

.nav ul li .sub .list span a {
	font-size: 15px;
	 /* 增加内边距 */
    padding: 0 10px; 
    /* 设置为块级元素以应用内边距 */
    display: block; 
}

.nav ul li .sub .list span a:hover {
	background-color: #DFBB00;
	color: #fff;
}




/*foot*/
.foot { 
	/*background-color: #B61D22;*/ 
	background-color: #224B77;
	min-width: 1300px;
	width: 100%;  padding: 30px 0; }
	
.foot .foot_logo{ margin: 10px 70px 10px 0;}	
.foot .message { margin-top: 30px; }
.foot .message p { color: #fff; line-height: 35px; font-size: 18px; }
.foot .qr_code ul { overflow: hidden; }
.foot .qr_code ul li { float: left; text-align: center; margin-left: 20px; }
.foot .qr_code ul li img {  width: 100px; height: 100px; display: block; margin-bottom: 8px; margin-top:20px }
.foot .qr_code ul li h6 { color: #fff; font-size: 14px; }




/**============= 内页通用 =============**/
/*ny*/
.ny_banner { width: 100%; height: 300px; min-width: 1300px;}
.ny_banner img { width: 100%; height: 100%; display: block;}
.m_box { padding: 35px 0; }
/*left*/
.m_box .m_left { width:220px;}
.m_box .m_left .m_line .head { text-align:center; background-color:#006EC0; height: 60px;}
.m_box .m_left .m_line .head h2 { color:#fff; font-size: 20px; font-weight: bold; line-height: 60px;}
.m_box .m_left .m_line ul { background-color:#fff; padding: 20px 0; }
.m_box .m_left .m_line ul li { line-height: 50px; margin: 0 40px 10px 40px;}
.m_box .m_left .m_line ul li a { font-size: 16px; margin-left: 15px; display: block; color: #666; font-weight: bold; border-bottom: 2px solid transparent;}
.m_box .m_left .m_line ul li:hover { background: url("../images/icon9.png") no-repeat left center; }
.m_box .m_left .m_line ul li:hover a { border-bottom: 2px solid #be3f4d; }
.m_box .m_left .m_line ul li.on { background: url("../images/icon9.png") no-repeat left center; }
.m_box .m_left .m_line ul li.on a { border-bottom: 2px solid #be3f4d; }
/*right*/
.m_box .m_right { width: 1000px; padding: 15px 25px 40px 25px; background-color: #fff;}
.m_box .m_right .head2 { border-bottom:1px solid #ccc; height: 50px; line-height: 50px;}
.m_box .m_right .head2 h4 { float:left; font-size:18px; padding-left: 27px; font-weight: bold; background:url("../images/icon10.png") no-repeat left center }
.m_box .m_right .head2 .position { float:right; }
/*.m_box .m_right .head2 .position span,.m_box .m_right .position a { float:left;color:#999;padding: 0 3px;}*/
.m_box .m_right .head2 .position a:hover { color: #be3f4d; }





.m_box .m_left .m_line ul li { line-height: 50px; margin: 0 10px 10px 10px;}



.news{
	background-color: white;
}

.news_title1{
	margin: 40px 0;
	height: 50px;
	background-image: url(../images/news_title_bg.jpg);
	background-repeat: no-repeat;
	background-position: center -455px;
	position: relative;

}
.news_title1 span{
	position: absolute;
	top: 10px;
	left: 608px;
	font-size: 22px;
	font-weight: bold;
	font-family: "微软雅黑";
}

.news_content{
	 display: flex;
     -webkit-justify-content: space-between;
     justify-content: space-between;
    
}


.news_content dl{
	width: 30%;
	height: 480px;
	/*border: 1px solid #fff;*/
	float: left;
	margin-left: 5%;
	border-radius: 20px;
	background-color: #eee;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
	box-shadow: 2px 2px 20px 2px #ccc;
	display: inline-block;
}
.news_content dl:hover{
	/*border-color: #CE0A18;*/
}
.news_content dl:nth-child(3){
	margin-left: 0%;
}



.news_content dt{
	overflow: hidden;
}

.news_content dt img{
	width: 100%;
	height: 30vw;
	max-height: 300px;
	opacity: 0.8;
	transition: all .6s;
}

.news_content dt img:hover{
	opacity: 1;
	transform: scale(1.2);
}
.news_content dd{
	margin: 5px 0;
	font-size: 16px;
}

.news_content dd.news_title{
	border-bottom: 1px dashed palevioletred;
	padding: 5px;
	font-weight: bold;
	font-size: 16px;
}
.news_content dd.news_title a:hover{
	color: #CE0A18;
}
.news_content dd.news_title span{
	color: #CE0A18;
	font-weight: bold;
	margin-right: 10px;
}
.news_content dd.news_con{
	line-height: 1.8em;
	padding: 8px 8px 18px 8px;
}


.next_article{
	margin-top: 50px;
	border-top: 1px dashed #999; 
	padding-top: 50px;
}
.next_article li{
	line-height: 40px;
}
.next_article li a:hover{
	color: #CE0A18;
}