File: /www/wwwroot/m.wfehn.com/static/css/honor.css
.inside-banner {
height: 690px;
}
.inside-banner .box .txt{
margin-top: 101px;
}
.inside-banner .box .txt .bigTxt{
font-size: 48px;
color: #FFFFFF;
line-height: 72px;
}
.inside-banner .box .txt .bigTxt span.tit{
color: #4EDDC7;
font-size: 56px;
}
.inside-banner .box .txt .bigTxt span.tit .en{
font-family: "D-DINExp-Bold";
}
.bwards{
margin-top: 66px;
}
.bwards .bwards-title{
text-align: center;
font-size: 40px;
color: #233863;
line-height: 56px;
}
.bwards .bwards-box{
margin-top: 56px;
position: relative;
height: 100%;
}
.bwards .bwards-box .swiper-container {
width: 100%;
height: 100%;
}
.bwards .bwards-box .swiper-container .swiper-wrapper{
height: 230px;
}
.bwards .bwards-box .swiper-pagination {
padding-top: 17px!important;
}
.bwards .bwards-box .swiper-container .swiper-pagination-bullet {
margin-right: 12px; /* 水平间隔 */
}
.bwards .bwards-box .swiper-slide {
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.bwards .bwards-box .swiper-item{
padding: 0 12px;
box-sizing: border-box;
}
.bwards .bwards-box .swiper-item .insideBox {
background: url("../image/bwards_bg.png") no-repeat;
background-size: cover;
padding: 24px;
display: flex;
align-items: center;
border-radius: 8px;
}
.bwards .bwards-box .swiper-item .insideBox .text,.bwards .bwards-box .swiper-item .insideBox .img{
float: left;
width: calc(50% - 12px);
}
.bwards .bwards-box .swiper-item .insideBox .img{
width: 182px;
height: 182px;
position: relative;
background: #FFFFFF;
border-radius: 4px;
}
.bwards .bwards-box .swiper-item .insideBox .img img{
border-radius: 4px;
}
.bwards .bwards-box .swiper-item .insideBox .text{
font-family: PingFangSC, PingFang SC;
font-weight: 400;
font-size: 16px;
color: #4A4A4A;
line-height: 24px;
padding-right: 16px;
}
.bwards .bwards-box .swiper-pagination-bullet{
width: 10px!important;
height: 10px!important;
background: #D8D8D8!important;
}
.bwards .bwards-box .swiper-pagination-bullet-active{
width: 10px!important;
height: 10px!important;
background: #229AF4!important;
/*opacity: 1!important;*/
}
.bwards .bwards-box .swiper-container-horizontal>.swiper-pagination-bullets,.bwards .bwards-box .swiper-pagination-custom, .swiper-pagination-fraction{
bottom: 0px!important;
}
.honors{
margin-top: 98px;
}
.honors .honors-text{
text-align: center;
color: #233863;
font-weight: normal;
line-height: 45px;
}
.honors .honors-text .honors-title p:first-child{
font-size: 32px;
line-height: 45px;
}
.honors .honors-text .honors-title p:last-child{
font-size: 40px;
font-weight: bold;
line-height: 45px;
}
.honors .honors-text .honors-title p span{
font-size: 48px;
color: #229AF4;
font-family: "D-DINExp-Bold";;
}
.honors .honors-text .honors-bg{
margin-top: 4px;
height: 22px;
}
.honors .honors-box{
margin-top: 32px;
margin-bottom: 88px;
}
.mt-tabpage {
width: 100%;
margin: 30px auto 0;
}
.mt-tabpage-title {
text-align: center;
}
.mt-tabpage-title .mt-tabpage-item {
display: inline-block;
width: 20%;
font-size: 20px;
font-family: Verdana;
color: #6B7B9B;
padding-bottom: 16px;
font-weight: 400;
line-height: 28px;
}
.mt-tabpage-title .mt-tabpage-item:hover {
color: #229AF4;
}
.mt-tabpage-title .mt-tabpage-item-cur {
font-weight: 600;
font-weight: bold;
color: #229AF4;
position: relative;
}
.mt-tabpage-title .mt-tabpage-item::after{
content: '';
position: absolute;
bottom: 0;
width: 0;
height: 4px;
background: #229AF4;
border-radius: 2px;
right: 0;
left: 0;
margin: auto;
}
.mt-tabpage-title .mt-tabpage-item-cur::after{
width: 55px;
}
.mt-tabpage-count {
position: relative;
min-height: 500px;
margin: auto;
overflow: hidden;
}
.mt-tabpage-cont__wrap {
position: absolute;
overflow: hidden;
}
.mt-tabpage-count .mt-tabpage-item {
overflow: hidden;
text-align: center;
background-color: #fff;
}
.clear {
clear: both;
}
.main-page {
background: #F3F7FB;
border-radius: 16px;
padding: 32px;
min-height: 500px;
}
.main-page .left,
.main-page .right {
float: left;
}
.main-page .nav-back {
width: 100px;
}
.main-page .nav {
position: relative;
width: 60px;
margin-left: 10px;
text-align: center;
font-size: 14px;
font-family: "微软雅黑";
color: #fff;
border-left: 2px solid #d8dbdf;
}
.main-page .nav div {
position: relative;
height: 60px;
cursor: pointer;
color: #666666;
}
.main-page .nav div .default {
position: absolute;
left: -11px;
top: 0;
}
.main-page .nav div .hover {
position: absolute;
left: -11px;
top: 0;
display: none;
}
.main-page .nav div:hover {
color: #333;
font-weight: 500;
}
.main-page .nav div.on .hover {
display: none;
}
.main-page .nav div.on .default {
/* display: block; */
}
.main-page .nav div:hover .hover {
display: block;
}
.main-page .nav div:hover .default {
display: none;
}
.main-page .nav div.on {
color: #333333;
}
.main-page .right {
width: 1260px;
}
.main-page .content-back {
background: #fff;
opacity: 0.3;
}
.main-page .content {
position: relative;
width: 100%;
height: 100%;
}
.main-page .content .list {
width: 100%;
height: 100%;
display: none;
}
.main-page .content .list ul li {
width: 281px;
float: left;
margin-right: 24px;
margin-bottom: 14px;
cursor: pointer;
}
.main-page .content .list ul li:nth-of-type(4n) {
margin-right: 0;
}
.main-page .content .list ul li .pic {
width: 281px;
height: 281px;
background: url("../image/honor_bg2.png") no-repeat;
background-size: cover;
}
.main-page .content .list ul li .pic .box {
padding: 32px;
position: relative;
}
.main-page .content .list ul li .pic .box img{
transition: transform 0.3s ease; /* 平滑变换 */
}
.main-page .content .list ul li:hover .pic .box img{
transform: scale(1.2); /* 鼠标经过时,放大1.1倍 */
}
.main-page .content .list ul li p {
margin-top: 14px;
width: 100%;
text-align: center;
font-size: 14px;
font-family: Verdana;
color: #4A4A4A;
line-height: 20px;
height: 44px;
overflow: hidden;
}
.bigImg {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
z-index: 99999;
display: none;
}
.bigImg .position {
width: 100%;
height: 100%;
position: relative;
}
.bigImg .position .box {
width: 528px;
height: 70%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.bigImg .position .box .img_box {
width: 100%;
height: 70%;
max-height: 528px;
margin: 10% auto 24px;
position: relative;
}
.bigImg .position .box .img_box img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.bigImg .position .box .button {
width: 36px;
height: 36px;
position: absolute;
top: 0;
right: 0;
z-index: 10;
cursor: pointer;
}
.bigImg .position .box .text1 {
width: 98%;
font-size: 16px;
color: #FFFFFF;
text-align: center;
line-height: 22px;
margin-top: 35px;
}
.bigImg .position .box .text2 {
width: 100%;
margin-top: 12px;
font-size: 14px;
color: #FFFFFF;
line-height: 20px;
height: 60px;
overflow: hidden;
display: -webkit-box;
display: none;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
-webkit-line-clamp: 3;
}
.bigImg .position .box .insideBox {
height: 100%;
}
.contact_us .txt1{
width: 850px;
font-size: 32px;
line-height: 45px;
}
.loading-pc-pc{
margin-top: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.loading-pc-pc img{
margin-right: 10px ;
}
.honorfixed{
position: fixed;
top: 96px;
height: 72px;
z-index: 999;
background: #FFF;
margin: auto;
left: 0;
right: 0;
padding-top: 32px;
box-shadow: 0px 4px 8px 0px rgba(107,123,155,0.1);
border-top: 1px solid #DAE0E7;
min-width: 1260px;
}
.honorfixed .mt-tabpage-item{
width: auto;
margin-right: 93px;
}
.honorfixed .mt-tabpage-item:last-child{
margin-right: 0px;
}
@media screen and (min-width: 2100px) and (max-width: 2400px){
.inside-banner{
height: 985px;
}
}
@media screen and (min-width: 2400px) and (max-width: 2600px){
.inside-banner {
height: 1056px;
}
}
.m-contain {
display: none;
}
.swiper-pagination{
position: relative!important;
}
@media screen and (max-width: 768px) {
.m-inside-banner {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
height: 328px;
padding-top: 32px;
}
.m-inside-banner img {
position: absolute;
right: 17px;
bottom: 24px;
width: 122px;
}
.m-inside-banner .m-txt .m-bigTxt {
font-weight: 400;
font-size: 20px;
color: #FFFFFF;
line-height: 30px;
position: relative;
z-index: 2;
}
.m-inside-banner .m-txt .m-bigTxt span {
font-size: 42px;
color: #4EDDC7;
line-height: 59px;
font-weight: bold;
}
.bwards {
margin-top: 36px;
}
.bwards .bwards-title {
font-weight: bold;
padding: 0 24px;
font-size: 32px;
line-height: 45px;
}
.bwards .bwards-box {
margin-top: 32px;
}
.bwards .bwards-box .swiper-item {
padding: 0;
}
.bwards .bwards-box .swiper-item .insideBox {
padding: 20px;
justify-content: space-between;
}
.bwards .bwards-box .swiper-item .insideBox .text, .bwards .bwards-box .swiper-item .insideBox .img {
width: 50%;
}
.bwards .bwards-box .swiper-item .insideBox .img {
width: 146px;
height: 146px;
}
.bwards .bwards-box .swiper-item .insideBox .text {
padding-right: 24px;
line-height: 20px;
}
.bwards .bwards-box .swiper-container .swiper-wrapper {
height: auto;
}
.bwards .bwards-box .swiper-pagination {
padding-top: 24px !important;
}
.bwards .bwards-box .swiper-pagination-bullet {
width: 12px !important;
height: 12px !important;
}
.bwards .bwards-box .swiper-pagination-bullet-active {
width: 30px !important;
border-radius: 6px !important;
}
.m-honors-title .bigtit {
font-weight: 500;
font-size: 32px;
color: #233863;
line-height: 45px;
text-align: center;
}
.m-honors-title .title-box {
margin-top: 24px;
display: flex;
align-items: center;
justify-content: space-between;
}
.m-honors-title .title-box .item{
padding: 16px;
background: #F3F7FB;
border-radius: 16px;
width: 48%;
}
.m-honors-title .title-box .item .num{
background-image: url("../image/m-honor-zbg.png");
background-size: cover;
width: 70px;
height: 70px;
line-height: 70px;
font-weight: bold;
font-size: 22px;
color: #FFFFFF;
margin: auto;
}
.m-honors-title .title-box .item .text{
margin-top: 8px;
font-weight: bold;
font-size: 16px;
color: #233863;
line-height: 22px;
}
.honors .honors-text .honors-bg{
margin-top: 32px;
}
.honors{
margin-top: 48px;
}
.honors .honors-text{
line-height: normal;
}
.honors .honors-text .honors-title p:first-child,.honors .honors-text .honors-title p:last-child{
font-size: 32px;
line-height: 35px;
color: #233863;
}
.honors .honors-text .honors-title p:first-child{
font-family: "D-DINExp"
}
.honors .honors-text .honors-title p span{
font-size: 40px;
}
.honors .honors-box{
margin-bottom: 48px;
}
.mt-tabpage {
display: none;
}
.m-contain {
margin-top: 32px;
display: block;
}
.remould-swiper .swiper-pagination-bullet{
width: 4% !important;
}
.remould-swiper.aquaculture02 .swiper-slide .item{
height: 100%;
}
.remould-swiper .swiper-wrapper .swiper-slide{
margin: auto !important;
}
.remould-swiper.aquaculture02 .swiper-slide .pic{
width: 179px !important;
height: 100% !important;
}
.rebuild-m-honor{
position: relative;
overflow: hidden;
}
.rebuild-m-honor .swiper-button-next:after,.rebuild-m-honor .swiper-button-prev:after{
content: '';
width: 24px;
height: 24px;
position: absolute;
top: 12px;
}
.rebuild-m-honor.m-honor-navs .head .swiper-button-next,.rebuild-m-honor.m-honor-navs .head .swiper-button-prev{
margin: auto;
line-height: 48px;
width: 24px;
}
.important{
height: auto;
}
.contact_us{
padding-top: 48px;
}
.contact_us .txt1{
width: 100%;
}
}
@media screen and (max-width: 385px) {
.m-honors-title .title-box .item .text{
font-size: 15px;
}
}