/* 测试是否一致 */ /* body{opacity: 0.72;}::-webkit-scrollbar{width: 0;}html{background: top left no-repeat url(../images230316/1.png) !important;} */ .banner{position: relative;left: 0;top: 0;} .banner a .img{padding-bottom: 41.51%;} .banner a .img img{position: relative;top: 0;transform: none;} .banner a .slick-txt{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); } .banner a .slick-txt img{max-height: 267px;} .index_title {margin-bottom: 33px;} .index_title h2{position: relative;box-sizing: border-box;padding-left: 17px;} .index_title h2::before{content: "";display: block;width: 6px;height: 30px;background: #992D24;position: absolute;left: 0;top: 50%;margin-top: -15px;} .index_title h2 a{color: #333; } .wrap_mode01{padding: 45px 0 54px;} .wrap_mode01 .con{position: relative;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;;display: -webkit-flex;align-items: self-start;} .wrap_mode01 .con::before{content: "";display: block;width: 147px;height: 154px;background: #992D24;position: absolute;right: -24px;top: -20px;z-index: -1;} .wrap_mode01 .info{box-sizing: border-box;background: #fff;padding: 32px 44px 30px 28px;flex: 1;} .wrap_mode01 .info .title{border-bottom: 1px solid #d8d8d8;padding-bottom: 34px;font-weight: bold;} .wrap_mode01 .info .summary{color: #333;line-height: 37px;overflow : hidden;margin-top: 22px; text-overflow: ellipsis; display: -webkit-box; display: -moz-box; display: -ms-flexbox; -webkit-line-clamp: 6; -webkit-box-orient: vertical; -moz-box-orient: vertical; } .wrap_mode01 .info .more{color: #992D24;display: block;margin-top: 30px;transition: all 0.2s ease-in-out;} .wrap_mode01 .info .more:hover{text-indent: 6px;} .wrap_mode01 .info .more img{display: inline-block;vertical-align: middle;} .wrap_mode01 .pic{width: 327px;} .content{background: #f0f1f3;} .wrap_mode02{background: #fff;padding: 64px 0 20px;} .wrap_mode02 .index_title{margin-bottom: 23px;} .wrap_mode02 ul{margin: 0 -45px; } .wrap_mode02 ul::after{content: "";display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;} .wrap_mode02 ul li{width: 25%;float: left;margin-bottom: 10px;} .wrap_mode02 ul li:nth-child(2){transition-delay: 1s;} .wrap_mode02 ul li a{display: block;border: 1px solid #F0F1F3;color: #333;height: 50px;line-height: 50px;border-radius: 25px;text-align: center;margin: 0 45px;box-sizing: border-box;padding: 0 20px;transition: all 0.2s ease-in-out;} .wrap_mode02 ul li a:hover{color: #992D24;box-shadow: 0 10px 10px 1px rgba(0,0,0, 0.05);transform: translateY(-5px);} @media screen and (max-width: 1400px) { .wrap_mode02 ul{margin: 0 -20px;} .wrap_mode02 ul li a{margin: 0 20px;} } @media screen and (max-width: 1240px) { } @media screen and (max-width: 1060px) { } @media screen and (max-width: 996px) { .banner a .slick-txt{top: 55%;} .wrap_mode01{padding: 40px 0;} .wrap_mode02{padding: 40px 0;} .wrap_mode01 .info .title{padding-bottom: 20px;} .wrap_mode01 .info .more{margin-top: 20px;} .wrap_mode01 .info .summary{margin-top: 15px;} .wrap_mode01 .pic{width: 300px;} .wrap_mode02 ul li{width: 50%;} } @media screen and (max-width: 768px) { .wrap_mode01{padding: 30px 0;} .wrap_mode02{padding: 30px 0;} .wrap_mode01 .info{padding: 30px 20px;} .wrap_mode01 .pic{width: 270px;} .wrap_mode02 ul{margin: 0 -10px;} .wrap_mode02 ul li a{margin: 0 10px;} .wrap_mode01 .con::before{right: -15px;} .wrap_mode02 ul li a{height: 40px;line-height: 40px;border-radius: 20px;} } @media screen and (max-width: 540px) { .wrap_mode01 .con{display: block;} .wrap_mode01 .pic{width: 100%;} .wrap_mode01 .pic img{width: 100%;} .wrap_mode02 ul{margin: 0px;} .wrap_mode02 ul li a{margin: 0px;} .wrap_mode02 ul li{width: 100%;} }