body{ font-family: microsoft yahei; font-size: 18px; line-height: 24px;background: #ffffff; overflow-x: hidden; }
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;}
img {
  transition: transform 0.5s ease-out;
}

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ color: #c1272d;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{ color: #c1272d;}

.wrap{ position: relative; width: 1200px; margin: 0 auto;}
.top{ background: #c1272d; height: 120px; overflow: hidden; width: 100%;}
.logo{ float: left; margin-top: 25px;}
.logo img{ max-width: 100%;}
.language{ float: right; margin-top: 45px; margin-right: 30px; width: 80px; height: 30px; border-radius: 15px; background-color: #fff;}
.language a{ display: block; width: 50%; text-align: center; line-height: 30px; float: left;}
.language a:last-child{ background-color: #f0f0f0; border-radius: 0 15px 15px 0;}
.search_icon{ float: right; width: 24px; height: 24px; margin-top: 48px;}

.menu{ height: 70px; background-color: #fff;}
.menu a{ display: block; width: 12.5%; float: left; text-align: center; line-height: 70px; text-transform: uppercase;}
.menu a:hover{ background-color: #c1272d; color: #fff;}

.banner{ clear: both; overflow: hidden;}

.news{ padding: 70px 0; overflow: hidden;}
.title{ margin-bottom: 70px; overflow: hidden;}
.title p{ font-size: 48px; float: left; line-height: 50px;}
.title a{ font-size: 16px; line-height: 50px; display: block; float: right; }
.news_box{ clear: both; overflow: hidden;}
.news_box a{ display: block; float: left; margin-right: 45px; width: 370px;}
.news_box a:last-child{ margin-right: 0;}
.news_box a p{ padding-top:20px; line-height: 32px; justify-content: space-between; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; height: 60px;}
.news_box a span{ margin-top: 20px; display: block; font-style: italic; color: #c1272d;}

.notice{ background: url("../images/bg.png") repeat; padding: 70px 0; clear: both; overflow: hidden;}
.notice_list{ width: 390px; height: 225px; background-color: #fff; float: left; margin-right: 15px; margin-bottom: 15px;}
.notice_list:nth-child(3n){ margin-right: 0;}
.notice_date{ margin-bottom: 20px;}
.notice_date p{ float: left; width: 70px; background-color: #c1272d; text-align: center; line-height: 30px; font-size: 14px; color: #fff;}
.notice_date p span{ display: block; background-color: #cbcbcb; line-height: 30px; font-size: 16px;}
.notice_date a{ line-height: 60px; padding: 0 10px;}
.notice_text{ border-top: 1px solid #cbcbcb; margin: 25px; padding-top: 20px; line-height: 30px; font-size: 14px; color: #999;}

.about{ padding-top: 70px; clear: both; overflow: hidden;}
.about h2{ font-size: 48px; font-weight: normal; margin-bottom: 70px;}
.about p{ font-size: 16px; color: #999; line-height: 30px; margin-bottom: 70px;}
.about_left{ width: 550px; float: left;}
.about_right{ float: right; width: 610px; padding-bottom: 50px;}

.about_link{ clear: both; background-color: #f8f8f8; padding: 50px 0; overflow: hidden;}
.about_link a{ display: block; width: 20%; float: left; text-align: center; background: url("../images/about_line.png") no-repeat right center;}
.about_link a span{ display: block; background: url("../images/title_top.png") no-repeat top center; padding-top: 30px; margin-top: 30px;}
.about_link a:last-child{ background: none;}
.about_link a img{ width: 60px; height: 60px;}

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


/* 二级页面 */
.sub_nav{ background-color: #fff; padding: 50px 0; text-align: center;}
.sub_nav a{ display: inline-block; margin: 0 10px; padding: 20px 30px; border: 1px solid #e5e5e5; text-align: center; font-size: 18px;}
.sub_nav a.hover,.sub_nav a:hover{ background-color: #c1272d; color: #fff;}
.content{ background-color: #fff; clear: both; overflow: hidden;}
.position{  border-bottom: 2px solid #c1272d; margin-bottom: 10px; overflow: hidden; height: 100px; padding:0 30px;}
.position h2{ float: left; font-size: 36px; font-weight: bold; line-height: 100px; color: #c1272d;}
.position p{ float: right; background: url("../images/home.png") no-repeat left center; line-height: 100px; padding-left: 25px;}

.list-content{ padding: 30px 0;}
.list-images{ overflow: hidden;}
.list-images ul li{ width: 425px; float: left; margin-left: 30px; margin-bottom: 30px; overflow: hidden;}
.list-images ul li img{ width: 100%;}
.list-images ul li p{ padding-top: 10px; line-height:24px; text-align: center; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical; font-family: "Times New Roman"; font-size: 18px;}

.list-text ul li{ clear: both; overflow: hidden; margin: 20px 0;}
.list-text ul li:nth-child(2n+0){ background-color:#f4f4f4;}
.list-text ul li a{ display: block; padding: 40px; overflow: hidden;} 
.list-text ul li a:hover .list-date,.list-text ul li a:hover .list-text span,.list-text ul li a:hover .list-text p{ color: #c1272d;}
.list-text ul li a:hover .list-text{ border-left: 1px solid #ccc;}
.list-text ul li .list-date{ width: 10%; float: left; text-align: center; color: #c1272d; font-family: "Times New Roman";}
.list-text ul li .list-date span{ font-weight: bold; font-size:24px; line-height:26px; display: block; padding-bottom: 10px;}
.list-text ul li .list-text{ width: 85%; float: right; border-left: 1px solid #c1272d; padding-left: 50px;}
.list-text ul li .list-text span{font-size: 24px; font-weight:bold; padding-bottom:8px; }
.list-text ul li .list-text p{ line-height:26px; margin-top: 20px;font-family: "Times New Roman"; font-size: 18px;text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical;}

.list-images ul li img:hover{transform: scale(1.2);}

.show-content{  padding: 30px; overflow: hidden;}
.show-top{ padding: 20px 0; text-align: center;}
.show-top h2{ padding-bottom: 40px; margin-bottom: 40px; line-height: 45px; font-size: 36px; border-bottom: 1px solid #e5e5e5;}
.show-top p{ font-family: "Georgia"; color: #c1272d;}
.show-con{ clear: both; padding: 50px 0;}
.show-con p{ line-height: 36px; font-family: "Times New Roman"; font-size: 18px;}

.page{ text-align: center; clear: both; overflow: hidden; margin: 50px 0;}
.page a{ display: inline-block; padding: 5px 10px; margin: 5px; border: 1px solid #ebebeb;}
.page a.hover{ background-color: #b20802; color: #fff;}



@media screen and (min-width: 769px){
	
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0;}
}
@media screen and (max-width: 769px){
	body{ overflow-x: hidden;}
	.wrap{ width: 100%;}
	.search_icon,.language{ display: none;}
	.menu{ height: auto;}
	.menu a{ width: 25%; line-height: 40px; border-bottom: 1px solid #dcdcdc; font-size: 14px;}
	.banner img{ height: 180px;}
	.news{ padding: 1rem 0;}
	.title{ margin-bottom: 1rem; margin-left: 1rem; margin-right: 1rem;}
	.title p{ font-size: 1.2rem; line-height: 1.2rem;}
	.title a{line-height: 1.2rem;}
	.news_box a{ margin-right: 0; width: 46%; margin: 0 2%; overflow: hidden; margin-bottom: 10px;}
	.news_box a img{ max-width: 100%;}
	.news_box a p{ font-size: .8rem; padding-top: 0; line-height: 24px; height: auto;}
	.news_box a span{ font-size: .8rem; margin-top: 0;}
	
	.notice{ padding: 1rem 0;}
	.notice_box{ margin: 0 1rem;}
	.notice_list{ width: 100%; margin-right: 0; height: 180px;}
	.notice_text{ line-height: 24px; margin: 10px; padding-top: 10px;}
	.notice_date a{ overflow: hidden; font-size: 1rem;}
	
	.about{ padding: 0; margin-top: 1rem;}
	.about_left{ width: 90%; margin: 1rem;}
	.about h2{ font-size: 1.2rem; margin-bottom: 20px;}
	.about p{ margin-bottom: 20px; font-size: 1rem;}
	
	.about_right{ width: 100%; padding-bottom: 0;}
	.about_right img{ max-width: 100%;}
	
	.about_link{ padding: 20px 0;}
	.about_link a{ width: 33.33%; height: 120px;}
	.about_link a span{ font-size: .8rem; padding-top: 20px; margin-bottom: 10px; margin-top: 10px; line-height: 1rem;}
	.about_link a img{ width: 30px; height: 30px;}
	
	.bottom{ padding: 20px 0;}
	.bottom p{ font-size: 14px; line-height: 24px;}
	
	
	.sub_banner{height: 180px;}
	.sub_banner img{height: 180px;}
	.sub_nav{ margin-top: 0; padding: 20px 0;}
	.sub_nav a{ font-size: 16px; margin: 5px; padding: 10px;}
	.position{ height: 60px; padding: 0 1rem;}
	.position h2{ font-size: 24px; line-height: 60px;}
	.position p{ line-height: 60px;}
	.list-content{ padding:10px 0 ;}
	.list-images ul{ margin: 0 1rem;}
	.list-images ul li{ width: 100%; margin-left: 0;} 
	.list-text ul li{ margin: 10px 0;}
	.list-text ul li a{ padding: 1rem;}
	.list-text ul li .list-date{ width: 100%; text-align: left; line-height: 30px;}
	.list-text ul li .list-date span{ float: left; margin-right: 15px;}
	.list-text ul li .list-text{ width: 100%; padding-left: 0; margin-top: 10px;}
	.list-text ul li .list-text span{ padding-left: 20px; display: block; font-size: 18px;}
	.list-text ul li .list-text p{ padding-left: 20px; margin-top: 0;}
	.content{ margin-top: 0 !important;}
	.show-content{ padding: 0 1rem;}
	.show-top h2{ font-size: 24px; padding-bottom: 10px; margin-bottom: 10px; line-height: 24px;}
	.show-top{ padding: 0;}
	.show-con{ padding: 20px 0;}
	.show-con p{ font-size: 16px; line-height: 30px; text-align: justify;}
}