.kv{width: 100%;margin: 0 auto;min-width: 1400px} .kv img{width: 100%} /*鍏叡浣跨敤*/ .textbox{width: 100%;height: auto;} .textbox .l h2{position: relative;font-size:28px;color: #585858;padding-left:20px } .textbox .l h2 span{display: block;width: 8px;height: 28px;background: #d6000f;position: absolute;left: 0;top:6px;} .textbox .l h2 i{color: #8e8e8e;font-size: 18px;padding-left:10px} .textbox .r{padding-top: 20px} .textbox .r a{display: block;font-size: 16px;color: #8e8e8e;} .textbox .r a i{position: relative} .textbox .r a i:after{ content: ""; height: 3px; width: 13px; background: #d6000f; display: block; position: absolute; top:7px; left: -20px; } .textbox .r a i:before{ content: ""; height: 13px; width: 3px; background: #d6000f; display: block; position: absolute; left:-15px; top:2px } /*banner*/ .banner ul{width: 88%;position: absolute;top:-230px;left: 50%;transform: translatex(-50%)} .banner ul li{width:300px;margin-right: 5px;height: 160px;position: relative;float: left;top:-20px;background: #ffffff;transition: top 0.2s;cursor: pointer } .banner ul li img{position: absolute;left: 50%;top:50%;transform: translatey(-50%) translatex(-50%)} .banner ul li p{color: #ffffff;font-size: 14px;text-align: center;position: absolute;bottom:-25px;font-weight: bold;width: 100%;opacity: 0} .banner ul li.active{border-bottom: 30px solid #d6000f;height:190px;top:-30px;transition: height 0.8s} .banner ul li.active p{opacity: 1;transition: opacity 0.8s} .banner ul li a{display: block;width: 100%;height: 100%} /*news*/ .news{min-width:1355px;height: auto;background: #ffffff;background-size: 100% 100%;margin-top:220px;padding: 50px 20px 50px 20px} .news1,.news2,.news3{display: none} .mainnews ul{margin-top: 65px;} .mainnews li{position: relative;width: 610px;height: 65px;padding:18px 25px ;margin-bottom: 30px;cursor: pointer;background:#f6f6f6 } .mainnews li:hover{background: #d6000f} .mainnews li:hover .time span{color: white} .mainnews li:hover .time i{color: white} .mainnews li:hover .morenews h1{color: white} .mainnews li:hover .morenews p{color: white} .mainnews .time{margin-top: 15px} .mainnews .time:after{content: "";height: 64px;width: 1px;background: #cecece;display: block;position: absolute;top:20px;left: 95px;} .mainnews .morenews{margin-top: 10px;float: left;margin-left: 40px} .mainnews .time span{font-size: 16px;color: #7d7d7d} .mainnews .time i{font-size: 20px;color: #7d7d7d} .mainnews .morenews h1{font-size: 16px;color: #7d7d7d} .mainnews .morenews p{font-size: 16px;color: #b0b0b0} .mainnews .imgnews{overflow:hidden;width: 620px;height: 422px;background: #f6f6f6;padding: 36px 20px;position: absolute;right: 20px;top: 114px;overflow: hidden} .mainnews .imgnews dl{width: 100%;height: 100%} .mainnews .imgnews dd{display: none;width: 100%;height: 100%} .mainnews .imgnews a{display: block;width: 100%;height: 100%;overflow: hidden} .mainnews .imgnews dd:first-child{display: block} .mainnews .imgnews img{width: 100%;height: 100%} /*more*/ .more{min-width:1400px;height: 702px;margin-top:70px;margin-bottom:75px } .more ul{width:100%;margin: 0 auto;padding-top:60px } .more li{float: left;position: relative;cursor: pointer;border:4px solid #f2f2f2} .more li img{width: 100%;height: 100%;transform: scale(1);cursor: pointer} .more li .img:hover{transition: all 1s;transform: scale(1.1)} .more li:nth-child(1){width:31%;height:652px;overflow: hidden} .more li:nth-child(2){width:67%;height:322px;overflow: hidden} .more li:nth-child(3){width:33.4%;height:322px;overflow: hidden} .more li:nth-child(4){width:33.4%;height:322px;overflow: hidden} .more li .p{position: absolute;top:46px;left:30px;z-index: 1 } .more li:nth-child(1) .p{width:174px ;height:74px } .more li:nth-child(2) .p{width:110px ;height:54px } .more li:nth-child(3) .p{width:170px ;height:75px } .more li:nth-child(4) .p{width:121px ;height:53px } @media (max-width: 1400px){ /*banner*/ .banner ul{min-width: 1200px;} .banner ul li{width:295px;height: 165px;} /*news*/ .news{min-width:1155px;} .mainnews ul{margin-top: 65px;} .mainnews li{position: relative;width: 540px;height: 61px;padding:13px 10px ;margin-bottom: 30px;cursor: pointer;background:#f6f6f6 } .mainnews li:hover{background: #d6000f} .mainnews li:hover .time span{color: white} .mainnews li:hover .time i{color: white} .mainnews li:hover .morenews h1{color: white} .mainnews li:hover .morenews p{color: white} .mainnews .time{margin-top: 14px;padding-left: 10px} .mainnews .time:after{content: "";height: 55px;width: 1px;background: #cecece;display: block;position: absolute;top:15px;left: 80px;} .mainnews .morenews{margin-top: 10px} .mainnews .time span{font-size: 14px;color: #7d7d7d} .mainnews .time i{font-size: 18px;color: #7d7d7d} .mainnews .morenews h1{font-size: 14px;color: #7d7d7d} .mainnews .morenews p{font-size: 14px;color: #b0b0b0} .mainnews .imgnews{width: 540px;height: 368px;background: #f6f6f6;padding: 36px 20px;position: absolute;right: 20px;top: 114px;overflow: hidden} .mainnews .imgnews img{width: 100%;height: 100%} /*more*/ .more{min-width:1200px;height: 702px;margin-top:70px;margin-bottom:20px } .more li:nth-child(1){height:548px;overflow: hidden} .more li:nth-child(2){height:270px;overflow: hidden} .more li:nth-child(3){height:270px;overflow: hidden} .more li:nth-child(4){height:270px;overflow: hidden} }