@charset "utf-8";
/**/
body {height: auto;font-size: 14px;line-height: 1.8;-webkit-overflow-scrolling: touch;background: #e1efea;}
a {text-decoration: none;}
.mxwidth {max-width: 735px;margin: 0 auto;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {pointer-events: auto;}
/**/
.banner {position: relative;}
.w0-logo {position: absolute;width: 45%;top: 8%;left: 27%;}
.w0-title {position: absolute;width: 80%;top: 20%;left: 9.5%;}
/**/
.weft01 {position: relative;background: #e1efea;margin-top: -15%;}
.swipe-tip{position: absolute;bottom: 16%;width: 12%;left: 44%;}
.w1-title {width: 70%;margin: 0 auto 8%;}
.w1-news-item {margin-top: 3%;padding-bottom: 3%;border-bottom: 1px solid #ddd;}
.w1-news-item article {transform: translateY(5px);}
.w1-news-item img {float: left;width: 35%;margin-right: 3%;}
.w1-news-item h3 {font-size: 1.6rem;color: #252525;line-height: 1.2;margin-bottom: 2%;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.w1-news-item p {font-size: 1.4rem;color: #666666;line-height: 1.2;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.w1-news-item::after{display: block;clear: both; content: "";}
/**/
.weft02 {position: relative;}
.w2-title {width: 84%;margin: 8% auto 3%;}
.w2-set {position: relative;margin-bottom: 30px;}
.num {position: absolute;font-family:Microsoft YaHei ,sans-serif;font-size: 4rem;color: #f25626;font-weight: bold;}
.fnum.num1 {position: absolute;top: 6.6%;left: 27%;color: #ffffff;font-family: fantasy, sans-serif;font-size: 4.2rem;}
.num1 {top: 12.8%;left: 8.4%;color: #f25626;}
.num2 {top: 17%;right: 27%;}
.num3 {top: 22.4%;left: 19%;}
.num4 {top: 28.3%;left: 22%;}
.num5 {top: 34.3%;right: 17%;}
.num6 {top: 40.2%;left: 23.5%;}
.num7 {top: 45.3%;right: 19%;}
.w2-poster {position: absolute;width: 88%;height: 34%;bottom: 7%;left: 50%;transform: translateX(-50%);overflow-y: scroll;}
/**/
.weft03 {position: relative;margin-top: -25%;}
.weft03 p {width: 70%;color: #666666;line-height: 1.5;font-size: 1.4rem; text-indent: 2em;}
.weft03 .card-bg {width: 80%;}
.card {position: relative;}
.card1 p, .card3 p {margin: 5% 0 10% 5%;}
.card-bg2 {margin-left: auto;}
.card2 p {margin: 4% 0 8% 25%;}
.line-left {z-index: -1;width: 1px;height: 104%;position: absolute;top: 0;left: 6%;background: #9fc3c3;}
.line-right {z-index: -1;width: 1px;height: 104%;position: absolute;top: 0;right: 6%;background: #9fc3c3;}
.card-num {position: absolute;width: 14%;}
.card-num1 {top: 38%;right: 3.3%;}
.card-num2 {top: 23%;left: 3.6%;}
.card-num3 {top: 32%;right: 3.3%;}
.card-intro {position: absolute;width: 57%;max-height: 57%;}
.card-intro1 {top: 16%;left: 4%}
.card-intro2 {top: 15.2%;left: 24%}
.card-intro3 {top: 16.4%;left: 4%}
/**/
.weft04 {position: relative;margin-top: 15%;}
.weft04 ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.weft04 li {width: 48%;background: url(//x0.ifengimg.com/ucms/special/images/9FA6C5EFF64D99F81DFB27C02E773F1E.png) no-repeat;background-size: 20%;background-position: 100% 94%;margin-bottom: 12%;padding-bottom: 2%;border-bottom: 1px solid #accbcb;}
.w4-img {border-bottom: 2px solid #f25656;}
.weft04 ul>li:nth-child(2n) {transform: translateY(35%);margin-bottom: 12%;padding-bottom: 2%;}
.w4-item h3 {color: #252525;line-height: 1.2;margin: 8% 25% 0 0;min-height: 2em;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.w4-desc {position: absolute;width: 36%;top: 15%;right: 8%;}
/**/
#mito .swiper-slide h2 {width: 70%;margin: 2% 0 0 4%;font-size: 1.6rem;line-height: 1.2;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: bold;margin-top: 5%;}
#mito .swiper-slide p {width: 70%;margin: 2% 0 0 4%;font-size: 1.4rem;color: #606060;line-height: 1.2;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#mito .swiper-pagination {position: absolute;right: 5px;bottom: 0px;left: auto;text-align: right;font-size: 20px;}
#mito .swiper-pagination-current {font-size: 5rem;font-weight: 100;line-height: 1;color: #f25656;}
/**/
.foot{display: flex;height: 25vh;justify-content: center;align-items: center;}
.foot img{width: 28%;}