html,body{padding:0; margin:0;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td,img { margin: 0; padding: 0 ;font-weight: normal}
body, button, input, select, textarea label{ outline:none; }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
address, cite, dfn, em{ font-style: normal }
i{font-style: normal}
ul, ol, dl { list-style: none }
a { text-decoration: none !important; outline: none ; cursor: pointer;}
img { border: 0 }
table { border-collapse: collapse; border-spacing: 0 }
.fl{float: left}
.fr{float: right}
.clear{clear: both}
.clearFix:after{content: "";display: block;height: 0;clear: both;*zoom:1}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*超出部分省略号*/
.ellipsis2,.ellipsis3,.ellipsis4,.ellipsis8{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.ellipsis2{-webkit-line-clamp:2}/*超出两行省略号*/
.ellipsis3{-webkit-line-clamp:3}/*超出三行省略号*/
.ellipsis4{-webkit-line-clamp:4}/*超出四行省略号*/
.ellipsis8{-webkit-line-clamp:8}/*超出四行省略号*/
.mt44{margin-top: 44px!important;}
.mt55{margin-top: 55px!important;}
.mb60{margin-bottom: 60px!important;}
.inner{width:1200px;margin: 0 auto;position: relative}

.tit{width: 100%;position: relative;font-size: 28px;color: #c30d22;background: url("../images/t2.png") no-repeat center bottom;height: 28px;line-height: 28px;text-align: center;font-weight:bold;margin-bottom: 40px;display: block}
.banner{width:100%; height:500px; background: url("../images/banner.jpg") center no-repeat; background-size:auto 100%; margin:0 auto;}
.banner img{display: none;width: 100%;height: auto}
.swiper-container .swiper-slide,.swiper-container .swiper-slide a,.swiper-container .swiper-slide a img{display: block;width:100%;height: 100%;position: relative}
.topTit{width: 100%;margin: 42px auto 25px;text-align: center}
.topTit a{color: #c30e22;font-size: 38px;line-height: 52px;font-weight: bold;display: block}
.topTit p{color: #c30e22;font-size: 18px;line-height: 42px;}
.btm{width: 100%;}
.swiper-container3{height: 439px;width:775px;}
.swiper-container3 .swiper-slide a h1{width: 99%;height:48px;line-height:48px;font-size:18px; background:rgba(223,56,53,.9);position: absolute;bottom: 0;left: 0;z-index: 9999;color: #fff; padding-left: 1%;}
.swiper-container3 .swiper-slide img{}
.swiper-button-next3,.swiper-button-prev3{background: none}
.swiper-pagination3{width: 180px!important;height: 12px;text-align: right;right: 20px;bottom:22px!important;left: auto!important; }
.swiper-pagination-bullet{width: 12px;height: 12px;background: #b51e1f;opacity:1}
.swiper-pagination-bullet-active{background: #fff}

.firstRgt{width: 413px}
.firstRgt li{height: 70px;font-size: 16px;color: #333333;padding:0 10px 0 20px;position: relative;width: 383px;margin-bottom: 4px;background: #f0eae5}
.firstRgt li span{display: none;width: 7px;background: #c30e22;height: 70px;position: absolute;left: 0;top: 0}
.firstRgt li:hover span,.firstRgt li.avt span{display: block}
.firstRgt li a{color: #333333;line-height: 26px;display: block;position: absolute;left: 20px;top: 50%;transform: translateY(-50%)}
.item{width: 565px;}
.t1{height: 66px;line-height: 66px;font-size: 28px;color: #c30d22; font-weight:800; display: block;padding-left: 45px;background: url("../images/t1.png") no-repeat left center;width: 520px;border-bottom:2px solid #eeeeee;margin-bottom: 15px;}
.list a{height: 42px;line-height: 42px;font-size: 16px;color: #333333;display: block;padding-left: 15px;background: url("../images/dian_03.jpg") no-repeat left center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom: 1px solid #eee}
.list2 a{width:46%; height: 42px;line-height: 42px;font-size: 16px;color: #333333;display: block;padding-left: 15px;background: url("../images/dian_03.jpg") no-repeat left center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom: 1px solid #eee; float:left;}
.list2 a:nth-child(odd){margin-right:5%;}


.third .bdlist a{position: relative;float: left;margin: 0 0 20px 20px}
.third .bdlist a,.third .bdlist a img{width: 386px;height: 217px;display: block}
.third .bdlist p{color: #fff;line-height: 40px; font-size:16px; display: block;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,0.7);width: 96%;padding: 0 2%;text-align: center;}
.third .bdlist a:nth-child(3n+1){margin-left: 0}

.imgBox a{position: relative;height: 338px;float: left}
.imgBox a,.imgBox a img{display: block;width: 300px;}
.imgBox a .top,.imgBox a img{height: 169px;position: absolute;left: 0;width: 100%}
.imgBox a .top{line-height: 30px;color: #fff;font-size: 16px;top: 0;left: 0}
.imgBox a img{bottom: 0;}
.imgBox a .top p{position: absolute;top: 50%;left: 0;line-height: 30px;color: #fff;font-size: 16px;transform: translateY(-50%);padding: 0 25px;}
.imgBox a:nth-child(odd) .top{top: 169px;color: #fff}
.imgBox a:nth-child(odd) img{bottom: 169px;}
.imgBox a:first-child .top{background: #c9aa79}
.imgBox a:nth-child(2) .top{background: #db000a}
.imgBox a:nth-child(3) .top{background: #1c439a}
.imgBox a:nth-child(4) .top{background: #eca407}

.lastInner{}
.lastFl{position: relative}
.lastFl ,.lastFl img{width: 490px;height: 280px;display: block}
.lastFl p{color: #fff;line-height: 40px;display: block;position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,0.8);width: 96%;padding: 0 2%;font-size: 16px;}
.lastUl{width: 650px;margin-left: 39px;}
.lastUl a{display: block;width: 310px;height: 86px;float: left;margin-bottom: 12px;}
.lastUl a:nth-child(2n){float: right}
.lastUl a img{width: 155px;display: block;height: 86px;float: left}
.lastUl a p{font-size: 16px;line-height: 27px;color: #333;float: right;width: 140px}

@media only screen and (max-width: 1024px) and (min-width: 120px) {
    .mt44{margin-top: 24px!important;}
    .mt55{margin-top: 35px!important;;}
    .mb60{margin-bottom: 40px!important;;}
    .inner {width: 94%;padding: 0 3%}
	.banner{height:150px;}
	.topTit{margin:10px auto;}
    .topTit a{font-size: 28px; line-height:150%;}
    .topTit p{line-height: 30px;margin-top: 15px;}
    .swiper-container3{width: 100%;height: 250px;float: none}
    .firstRgt{width: 100%;float: none;margin-top: 15px;}
    .firstRgt li:hover span{display: none}
    .firstRgt li{width: 90%;float: none;padding:0 3% 0 7%}
    .firstRgt li a{left: 3%}
    .item{float: none!important;}
    .item{width: 100%}
    .item.fr{margin-top: 20px;}
    .t1{width:88%;padding-left: 12%}
    .third .bdlist a, .third .bdlist a img{width: 100%;height: auto;float: none;margin-left: 0!important;}
    .imgBox a, .imgBox a img,.lastFl, .lastFl img{width: 100%;height: auto}
    .imgBox a{margin-bottom: 20px;}
    .imgBox a .top{height: 40px;line-height: 40px;left: 0!important;bottom: 0!important;background: rgba(0,0,0,0.8) !important;top: initial!important;}
    .imgBox a img{position: static!important;}
    .lastUl{width: 100%;float: none;margin: 0;padding-top: 20px;}
    .lastFl, .lastFl img{float: none}
    .lastUl a img{margin-right: 20px;}
    .lastUl a,.lastUl a:nth-child(2n){float: none;width: 100%}
    .lastUl a p{float: none;width: auto}
}



















