body{font-family:"微软雅黑"!important;font:14px Microsoft YaHei!important;line-height: 24px;background: #fff9ee;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;}
li,ol{list-style:none;}
a,input,img,textarea{border:none;outline:none;}
i,em{font-style:normal;}
.left{float: left;}.right{float: right;}.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}
.db{display: block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}
.transition{-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out; }
a{text-decoration: none;color: #333;}
a:focus{text-decoration: none;}
a:hover,a:focus{text-decoration: none!important; color: #b20802;}
.hide{display: none;}
.show{display: block;}
.modal a{outline:none;}
label{font-weight: normal;width:100%;}
a:focus {outline:none;outline-offset:0;}


.wrap{ position: relative; width: 1200px; margin: 0 auto;}
.top{  background: url("../images/top.jpg") no-repeat top center; height: 610px;}
.logo{ padding-top: 60px;}

.menu{ background-color: #db0000; height: 70px; clear: both;}
.menu a{ line-height: 70px; color: #fff; display: block; width: 20%; float: left; font-size: 18px; font-weight: bold; text-align: center;}
.menu a:hover,.menu a.hover{ background-color: #b20802;}

.main{ background: url("../images/main_bg.jpg") no-repeat center top; padding-top: 60px;}
.box{ clear: both; overflow: hidden; margin-bottom: 50px;}

.news{ overflow: hidden; width: 1140px; padding: 30px; margin-bottom: 50px;}
.news_left{ width: 570px;float: left; overflow: hidden; position: relative;}
.news_left img{ display: block; width: 630px; height: 400px; object-fit: cover; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ right: 20px; bottom: 20px !important; width: auto !important; left: auto !important;}
.swiper-pagination-bullet{ background: #fff !important; }
.banner_date{ position: absolute; top: 10px; left: 10px; width: 70px; height: 60px; background-color: #b20802; color: #fff; text-align: center;}
.banner_date span{ font-size: 24px; padding-top: 5px; display: block;}
.banner_text{ position: absolute; height: 60px; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, .5);}
.banner_text p{ color: #fff; font-size: 18px; text-align: left; padding-right: 100px; line-height: 60px; padding-left: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.news_right{ float: right; width: 540px;}
.news_right .title_x{ background: url("../images/title_x.png") no-repeat bottom right; height: 45px;}
.news_right .title_x p{ font-size: 30px; font-weight: bold; color: #ec3c22; float: left; line-height: 45px;}
.news_right .title_x p span{ color: #e8912b;}
.news_right .title_x a{ display: block; float: right; line-height: 45px; background: #fff; padding-left: 10px; color: #ec3c22; text-transform: uppercase;}
.news_right ul{ clear: both; overflow: hidden; margin-top: 15px;}
.news_right ul li{ background: url("../images/list_icon.png") no-repeat left center; height: 50px;line-height: 50px; padding-left: 20px; clear: both; overflow: hidden;}
.news_right ul li a{ float: left; display: block; width: 75%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px;}
.news_right ul li span{ float: right; width: 20%; line-height: 50px; color: #999; text-align: right;}

.title_d{ background: url("../images/title_d.png") no-repeat center; height: 45px; position: relative; margin-bottom: 50px;}
.title_d p{ font-size: 36px; font-weight: bold; color: #ec3c22; line-height: 45px; text-align: center;}
.title_d p span{ color: #e8912b;}
.title_d a{ display: block; position: absolute; right: 0; top: 10px; line-height: 45px; background: #fff9ee; padding-left: 10px;color: #ec3c22; text-transform: uppercase;}

.jc_news{ clear: both;}
.jc_news ul li{ width: 48%; margin-right: 4%; float: left; margin-bottom: 20px;}
.jc_news ul li a{ display: block; background: url("../images/list_icon.png") no-repeat 30px center #fff; padding: 0 50px; font-size: 16px; border: 1px solid #e6d4af; line-height: 50px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.jc_news ul li:nth-child(2n){ margin-right: 0;}
.jc_news ul li a:hover{ background: url("../images/list_icon.png") no-repeat 30px center #b20802; color: #fff;}
.jc_news ul li a:hover p{ color: #fff;}

.ls_news{ width: 580px;}
.ls_news .title_x{ background: url("../images/title_x.png") no-repeat bottom right; height: 45px;}
.ls_news .title_x p{ font-size: 36px; font-weight: bold; color: #ec3c22; float: left; line-height: 45px;}
.ls_news .title_x p span{ color: #e8912b;}
.ls_news .title_x a{ display: block; float: right; line-height: 45px; background: #fff9ee; padding-left: 10px; color: #ec3c22; text-transform: uppercase;}
.ls_news ul{ clear: both; overflow: hidden; margin-top: 15px;}
.ls_news ul li{ background: url("../images/list_icon.png") no-repeat left center; height: 50px;line-height: 50px; padding-left: 20px; clear: both; overflow: hidden;}
.ls_news ul li a{ float: left; display: block; width: 75%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px;}
.ls_news ul li span{ float: right; width: 20%; line-height: 50px; color: #999; text-align: right;}

.bottom{ background-color: #b20802; padding: 30px 0; text-align: center; color: #fff; clear: both;}
.bottom p{ line-height: 30px; font-size: 16px;}
.bottom p a{ color: #fff;}


/* 二级页面 */
.list_content{ margin-bottom: 60px; overflow: hidden;}

.position{ height: 60px; line-height: 60px; font-size: 16px;}
.position a.hover{color: #b20802;}

.list_content{ width: 1100px; margin: 0 auto; background-color: #fff; min-height: 500px; margin-bottom: 50px; padding: 30px 50px;}
.title_sub{ background: url("../images/title_sub.png") no-repeat bottom right; height: 45px; overflow: hidden; margin-bottom: 30px;}
.title_sub p{ font-size: 36px; font-weight: bold; color: #ec3c22; line-height: 45px;}
.title_sub p span{ color: #e8912b;}
.list_content ul{ clear: both; overflow: hidden; margin-top: 15px;}
.list_content ul li{ background: url("../images/list_icon.png") no-repeat left center; height: 50px;line-height: 50px; padding-left: 20px; clear: both; overflow: hidden;}
.list_content ul li a{ float: left; display: block; width: 80%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px;}
.list_content ul li span{ float: right; width: 15%; line-height: 50px; color: #999; text-align: right;}

.show-top{ padding: 20px 0; text-align: center; border-bottom: 1px solid #dcdcdc;}
.show-top h2{ padding-bottom: 10px; font-weight: bold; font-size: 24px;}
.show-con{ padding: 50px 0;}
.show-con p{ color: #666; line-height: 36px; font-size: 16px;}

.page{ text-align: center; clear: both; overflow: hidden; margin: 30px 0;}
.page a{ display: inline-block; padding: 5px 10px; margin: 5px; border: 1px solid #ebebeb; background-color: #fff;}
.page a.hover{ background-color: #b20802; color: #fff;}
			
@media screen and (max-width: 768px){
	body{ overflow-x: hidden;}
	.top{ height: auto; padding: 20px 0;}
	.wrap{ width: 100%;}
	.logo{ padding-top: 0;}
	.logo a{ display: block; text-align: center;}
	.menu{ height: 35px;}
	.menu a{ width: 25%; float: left; line-height: 35px; background-color: #db0000; font-size: 1rem;}
	.menu a:first-child{ display: none;}
	.main{ padding-top: 0; background: none;}
	.news{ width: 100%; padding: 0;}
	.news_left{ width: 100%;}
	.news_left img{ height: 240px; width: 100%;}
	.news_right{ margin: 1rem; width: 90%;}
	.news_right .title_x p{ font-size: 24px;background: #fff9ee;}
	.news_right .title_x a{ background: #fff9ee;}
	.news_right ul{ margin-top: 0;}
	.news_right ul li span{ width: 25%;}
	.box{ margin: 0 1rem 1rem 1rem; width: 90%;}
	.title_d{ background: url("../images/title_x.png") no-repeat bottom right; margin-bottom: 10px;}
	.title_d p{ float: left; font-size: 24px; background: #fff9ee;}
	.title_d a{ top: 0;}
	.news{ margin-bottom: 0;}
	.jc_news ul li{ width: 100%; margin-bottom: 10px;}
	.jc_news ul li a{ line-height: 35px;}
	.ls_news{ width: 100%;}
	.ls_news .title_x p{ font-size: 24px;background: #fff9ee;}
	.bottom p{ padding: 0 1rem; font-size: 15px;}
	.position p{ margin: 0 1rem;}
	.list_content{ width: 92%; padding: 1rem;}
	.title_sub p{ font-size: 24px;background: #fff; float: left;}
	.title_sub{ margin-bottom: 0;}
	.list_content ul li span{ width: 25%;}
	.list_content ul li a{ width: 70%;}
	.show-con{ padding: 20px 0;}
}