@charset "utf-8"; .s1{ background-color: #fffbfa; overflow: hidden; } .s1>ul{ text-align: center; font-size: 0; } .s1>ul>li{ display: inline-block; margin: 10px 7px; } .tt-tit{padding-top:0 !important;} .s1>ul{ padding: 10px 0; } .s1>ul>li>a{ width: 100%; height: 100%; display: block; border-radius: 10px; height: 60px; overflow: hidden; border: 1px solid #e9e9e9; margin: 0 10px; } .s1>ul>li>a>img{ width: 100%; height: 100%; display: block; } .s1 h2 a{ display: block; font-size: 38px; font-weight: normal; line-height: 30px; letter-spacing: 1px; color: #d22d35; text-align: center; margin-bottom: 12px; } .s1 p a{ display: block; font-size: 17px; font-weight: normal; line-height: 26px; margin-bottom: 10px; letter-spacing: 1px; color: #d22d35; text-align: center; } .s1{ background-color: #fff; } .s2{ padding-top: 10px; background-color: #fffcfb; } .s2-tit{ margin-bottom: 60px; margin-top: 30px; } .s2-tit b{ float: left; background: url(/uploads/image/2images/news-tit-bj.png) no-repeat; background-size: cover; padding: 22px; font-family: sourcehanserifsc-heavy; font-size: 40px; font-weight: normal; letter-spacing: 2px; color: #ffffff; margin-right: 2.8%; } .s5-list ul li h2 > a:hover{ text-decoration: underline; } .s2-tit>div{ overflow: hidden; } .s2-tit>div h2{ font-family: microsoftyahei-bold; font-size: 22px; line-height: 30px; letter-spacing: 1px; color: #333333; margin: 15px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .s2-tit>div h2:hover{ color: #d22d35; } .s2-tit>div p{ font-family: microsoftyahei; font-size: 14px; line-height: 30px; letter-spacing: 1px; color: #999999; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .s2-l{ float: left; width: 660px; overflow: hidden; margin-right: 2.8%; } .s2-banner{padding-top: 72%; position: relative; overflow: hidden;} .s2-banner .slick{position: absolute; left: 0; top: 0; width: 100%;} .s2-banner ul li a{display: block;position: relative;overflow: hidden;} .s2-banner ul li a .pic{overflow:hidden;position: relative;padding-top: 72%;} .s2-banner ul li a .pic img{height:auto;position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .s2-banner ul li a p{ position: absolute; bottom: 0; padding: 34px 34px 22px; width: 100%; background: url(/uploads/image/2images/shadow.png) no-repeat; background-position: bottom left; background-size: cover; font-size: 20px; letter-spacing: 2px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .s2-banner ul li a:hover p{ text-decoration: underline; } .pic>img{ transition: all 0.6s; width: 100%; } .pic>img:hover{ } .s2-r{ overflow: hidden; } .s2-r-tit p{ padding: 10px 56px 13px 30px; font-size: 20px; color: #ffffff; background: url(/uploads/image/2images/news-tit-bg2.png) no-repeat; background-size: 100% 100%; display: inline-block; margin-bottom: 26px; } .s2-r-tit a{ float: right; font-size: 14px; line-height: 30px; letter-spacing: 1px; color: #333333; } .s2-r-tit a:hover{ color: #d50826; } .new-tit h2{ overflow: hidden; font-size: 18px; letter-spacing: 2px; color: #333333; transition: all 0.6s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .new-tit h2:hover{ color: #a40e16; } .new-tit span{ float:right; font-size: 16px; letter-spacing: 1px; color: #333333; } .s2-info{ padding: 20px 0; margin-bottom: 10px; border-bottom: 1px dashed #999; } .s2-info p{ font-size: 14px; line-height: 24px; height: 48px; letter-spacing: 1px; color: #999999; overflow: hidden; text-overflow: ellipsis; } .s2-list ul li a{ display: block; } .s2-list ul li a p::before{ content: '›'; display: inline-block; margin-right: 6px; } .s2-list ul li a span{ float: right; line-height: 48px; color: #333; font-size: 16px; } .s2-list ul li a p{ overflow: hidden; line-height: 48px; color: #333; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; } .s2-list ul li a p:hover{ color: #d22d35; } .s3{ background-color: #fffcfb; } .s3-tit{ text-align: center; padding-top: 85px; font-size: 36px; line-height: 36px; letter-spacing: 2px; color: #a40e16; white-space: nowrap; margin-bottom: 70px; overflow: hidden; width: 100%; } .s3-tit a{ color:#a40e16; } .s3-tit img{ width: 43%; } .s3-list ul li{ width: 33.3%; float: left; padding: 0 1.25%; margin-bottom: 46px; } .s3-list ul li a{ display: block; padding: 46px 20px 20px 20px; position: relative; background-color: #fff; } .s3-list ul li a h2{ font-size: 16px; margin-bottom: 20px; letter-spacing: 1px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .s3-list ul li a p{ font-size: 14px; line-height: 26px; height: 52px; overflow: hidden; text-overflow: ellipsis; letter-spacing: 1px; color: #999999; } .s3-list ul li a span{ font-size: 14px; letter-spacing: 1px; color: #333333; padding: 10px 22px; display: inline-block; position: absolute; right: 0; top: 0; background: url(/uploads/image/2images/date-bj1.png) no-repeat; background-size: auto 100%; } .s3-list ul li a:hover{ background-color: #a40e16; } .s3-list ul li a:hover h2{ color: #fff; } .s3-list ul li a:hover span{ color: #fff; background: url(/uploads/image/2images/date-bj2.png) no-repeat; background-size: auto 100%; } .s3-list ul li a:hover p{ color: #ffe6e7; } .s4{ background: #a91719; background-size: 100% 744px; margin-top: 10px; padding-bottom: 20px; } .s4-tit{ padding-top: 63px; padding-bottom: 45px; text-align: center; font-family: microsoftyahei-bold; font-size: 36px; line-height: 30px; letter-spacing: 2px; color: #fff; white-space: nowrap; overflow: hidden; } .s4-tit a{ color:#fff; } .s4-tit img{ width: 43%; } .s4-list{ float: left; padding: 30px; width: 45%; background-color: rgba(169, 10, 9, 0.5); } .s4-list ul li a:hover{ text-decoration: underline; } #s4-list-l{ margin-right: 10%; } .s4-list ul li a{ font-size: 18px; line-height: 44px; letter-spacing: 2px; color: #ffffff; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .s4-list ul li a::before{ content: '◇'; } .s4-banner ul li a{ display: block; } .s4-banner ul li{ padding: 0 0.5%; } .s4-banner ul li a p{ font-size: 18px; font-weight: 600; line-height: 30px; height: 60px; overflow: hidden; text-overflow: ellipsis; letter-spacing: 1px; color: #ffffff; margin-top: 25px; } .s4-banner ul li a:hover p{ text-decoration: underline; } .s4-banner ul li a span{ font-size: 14px; letter-spacing: 1px; color: #ffffff; display: inline-block; background-color:rgba(142, 15, 22, 0.8); padding: 12px 18px; position: absolute; bottom: 0px; left: 0px; } .s4-banner ul li .pic{ position: relative; overflow: hidden; border: 5px solid rgba(255, 255, 255, 0.5); } .s5{ padding-top: 74px; padding-bottom: 117px; background: url(/uploads/image/2images/s5.png) no-repeat; background-position: center bottom; background-size: cover; } .s5-tit{ padding: 32px 0; text-align: center; font-family: microsoftyahei-bold; font-size: 36px; line-height: 30px; letter-spacing: 2px; color: #fff; white-space: nowrap; overflow: hidden; } .s5-tit a{ color:#a40e16; } .s5-tit img{ width: 43%; } .s5-list{ background-image: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.2) 100%); padding: 0 20px; } .s5-list ul li { width: 50%; float: left; margin-top: 30px; } .s5-list ul li h2{ width: 100%; } .s5-list ul li h2>a{ display: block; font-size: 18px; letter-spacing: 1px; color: #a40e16; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .s5-list ul li h2 a::before{ content: ''; display: inline-block; width: 6px; height: 29px; background-color: #bfbfbf; vertical-align: -8px; margin-right: 16px; } .s5-list ul li:nth-child(odd){ padding-right: 3.5%; } .s5-list ul li p{ margin-top: 20px; margin-bottom: 15px; font-size: 16px; line-height: 26px; height: 78px; overflow: hidden; text-overflow: ellipsis; letter-spacing: 1px; color: #999999; text-indent: 2em; } .s5-more{ text-align: right; display: block; font-size: 16px; line-height: 26px; letter-spacing: 1px; color: #a40e16; transition: all 0.6s; } .s5-more:hover{ letter-spacing: 2px; } .s3>.px1400{ overflow: hidden; } .s4>.px1400{ overflow: hidden; } .s5>.px1400{ overflow: hidden; } @media screen and (max-width:1420px) {} @media screen and (max-width:1200px) {} @media screen and (max-width:1024px) { .s1>ul{ padding: 0; } .s1 h2 a{ font-size: 26px; } .s1 p a{ font-size: 16px; line-height: 20px; } .s2-l{ float: none; width: auto; height: auto; margin-right: 0; margin-bottom: 10px; } .s2-tit b{ font-size: 28px; } .s2-tit>div h2{ font-size: 20px; margin: 10px 0; } .s2{ padding-top: 30px; } .s2-tit{ margin-bottom: 15px; margin-top: 0; } .s2-banner ul li a p{ font-size: 18px; } .s2-r-tit p{ background-size: 100% 100%; font-size: 18px; margin-bottom: 10px; } .s3-list ul li{ width: 50%; margin-bottom: 30px; } .s4-list{ width: 48%; } #s4-list-l{ margin-right: 4%; } .s5-list ul li{ float: none; width: auto; margin-top: 15px; } .s5-list ul li:nth-child(odd){ padding-right: 0; } .s5-list ul li p{ margin: 10px 0; } .s3-tit,.s4-tit,.s5-tit{ font-size: 28px; } .s3-tit{ padding-top: 30px; margin-bottom: 30px; } .s4-tit{ padding: 30px; } .s3-tit img,.s4-tit img,.s5-tit img{ width: 40%; } .s5{ padding-top: 30px; } .bbt{height: 44rem !important;} } @media screen and (max-width:768px) { .s1 h2 a{ font-size: 22px; margin-bottom: 0px; } .s1 p a{ font-size: 14px; } .s2-tit>div h2{ font-size: 18px; margin: 4px 0; } .s2-tit b{ font-size: 20px; } .s2-banner ul li a p{ font-size: 16px; } .s3-list ul li{ width: auto; float: none; margin-bottom: 10px; } .s3-list ul li a span{ font-size: 12px; } .s3-tit img{ width: 40%; } .s3-tit{ padding-top: 15px; margin-bottom: 10px; } .s4-tit,.s5-tit{ padding: 15px 0; } .s3-tit, .s4-tit, .s5-tit{ font-size: 24px; } .s3-tit img, .s4-tit img, .s5-tit img{ width: 36%; } .s4-list{ width: auto; float: none; } #s4-list-l{ margin-right: 0; } .s4{ background-size: 100% 788px; } .s4-list ul li a{ font-size: 16px; line-height: 32px; } .s4-list{ padding: 15px; } .s4-banner ul li a p{ font-size: 16px; } .s5-list ul li h2>a{ font-size: 16px; } .s5-list ul li p,.s5-more{ font-size: 14px; } .s5{ padding-bottom: 30px; } .s4-banner ul li a p{ margin-top: 10px; } .s5{ padding-top: 15px; } .s4-tit, .s5-tit{ padding: 8px 0; padding-top: 20px; padding-bottom: 20px; } .s3-list ul li a h2{ margin-bottom: 5px; } .s3-list ul li a{ padding-top: 36px; padding-bottom: 10px; } .bbt{height: 34rem !important;} } @media screen and (max-width:548px) { .s1 h2 a{ font-size: 20px; margin-bottom: 0px; } .s1 p a{ font-size: 13px; } .s1 h2 a{ font-size: 18px; } .s1 p a{ font-size: 12px; } .s2{ padding-top: 15px; } .s2-tit>div h2{ font-size: 16px; margin: 0; } .s2-tit b{ font-size: 18px; padding: 15px; } .s2-tit>div p{ font-size: 12px; line-height: 26px; } .s2-banner ul li a p{ font-size: 14px; } .s2-r-tit p{ font-size: 16px; background-size: 80% 80%; padding: 10px 60px 10px 20px; background-position: left center; } .new-tit h2{ font-size: 16px; } .s2-info{ padding: 10px 0; } .s2-list ul li a p,.s2-list ul li a span{ font-size: 14px; line-height: 40px; } .s3-tit, .s4-tit, .s5-tit{ font-size: 22px; } .bbt{height:24rem !important;} } @media screen and (max-width:480px){ .s1>ul>li{ display: block; width: 100%; } .s1>ul>li>a{ display: inline-block; width: auto; } .m-logo h2 a{ font-size: 16px; color: #fff; } .s4{ background-size: 100% 720px; } .s3-tit, .s4-tit, .s5-tit{ font-size: 20px; } .s1>ul>li{ margin: 10px auto; } .s3-list ul li{ padding: 0; } .bbt{height:20rem !important;} } .s1-2-l{ width: 6.6rem; } .s1-banner a{ display: block; overflow: hidden; position: relative; } .s1-banner a .pic{ padding-top: 65.15%; } .s1-banner a p{ position: absolute; left: 0; right: 0; bottom: 0.2rem; font-size: 0.2rem; color: #fff; line-height: 1.1; padding: 0 0.36rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; z-index: 3; } .s1-banner a:after{ position: absolute; content: ''; left: 0; right: 0; bottom: 0; top: 0; background: repeat-x bottom center; } .s1-banner .slick-prev{ left: 0; } .s1-banner .slick-next{ right: 0; }