.info_data{ padding: 2.6vw 0px .38vw !important; border-bottom: 1px solid #dedede; margin-bottom: 1.38vw; } .re_to{ display:flex; justify-content: space-between; display: block; position: relative; overflow: hidden; } .fanyeak{ display: block; width: calc(100% - 140px); float: left; line-height: 36px; font-size: 14px; color: #3d3d3d; } .fanyeak a, .fanyeak a:visited { color: #3d3d3d; } .re_to .fanye-hui{ display: block; float: right; width: 136px; height: 46px; overflow: hidden; border: 1px solid #919191; text-align: center; line-height: 44px; font-size: 14px; color: #3d3d3d; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .fanye-hui:hover { /*border: 1px solid #0090D8;*/ background: #009656; border-color: #009656; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .fanye-hui:hover span { top: -100%; color: #fff; } .fanye-hui span { display: block; position: relative; top: 0; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } .fwl-list li { /* display: block; */ list-style: none; overflow: hidden; background-color: #fff; margin-bottom: 36px; padding: 0; } .fwl-list { width: 93%; margin: 80px auto; display: block; } .ovfh { overflow: hidden; /* display: flex; */ } .fr { float: right; } .fl { float: left; } .fwl-tuk, .fwl-link { display: block; width: 50%; position: relative; overflow: hidden; } .in-protu { display: block; width: 100%; /* height: 100%; */ z-index: 2; /* position: absolute; left: 0; top: 0; */ background-size: cover !important; object-fit: cover; transition: all 0.4s ease 0s; } .fwl-linmdk { display: block; position: absolute; width: 90%; max-width: 560px; left: 14%; top: 14%; z-index: 5; } .fwl-linm-tit { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 30px; font-weight: bold; line-height: 54px; font-size: 30px; color: #090d19; } .fwl-linm-textk { display: block; height: auto; min-height: 132px; margin-bottom: 30px; position: relative; border-bottom: 1px solid #e5e5e5; } .fwl-linm-text { display: block; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /* -webkit-line-clamp: 4; */ -webkit-box-orient: vertical; line-height: 28px; font-size: 16px; color: #090d19; } .fwl-xx { display: block; line-height: 32px; font-size: 16px; color: #307dd5; } .fwl-jin { display: block; width: 30px; height: 32px; background: url(../images/fwl-jin.png) center center no-repeat; } .fwl-list li:hover .in-protu { transition: 0.5s; transform: scale(1.09); } .fwl-list li:focus .in-protu { transition: 0.5s; transform: scale(1); } .fwl-sk { display: block; position: absolute; z-index: 3; bottom: -80px; line-height: 1.2; font-size: 276px; color: rgba(196, 218, 243, 0.1); font-family: 'MONTSERRAT-MEDIUM'; } .fwl-skl { left: -46px; } .in-protuk { display: block; width: 100%; height: auto; position: relative; } /*详情*/ .m3nCon { /* width: 86%; */ width: 94%; margin: 0 auto; background: #fff; padding: 2.6vw 4.16vw 4.16vw; box-shadow: 0 0 30px rgba(0, 0, 0, 0.03); position: relative; margin: 80px auto; } .m3nTbox { line-height: 42px; font-weight: normal; display: block; padding-right: 200px; position: relative; } .m3nInfo { line-height: 50px; height: 51px; border-bottom: 1px solid #E6E6E6; font-size: 14px; color: #808080; display: flex; justify-content: space-between; } .m3nInfo .fl { background: url(../images/m3n_i1.png) no-repeat left center; padding-left: 28px; float: none; /*margin-left: 100px;*/ } .fr { float: right; } .m3nEditor { padding: 2.6vw 0px 3.38vw; font-size: 16px; line-height: 32px; } .m3nEditor p { margin-top: 0px; margin-bottom: 30px; padding: 0px; max-width: 100%; clear: both; min-height: 1em; color: rgb(51, 51, 51); font-family: -apple-system-font, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif; font-size: 17px; letter-spacing: 0.544px; text-align: justify; white-space: normal; background-color: rgb(255, 255, 255); line-height: 1.75em; box-sizing: border-box !important; overflow-wrap: break-word !important; } .m3nEditor span { margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-family: 宋体; font-size: 18px; letter-spacing: 1px; } .m3nTbox span { display: inline-block; position: absolute; top: 0px; right: 0px; font-size: 14px; } .m3nEditor_img img { width: 779px; height: auto; } .m3nEditor_img { text-align: center; } .m3nEditor_img_t { text-align: center; } .m3nEditor_img_t span { display: block; max-width: 100%; box-sizing: border-box !important; overflow-wrap: break-word !important; font-family: 宋体; font-size: 14px; letter-spacing: 1px; } .m3nBack { padding-bottom: 1.82vw; text-align: center; } .m3nBkBtn { background: url(../images/m3back.png) no-repeat center top; text-align: center; display: inline-block; margin: 0px auto; height: 182px; width: 176px; font-size: 14px; line-height: 24px; padding-top: 75px; color: #FFF; transition: all 0.4s ease 0s; } .m3nBkBtn:hover { transform: translateY(-10px); color: #fff; transition: all 0.4s ease 0s; cursor: pointer; } .m3pages { line-height: 76px; /*background: #F7F7F7;*/ height: 76px; font-size: 16px; } .clearfix { *zoom: 1; } .m3pages .fl { float: left; height: 35px; line-height: 35px; /*max-width: 45%;*/ /*padding-left: 40px;*/ } .ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .m3pages .fr { float: right; height: 35px; line-height: 35px; /*max-width: 45%;*/ /*padding-right: 40px;*/ } .m3pages a { color: black; cursor: pointer; } img { max-width: 100%; } @media (max-width: 768px) { .re_to .fanye-hui{ width: 80px; height: 30px; line-height: 30px; float: none; } .re_to{ display: flex; align-items: center; } .fwl-list { margin: 25px auto; } /* .subpage_ad { display: none; } */ .content-width { overflow: hidden; } .ovfh { display: block; } .fwl-tuk, .fwl-link { width: 100%; } .fwl-link { width: 100%; float: none; } .fwl-linmdk { position: relative; left: 5%; top: 10%; padding: 18px 0; box-sizing: border-box; } .fwl-linm-tit { margin-bottom: 8px; line-height: 28px; font-size: 20px; } .fwl-linm-textk { height: auto; min-height: auto; border-bottom: none; margin-bottom: 12px; } .fwl-sk { bottom: -70px; font-size: 180px; } .fwl-link .in-protuk { display: none; } .m3nTbox h2 { font-size: 20px; line-height: 32px; text-align: left; } .m3nCon { width: 94%; padding: 25px 15px 35px; margin: 40px auto 0; } .m3nTbox { padding-right: 0; } .m3nInfo { line-height: 24px; padding: 15px 0; height: auto; overflow: hidden; } .m3nInfo .fl { background-position: left 7px; } .m3nEditor { font-size: 15px; line-height: 30px; } .m3pages { line-height: 30px; height: auto; font-size: 14px; overflow: hidden; padding: 10px 0; } .m3nTbox span { display: none; } .m3pages .fl { float: left; height: 30px; max-width: 100%; padding-left: 10px; } .m3pages .fr { float: left; height: 30px; max-width: 100%; padding-left: 10px; padding-right: 0; } .m3nTbox h2 { font-size: 20px; line-height: 32px; text-align: left; } .m3nCon { width: 94%; padding: 25px 15px 35px; } .m3nTbox { padding-right: 0; } .m3nInfo { line-height: 24px; padding: 15px 0; height: auto; overflow: hidden; } .m3nInfo .fl { background-position: left 7px; } .m3nEditor { font-size: 15px; line-height: 30px; } .m3pages { line-height: 30px; height: auto; font-size: 14px; overflow: hidden; padding: 10px 0; } .m3nTbox span { display: none; } .m3pages .fl { float: left; height: 30px; max-width: 100%; padding-left: 10px; } .m3pages .fr { float: left; height: 30px; max-width: 100%; padding-left: 10px; padding-right: 0; } .m3nEditor img{height:auto!important} }