.main {margin:0 auto;margin-top:76px;}
.headlines {display:none}
.box .frame {position:absolute;border:1px solid #fff;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);}
.box h2,.box p {position:absolute;color:#fff;z-index:2;width:100%;transition:opacity 0.2s,transform 0.3s;}
.box h2 {font-weight:500;font-size:22px;line-height:22px;margin-bottom:0;letter-spacing:1px;}
.box p {bottom:0;font-size:14px;line-height:14px;letter-spacing:1px;}
.box:hover {transition:all .3s ease-in-out;}
.box:hover:before {transition:all .3s ease-in-out;}
.box img {position:relative;width:100%;z-index:1;transition:all .3s ease-in-out;}
.box img:hover {transition:all .3s ease-in-out;}
.box img:after {content:'';position:absolute;background-color:rgba(0,0,0,0.7);width:100%;height:100%;top:0;left:0;opacity:0;}
.box img:hover {transition:all .3s ease-in-out;}
.blury-card .frame {width:calc(100% - 40px);height:calc(100% - 40px);opacity:0;transition:all 0.3s ease-in-out;}
.blury-card h2,.blury-card p {text-align:center;top:50%;transform:translatey(-50%);margin:0;z-index:3;}
.blury-card p {transform:translatey(30px);letter-spacing:3px;}
.blury-card:before {content:'';position:absolute;width:100%;height:100%;background:#000;z-index:1;left:0;opacity:0;transition:all .3s ease-in-out;}
.blury-card img {z-index:2;}
.blury-card:hover .frame {width:calc(100% - 120px);height:calc(100% - 120px);opacity:1;}
.blury-card:hover img {opacity:.7;}
.blury-card:hover:before {opacity:1;transition:all .3s ease-in-out;}
/*焦点图*/.banner {max-width:1380px;height:350px;margin:0 auto;}
.banner .swiper-slide {width:100%;overflow:hidden;float:left;position:relative;border-radius:4px;}
.banner .swiper-slide img {/*min-height:350px;*/border-radius:4px;}
.banner .banner-pagination {bottom:-6px!important;text-align:left;width:100%!important;left:0!important;padding:0!important;margin:0!important;}
.banner .banner-pagination .swiper-pagination-bullet {width:25%;height:5px;background:#000;opacity:.8;border-radius:0;padding:0!important;margin:0!important;}
.banner .banner-pagination .swiper-pagination-bullet-active {background:#F73B42!important;}
.banner .banner-next,.banner .banner-prev {display:none}
.banner:hover .banner-next,.banner:hover .banner-prev {display:block;position:absolute;top:50%;width:50px;height:50px;line-height:50px;color:#fff;text-align:center;font-size:40px;font-weight:bold;background:#000;opacity:.7;font-family:宋体;border-radius:50%;margin-top:-25px;z-index:10;cursor:pointer;}
.recommend {max-width:1380px;overflow:hidden;margin:0 auto;}
.recommend ul {margin-right:-1.5%;}
.recommend ul li {width:18.5%;float:left;/*height:210px;*/overflow:hidden;margin-right:1.5%;margin-top:20px;border-radius:4px;position:relative;}
@media screen and (max-width:1600px) {.banner {max-width:1130px;height:auto;}
.banner .swiper-slide .tit {width:100%;height:50px;font-size:24px;line-height:50px;}
.recommend {max-width:1130px;}
.blury-card:hover .frame {width:calc(100% - 80px);height:calc(100% - 80px);opacity:1;}
}
@media screen and (max-width:1130px) {.recommend p {display:none}
}
@media screen and (max-width:480px) {.banner .swiper-slide span {display:none}
.banner:hover .banner-next,.banner:hover .banner-prev {display:none}
}
.hot {margin:0 auto;max-width:1380px;text-align:center;}
.hot ul {margin-left:-40px;}
.hot li {display:inline-block;font-size:16px;line-height:16px;margin-left:40px;margin-top:50px;padding-bottom:10px;}
.hot li a {color:#999;}
.hot li.hothover,.hot li:hover {border-bottom:2px solid #444;}
.hot li.hothover a,.hot li:hover a {color:#282828;}
.news {margin:0 auto;max-width:100%;background:#f4f4f4;overflow:hidden;}
.item {max-width:1380px;margin:0 auto;}
.item ul {margin-right:-1.5%;}
.item ul li {width:18.5%;float:left;margin-right:1.5%;overflow:hidden;position:relative;margin-top:20px;background:#fff;padding-bottom:15px;}
.item ul li .img {display:block;width:100%;height:180px;float:left;overflow:hidden;border-radius:2px;background:#f9f9f9;}
.item ul li .img img {min-height:180px;}
.item ul li .tit {width:100%;float:left;color:#333;line-height:20px;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;padding:0 15px;margin-top:8px;}
.item ul li .tit:hover {color:#d36f16;}
.item ul li .text {width:100%;float:left;margin-top:8px;line-height:20px;color:#bbb;padding:0 15px;max-height:40px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.item ul li .lanmu {position:absolute;top:10px;left:10px;padding:0 8px;line-height:25px;background:#000;opacity:.6;color:#fff;border-radius:4px;}
.item ul li span {display:block;padding:0 15px;float:left;font-size:12px;color:#bbb;margin-top:8px;}
.item ul li .tags {display:none;}
.item ul li span i {margin-right:5px;color:#bbb;}
.item ul li span em {color:#bbb;font-size:12px;margin-right:15px;}
.more {width:100%;float:left}
.more a {width:200px;height:40px;display:block;line-height:40px;text-align:center;color:#282828;font-size:16px;border-radius:2px;background:#ffe300;margin:20px auto;line-height:40px;}
.more i {margin-left:10px;}
.more a:hover {background:#282828;color:#ffe300}
@media screen and (max-width:1380px) {.item {max-width:1130px;margin:0 auto;}
.item ul li {width:23.5%;}
.item ul li .img {height:150px;}
.item ul li .img img {min-height:150px;}
}
@media screen and (max-width:840px) {.item ul {margin-right:-2.5%}
.item ul li {width:31.5%;}
}
@media screen and (max-width:640px) {.item ul {margin-right:-1.5%}
.item ul li {width:48.5%;}
}
.footer {background:#282828 url(./zxkf.png) right 5px no-repeat;width:100%;overflow:hidden;}
.footer .footerbox1 { max-width:1180px;overflow:hidden;margin:0 auto;text-align:center;color:#666;padding-bottom:15px;font-size:12px;}
.footer .footerbox1 a {color:#666;}
.footer .footerbox1 ul {margin-right:-5px;overflow:hidden;padding-top:15px;}
.footer .footerbox1 ul li {display:inline-block;border-right:1px solid #2c3137;height:12px;line-height:12px;padding:0 10px;}
/*置顶*/.scroll {position:fixed;bottom:130px;right:30px;width:40px;height:40px;text-align:center;line-height:40px;border-radius:50%;}
.scroll i {font-size:40px;color:#000;opacity:.5;}
.scroll:hover {color:#F73B42;opacity:1}

.footer .footerbox1 ul.gplist li{width:236px; height:25px; line-height:25px; float:left;}
@media only screen and (max-width:1000px) {.scroll {right:15px;margin-right:0;}
}
.tagbox{max-width:1130px;margin:0 auto;overflow: hidden; padding-bottom:50px;}
.sstags {width:100%;float:left;margin-top:30px;}
.sstags h3 {border-left:8px solid #282828;padding-left:20px;line-height:20px;font-size:20px;font-weight:bold;}
.could {width:100%;float:left;margin-top:15px;}
.could a {float:left;margin-right:10px;margin-top:10px;font-size:16px;color:#666;}
@media only screen and (max-width:1200px) {.sstags {width:100%;margin-left:0;padding:0 10px;margin-top:20px;}
}
.youlian{width:1180px;height:20px;margin:5px auto;}
.youlian span{height:20px;color:#8a8888; font-size:16px;}
.youlian ul{padding: 5px;}
.youlian ul li{float: left;display: block; overflow: hidden; margin-right: 5px;}
.youlian li a{color:#8a8888; padding: 3px 5px;height: 20px;line-height: 20px;}