.wrapbanner{background: #f0f2f5;max-width: 1000px;margin: 0 auto;} .banner{position: relative;z-index: 5;margin: 0 auto;} .banner a{display: block;position: relative;} .banner .slick-img{display: block;height: 0;padding-bottom: 40%;overflow: hidden;position: relative;} .banner .slick-current .slick-img{animation: bigger 6s linear 0s;} @keyframes bigger{ 0%{transform:none;} 100%{-moz-transform: scale(1.08);-webkit-transform: scale(1.08);-o-transform: scale(1.08);-ms-transform: scale(1.08);transform: scale(1.08);} } .banner .title{width: 500px;margin: 0 auto;line-height: 24px;font-size: 14px;word-wrap: break-word;overflow: hidden;background-color: rgba(70,70,70,0.6);position: absolute;left: 50%;transform: translateX(-50%);bottom: 50px;color: #fff;text-align: center;padding: 5px 0;-moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);-webkit-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);} .banner .slick-arrow{border: 0;width: 72px;height: 72px;font-size: 0;outline: none;top: 50%;opacity: 0;} .banner .slick-arrow:after{display: none;} .banner .slick-next{right: -102px;background: url(../images/ico_sliding.png) no-repeat;background-position: 0 -216px;} .banner .slick-prev{left: -102px;background: url(../images/ico_sliding.png) no-repeat;background-position: 0 -144px;} .banner:hover .slick-arrow{opacity: 1;} .banner .slick-dots{bottom: 3px;height: 43px;line-height: 43px;} .banner .slick-dots li{width: 12px;height: 12px;margin: 0 12px;background: #fff;border-radius: 50%;} .banner .slick-dots li button{display: none;} .banner .slick-dots li.slick-active{background: #980b16;} .index_title{margin-bottom: 24px;border-bottom: 3px solid #dddddd;height: 62px;} .index_title .more{float: right;color: #c70c17;margin-top: 30px;margin-right: 10px;} .index_title .more.off{display: none;} .index_title .more:hover{} .index_title h2{float: left;font-size: 16px;font-weight: none;line-height: 62px;cursor: default;color: #333;border-bottom: 3px solid #c70c17;padding: 0 9px;} .index_title h2.off{color: #6e6e6e;border: none;} .wrap_mode01{padding: 0 0 10px;} .mode01{position: relative;} .mode01 .lf{width: 31.8%;float: left;margin: 0 2% 0 0;} .mode01 .mid{width: 31.8%;float: left;margin: 0 2% 0 0;} .mode01 .rt{width: 31.8%;float: left;} .index_01 ul{margin: 0 0 0;padding: 0 0 0;} .index_01 ul.off{display: none;} .index_01 li{width: 100%;} .index_01 a{margin: 0 0 19px;line-height: 16px;} .index_01 .title{white-space: nowrap;position: relative;padding: 0 0 0 16px;} .index_01 .title::before{content: '';display: block;width: 5px;height: 5px;background: #8f8e8e;position: absolute;left: 0;top: 50%;transform: translateY(-50%);border-radius: 50%;} .index_01 .time{color: #999;margin: 0 0 0 16px;float: right;} .index_02 ul{margin: 0 0 0 0;} .index_02 li{width: 20%;} .index_02 a{margin: 0 0 19px 36px;padding: 0 0 0 28px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 16px;background: url(../images/dian-hot.png) left center no-repeat;font-size: 12px;} .index_03.off{display: none;} .index_03 ul{margin: 0 0 0 0;} .index_031 li{width: 12.5%;} .index_032 li{width: 20%;} .index_033 li{width: 33.3%;} .index_03 a{margin: 0 0 19px 35px;color: #6e6e6e;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 12px;} .index_03 a:hover{color: #c10d18;} .index_04 > ul{margin: 0 0 90px 0;padding: 0 0 0 0;border: 1px solid #bababa;border-radius: 10px;padding: 5px 0;} .index_04 li{} .index_04 a{display: block;padding: 0 10px;} .index_04 .img{padding-bottom: 35%;} footer{border-top: 1px solid #c70c17;} .foot{width:100%;height:160px;background:url(../images/foot-bg.png);} .foot > div {max-width:1000px;margin:0 auto;} .foot > .f01 {padding-top:35px;padding-bottom:10px;position:relative;} .foot > .f01 > span , .foot > .f02 > span , .foot > .f03 > p{color:#4b4a4a;font-size:12px;margin-left:20px;position: relative;} .foot > .f01 > span div{position: absolute;left: 0;bottom: 20px;display: none;border: 2px solid #b1aeae;background: rgba(140,0,7,0.6);filter: Alpha(opacity=50);background-color: #8c0007\9;text-align: center;padding: 0 20px;} .foot > .f01 > span div a{color: #fff;white-space: nowrap;} .foot > .f01 > span div a:hover{background-color: #fff;color: #c10d18;} .foot > .f01 > span.on div{display: block;} .foot > .f01 > span {cursor:pointer;} .foot > .f01 > span > a , .foot > .f02 > span > a{color:#4b4a4a;} .foot > .f01 > span > .close {display:inline-block;width:0;height:0;border-width: 6px 6px 0;border-style:solid;border-color:#333 transparent transparent ;} .foot > .f01 > span > .up {display:inline-block;width:0;height:0;border-width: 0 6px 6px;border-style:solid;border-color: transparent transparent #333;} .foot > .f01 > .fc1 , .foot > .f01 > .fc2{position:absolute;border:2px solid #b1aeae;background:rgba(140,0,7,0.6);filter:Alpha(opacity=50);background-color:#8c0007\9;text-align:center;display:none;} .foot > .f01 > .show {display:block;} .foot > .f01 > .fc1 {width:293px;top:-27px;left:102px;} .foot > .f01 > .fc1 a , .foot > .f01 > .fc2 a{color:#fff;font-size:12px;margin-top:5px;margin-bottom:5px;} .foot > .f01 > .fc1 a:hover , .foot > .f01 > .fc2 a:hover{background-color:#fff;color:#c10d18;} .foot > .f01 > .fc2 {bottom:29px;left:185px;padding:0 5px;} .foot > .f02 {padding-top:20px;padding-bottom:20px;border-top:1px dashed #eeb6b9;border-bottom:1px dashed #eeb6b9;} .foot >.f01 > .weibo {float:right;margin-right:5px;} .foot >.f01 > .weibo > a > b{display:inline-block;width:30px;height:30px;background:url(../images/weibo.png) no-repeat center center;vertical-align:middle;margin-right:8px;} .foot >.f02 > .dizhi {float:right;margin-right:5px;} .foot >.f03 > p {margin-top:10px;text-align:right;} .copyright{text-align: center;} @media screen and (min-width: 992px){ } @media screen and (max-width: 992px){ .banner .slick-arrow{display: none !important;} .banner .title{white-space: nowrap;} .mode01 .lf,.mode01 .rt,.mode01 .mid{width: auto;float: none;margin: 0 0 10px;} .index_02 li{width: 33.3%;} .index_03 a{margin: 0 0 16px 20px;} footer{} .foot{text-align: center;height: auto;} .foot >.f01 > .weibo,.foot >.f02 > .dizhi{float: none;clear: both;margin: 20px auto 0;width: 100%;display: block;text-align: center;} .foot >.f03 > p{text-align: center;margin: 0;padding: 10px 0 20px;} footer .copyright{max-width: inherit;} } @media screen and (max-width: 767px){ .banner .box{bottom: 10px;} .banner .title{display: none;} .banner .info{display: none;} .banner .slick-dots{line-height: 20px;height: 20px;} .banner .slick-dots li{width: 8px;height: 8px;margin: 0 5px;} .index_title{line-height: 48px;margin-bottom: 16px;} .index_title .more{margin: 18px 0 0 11px;padding: 5px 0px 0px 17px;} .index_02 li{width: 50%;} .index_02 a{margin: 0 0 16px 16px;} .index_031 li{width: 25%;} .index_032 li{width: 33.3%;} footer .copyright{margin: 20px 0 0;} } @media screen and (max-width:413px){ .index_031 li,.index_032 li,.index_033 li{width: 50%;} }