*,
*::after,
*::before {box-sizing:border-box;}
html {background-color:#f5f5f5;}
body{font-family:"Microsoft Yahei",sans-serif,Verdana, Lucida, Helvetica,Futura, "Trebuchet MS", Arial;min-height:100vh;background-color:#f5f5f5;color:#fff;background-color:#fff;background-size: cover;-webkit-background-size:cover;-o-background-size:cover;background-position:center 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;margin:0 auto;overflow-x:hidden;letter-spacing: 1px;} 
a{text-decoration:none;color:#555;}
a:hover{color:#c94c4c}
.container{background-color:#f5f5f5;color:#fff;margin:0 auto;width:100%;padding:0;overflow: hidden;}
.content{width:1278px;height:auto;margin:0 auto;clear:both;}
.clearfix{width: 100%;height:1px;display:block;clear:both;}

.top,.banner{overflow: hidden;}
.top img, .banner img{width: 100%;max-width: 100%;}
.menu{background-color:rgba(157,2,0,1);height: 50px;}
.menu ul{margin: 0 auto;list-style: none;padding: 0 10%;width: auto;height: 100%;display: block}
.menu ul li{display:inline-block;width: 15%;height: 100%;float:left;text-align: center;}
.menu ul li a{text-align: center;display: inline-block;font-size:24px;font-weight: bold;color: #F8AB03;line-height: 50px;width: 100%;height: 100%;}
.menu ul li a:hover{color:#fdfccc;background-color: #e00001;}
.sec{margin-bottom: 20px; margin-top: 50px;}
.htitle{width:100%;font-size:18px;line-height: 23px; color:rgba(157,2,0,1);border-bottom: 1px solid rgba(157,2,0,1);}
.htitle a.more{font-size:14px;float: right;line-height: 23px;}
.htitle:hover{color: #9b0d14;}
.hswiper{width:50%;float: left;overflow: hidden;}
.hswiper img{width: 100%;}
.swiper-button-next, .swiper-button-prev{height: 25px;}
.news{width: 45%;float:right;}
.news ul{width: 100%; margin:0;padding:0;list-style: none;}
.news ul li{height: 42px;margin: 0;padding: 0;width: 100%;display: block;border-bottom: 1px solid #f5f5f5;list-style: none;}
.news ul li:hover{border-bottom: dashed #c94c4c 1px;}
.news ul li a{line-height: 39px;width: auto; max-width:100%;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.news li.a1{height: 100px;}
.news li.a1 p.descx{text-indent:2em;font-size:14px;color:#999;line-height: 1.8em;margin: 0;padding: 0}
.news li.a1:hover p.descx,.news li.a1:hover a{color:#c94c4c}

.box{width:47%;float: left;color:#333;height: 300px;margin: 50px 0;}
.box:nth-child(2n){float:right;}
.box ul{width:100%;margin:0;padding:0;list-style: none;}
.box ul li{height:50px;margin:0; padding:0;width: 100%;display: block;border-bottom: 1px solid #f5f5f5;}
.box ul li:hover{border-bottom: dashed #c94c4c 1px;}
.box ul li a{line-height: 48px;width: auto; max-width:100%;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background:url("../images/qdfe.png") no-repeat left center;padding-left: 16px;}
.box ul li a:hover{background:url("../images/qdf.png") no-repeat left center;}


.tlist{}
.tlist ul {display: inline-block;overflow: hidden;margin: 0;padding: 0}
.tlist ul li{height:50px;margin:0; padding:0;width: 100%;display: block;border-bottom: 1px solid #f5f5f5;}
.tlist ul li:hover{border-bottom: dashed #c94c4c 1px;}
.tlist ul li a {line-height: 49px;width: auto; max-width:100%;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 16px;background:url("../images/qdfe.png") no-repeat left center;}
.tlist ul li a:hover{background:url("../images/qdf.png") no-repeat left center;}

#pages{width: 100%;color:#333;margin: 30px auto;clear: both;text-align: center;}
#pages a{text-decoration:none;display: inline-block;height: 36px;padding: 8px 12px;border: 1px solid #efefef;}
#pages a:hover{border: 1px solid rgba(157,2,0,1);}
#pages a.a1{border: 1px solid #888;}
#pages span{font-size:130%;font-weight: bold;padding: 8px 12px;display: inline-block;color:rgba(157,2,0,1)}
.footer{background-color:rgba(188,188,188,.2);height:auto;padding: 20px;}
.footer p{text-align:center;font-size:12px;color:#bcbcbc;}
@media screen and (min-width:1025px) and (max-width:1277px){
    .content{width: 100%;margin: 0 auto;}
}
@media screen and (max-width:1024px){ 
    .content{width: 96%;margin: 0 auto;}
    .menu{height:23px;}
    .menu ul{margin: 0;padding:0}
    .menu ul li{width: 16%;}
    .menu ul li a{font-size:13px;line-height: 17px;}
    .hswiper, .news, .box{width: 100%;float:none;}
    .sec{margin-bottom: 20px;}
    .htitle{font-size:13px;}
    .htitle a.more{font-size:12px;}
    .news ul li{height: 30px;font-size:12px;}
    .news ul li a{line-height:28px;}
    .box{height: auto;margin: 20px auto 0}
    .box:nth-child(2n){float:none;}
    .box ul li{height: 30px;font-size:12px;}
    .box ul li a{line-height: 28px;}
	.tlist ul li{height: 30px;font-size:12px;}
    .tlist ul li a{line-height: 28px;}
    .footer{height: 60px;padding: 10px 0 5px;}
    .footer p{font-size:10px;margin: 5px auto;}
    
}