锘?* @font-face {
} */
html,
body {
position: relative;
height: 100%;
user-select: none;
}
html *,
body * {
user-select: none;
}
main {
/* height: 100%; */
}
.mauto {
max-width: 1600px
}
.home-swiper {
width: 100%;
height: 100%;
}
.home-swiper>.swiper-wrapper>.swiper-slide {
height: 100% !important;
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
}
.public-top {
padding-top: 112px;
}
.public-banner .imgs {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.img-scale,
.hover-scale {
width: 100%;
height: 100%;
overflow: hidden;
-webkit-transition: all .8s ease;
-o-transition: all .8s ease;
-moz-transition: all .8s ease;
transition: all .8s ease;
}
.img-scale img {
width: 100%;
height: 100%;
display: block;
-webkit-transition: all .8s ease;
-o-transition: all .8s ease;
-moz-transition: all .8s ease;
transition: all .8s ease;
}
.img-scale:hover img,
.hover-scale:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all .8s ease;
-o-transition: all .8s ease;
-moz-transition: all .8s ease;
transition: all .8s ease;
}
header,
footer,
.header-m,
main,
.i-banner,
.banner {
-o-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
-webkit-transition: all .5s
}
header {
position: fixed;
z-index: 555;
left: 0;
top: 0;
width: 100%;
background-color: transparent;
/* box-shadow: 0px 0px 29px 0px rgb(0 0 0 / 9%); */
}
.header-m.add,
.header.add,
.header.active {
background: #FFFFFF !important;
-webkit-box-shadow: 0px 0px 29px 0px rgb(0 0 0 / 9%);
box-shadow: 0px 0px 29px 0px rgb(0 0 0 / 9%);
}
.header.baf {
background: #ffffff !important;
}
.header .top {
height: 34px;
line-height: 34px;
background: #f6f6f6
}
.logo {
height: 102px;
line-height: 102px;
overflow: hidden;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.main-bg {
background-color: #FFFFFF;
padding-bottom: 20px;
}
nav ul li {
position: relative;
float: left;
height: 100%;
text-align: center;
margin: 0 10px;
min-width: 90px
}
nav ul li:last-child {
margin-right: 0 !important;
}
nav ul li>a.header-active::after,
nav ul li.cur a::after,
nav ul li:hover a::after {
width: 28px;
height: 37px;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
nav ul li:hover a::after,
nav ul li:hover a::before {
opacity: 1;
visibility: visible;
}
nav ul li>a {
position: relative;
width: 100%;
height: 100%;
padding: 55px 0 20px 0;
font-size: 16px;
font-weight: 500;
text-align: center;
color: #010101;
}
/* nav ul li a span {
display: block;
font-size: 12px;
color: #aaa;
margin-top: 5px
} */
nav ul li>a::after {
position: absolute;
content: '';
top: 11px;
left: 50%;
width: 0;
height: 37px;
visibility: hidden;
opacity: 0;
background: url(../images/icon-nav.png)no-repeat center center;
-o-background-size: contain;
background-size: contain;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
-webkit-transition: all .3s
}
nav ul li>a::before {
position: absolute;
content: '';
left: 50%;
bottom: 0;
width: 16px;
height: 8px;
opacity: 0;
visibility: hidden;
background: url(../images/icon-top-dot.png)no-repeat;
-o-background-size: contain;
background-size: contain;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
-webkit-transition: all .3s
}
nav ul li .sub-nav {
display: none;
z-index: 1;
top: 102px;
left: 50%;
padding: 20px 10px;
width: 150px;
height: auto;
background: rgba(0, 87, 39, 0.5);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
-webkit-transition: all .5s
}
nav ul li .sub-nav a {
display: block;
line-height: 23px;
padding: 8px 0;
text-align: center;
color: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}
nav ul li .sub-nav a span {
width: 75%;
text-align: left;
}
.sub-nav-left {
margin-right: 4%;
position: relative;
width: 30%;
height: 188px;
}
.sub-nav-right {
width: -webkit-calc(100% - 30%);
width: -moz-calc(100% - 30%);
width: calc(100% - 30%);
}
.sub-nav-left-i {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
/* visibility: hidden;
opacity: 0; */
-webkit-transition: all ease-out .5s;
-o-transition: all ease-out .5s;
-moz-transition: all ease-out .5s;
transition: all ease-out .5s;
}
/* .sub-nav-left-i.cur {
visibility: visible;
opacity: 1;
transition: all ease-out .5s;
} */
.sub-nav-left-i .sub-nav-img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sub-nav-right-i {
width: 200px;
height: 48px;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 15px;
font-weight: 500;
color: #FFFFFF !important;
background: transparent !important;
border-bottom: none !important;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
margin: 5px 0;
padding: 0 10px !important;
}
.sub-nav-right-i>.home-btn-img {
visibility: hidden;
opacity: 0;
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
}
.sub-nav-right-i:hover>.home-btn-img {
visibility: visible;
opacity: 1;
}
.sub-nav-right-i:hover {
-webkit-transition: all .5s;
-o-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
background: url(../images/icon-area-btn.png)no-repeat !important;
-o-background-size: 100% 100% !important;
background-size: 100% 100% !important;
}
.sub-nav-i a {
background: transparent !important;
border-bottom: none !important;
}
nav ul li.home-account,
nav ul li.search-btn {
min-width: auto;
cursor: pointer;
height: 102px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
border-right: none;
margin: 0 20px
}
nav ul li.home-account::after,
nav ul li.search-btn::after {
padding: 22px 0 20px 0;
content: '';
display: block;
width: 25px;
height: 25px;
background: url(../images/icon-search.png) no-repeat center bottom
}
nav ul li.home-account::after {
background: url(../images/icon-acc.png) no-repeat center bottom
}
nav ul li .sub-nav a:hover {
color: #fff;
background: #387B58
}
nav ul li:hover>a,
nav ul li:hover>a span {
color: #387B58;
}
nav ul li:hover .sub-nav {
display: block;
/* visibility: visible;
opacity: 1; */
/* top: 112px */
}
.fix-search {
z-index: 999;
top: 0;
left: 0
}
.fix-search .hide {
width: 20px;
height: 50px;
margin-right: 10px;
cursor: pointer
}
.fix-search .hide::before,
.fix-search .hide::after {
position: absolute;
content: '';
top: 50%;
left: 50%;
width: 1px;
height: 35%;
margin-top: -35%;
background: #000
}
.fix-search .hide::before {
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform: rotate(45deg)
}
.fix-search .hide::after {
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg)
}
.fix-search .hide:hover {
opacity: .5
}
.fix-search .txt,
.fix-search .btn {
height: 50px;
line-height: 50px
}
.fix-search .txt {
width: -webkit-calc(100% - 30px);
width: -moz-calc(100% - 30px);
width: calc(100% - 30px);
font-size: 15px;
padding: 0 15px 0 5px;
border-bottom: 1px solid #e1e1e1
}
.fix-search .txt:focus {
border-color: #666
}
.fix-search .btn {
width: 30px;
height: 50px;
line-height: 50px;
font-size: 0;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAilBMVEUAAABmZmZmZmZlZWVmZmZmZmZmZmZmZmZmZmZmZmZmZmZlZWVmZmZlZWVlZWVlZWVmZmZmZmZmZmZmZmZmZmZiYmJmZmZmZmZmZmZlZWVmZmZmZmZmZmZmZmZmZmZkZGRmZmZmZmZmZmZlZWVmZmZlZWVnZ2dmZmZmZmZnZ2dmZmZqampnZ2dmZmbkjhFbAAAALXRSTlMAr5hB9NSAem7q5YxpRjcw+thfVSsU38zHwLq2k3NkIqmhhlpRGhDuSjwKJB5esRyhAAACPElEQVRIx8WW2XaDIBCGcY9b3Go0ajQ2exre//XKclqKIpDkov8dM/NxZBhmBALFn2Pj+OmmNrroAZ5QeRgv8K+2u0QTPXsBnMuIddhV9gvYWR0wfFyr0HVFI9MmSkpiGazwZ7tQzh5pVJuX/JauT89+l7AeDSnmniFMsevyscg25KC92JnsIdYSTbyb5UsxCX0S+j6xq5ZeBI5wzgJPTzxAKovc+Nz+CBiruA1X+NHOoC4hnPKvifHDRtYrUMsQFEuHbHu2lB875W9kgEg3oKMRRXacJUIWE2hpjYuBs7TIEgM9NZPslGw3tXaTr4xYCtU6oWB/kmsL6GqLokv+8hJt2OAfV42WgzY88tndkA9Rix0yZ0vcJVQI/ww8tsQd6q4Nhyg6YktH1CGkHeXIlo24OUna1ZrLH1nq1+eJT0GvDft8ei3WmvRedDPZLC2fSLY3TeBBE66mCSrwgFJRLDTjZ3KgnbJ63nw9NgvUrSCYFNQ5IxsqNQQ4TjiHdlpvOTgJkwgtjbKGkeDubexQP0bYiTwHCBXdqOWH5PzYMF9Cv2oyhJden0toU+zOHUiULdE34rbDx7yutvBHWbL0aTTGNwvOumrprpEr/W25m5DK3nvR4Wod85VbQarKAsAj9GLjuO2hULZZ/v6qBcttJzbmaOYNrLgRLZnlD3xIpjosaGNmtC/9E7jHudcZren2MX1sU1o9GCXVdIn/hY5I/q8v0v37dHp8kc7fp2GhD8y7RwXeoB3wqopq634DOx1tNyykjbUAAAAASUVORK5CYII=) no-repeat center / 60% auto
}
.header {
padding-top: 10px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.7)), to(transparent));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7), transparent);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7), transparent);
background: -o-linear-gradient(top, rgba(255, 255, 255, 0.7), transparent);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.7), transparent);
}
.header.active {
background: #fff !important;
}
.header.active nav ul li>a {
color: #000;
}
.header-active::after,
.header-active {
color: #387B58;
}
.header-ul {
height: 100%;
}
.header-ul li>a:hover {
/* color: #387B58; */
}
/* 鍙充晶鎮诞 begin */
.sild-float {
position: fixed;
z-index: 21;
right: 0;
bottom: 30%;
width: 46px;
}
.sild-float .list {
margin-bottom: 2px
}
.sild-float .list>a {
display: block;
width: 100%;
height: 46px;
background: rgba(0, 0, 0, 0.5) no-repeat center center;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease
}
.sild-float .list a.a1 {
background-image: url(../images/fix1.png)
}
.sild-float .list a.a2 {
background-image: url(../images/fix2.png);
}
.sild-float .list a.a3 {
background-image: url(../images/fix3.png)
}
.sild-float .list a.a4 {
background-image: url(../images/fix4.png)
}
.sild-float .list a.a5 {
background-image: url(../images/fix5.png)
}
.sild-float .list a.a6 {
background-image: url(../images/fix6.png)
}
.sild-float .list:hover>a {
background-color: #DAB866;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease
}
.sild-float .list .rolme {
-webkit-transform: translateX(-30px);
-moz-transform: translateX(-30px);
-ms-transform: translateX(-30px);
-o-transform: translateX(-30px);
transform: translateX(-30px);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease;
position: absolute;
right: 46px;
top: 0;
padding: 10px;
line-height: 26px;
width: 184px;
background: rgba(0, 0, 0, 0.5)
}
.sild-float .list:hover .rolme {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
visibility: visible;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease
}
.sild-float .list .rolme .ltt {
font-size: 20px;
color: #fff;
text-align: center;
word-break: break-all;
}
.sild-float .list .rolme .emv img {
border-radius: 10px
}
.sild-float .list:nth-child(1) .fplae {
border-top-left-radius: 5px;
overflow: hidden
}
.sild-float .list:last-child>a {
border-bottom-left-radius: 5px;
overflow: hidden
}
.sild-float .bpmaeb {
height: 46px;
width: 46px;
background: url(../images/fix2.png) no-repeat center center;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease
}
.sild-float .email .bpmaeb {
background: url(../images/fix3.png) no-repeat center center;
}
.sild-float .kefu .bpmaeb {
background: url(../images/fix4.png) no-repeat center center;
}
.sild-float .friends .bpmaeb {
background: url(../images/fix5.png) no-repeat center center;
}
.sild-float .fplae {
line-height: 46px;
height: 46px;
width: 226px;
background: rgba(0, 0, 0, 0.5);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease
}
.sild-float .fplae:hover {
-webkit-transform: translateX(-180px);
-moz-transform: translateX(-180px);
-ms-transform: translateX(-180px);
-o-transform: translateX(-180px);
transform: translateX(-180px);
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease
}
.sild-float .fplae:hover .bpmaeb {
background-color: #DAB866;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
transition: all 0.5s ease
}
.sild-float .fplae .ltt {
width: 180px;
text-align: center;
font-size: 20px;
color: #fff;
word-break: break-all;
}
.sild-float .email .fplae .ltt {
font-size: 14px;
}
.sild-float .kefu .fplae .ltt {
font-size: 14px;
}
.sild-float .friends .fplae .ltt {
font-size: 14px;
}
/* 鍙充晶鎮诞 end */
.header-search {
width: 102px;
height: 25px;
border-bottom: 1px solid #CCCCCC;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-search .search-btn {
height: auto;
}
/* new */
.home-box {
height: 100%;
}
.banner-img,
.banner-img img,
.banner-swiper {
width: 100%;
height: 100%;
}
.banner-img.mobile {
display: none;
}
.banner-img img {
-o-object-fit: cover;
object-fit: cover;
}
.banner-img video {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.banner-next,
.banner-prev {
width: 71px;
height: 72px;
background: rgba(0, 0, 0, 0.32);
position: absolute;
top: 50%;
left: 0;
z-index: 2;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.banner-next:hover,
.banner-prev:hover {
background: rgba(0, 87, 39, 0.32);
}
.banner-next img,
.banner-prev img {
width: -webkit-max-content !important;
width: -moz-max-content !important;
width: max-content !important;
height: -webkit-max-content !important;
height: -moz-max-content !important;
height: max-content !important;
-o-object-fit: contain !important;
object-fit: contain !important;
}
.banner-next {
left: auto !important;
right: 0 !important;
}
.banner-swiper {
position: relative;
background: #eeeeee;
}
.banner-swiper .swiper-pagination {
background: rgba(0, 0, 0, 0.5);
border-radius: 40px;
width: -webkit-max-content !important;
width: -moz-max-content !important;
width: max-content !important;
left: 50% !important;
bottom: 7% !important;
-webkit-transform: translateX(-50%) !important;
-moz-transform: translateX(-50%) !important;
-ms-transform: translateX(-50%) !important;
-o-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 30px;
}
.banner-swiper .swiper-pagination-bullet {
width: 14px;
height: 14px;
margin: 0 8px !important;
background: rgba(255, 255, 255, 0.46);
}
.banner-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #fff;
}
.home-introduction {
width: 100%;
height: 100%;
background: url(../images/model2-bg.png)no-repeat;
-o-background-size: cover;
background-size: cover;
}
.public-tobody {
max-width: 1600px;
width: 100%;
margin: auto;
}
.public-tobody-min {
max-width: 1400px;
width: 100%;
margin: auto;
padding: 0 40px;
}
.public-header-nav {
max-width: 1300px;
width: 100%;
margin: auto;
}
.public-nav {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: auto;
padding: 4% 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.public-nav>.title {
font-size: 30px;
font-weight: bold;
color: #015629;
margin: 0 10%;
white-space: nowrap;
font-family: Source Han Serif SC;
}
.home-introduction-num-i {
width: 100%;
}
.home-introduction-i {
width: 100%;
height: 100%;
}
.home-introduction-info {
width: 40%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: left;
padding-right: 5%;
}
.home-introduction-brand {
width: 40%;
}
.home-introduction-info>.logo {
max-width: 300px;
width: 100%;
height: auto;
display: block;
}
.home-introduction-num-i>h1 {
font-size: 34px;
font-weight: bold;
font-family: Impact;
color: #005629;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 42px;
}
.home-introduction-num-i>.title {
font-size: 16px;
font-weight: 400;
color: #272727;
margin-top: 6px;
}
.home-introduction-info>.info {
margin: 15px 0;
font-size: 16px;
font-weight: 400;
color: #272727;
line-height: 28px;
}
.home-introduction-num {
width: 100%;
margin-bottom: 5%;
}
.home-introduction-num-i>.nums>i {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin-bottom: auto;
font-size: 30px;
}
.home-introduction-num-i>.nums>i>em {
font-size: 18px;
}
.home-btn {
position: relative;
width: 170px;
height: 48px;
background: url(../images/icon-btn.png)no-repeat;
-o-background-size: contain;
background-size: contain;
font-size: 14px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #015629;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 35px;
}
.home-btn-img {
margin-right: 8px;
}
.home-introduction-time-b {
width: 25%;
margin: 0 !important;
background: rgba(0, 86, 41, 0.75);
}
.home-introduction-time {
width: 100%;
height: 100%;
}
.home-introduction-time-i {
height: 100%;
padding: 40px 0;
margin: 0 20px;
text-align: center;
border-bottom: 1px dashed rgba(255, 255, 255, 0.13);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.home-introduction-time-i>.time {
font-size: 40px;
font-family: Impact;
font-weight: 400;
color: #FFFFFF;
}
.home-introduction-time-i>.name {
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
margin-top: 16px;
}
.home-introduction-time-i>.msg {
font-size: 14px;
font-weight: normal;
color: #FFFFFF;
margin-top: 5px;
line-height: 30px;
}
.home-introduction-time {
height: 90%;
}
.home-introduction-time-page {
width: 80%;
margin: auto;
margin-top: 20px;
}
.home-introduction-time-page>a {
margin: 0 10px;
}
.home-introduction-brand {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.home-introduction-brand .title {
font-size: 36px;
font-weight: bold;
color: #005727;
font-family: Source Han Serif SC;
}
.home-introduction-brand-type {
margin-top: 0;
}
.home-introduction-brand-type .type-i {
width: 44%;
margin-top: 7%;
padding: 5% 0;
text-align: center;
background: url(../images/icon-brand-bg.png)no-repeat;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
.home-introduction-brand-type .type-i .info {
font-size: 16px;
font-weight: 400;
color: #111111;
}
.home-introduction-brand-type>.type-i>.type-i-img {
margin-bottom: 7px;
-o-object-fit: contain;
object-fit: contain;
}
.home-introduction-time-next,
.home-introduction-time-prev {
width: 32px;
height: 41px;
}
.home-introduction-time-prev {
background: url(../images/icon-top3.png)no-repeat;
}
.home-introduction-time-prev:hover {
background: url(../images/icon-top3.png)no-repeat;
}
.home-introduction-time-next {
background: url(../images/icon-bottom3.png)no-repeat;
}
.home-introduction-time-next:hover {
background: url(../images/icon-bottom3.png)no-repeat;
}
.home-news-b {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.home-news-a {
width: 100%;
height: auto;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.home-news-a .swiper-slide {
width: 100% !important;
}
.type-logo {
height: auto;
margin-right: 30px;
}
.type-logo .type-logo-img-mobile {
display: none;
-o-object-fit: contain;
object-fit: contain;
}
.home-news-a-i .type-logo img {
-o-object-fit: contain;
object-fit: contain;
}
.home-news-a-i {
height: 100%;
}
.home-news {
width: 100%;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
margin-top: 1%;
-webkit-box-shadow: 0px 0px 29px 0px rgb(0 0 0 / 9%);
box-shadow: 0px 0px 29px 0px rgb(0 0 0 / 9%);
}
.home-news-i {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.home-news .swiper-slide:nth-child(1) .home-news-i {
background: url(../images/bg-home-new1.png)no-repeat;
-o-background-size: cover;
background-size: cover;
}
.home-news .swiper-slide:nth-child(2) .home-news-i {
background: url(../images/bg-home-new2.png)no-repeat;
-o-background-size: cover;
background-size: cover;
}
.home-news .swiper-slide:nth-child(3) .home-news-i {
background: url(../images/bg-home-new3.png)no-repeat;
-o-background-size: cover;
background-size: cover;
}
.zoomDiv {
z-index: 999;
position: absolute;
top: 0;
left: 0;
width: 200px;
height: 200px;
background: #fff;
border: 1px solid #eff1f1;
display: none;
text-align: center;
overflow: hidden
}
.zoomMask {
position: absolute;
z-index: 99;
cursor: move;
background: rgba(255, 255, 255, .4)
}
.zoomDiv img {
max-width: inherit
}
.home-news-i .news-img {
margin-right: 30px;
z-index: 1;
}
.home-news-i-con {
padding: 8% 0;
text-align: left;
z-index: 1;
}
.home-news-i-con>.title {
font-size: 24px;
font-weight: 400;
color: #3E3E3E;
}
.home-news-i-con>.info {
font-size: 14px;
font-weight: 400;
color: #525252;
margin-top: 9px;
}
.home-news .swiper-slide {
cursor: pointer;
}
/* .home-news-i:hover,
.home-news .swiper-slide.swiper-slide-thumb-active .home-news-i {
background: rgba(0, 87, 39, 0.5);
}
.home-news .swiper-slide.swiper-slide-thumb-active .home-news-i-con>.title {
color: #ffffff;
}
.home-news .swiper-slide.swiper-slide-thumb-active .home-news-i-con>.info {
color: #ffffff;
} */
.home-news-i {
position: relative;
}
.home-news-i::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background: rgba(0, 87, 39, 0.7);
display: none;
}
.home-news-i:hover::after {
display: block;
}
.home-news-i:hover .home-news-i-con>.title {
color: #ffffff;
}
.home-news-i:hover .home-news-i-con>.info {
color: #ffffff;
}
.info-box {
width: 100%;
background: #F7F7F7;
}
.info-box-l {
width: 50%;
}
.info-box-l-img {
width: 100%;
height: 100%;
/* display: none; */
visibility: hidden;
opacity: 0;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
position: absolute;
top: 0;
left: 0;
}
.info-box-l-img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.info-box-l-img.cur {
/* display: block; */
visibility: visible;
opacity: 1;
}
.info-box-r {
padding: 3%;
}
.info-box-r-con-info,
.info-box-r-con-title {
text-align: left;
/* display: block; */
}
.info-box-r-con-info {
display: none;
}
.info-box-r-con {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px dashed rgba(63, 63, 63, 0.14);
}
.info-box-r-con.cur .info-box-r-con-info {
display: block;
}
.info-box-r-con.cur .info-box-r-con-title {
display: none;
}
.info-box-r-con-title {
font-size: 18px;
font-weight: normal;
color: #3F3F3F;
}
.info-box-r-con-info>.title {
font-size: 18px;
font-weight: bold;
color: #005629;
position: relative;
}
.info-box-r-con-info>.title::after {
position: absolute;
top: 50%;
left: -20px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 7px;
height: 10px;
background: url(../images/icon-dot.png)no-repeat;
content: '';
-webkit-animation: comeback 1s infinite;
-moz-animation: comeback 1s infinite;
-o-animation: comeback 1s infinite;
animation: comeback 1s infinite;
}
.info-box-r-con-info>.info {
font-size: 14px;
font-weight: normal;
color: #3F3F3F;
margin-top: 20px;
min-height: 50px;
line-height: 26px;
}
.info-box-r-more {
font-size: 14px;
font-weight: 400;
color: #005629;
display: block;
text-align: left;
}
.info-box-r-more:hover {
-webkit-transform: translateX(5px);
-moz-transform: translateX(5px);
-ms-transform: translateX(5px);
-o-transform: translateX(5px);
transform: translateX(5px);
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.home-area {
height: 65%;
}
.home-area-b {
width: 100%;
height: 100%;
background: url(../images/icon-area-bg.png)no-repeat;
-o-background-size: cover;
background-size: cover;
}
.corporate-culture-b {
width: 90%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
.corporate-culture-b .item1 {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 48px 30px 30px 30px;
-webkit-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
transition: all ease-out .4s;
position: relative;
background: rgb(0, 86, 41, .6);
}
.corporate-culture-b .item1::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background: rgba(0, 0, 0, 0.1);
}
.corporate-culture-b-i .item2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
visibility: hidden;
opacity: 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
transition: all ease-out .4s;
position: relative;
}
.swiper-pagination-bullet:only-child {
display: block !important;
}
.corporate-culture-b .item2::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.5)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
background: linear-gradient(180deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.5));
}
.corporate-culture-b-i .item2>.item2-img {
width: 100%;
height: 100%;
z-index: 0;
-o-object-fit: cover;
object-fit: cover;
}
.corporate-culture-b .corporate-imgs {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
.corporate-culture-b-i {
width: 10%;
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
-o-background-size: cover;
background-size: cover;
margin: 0 2px;
-webkit-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
transition: all ease-out .4s;
}
.corporate-culture-b-i>.item1>.name {
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
font-size: 20px;
font-weight: 400;
color: #FFFFFF;
word-break: break-all;
z-index: 1;
}
.corporate-culture-b-i.cur,
.corporate-culture-b-i:hover {
-webkit-box-flex: 4;
-webkit-flex: 4;
-moz-box-flex: 4;
-ms-flex: 4;
flex: 4;
}
.corporate-culture-b-i.cur .item1,
.corporate-culture-b-i:hover .item1 {
position: absolute;
visibility: hidden;
opacity: 0;
-webkit-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
transition: all ease-out .4s;
}
.corporate-culture-b-i.cur .item2,
.corporate-culture-b-i:hover .item2 {
position: relative;
visibility: visible;
opacity: 1;
z-index: 2;
-webkit-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
transition: all ease-out .4s;
}
.corporate-culture-b-i.cur .item2 .msg .item2-con {
opacity: 1;
visibility: visible;
-webkit-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
transition: all ease-out .4s;
}
.corporate-culture-b-i .item2 .msg {
position: absolute;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 48px 30px 30px 30px;
z-index: 1;
}
.corporate-culture-b-i .item2 .msg .item2-con {
opacity: 0;
visibility: hidden;
-webkit-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
transition: all ease-out .4s;
}
.corporate-culture-b-i .item2 .msg .item2-con .name {
width: 100%;
font-size: 20px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
}
.corporate-culture-b-i .item2 .msg .item2-con .con {
font-size: 16px;
font-weight: 400;
color: #FFFFFF;
margin-top: 18px;
text-align: left;
line-height: 26px;
}
.corporate-culture-b-i .item2 .msg .item2-num {
width: 170px;
height: 48px;
font-size: 14px;
font-weight: 400;
color: #FFFFFF;
background: url(../images/icon-area-btn.png)no-repeat;
-o-background-size: contain;
background-size: contain;
margin-top: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 40px;
}
.home-introduce {
padding: 0 37px;
}
.home-introduce-i {
width: 48%;
text-align: center;
}
.home-introduce-i .title {
font-size: 30px;
font-weight: normal;
font-family: Source Han Serif SC;
color: #005727;
margin-top: 30px;
}
.home-introduce-i .info {
font-size: 18px;
font-weight: normal;
color: rgba(63, 63, 63, 1);
margin-top: 20px;
}
.home-introduce-i:nth-child(2) {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-moz-box-orient: vertical;
-moz-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.home-introduce-i:nth-child(2) .home-introduce-i-img {
margin-top: 30px;
}
.home-introduce-i-img {
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
.footer-b {
width: 100%;
position: absolute;
bottom: 0;
}
.footer-b-top {
width: 100%;
height: 90px;
background: #005629;
}
.footer-b-top-i {
height: 100%;
position: relative;
}
.menu-l {
width: 45%;
height: 100%;
}
.menu-l-i {
position: relative;
font-size: 14px;
font-weight: 600;
color: #fff;
margin-right: 2%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.menu-l-img {
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
margin-left: 10px;
}
.menu-l-i:last-child {
margin-right: 0;
}
.menu-l-iaa.cur .menu-l-i-link {
visibility: visible;
opacity: 1;
-webkit-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
transition: all ease-out .4s;
}
.menu-l-i-link {
position: absolute;
left: 50%;
bottom: 90px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 200px;
background: rgba(0, 87, 39, 0.5);
/* background: #089142; */
padding: 10px;
opacity: 0;
visibility: hidden;
-webkit-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
transition: all ease-out .4s;
}
.menu-l-i-link-i {
display: block;
color: #fff;
padding: 10px 0;
text-align: center;
}
.menu-l-i-link-i:hover {
background: #387B58;
}
.public-bg {
background: url(../images/public-bg.jpg);
}
.history-mountain,
.public-mountain {
width: 100%;
height: 100%;
padding-bottom: 9%;
background: url(../images/mountain-bg.png) no-repeat center bottom;
-o-background-size: contain;
background-size: contain;
}
.history-mountain {
background: url(../images/bg-history1.png) no-repeat center bottom;
-o-background-size: contain;
background-size: contain;
}
.menu-r {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.menu-r-i {
font-size: 16px;
color: #fff;
margin-right: 10%;
}
.menu-r-i>.nums {
font-size: 16px;
font-weight: bold;
color: #fff;
}
.menu-r-i:last-child {
margin-right: 0;
}
.menu-r-i img {
margin-right: 10px;
}
.footer-logo {
position: absolute;
left: 50%;
bottom: 0;
width: 164px;
height: 143px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
overflow: hidden;
}
.footer-logo-img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: contain;
object-fit: contain;
}
.footer-b-con {
width: 100%;
height: 100%;
background: url(../images/footer-bg.png)no-repeat #fff;
-o-background-size: cover;
background-size: cover;
}
.footer-b-con-list {
padding-top: 30px;
}
.footer-b-con-list-i>.title {
font-size: 16px;
font-weight: bold;
color: #000000;
display: block;
text-align: left;
margin-bottom: 10%;
}
.footer-b-con-list-i>.info {
font-size: 14px;
font-weight: normal;
color: #000000;
display: block;
text-align: left;
margin-top: 10px;
}
.footer-b-con-list-i>.info:hover {
font-weight: 800;
}
.footer-b-con-list-i>.info:hover,
.footer-b-con-list-i>.title:hover {
color: #005629;
}
.footer-b-con-list-i {
width: 11%;
display: none;
}
.footer-b-con-code .code-i {
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
text-align: center;
}
.footer-b-con-code {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: auto;
}
.code-i>.title {
font-size: 14px;
font-weight: 400;
color: #3E3E3E;
margin-top: 9px;
}
.footer-b-con-copyright {
font-size: 16px;
font-weight: normal;
color: #BEBFBF;
text-align: center;
padding: 1.5% 0;
border-top: 1px solid #E3E4E5;
margin-top: 2%;
}
.fix-bar {
position: fixed;
top: 60%;
right: 1%;
z-index: 3;
}
.fix-bar .item {
margin: 2px 0;
background: rgba(0, 0, 0, 0.45);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.fix-bar .item:hover {
background: RGBA(0, 86, 41, 1);
}
.fix-bar .item:hover .info {
visibility: visible;
opacity: 1
}
.fix-bar .item:hover .info4,
.fix-bar .item:hover .info3 {
visibility: visible;
opacity: 1;
right: 60px
}
.fix-bar .btn {
width: 47px;
height: 47px;
cursor: pointer
}
.fix-bar .info {
top: 50%;
right: 56px;
background: #45aae7;
min-width: 100px;
padding: 7px;
border-radius: 5px;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
visibility: hidden;
opacity: 0
}
.fix-bar .info2 {
padding: 0
}
.fix-bar .info2 em {
width: 32px;
height: 90px;
border-right: 1px solid #fff
}
.fix-bar .info2 em span {
top: 29px;
left: -37px;
width: 90px;
height: 32px;
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform: rotate(90deg)
}
.fix-bar .info2 .txt {
width: 120px
}
.fix-bar .info4 {
visibility: hidden;
opacity: 0;
top: 50%;
right: 80px;
padding: 15px;
min-width: 303px;
background: #EEEEEE;
border: 0px solid #0D0408;
border-radius: 8px;
-moz-transform: translateY(-80%);
-ms-transform: translateY(-80%);
-o-transform: translateY(-80%);
transform: translateY(-80%);
-webkit-transform: translateY(-80%)
}
.fix-bar .info3 {
visibility: hidden;
opacity: 0;
top: 50%;
right: 80px;
padding: 10px;
min-width: 180px;
border-radius: 5px;
font-size: 18px;
font-weight: bold;
color: #005629;
background: #eee;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform: translateY(-50%)
}
.fix-bar .info4::after {
position: absolute;
top: 80% !important;
}
.fix-bar .info4::after,
.fix-bar .info3::after {
position: absolute;
content: '';
top: 50%;
right: -6px;
border-left: 6px solid #eee;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
margin-top: -5px
}
.info4 .inputs {
width: 100%;
height: 100%;
min-height: 40px;
background: #FFFFFF;
border-radius: 8px;
padding: 0 10px;
margin-bottom: 6px;
}
.info4 .inputs.code {
border-radius: 8px 0 0 8px;
}
.info4 .texts {
width: 100%;
height: 100%;
min-height: 87px;
background: #FFFFFF;
border-radius: 8px;
margin-bottom: 6px;
padding: 10px;
}
.info4-code-img {
height: 100%;
min-height: 40px;
margin-bottom: 6px;
}
.info4-code-img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.info4-btn {
width: 100%;
height: 100%;
min-height: 40px;
background: #03572A;
border-radius: 8px;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.business-culture {
height: 550px;
}
.business-culture-i {
width: 21%;
height: 100%;
position: relative;
}
.business-culture-i:nth-child(1) {
background: url(../images/icon-business-ln.png)no-repeat center bottom;
}
.business-culture-i:nth-child(2) {
background: url(../images/icon-business-mb.png)no-repeat center bottom;
}
.business-culture-i:nth-child(3) {
background: url(../images/icon-business-js.png)no-repeat center bottom;
}
.business-culture-i:nth-child(4) {
background: url(../images/icon-business-zz.png)no-repeat center bottom;
}
.business-culture-i-title {
position: absolute;
top: 40%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
font-weight: 500;
color: #FFFFFF;
width: 90%;
text-align: center;
}
.business-culture-i-title>.title {
font-size: 30px;
margin-bottom: 20px;
}
.business-culture-i-title>.name {
font-size: 18px;
line-height: 30px;
}
.party-life .swiper-slide {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-transition: 300ms;
-o-transition: 300ms;
-moz-transition: 300ms;
transition: 300ms;
-webkit-transform: scale(0.8) !important;
-moz-transform: scale(0.8) !important;
-ms-transform: scale(0.8) !important;
-o-transform: scale(0.8) !important;
transform: scale(0.8) !important;
}
.party-life .swiper-slide-active,
.party-life .swiper-slide-duplicate-active {
-webkit-transform: scale(1) !important;
-moz-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important;
}
.party-life .swiper-slide-active .party-life-con,
.party-life .swiper-slide-duplicate-active .party-life-con {
visibility: visible;
opacity: 1;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.party-life .swiper-slide-active .party-life-img::after,
.party-life .swiper-slide-duplicate-active .party-life-img::after {
content: none;
background: transparent;
}
.party-life-con {
width: 100%;
padding: 5% 0;
text-align: center;
opacity: 0;
visibility: hidden;
background: #FFFFFF;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.party-life-con>.info {
font-size: 16px;
font-weight: 500;
color: #000000;
line-height: 36px;
}
.party-life-img {
position: relative;
}
.party-life-img::after {
position: absolute;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.33);
width: 100%;
height: 100%;
content: '';
}
.party-life .swiper-slide-prev {
margin-left: -10% !important;
}
.party-life .swiper-slide.swiper-slide-active {
margin: 0 10% !important;
}
.party-life-prev,
.party-life-next {
position: absolute;
top: 50%;
left: 25%;
-webkit-transform: translateY(-250%);
-moz-transform: translateY(-250%);
-ms-transform: translateY(-250%);
-o-transform: translateY(-250%);
transform: translateY(-250%);
cursor: pointer;
}
.party-life-next {
left: auto !important;
right: 25%;
}
.party-life {
position: relative;
overflow: hidden;
}
.party-life-prev:hover .next-img2,
.party-life-next:hover .next-img2 {
display: block;
}
.party-life-prev:hover .next-img1,
.party-life-next:hover .next-img1,
.next-img2 {
display: none;
}
.us-box {}
.us-map {}
.us-map-img {
width: 60%;
}
.us-map-img>.imgs {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.us-map-info {
width: 40%;
}
.us-map-info-i {
padding: 15%;
}
.us-map-info-i>.public-nav {
margin-left: 6px;
}
.us-map-info-msg {
font-size: 16px;
font-weight: 500;
color: #3C3C3C;
line-height: 48px;
}
.us-select-list {
padding: 0 0 5% 0;
}
.us-select-list-i {
width: 190px;
height: 190px;
background: #ffffff;
padding: 7px;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.us-select-list-i-item {
width: 100%;
height: 100%;
background: url(../images/icon-us-border.png)no-repeat;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.us-select-list-i-item>.title {
margin-top: 23px;
font-size: 16px;
font-weight: 400;
color: #111111;
}
.us-select-list-i:hover {
background: #005629;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.us-select-list-i:hover .us-select-list-i-item {
background: url(../images/icon-us-border1.png)no-repeat;
}
.us-select-list-i:hover .us-select-list-i-item>.title {
color: #ffffff;
}
.us-select {
width: 100%;
padding: 3% 0 5% 0;
background: #F6F6F6;
}
.us-select .public-nav {
margin: 0 auto;
}
.us-select-list-i:hover .us-select-list-i-item>.item-img1,
.item-img2 {
display: none;
}
.us-select-list-i:hover .us-select-list-i-item>.item-img2 {
display: block;
}
.chairman-speak-l {
width: 40%;
}
.chairman-speak-l-con {
background: #FFFFFF;
padding: 39px 50px;
margin-top: 40px;
-webkit-box-shadow: 0px 0px 29px 0px rgb(0 0 0 / 9%);
box-shadow: 0px 0px 29px 0px rgb(0 0 0 / 9%);
}
.chairman-speak-l-con * {
font-size: 16px !important;
font-weight: 500 !important;
color: #000000;
line-height: 36px !important;
}
.chairman-title {
font-size: 16px;
font-weight: 500;
color: #000000;
line-height: 36px;
margin: 26px 0;
}
.chairman-mark-down {
display: block;
margin-left: auto;
}
.chairman-speak-l-logo {
margin-left: 25px;
}
.chairman-speak-r {
width: 60%;
text-align: center;
}
.chairman-speak-r-title {
font-size: 24px;
font-weight: 500;
color: #000000;
margin: 40px 0 15px 0;
}
.member-login-bg {
width: 100%;
height: auto;
background: url(../images/bg-login.png)no-repeat;
-o-background-size: cover;
background-size: cover;
position: relative;
}
.member-login-b {
width: 60%;
padding: 3% 0 5% 0;
margin: auto;
}
.member-login-b .public-nav {
margin: 0 auto;
}
.member-login-b .public-nav>.title {
color: #ffffff;
margin: 0 30%;
}
.member-input {
margin-top: 5%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.member-input-i>.title {
font-size: 16px;
font-weight: 500;
color: #FFFFFF;
width: 80px;
text-align: center;
margin-right: 40px;
}
.member-input-i>.inputs {
width: -webkit-calc(100% - 80px);
width: -moz-calc(100% - 80px);
width: calc(100% - 80px);
height: 69px;
border: 1px solid #EAEAEA;
-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
padding: 0 20px;
font-size: 15px;
}
.member-input-i {
width: 50%;
margin-right: 7%;
margin-bottom: 40px;
}
.member-input-i:last-child {
margin-bottom: 0;
}
.member-btn {
width: -webkit-calc(100% - 110px);
width: -moz-calc(100% - 110px);
width: calc(100% - 110px);
height: 69px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 18px;
font-weight: 800;
color: #FFFFFF;
background: url(../images/icon-btn-center.png);
position: relative;
}
.member-btn::before {
position: absolute;
top: 0;
left: -12px;
width: 13px;
height: 69px;
background: url(../images/icon-btn-l.png)no-repeat;
content: '';
}
.member-btn::after {
position: absolute;
top: 0;
right: -12px;
width: 13px;
height: 69px;
background: url(../images/icon-btn-r.png)no-repeat;
content: '';
}
.login-menu-i {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 5%;
}
.login-menu-i-img {
width: 78px;
height: 78px;
background: #ffffff;
border-radius: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.login-menu-i>.title {
font-size: 18px;
font-weight: 800;
color: #FFFFFF;
margin-top: 19px;
}
.login-menu {
margin-top: 60px;
}
.member-enroll-i {
width: 48%;
margin-bottom: 40px;
}
.member-enroll-i>.title {
width: 110px;
font-size: 16px;
font-weight: 500;
color: #FFFFFF;
margin-right: 20px;
text-align: right;
}
.member-enroll-i>.title>em {
margin-right: 3px;
font-size: 14px;
color: #ff0000;
}
.member-enroll-i>.inputs {
width: -webkit-calc(100% - 110px);
width: -moz-calc(100% - 110px);
width: calc(100% - 110px);
height: 69px;
border: 1px solid #EAEAEA;
-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
padding: 0 20px;
font-size: 15px;
}
.member-enroll {
margin-top: 7%;
margin-left: -4%;
}
.member-enroll .member-btn {
width: -webkit-calc(100% - 110px);
width: -moz-calc(100% - 110px);
width: calc(100% - 110px);
margin-right: 2%;
margin-left: 20px;
}
.legend-b {
padding-bottom: 5%;
}
.legend-b * {
font-size: 16px !important;
font-weight: 500 !important;
color: #3B3B3B !important;
line-height: 30px !important;
}
.legend-i-title {
font-size: 16px;
font-weight: 500;
color: #3B3B3B;
line-height: 30px;
word-break: break-all;
}
.legend-row {
width: 48%;
}
.legend-i:nth-child(even) {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.legend-i-img {
text-align: center;
}
.legend-i-img img {
width: auto;
height: auto;
display: block;
margin: auto;
}
.legend-i {
word-break: break-all;
margin-bottom: 3%;
}
.tag-list-third {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: rgb(0, 86, 41, 0.5);
margin-bottom: 3%;
}
.tag-list-third-row {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tag-list-third-row-i {
/* width: -webkit-calc(100% / 12);
width: -moz-calc(100% / 12);
width: calc(100% / 12); */
height: 100%;
font-size: 16px;
font-weight: 500;
color: #FFFFFF;
padding: 20px;
background: transparent;
text-align: center;
}
.tag-list-third-row-i:hover,
.tag-list-third-row-i.cur {
background: -webkit-gradient(linear, left top, left bottom, from(#005629), to(rgb(0, 86, 41, .1)));
background: -webkit-linear-gradient(top, #005629, rgb(0, 86, 41, .1));
background: -moz-linear-gradient(top, #005629, rgb(0, 86, 41, .1));
background: -o-linear-gradient(top, #005629, rgb(0, 86, 41, .1));
background: linear-gradient(180deg, #005629, rgb(0, 86, 41, .1));
}
.tag-list-i {
width: 159px;
height: 51px;
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 2%;
font-size: 18px;
font-weight: 500;
color: #000000;
}
.tag-list-i:hover,
.tag-list-i.cur {
color: #015629;
background: url(../images/icon-tag.png)no-repeat center;
}
.tag-list-b {
padding: 3% 0 7% 0;
overflow: hidden;
}
.tag-list-b-i::after {
width: 30%;
content: '';
}
.tag-list-b-i-item {
width: 31%;
text-align: center;
border: 1px solid #EAEAEA;
padding: 30px;
padding-bottom: 5%;
background: #ffffff;
position: relative;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
margin-bottom: 4%;
}
.tag-list-b-i-item:hover,
.tag-list-b-i-item:hover::before,
.tag-list-b-i-item:hover::after {
opacity: 1;
visibility: visible;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
}
.tag-list-b-i-item:hover::before {
width: 100%;
}
.tag-list-b-i-item::before {
position: absolute;
left: 0;
bottom: 0;
width: 0%;
height: 4px;
content: '';
background: #015629;
opacity: 0;
visibility: hidden;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.tag-list-b-i-item::after {
width: 98px;
height: 98px;
background: url(../images/img-product-logo1.png)no-repeat #015629 center center;
content: '';
border-radius: 50%;
position: absolute;
left: 50%;
bottom: -50px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
-webkit-transition: all ease-out .2s;
-o-transition: all ease-out .2s;
-moz-transition: all ease-out .2s;
transition: all ease-out .2s;
}
.tag-list-b-i-item>.title {
font-size: 20px;
font-weight: bold;
color: #3D3D3D;
margin: 39px 0 18px 0;
}
.tag-list-b-i-item>.name {
font-size: 16px;
font-weight: 500;
color: #676767;
}
.tag-product-img2 {
width: 2rem;
height: 2rem;
margin: auto;
text-align: center;
}
.tag-product-img2>img {
margin: auto;
-o-object-fit: contain;
object-fit: contain;
}
.tag-list-b-row {
display: none;
}
.tag-page-num,
.tag-page-i {
min-width: 38px;
height: 38px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tag-page-num {
text-align: center;
line-height: 38px;
}
.tag-page-num:hover {
color: #005629;
}
.tag-page-box {
margin: 0 2%;
}
.tag-page {
width: auto;
margin: auto;
}
.tag-page-num.cur {
color: #015629;
font-size: 20px;
line-height: 20px;
font-weight: 800;
/* color: #ffffff;
background: url(../images/icon-page-bg.png)no-repeat; */
}
.tag-page-box-i {
padding: 0 10px;
}
.morning-box {
padding: 4% 0 8% 0;
}
.morning-b {
margin-left: -1.5%;
margin-right: -1.5%;
}
.morning-b-i {
width: 17%;
margin-left: 1.5%;
margin-right: 1.5%;
margin-bottom: 40px;
position: relative;
}
.morning-b-i:hover::after {
display: none;
}
.morning-b-i::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.45);
content: '';
}
.morning-b {
padding-bottom: 5%;
}
.shop-list {
padding-bottom: 3%;
}
.shop-list::after {
width: 30%;
content: '';
}
.shop-list-i {
width: 30%;
margin-bottom: 58px;
}
.shop-list-i:hover>.title {
color: #015629;
}
.shop-list-i-top {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-moz-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.shop-list-i-top>.title {
font-size: 18px;
font-weight: 500;
color: #444444;
margin-left: 22px;
}
.shop-list-i-con {
margin-top: 20px;
}
.shop-list-i-con {
padding: 12px;
background: url(../images/bg-shop.png)no-repeat;
-o-background-size: contain;
background-size: contain;
}
.shop-list-i-con-img {
position: relative;
}
.shop-logo {
position: absolute;
right: 0;
bottom: 0;
}
.news-detail-b-row {
padding: 60px 50px;
border: 1px solid #EAEAEA;
background: #ffffff;
}
.news-detail-b {
padding: 3% 20px 5% 20px;
}
.news-detail-menu {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 28px;
}
.news-detail-menu>.info {
font-size: 16px;
font-weight: 500;
color: #676767;
margin: 0 2%;
}
.news-detail-share {
margin: 0 2%;
}
.news-detail-b-row-top {
position: relative;
text-align: center;
padding-bottom: 3%;
border-bottom: 1px solid #D8D8D8;
}
.news-detail-b-row-top::before {
position: absolute;
left: 0;
bottom: -6px;
width: 30px;
height: 17px;
content: '';
background: url(../images/icon-share-l.png)no-repeat #ffffff;
}
.news-detail-b-row-top::after {
position: absolute;
right: 0;
bottom: -6px;
width: 30px;
height: 17px;
content: '';
background: url(../images/icon-share-r.png)no-repeat #ffffff;
}
.news-detail-b-row-top>.title {
font-size: 30px;
font-weight: bold;
color: #3D3D3D;
}
.news-detail-share>.title {
font-size: 16px;
font-weight: 500;
color: #015629;
margin-left: 14px;
}
.news-detail-con {
padding: 4% 2%;
line-height: 30px;
}
.news-detail-con * {
font-size: 18px;
font-weight: 500 !important;
color: #000000;
line-height: 36px !important;
}
.news-detail-con a,
.news-detail-con em,
.news-detail-con i,
.news-detail-con span {
display: inline;
}
.news-detail-con p {
/* display: contents !important; */
}
.news-detail-con span {
/* display: inherit !important; */
}
.news-detail-con img {
margin: 1% auto;
height: auto;
display: block;
}
.news-detail-con-img {
margin: auto;
display: block;
}
.news-detail-con-title {
font-size: 18px;
font-weight: 500;
color: #000000;
line-height: 36px;
}
.news-detail-page-l-prev,
.news-detail-page-l-next {
font-size: 16px;
font-weight: 500;
color: #616161;
margin: 3% 0;
display: block;
}
.news-detail-page {
margin: 0 4%;
background: #F9F9F9;
padding: 2% 4%;
}
.news-detail-page-r {
max-width: 170px;
width: 100%;
height: 48px;
background: url(../images/icon-return-bg.png)no-repeat;
}
.news-detail-page-r>.title {
font-size: 14px;
font-weight: 400;
color: #005629;
margin-left: 7px;
}
#world-end {
width: 100%;
height: 1px;
}
.new-logo {
position: fixed;
top: 30%;
margin-left: -149px;
z-index: 1;
opacity: 1;
visibility: visible;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.world-msg-l.add {
opacity: 1;
visibility: visible;
}
.new-logo.add {
opacity: 0;
visibility: hidden;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.industry {
padding: 0 0 5% 0;
}
.industry-i-min-l>.title {
font-size: 20px;
font-weight: bold;
color: #3D3D3D;
}
.industry-i-min-l>.time {
margin: 15px 0 24px 0;
position: relative;
padding-left: 29px;
font-size: 14px;
font-weight: 300;
color: #636363;
}
.industry-i-min-l>.time::after {
position: absolute;
width: 20px;
height: 2px;
background: #005629;
top: 50%;
left: 0;
content: '';
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.industry-i-min-l>.info {
font-size: 16px;
font-weight: 500;
color: #676767;
line-height: 30px;
}
.industry-i-min-l>.home-btn {
margin-top: 40px;
background: url(../images/icon-industry-btn.png)no-repeat;
-o-background-size: contain;
background-size: contain;
white-space: nowrap;
}
.industry-i:hover .industry-i-min-l>.home-btn {
background: url(../images/icon-industry-btn1.png)no-repeat;
}
.industry-i-min-l {
width: 58%;
}
.industry-i-min-r {
width: 38%;
max-height: 284px;
}
.industry-i-min {
padding-bottom: 30px;
border-bottom: 1px solid #F0F0F0;
}
.industry-i:hover {
background: url(../images/bg-industry.png)no-repeat #015629 center bottom;
-o-background-size: cover;
background-size: cover;
-webkit-transition: all ease-out .7s;
-o-transition: all ease-out .7s;
-moz-transition: all ease-out .7s;
transition: all ease-out .7s;
}
.industry-i {
padding: 30px 0 0px 0;
-webkit-transition: all ease-out .7s;
-o-transition: all ease-out .7s;
-moz-transition: all ease-out .7s;
transition: all ease-out .7s;
}
.industry-i:hover .industry-i-min-l>.time::after {
background: #ffffff;
}
.industry-i:hover .industry-i-min-l>.home-btn,
.industry-i:hover .industry-i-min-l>.info,
.industry-i:hover .industry-i-min-l>.time,
.industry-i:hover .industry-i-min-l>.title {
color: #ffffff;
}
.industry-i:hover .industry-i-min {
border-bottom: none;
}
.industry>.tag-page {
margin-top: 5%;
}
.anime {
padding-bottom: 5%;
}
.anime-l {
width: 53%;
height: auto;
position: relative;
}
.anime-r {
width: 43%;
max-height: 870px;
background: #015629;
overflow-y: auto;
padding-bottom: 20px;
}
.anime-r-i {
padding: 23px 30px 23px 69px;
position: relative;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
cursor: pointer;
}
.anime-r-i::after {
position: absolute;
width: 21px;
height: 32px;
content: '';
top: 50%;
left: 25px;
display: none;
background: url(../images/icon-anime.png)no-repeat center;
-o-background-size: contain;
background-size: contain;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.anime-r-i:hover,
.anime-r-i.cur {
background: #016933;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.anime-r-i.cur::after {
display: block;
}
.anime-r-i.cur>.title {
font-weight: bold;
}
.anime-r-i>.title:first-child {
white-space: nowrap;
}
.anime-r-i>.title {
font-size: 18px;
font-weight: 500;
color: #FFFFFF;
}
.anime-r-i>.icons {
min-width: 5px;
min-height: 5px;
background: #12864A;
border-radius: 50%;
margin: 0 3%;
}
.anime-r::-webkit-scrollbar {
width: 6px;
height: 100%;
background: #F1F1F1;
}
.anime-r::-webkit-scrollbar-thumb {
background: #009547;
border-radius: 10px;
}
.anime-l-img {
display: none;
}
.anime-l-img.cur {
display: block;
}
.center-box-top {
background: #015629;
}
.center-box-top-i-photo {
width: 109px;
height: 109px;
}
.center-box-top-i {
padding: 40px 0;
}
.center-box-top-i-r>.title {
font-size: 16px;
font-weight: 500;
color: #FFFFFF;
margin-left: 9px;
}
.center-box-top-i-admin {
margin-left: 40px;
}
.center-box-top-i-admin>.name {
font-size: 16px;
font-weight: 500;
color: #FFFFFF;
margin-bottom: 17px;
}
.center-box-top-i-admin>.integral {
font-size: 16px;
font-weight: 500;
color: #FFFFFF;
}
.center-box-top-i-admin>.integral>.nums {
font-size: 30px;
}
.center-upload {
width: 170px;
height: 48px;
margin-right: 65px;
background: url(../images/icon-center-btn.png)no-repeat;
}
.center-upload:last-child {
margin-right: 0;
}
.center-upload>.title {
font-size: 16px;
font-weight: 500;
color: #FFFFFF;
margin-left: 5px;
}
.center-con>.member-input .member-input-i .member-btn {
width: -webkit-calc(100% - 133px);
width: -moz-calc(100% - 133px);
width: calc(100% - 133px);
}
.center-con>.member-input .member-input-i {
margin-right: 5%;
}
.center-con>.member-input {
margin-top: 0;
padding-bottom: 5%;
}
.center-con>.member-input .title {
width: 80px;
text-align: right;
font-size: 16px;
font-weight: 500;
color: #434343;
}
.world-title {
font-size: 16px;
font-weight: 500;
color: #3B3B3B;
line-height: 30px;
}
.world-b * {
font-size: 16px !important;
font-weight: 500 !important;
color: #3B3B3B !important;
line-height: 30px !important;
}
.world-menu {
margin: 5% 0 0 0;
}
.world-menu-i {
text-align: center;
margin-bottom: 20px;
}
.world-menu-img {
width: auto !important;
height: auto;
}
.world-menu-title {
margin-top: 12px;
font-size: 16px;
font-weight: 500;
color: #3B3B3B;
}
.world-msg-r-title {
color: #015629 !important;
font-size: 18px !important;
font-weight: bold !important;
}
.world-msg-r-title * {
color: #015629 !important;
font-size: 18px !important;
font-weight: bold !important;
}
.world-msg-r-con {
color: #3B3B3B !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 30px !important;
}
.world-msg-r-con * {
color: #3B3B3B !important;
font-size: 16px !important;
font-weight: 500 !important;
line-height: 30px !important;
}
.news-detail-share-i {
margin: 0 5px;
}
.world-msg-l {
width: 10%;
top: 50%;
position: fixed;
z-index: 1;
opacity: 0;
visibility: hidden;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.world-msg-r {
padding-left: 10%;
}
.word-float {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.world-msg-b {
padding: 3% 0 5% 0;
}
.society-b {
width: 100%;
height: 100%;
background: url(../images/bg-society.png)no-repeat;
-o-background-size: cover;
background-size: cover;
padding-bottom: 3%;
}
.society-b-i-l,
.society-b-i-r {
width: 47%;
}
.society-b-i-r-title {
font-size: 30px;
font-weight: 500;
color: #202020;
}
.society-b-i-r-info {
font-size: 18px;
font-weight: 500;
color: #202020;
margin-top: 20px;
}
.society-b-i-l-img img,
.society-b-i-l-img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.society-b-i {
padding: 5% 0;
}
.society-logo {
width: 47%;
padding: 0 3%;
}
.society-logo-i {
width: auto;
margin: auto;
/* display: block; */
}
.society-b-i-second-i {
width: 50%;
}
.society-b-i-second-i>.society-b-i-l {
width: 100%;
}
.society-b-i-second-con {
margin-top: 40px;
}
.society-b-i-l .swiper-pagination {
width: -webkit-max-content !important;
width: -moz-max-content !important;
width: max-content !important;
left: 50% !important;
background: rgba(0, 0, 0, 0.3);
border-radius: 19px;
padding: 8px 17px;
-webkit-transform: translateX(-50%) !important;
-moz-transform: translateX(-50%) !important;
-ms-transform: translateX(-50%) !important;
-o-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-moz-box-orient: horizontal !important;
-moz-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.society-b-i-l .swiper-pagination .swiper-pagination-bullet {
width: 10px !important;
height: 10px !important;
min-width: 10px !important;
min-height: 10px !important;
border: 1px solid #ffffff !important;
background: transparent !important;
}
.society-b-i-l .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #ffffff !important;
}
.select-info-search {
width: 100%;
height: 102px;
background: #ffffff;
border: 1px solid #EAEAEA;
-webkit-box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
padding: 3%;
}
.select-btn>.title {
font-size: 16px;
font-weight: 500;
color: #FFFFFF;
margin-left: 6px;
}
.select-b {
padding-bottom: 5%;
}
.select-info-con {
margin-top: 51px;
border: 1px solid #EAEAEA;
}
.select-info-con-l-title {
width: 30%;
background: #F7FCF9;
text-align: center;
padding: 26px 0px;
font-size: 16px;
font-weight: 500;
color: #005629;
}
.chairman-speak-r-img {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: auto;
}
.select-info-con-l-msg {
width: 70%;
text-align: left;
padding: 26px 30px;
font-size: 16px;
font-weight: 500;
color: #1C1C1C;
}
.select-info-con-l {
width: 100%;
background: #ffffff;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.select-info-con-l-i {
width: 50%;
border-right: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
}
.select-btn {
width: 134px;
height: 48px;
background: url(../images/bg-search-btn.png)no-repeat center center;
-o-background-size: contain;
background-size: contain;
}
.select-null {
padding: 6% 0 5% 0;
text-align: center;
}
.select-null-img {
width: auto;
margin: auto;
display: block;
}
.select-title {
font-size: 48px;
font-weight: 500;
color: #343434;
margin-top: 50px;
}
.honor-b-top-l {
text-align: center;
}
.honor-b-top-title {
margin-top: 30px;
font-size: 18px;
font-weight: 500;
color: #2C2C2C;
}
.honor-b {
background: #ffffff;
border: 1px solid #EAEAEA;
padding: 0;
}
.honor-b-top-l-img {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: auto;
margin: auto;
display: block;
}
.honor-b-top-l {
width: 50%;
padding: 45px;
border-right: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.honor-b-top-r-i {
width: 50%;
padding: 30px;
border-right: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.honor-b-top-r-i-title {
font-size: 16px;
font-weight: 500;
color: #2C2C2C;
line-height: 24px;
text-align: center;
margin-top: 20px;
}
.honor-b-bottom-img {
display: block;
width: 66%;
height: auto;
margin: auto;
}
.honor-b-bottom .swiper-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.honor-b-bottom-img img {
-o-object-fit: contain;
object-fit: contain;
}
.honor-b-top-r-i-img {
width: 80%;
height: auto;
margin: auto;
max-height: 250px;
}
.honor-b-top-r-i-img img {
-o-object-fit: contain;
object-fit: contain;
}
.honor-b-top-r {
width: 50%;
}
.honor-b-bottom-i {
text-align: center;
padding: 40px;
border-right: 1px solid #EAEAEA;
}
.honor-b-bottom-i>.title {
font-size: 16px;
font-weight: 500;
color: #2C2C2C;
margin-top: 10%;
}
.honor-b-next,
.honor-b-prev {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 71px;
height: 72px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
/* background: rgba(0, 0, 0, 0.32); */
z-index: 2;
}
.honor-b-next {
left: auto;
right: 0;
}
.honor-b-next:hover,
.honor-b-prev:hover {
background: RGBA(0, 86, 41, 0.32);
}
.mag-box-i-list {
position: relative;
padding-top: 20px;
margin-bottom: 7%;
}
.mag-box-i-list::after {
position: absolute;
left: 0;
bottom: 0;
background: url(../images/bg-mag.png)no-repeat;
background-size: 100% auto;
width: -webkit-calc(100% + 60px);
width: -moz-calc(100% + 60px);
width: calc(100% + 60px);
height: 155px;
content: '';
z-index: 0;
margin-left: -30px;
margin-right: -30px;
}
.mag-item {
width: 23%;
text-align: center;
margin: 0 20px;
position: relative;
z-index: 1;
}
.mag-btn {
width: 170px;
height: 48px;
margin: auto;
background: url(../images/icon-industry-btn.png)no-repeat;
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.mag-btn:hover {
background: url(../images/icon-btn.png)no-repeat;
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.mag-btn:hover .title {
color: #005629;
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.mag-item>.title {
font-size: 16px;
font-weight: 500;
color: #000000;
margin: 51px 0 24px 0;
}
.mag-btn>.title {
font-size: 14px;
font-weight: 400;
color: #8E8E8E;
margin-left: 5px;
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.mag-item-img {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: auto;
border: 4px solid #3F2727;
max-width: 283px;
max-height: 377px;
overflow: hidden;
}
.mag-box {
padding-bottom: 5%;
overflow: hidden;
}
.brand-box-i {
width: 16.6%;
height: 150px;
border: 1px solid #EAEAEA;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #ffffff;
float: left;
position: relative;
padding: .15rem;
}
.brand-box-img {
width: 100%;
height: 100%;
display: block;
margin: auto;
-o-object-fit: contain;
object-fit: contain;
}
.brand-box {
display: flow-root;
padding: 4% 0 8% 0;
}
.brand-box-shadow {
position: absolute;
width: 100%;
height: 100%;
background: #005629;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
visibility: hidden;
opacity: 0;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.brand-box-shadow>.title {
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
margin-top: 10px;
text-align: center;
}
.brand-box-i:hover {
/* border-color: #005629; */
}
.brand-box-i:hover .brand-box-shadow {
visibility: visible;
opacity: 1;
}
.brand-box-shadow-img {
width: auto;
display: block;
margin: 0 auto;
}
.state-b-l-img {
width: 390px;
height: 100%;
background: url(../images/img-state-logo.png)no-repeat #005629 90px bottom;
}
.state-b-l {
width: 50%;
height: 585px;
}
.state-b-l-con-title {
font-size: 16px;
font-weight: 500;
color: #000000;
line-height: 36px;
display: -webkit-box;
overflow: hidden;
/* -webkit-line-clamp: 10;
-webkit-box-orient: vertical; */
}
.state-b-l-con {
width: -webkit-calc(100% - 390px);
width: -moz-calc(100% - 390px);
width: calc(100% - 390px);
height: 100%;
padding: 0 3%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background: url(../images/icon-mountain.png)no-repeat #ffffff right bottom;
}
.state-b {
width: 100%;
}
.state-b-r-img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
background: #ffffff;
}
.state-num-con {
margin-left: 5%;
}
.state-num-con>.num {
font-size: 40px;
font-weight: bold;
color: #005629;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.state-num-con>.num i {
font-size: 18px;
line-height: 30px;
}
.state-num-con .title {
font-size: 16px;
font-weight: 400;
color: #272727;
margin-top: 6px;
}
.state-b-cecond {
padding-top: 5%;
}
.state-num-i {
width: 32%;
}
/* .state-num-i:last-child .state-num-img {
width: 90px;
} */
.state-info {
font-size: 16px !important;
font-weight: 500 !important;
color: #000000;
line-height: 36px !important;
padding-top: 5%;
padding-left: 3%;
padding-right: 3%;
}
.state-info * {
font-size: 16px !important;
font-weight: 500 !important;
line-height: 36px !important;
}
.state-video {
margin: 5% 0;
position: relative;
}
.state-video>video,
.state-video {
width: 100%;
}
.state-item-con,
.state-item-img {
width: 48%;
}
.state-item-con {
padding: 0 3%;
}
.state-item-con .info {
width: 100%;
font-size: 16px !important;
font-weight: 500 !important;
color: #000000;
line-height: 36px !important;
}
.state-item-con *,
.state-item-con .info * {
font-size: 16px !important;
font-weight: 500 !important;
line-height: 36px !important;
}
.state-item {
margin-bottom: 40px;
}
.state-item:nth-child(odd) {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.state-video-play {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.state-b-cecond {
position: relative;
}
.state-mountain-a {
top: 20%;
left: 0;
}
.state-mountain-b {
top: 50%;
right: 0;
}
.state-mountain-c {
top: 85%;
right: 0;
}
.history-top-i {
text-align: center;
position: static !important;
}
.history-top-con>.time {
font-size: 30px;
font-weight: bold;
color: #3B3B3B;
}
.history-top-con>.title {
font-size: 18px;
font-weight: 800;
color: #3B3B3B;
margin-top: 9px;
}
.history-top-i::after {
position: absolute;
left: 50%;
bottom: 0;
width: 100%;
height: 8px;
content: '';
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
background: url(../images/icon-history-time.png);
}
.history-top {
position: relative;
}
.history-top-item {
position: relative;
}
.history-top-con {
width: 50%;
padding-top: 20px;
}
.history-top-img {
opacity: 0;
visibility: hidden;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.history-top-i .history-top-item.cur .history-top-img {
opacity: 1;
visibility: visible;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.history-top-i .history-top-item.cur .history-top-con>.time {
color: #005629;
}
.history-list-item {
width: 90%;
height: 440px;
}
.history-list-b-i {
display: none;
}
.history-list-b {
position: relative;
padding-top: 5%;
}
.history-b::after,
.history-list-b::after {
position: absolute;
left: 50%;
bottom: 0;
content: '';
width: 520px;
height: 49px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
background: url(../images/icon-history-logo1.png)no-repeat center;
-o-background-size: contain;
background-size: contain;
}
.history-list-i-time {
font-size: 30px;
font-weight: bold;
color: #005629;
}
.history-list-i-con {
font-size: 16px;
font-weight: 500;
color: #000000;
line-height: 30px;
margin-top: 28px;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 9;
-webkit-box-orient: vertical;
text-align: left !important;
}
.history-prev,
.history-next {
width: 21px;
height: 32px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
}
.history-word-next,
.history-word-prev {
width: 18px;
height: 36px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
}
.history-word-prev {
left: 0;
background: url(../images/icon-join-prev.png)no-repeat;
}
.history-word-next {
right: 0;
background: url(../images/icon-join-next.png)no-repeat;
}
.history-prev {
left: 0;
background: url(../images/icon-partylife-l.png)no-repeat;
}
.history-prev:hover {
background: url(../images/icon-partylife-l1.png)no-repeat;
}
.history-next {
right: 0;
background: url(../images/icon-partylife-r.png)no-repeat;
}
.history-next:hover {
background: url(../images/icon-partylife-r1.png)no-repeat;
}
.history-list-item-i {
width: 100%;
height: 100%;
padding: 60px 36px;
background: url(../images/bg-history.png)no-repeat;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
.cartoon-b {
padding-bottom: 5%;
}
.cartoon-video {
width: 100%;
margin: 5% 0;
}
.cartoon-list-play-cur {
display: none;
}
.cartoon-b-list {
display: flow-root;
/* margin-left: -0.9%; */
overflow-y: auto;
max-height: 200px;
}
.cartoon-b-list::-webkit-scrollbar {
width: 3px;
height: 100%;
background: #DDDDDD;
}
.cartoon-b-list::-webkit-scrollbar-thumb {
background: #005629;
}
.cartoon-b-list-i {
width: -webkit-calc(100% / 7);
width: -moz-calc(100% / 7);
width: calc(100% / 7);
float: left;
height: 50px;
background: #FFFFFF;
border: 1px solid #EAEAEA;
border-radius: 3px;
margin: 0 0 0 2%;
margin-bottom: 24px;
}
.cartoon-b-list-i:hover>.title,
.cartoon-b-list-i:hover {
border-color: #005629;
color: #005629;
}
.cartoon-b-list-i>.title {
font-size: 16px;
font-weight: 500;
color: #616161;
margin-left: 10px;
}
.cartoon-b-list-i.cur {
border: none;
background: url(../images/icon-cartoon-bg.png)no-repeat;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
.cartoon-b-list-i.cur>.title {
color: #005629;
}
.cartoon-b-list-i.cur .cartoon-list-play {
display: none;
}
.cartoon-b-list-i.cur .cartoon-list-play-cur {
display: block;
}
.cartoon-b-i {
display: none;
}
.join-box-l {
width: 22%;
}
.join-box-r {
width: 75%;
}
.join-box-l-i {
background: #F6F6F6;
margin-bottom: 22px;
}
.join-box-l-i-top {
padding: 20px 35px;
background: #005629;
position: relative;
font-size: 18px;
font-weight: bold;
color: #FFFFFF;
}
.join-box-l-i-top::before {
width: 16px;
height: 28px;
position: absolute;
top: 50%;
left: 0;
content: '';
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url(../images/icon-join-l.png)no-repeat;
}
.join-box-l-i-top::after {
width: 16px;
height: 28px;
position: absolute;
top: 50%;
right: 0;
content: '';
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background: url(../images/icon-join-r.png)no-repeat;
}
.join-box-l-i-con {
padding: 50px 30px;
background: #F6F6F6;
width: 100%;
font-size: 16px;
font-family: PingFang SC;
font-weight: 800;
color: #3B3B3B;
line-height: 30px;
}
.join-box-l-i-con-i {
width: 100%;
margin-bottom: 15px;
}
.join-box-l-i-con-i:last-child {
margin-bottom: 0;
}
.join-box-l-i-con-i>.title {
font-size: 16px;
font-weight: 800;
color: #3B3B3B;
margin-left: 10px;
}
.form-check-input {
-webkit-user-select: text;
-ms-user-select: text;
-moz-user-select: text;
user-select: text;
-webkit-appearance: none;
font-size: 1em;
list-style: none;
outline: none;
border: none;
background: none;
margin-right: 15px;
}
.form-check-input[type="radio"] {
height: 18px;
width: 18px;
border-radius: 50%;
border: 1px solid #e7e7e7;
background: #fff;
}
.form-check-input[type="radio"]:checked {
background: url(../images/icon-radio.png) no-repeat center center #005629;
}
.join-box-r-i-l>.title {
font-size: 24px;
font-weight: 800;
color: #3B3B3B;
}
.join-box-r-i-l>.info {
font-size: 16px;
font-weight: 500;
color: #999;
margin-top: 17px;
}
.join-box-r-i-r {
width: 60%;
}
.join-box-r-i-l {
width: 38%;
}
.join-box-r-i-r {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.join-box-r-i {
background: #ffffff;
border: 1px solid #EAEAEA;
padding: 40px 69px;
margin-bottom: 20px;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
cursor: pointer;
}
.join-box-r-i-l {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.join-box-r-i-l {
padding-bottom: 2%;
}
.join-box-r-a {
width: 60%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 4%;
}
.join-box-r-a.type {
width: 25% !important;
}
.join-box-r-a>.title {
font-size: 14px;
font-weight: 500;
color: #999;
}
.join-box-r-a>.info {
font-size: 16px;
font-weight: 500;
color: #3B3B3B;
}
.join-box-r-a>.info {
margin-top: 17px;
}
.join-box-r .tag-page {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 5%;
}
.join-box {
padding-bottom: 6%;
}
.join-box-r-i:hover {
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
border: 1px solid #005629;
-webkit-box-shadow: 0px 0px 76px 0px rgba(0, 0, 0, 0.07);
box-shadow: 0px 0px 76px 0px rgba(0, 0, 0, 0.07);
}
.join-box-r-i:hover .join-box-r-i-l>.title {
color: #005629;
}
.join-box-r-i:hover .join-box-r-img {
opacity: 1;
visibility: visible;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.join-box-r-img {
opacity: 0;
visibility: hidden;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.join-model {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
background: rgba(0, 0, 0, 0.42);
display: none;
}
.join-model-b {
position: absolute;
width: 50%;
height: auto;
background: #fff;
padding: 2%;
margin: auto;
-webkit-animation: back_scale_1 1s ease;
-moz-animation: back_scale_1 1s ease;
-o-animation: back_scale_1 1s ease;
animation: back_scale_1 1s ease;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -45%);
-moz-transform: translate(-50%, -45%);
-ms-transform: translate(-50%, -45%);
-o-transform: translate(-50%, -45%);
transform: translate(-50%, -45%);
}
.join-model-b::after {
position: absolute;
width: 50%;
height: 200px;
top: -171px;
left: 50%;
content: '';
background: url(../images/icon-join-logo.png)no-repeat center;
-o-background-size: contain;
background-size: contain;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.join-model-b-top-i>.title {
font-size: 30px;
font-weight: 500;
color: #000000;
}
.join-model-b-top-i {
padding: 0 11px;
}
.join-model-b-top-share>.title {
font-size: 16px;
font-weight: 500;
color: #015629;
margin-left: 14px;
}
.join-model-b-top-type {
margin-top: 28px;
padding: 0 11px;
}
.join-model-b-top-type .title {
font-size: 16px;
font-weight: 500;
color: #3B3B3B;
margin-right: 30px;
}
.join-model-b-top::after {
width: 100%;
height: 6px;
background: url(../images/icon-jion-line.png);
position: absolute;
left: 0;
bottom: 0;
content: '';
}
.join-model-b-top {
position: relative;
padding-bottom: 39px;
}
.join-model-b-con {
padding: 22px;
padding-bottom: 0;
}
.join-model-title {
font-size: 16px;
font-weight: 400;
color: #3B3B3B;
line-height: 30px;
}
.join-model-b-con-i {
max-height: 245px;
overflow-y: auto;
}
.join-model-b-con-i::-webkit-scrollbar {
width: 2px;
height: 100%;
background: #F1F1F1;
}
.join-model-b-con-i::-webkit-scrollbar-thumb {
background: #005629;
}
/* .join-model-b-con .divupload {
margin-top: 26px;
} */
.join-model-b-con .home-btn {
padding: 0 30px;
font-size: 16px;
}
.join-close {
width: 49px;
height: 49px;
position: absolute;
top: -80px;
right: 1%;
cursor: pointer;
}
.join-close:hover {
-webkit-animation: joinresize 1s;
-moz-animation: joinresize 1s;
-o-animation: joinresize 1s;
animation: joinresize 1s;
}
.select-input {
width: 90%;
font-size: 16px;
}
.corporate-culture-swiper {
width: 100%;
display: none;
position: relative;
}
.corporate-culture-swiper .item2-con {
opacity: 1 !important;
visibility: visible !important;
}
.home-account-tip {
position: absolute;
top: 100px;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
background: #387B58;
padding: 10px 20px;
font-size: 16px;
font-weight: 400;
color: #FFFFFF;
border-radius: 5px;
visibility: hidden;
opacity: 0;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.search-btn:hover::before,
.home-account:hover::before,
.search-btn:hover .home-account-tip,
.home-account:hover .home-account-tip {
visibility: visible;
opacity: 1;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.search-btn::before,
.home-account::before {
position: absolute;
content: '';
left: 50%;
bottom: 0;
width: 16px;
height: 8px;
opacity: 0;
visibility: hidden;
background: url(../images/icon-top-dot.png)no-repeat;
-o-background-size: contain;
background-size: contain;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.search-btn,
.home-account {
position: relative;
}
.home-account-tip a {
display: block;
margin-bottom: 10px;
}
.home-account-tip a:last-child {
margin-bottom: 0;
}
.tag-mobile {
width: 100%;
display: none;
}
.tag-mobile-top {
padding: 20px;
background: rgb(0, 86, 41, 0.8);
color: #ffffff;
}
.tag-mobile-i .item,
.tag-mobile-top P {
font-size: 16px;
font-weight: 500;
color: #FFFFFF;
}
.tag-mobile-i .item {
width: 100%;
padding: 20px;
color: #ffffff;
}
.tag-mobile-i .item:hover {
background: rgb(0, 86, 41, 1);
}
.tag-mobile-i {
height: 0;
opacity: 0;
visibility: hidden;
background: rgb(0, 86, 41, 0.5);
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.tag-mobile {
margin-bottom: 20px;
}
.tag-mobile.cur .tag-mobile-i {
height: auto;
opacity: 1;
visibility: visible;
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.industry-recommend-slide {
height: auto !important;
}
.industry-recommend-slide img {
-o-object-fit: cover;
object-fit: cover;
}
.tag-search {
width: 6.55rem;
height: 0.55rem;
border: 0.01px solid #E1E1E1;
margin: auto;
margin-top: 0.55rem;
background: #fff;
padding: 0 .2rem;
}
.tag-search>.inputs {
width: 100%;
height: 100%;
font-size: 16px;
font-family: PingFang SC;
font-weight: 500;
}
.product-con-c {
text-align: center;
line-height: 30px;
}
.product-con-c span {
display: initial;
}
.product-con-c img {
/* max-width: 5rem !important; */
}
.society-b-i-second-i .society-b-i-second-con {
display: none;
}
.title-tick {
margin-left: auto;
padding-top: 0;
padding-bottom: 20px;
}
.story-b {
background: url(../images/bg-story.png)no-repeat center bottom;
-o-background-size: 100%;
background-size: 100%;
position: relative;
}
.story-b::after {
width: 3.13rem;
height: 4.59rem;
content: '';
position: absolute;
right: 0;
bottom: 0;
display: block;
background: url(../images/img-story-logo.png)no-repeat;
-o-background-size: contain;
background-size: contain;
}
.story-l {}
.story-l>img {
height: auto;
}
.story {
padding: .5rem 0 2rem;
}
.story-l-person-i {
text-align: center;
}
.story-l-person-img {
width: 1.86rem;
height: 1.54rem;
}
.story-l-person-i .title {
font-size: 18px;
font-weight: 400;
color: #292929;
line-height: 30px;
margin-bottom: .1rem;
}
.story-l-person {
margin-left: .47rem;
}
.story-r {
width: 65%;
font-size: 18px;
font-weight: 400;
color: #292929;
line-height: 30px;
margin-left: .94rem;
z-index: 2;
position: relative;
}
.member-login-info {
max-width: 768px;
display: flex;
flex-direction: column;
align-items: center;
margin: auto;
}
.member-login-info>.title {
font-size: 16px;
font-weight: 400;
color: #FFFFFF;
line-height: 30px;
margin-top: 10px;
}
.member-login-info>.info {
font-size: 16px;
color: #FFFFFF;
line-height: 30px;
margin: .42rem 0 .44rem;
}
.invoice-b-t>.title {
font-size: 16px;
font-weight: 500;
color: #363636;
text-align: center;
}
.invoice-b-t {
background: #EFEFEF;
padding: .2rem .3rem;
}
.invoice-b {
padding-bottom: 1rem;
}
.invoice-b-list-i>a,
.invoice-b-list-i>div,
.invoice-b-t>div {
width: calc(100% / 4);
}
.invoice-b-t-i>.title {
font-size: 16px;
font-weight: 500;
color: #363636;
margin-left: .6rem;
}
.invoice-b-list-i-l-img {
width: 0.76rem;
height: 1.32rem;
margin-left: .51rem;
}
.invoice-b-list-i {
padding: .3rem;
border-bottom: 1px dashed #B0B0B0;
}
.invoice-b-list-i-del {
font-size: 16px;
font-weight: 500;
color: #015629;
}
.webuploader-pick {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
.invoice-b-list-i-del img {
margin-right: 11px;
}
.invoice-b-list-i>.title {
font-size: 16px;
font-weight: 500;
color: #363636;
text-align: center;
}
.invoice-b-all-del-i-del {
font-size: 16px;
font-weight: 500;
color: #005629;
}
.invoice-b-all-del {
padding-top: .4rem;
padding-left: .3rem;
}
.invoice-b-all-del-i {
margin-right: .23rem;
}
.invoice-b-all-del-i>.title {
font-size: 16px;
font-weight: 500;
color: #363636;
margin-left: .2rem;
}
.invoice-upload-b {
max-width: 680px;
width: 100%;
margin: auto;
padding-bottom: 1rem;
}
.invoice-upload>.title {
white-space: nowrap;
margin: .25rem .3rem 0 0;
font-size: 16px;
font-weight: 500;
color: #434343;
min-width: 64px;
}
.invoice-upload-i-items {
width: 1.63rem;
height: 1.58rem;
border: 0.01px solid #EAEAEA;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
margin-right: .31rem;
}
.invoice-upload-i-items img {
width: auto;
height: 100%;
object-fit: contain;
}
/*.invoice-upload-i-items:last-child {
margin-right: 0;
}*/
.invoice-upload-text {
width: 100%;
border: 0.01px solid #EAEAEA;
}
.invoice-upload {
margin-bottom: .28rem;
}
.invoice-upload-btn>.title {
margin-right: .4rem !important;
}
/* new */
@media (max-width:1700px) {
.us-map-info-i {
padding: 9%;
}
}
@media (max-width:1600px) {
.join-msg {
width: 80% !important;
}
.history-top-i.on {
padding: 0 !important;
}
.history-top-i.on .history-mountain {
padding: 0 20px;
}
.public-tobody,
.mauto {
padding: 0 20px;
}
.history-top-i {
padding: 0 20px !important;
}
.footer-b-con-list {
padding: 20px;
}
.footer-b-con-copyright {
padding: 30px 20px;
}
.menu-l {
margin-right: 0;
}
.history-list-b {
padding-left: 6px;
padding-right: 6px;
}
}
@media (max-width:1500px) {
nav ul li {
/* position: relative; */
float: left;
height: 100%;
text-align: center;
margin: 0 5px;
min-width: 90px;
}
nav ul li.home-account,
nav ul li.search-btn {
margin: 0 10px;
}
.state-b-l {
width: 60%;
height: 520px;
}
.state-b-r {
width: 40%;
}
.member-input-i {
width: 60%;
margin-right: 13%;
}
}
@media (max-width:1400px) {
.mag-item-img {
max-height: 360px;
}
.history-con-i:nth-child(odd) {
padding-right: 0 !important;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-moz-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.history-con-i:nth-child(even) {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end !important;
-webkit-justify-content: flex-end !important;
-moz-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
-webkit-box-orient: horizontal !important;
-webkit-box-direction: normal !important;
-webkit-flex-direction: row !important;
-moz-box-orient: horizontal !important;
-moz-box-direction: normal !important;
-ms-flex-direction: row !important;
flex-direction: row !important;
padding-left: 0 !important;
}
.honor-b-top-l {
border: 1px solid #EAEAEA;
border-bottom: none;
}
.honor-b-top-r-i {
border: 1px solid #EAEAEA;
}
.member-enroll {
display: block;
margin-left: 0;
}
.member-enroll-i {
width: 80%;
}
.news-detail-b,
.public-tobody-min {
padding-left: 20px;
padding-right: 20px;
}
.public-tobody-min {
padding-left: 40px;
padding-right: 40px;
}
.news-detail-b,
.brand-box {
padding-bottom: 10%;
}
.anime {
padding-bottom: 5%;
}
.honor-b {
border: none;
}
.honor-b-bottom {
border: 1px solid #EAEAEA;
}
.mag-box {
padding: 0 50px;
}
.mag-box {
padding-bottom: 10%;
}
.us-map-info-i {
padding: 5%;
}
}
@media (max-width:1350px) {
nav ul li {
margin: 0;
}
.mag-item-img {
max-height: 300px;
}
}
@media (max-width:1300px) {
nav ul li {
margin: 0 1px;
}
.animeDetail-img {
padding: 0 20px;
}
.menu-l-i {
margin-right: 2% !important;
}
}
@media (max-width:1280px) {
.menu-r {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-moz-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.footer-logo {
top: -150px;
bottom: auto;
}
.footer-b-top {
height: auto;
padding: 50px 0 20px 0;
}
.footer-b-con-code,
.menu-l {
width: 100%;
}
.menu-r {
margin-top: 20px;
}
.footer-b-top-i {
display: block;
}
.story-b::after {
width: 2.13rem;
height: 2.59rem;
}
.product-i>div {
min-height: 300px;
}
.banner-img video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.zhuanlan {
width: 35% !important;
}
nav ul li {
min-width: 85px;
}
.anime-r-i>.title {
font-size: 16px;
}
.anime {
padding-bottom: 150px;
}
.state-b {
display: block;
}
.state-b-l {
width: 100% !important;
}
.us-select-list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.us-select-list-i {
margin-bottom: 20px;
}
.join-model-b {
width: 90%;
}
.join-box-r-i-l {
width: 40%;
}
.join-box-r-i-r {
width: 60%;
}
.member-input-i {
width: 70%;
margin-right: 13%;
}
.member-login-b .member-btn {
width: -webkit-calc(100% - 130px);
width: -moz-calc(100% - 130px);
width: calc(100% - 130px);
}
}
@media (max-width:1200px) {
.mag-item-img {
max-height: 260px;
}
.menu-l-i-link {
bottom: 71px;
}
.cartoon-recommend {
min-height: auto !important;
}
.industry-recommend-con>.title {
font-size: 26px !important;
}
.history-b-img {
margin-left: 3% !important;
}
.history-con-i>.info {
width: 100% !important;
}
.history-con-i:nth-child(even) {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-moz-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.history-con-i:nth-child(odd) {
padding-right: 0 !important;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-moz-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.ny-banner {
padding: 6% 0 0
}
.ny-nav span {
position: relative;
display: block;
padding: 0 55px 0 20px;
border-radius: 5px;
background: rgba(0, 0, 0, 0.6);
line-height: 52px;
font-size: 16px;
height: 52px
}
.ny-nav span:before {
content: "";
position: absolute;
right: 20px;
top: 0;
height: 100%;
width: 15px;
background: url(../images/xx2.png) no-repeat center center;
-o-background-size: 100% auto;
background-size: 100% auto
}
.ny-nav p {
float: none;
display: none;
position: absolute;
z-index: 5;
left: 0;
top: 52px;
width: 100%
}
.ny-nav p a {
width: 100%;
text-align: left;
padding: 10px 20px;
font-size: 15px;
line-height: 25px
}
nav ul li {
min-width: 75px;
}
nav ul li.home-account,
nav ul li.search-btn {
margin: 0 7px;
}
}
@media (max-width:1200px) {
.product-img {
width: 50% !important;
}
.product-img>.title {
font-size: 24px !important;
}
.morning-recommend-i {
padding: 0 40px;
}
.animeDetail-page {
width: 96% !important;
margin-bottom: 8% !important;
}
.chairman-speak {
display: block;
padding-bottom: 3%;
}
.chairman-speak-r,
.chairman-speak-l {
width: 100%;
}
.society-b-i-r-title {
font-size: 22px;
}
.member-input-i {
width: 60%;
}
.select-b {
padding-bottom: 5%;
}
.cartoon-b {
padding-bottom: 15%;
}
.world-msg-b,
.member-login-b {
padding-bottom: 10%;
}
.member-enroll-i {
width: 90%;
}
.member-enroll {
margin-top: 5%;
margin-bottom: 10%;
}
.member-enroll-i {
margin-bottom: 30px;
}
.member-enroll-i>.inputs {
height: 65px;
}
.member-input-i>.inputs {
width: 90%;
}
.public-nav>.title {
font-size: 24px;
}
.center-con {
padding-bottom: 10%;
}
.legend-b {
padding-bottom: 13%;
}
/* .footer-b-con-list,
.menu-l {
display: flex;
flex-wrap: wrap;
} */
/* .footer-b-con-code {
margin-top: 20px;
} */
.footer-b-con-list-i {
width: 50%;
}
.home-introduction-brand-type,
.footer-b-con-copyright {
margin-top: 0;
}
.home-introduction-time-i>.time,
.home-introduction-num-i>h1,
.home-introduction-brand .title {
font-size: 30px;
}
.home-introduction-info>.info {
margin: 20px 0;
}
.home-introduction-time-i>.msgm,
.home-introduction-time-i>.name {
margin-top: 10px;
}
.home-introduction-brand-type .type-i {
margin-top: 6%;
}
.home-introduction-num {
margin-bottom: 20px;
}
.home-introduction-info {
padding-right: 3%;
}
.info-box-r-con {
margin-bottom: 15px;
padding-bottom: 15px;
}
.info-box-r {
padding: 2% 3%;
}
.info-box-r-con-info>.title::after {
top: 8px;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.home-news-i-con>.title {
font-size: 20px;
}
.type-logo .type-logo-img-mobile,
.home-area,
.home-news-a-i {
display: block;
}
.type-logo .type-logo-img {
display: none;
}
.type-logo {
margin-bottom: 20px;
}
.home-area {
height: auto;
}
.corporate-culture-b {
height: 400px;
}
.home-news-a-i,
.corporate-culture-b {
width: 100%;
}
.home-introduce-i>.title {
font-size: 24px;
}
.home-news-a .swiper-slide {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.home-news-a-i {
padding: 0 20px;
}
.type-logo img {
width: 25%;
}
.home-news-i-con {
padding: 40px 0;
}
.home-introduction-brand-type .type-i {
padding: 4% 0;
}
/* .home-introduction-info>.info {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
} */
.home-introduction-info>.logo {
width: 70%;
}
.business-culture-i-title>.title {
font-size: 24px;
}
.business-culture-i {
width: 23%;
}
.honor-b {
margin-bottom: 3%;
}
.state-num-con>.num {
font-size: 30px;
}
.us-map-info-i {
padding: 3%;
}
.us-map {
display: block;
}
.us-map-info,
.us-map-img {
width: 100%;
}
.us-map-info .public-nav {
padding: 2% 0;
}
.us-select {
padding: 3% 0 10% 0;
}
.us-select-list-i {
margin-left: 10px;
margin-right: 10px;
}
.us-select-list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.shop-list {
padding-bottom: 5%;
}
.industry {
padding-bottom: 10%;
}
}
@media (max-width:1100px) {
nav ul li {
min-width: 66px;
}
nav ul li.home-account,
nav ul li.search-btn {
margin: 0 5px;
}
.home-introduction-brand {
padding-left: 3%;
}
.info-box-r-con {
margin-bottom: 10px;
padding-bottom: 15px;
}
.home-news-i-con {
padding: 35px 0;
}
.home-introduction-time-i>.time,
.home-introduction-num-i>h1,
.home-introduction-brand .title {
font-size: 26px;
}
.home-btn {
position: relative;
}
.footer-b-con-list-i>.title {
margin-bottom: 10px;
}
.footer-b-con-copyright {
padding: 20px;
}
}
@media (max-width:1024px) {
body {
padding-top: 70px !important
}
header {
height: 70px
}
.header-m {
left: 0;
top: 0;
width: 70px;
height: 70px;
background: rgba(255, 255, 255, 0.7);
-webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1)
}
.header-m::after {
display: none;
position: fixed;
content: '';
top: 70px;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5)
}
.header-m .logo {
position: absolute;
left: 50%;
height: 70px;
line-height: 70px;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transform: translateX(-50%)
}
.header-m .logo img {
max-height: 40px
}
.header-m .m-menu-b {
display: block;
position: absolute;
top: 0;
left: 0;
width: 70px;
height: 70px;
cursor: pointer
}
.header-m .m-menu-b::before,
.header-m .m-menu-b::after {
position: absolute;
content: '';
top: 50%;
left: -webkit-calc(45px / 2);
left: -moz-calc(45px / 2);
left: calc(45px / 2);
width: 25px;
height: 2px;
z-index: 999;
-o-transition: all .3s ease-out .3s;
-moz-transition: all .3s ease-out .3s;
transition: all .3s ease-out .3s;
-webkit-transition: all .3s ease-out .3s;
background: #222
}
.header-m .m-menu-b::before {
-moz-transform: translateY(-4px) rotate(0);
-ms-transform: translateY(-4px) rotate(0);
-o-transform: translateY(-4px) rotate(0);
transform: translateY(-4px) rotate(0);
-webkit-transform: translateY(-4px) rotate(0)
}
.header-m .m-menu-b::after {
-moz-transform: translateY(4px) rotate(0);
-ms-transform: translateY(4px) rotate(0);
-o-transform: translateY(4px) rotate(0);
transform: translateY(4px) rotate(0);
-webkit-transform: translateY(4px) rotate(0)
}
.header-m .m-menu {
display: none;
z-index: 888;
position: fixed;
width: 100%;
width: 260px;
height: 100%;
top: 0;
left: -260px;
opacity: 1;
background: #fafafa;
text-align: left;
}
.m-menu-logo {
height: 70px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.m-menu-logo img {
width: 70%;
}
.header-m .m-menu::after {
position: absolute;
top: 70px;
content: '';
width: 100%;
height: 1px;
background: #ebebeb
}
.header-m .nav {
height: -webkit-calc(100% - 82px);
height: -moz-calc(100% - 82px);
height: calc(100% - 82px);
overflow-x: hidden;
overflow-y: auto
}
.header-m .nav>li {
border-bottom: 1px solid #ebebeb;
-moz-animation: resize .7s both;
-o-animation: resize .7s both;
animation: resize .7s both;
-webkit-animation: resize .7s both
}
.header-m .nav>li>a {
position: relative;
display: block;
width: 100%;
font-size: 15px;
padding: 0 40px;
color: #666;
vertical-align: middle;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: break-word;
overflow: hidden;
height: 50px;
line-height: 50px
}
.header-m .nav>li>a::after {
position: absolute;
content: '';
left: 20px;
top: 50%;
width: 8px;
height: 8px;
margin-top: -5px;
border: 1px solid #999;
border-radius: 50%;
background: transparent;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
-webkit-transition: all .3s
}
.header-m .nav>li .sub-nav {
display: none
}
.header-m .nav>li .sub-nav a {
position: relative;
display: block;
line-height: 24px;
padding: 12px 40px;
background: #f2f2f2;
color: #4E4E4E
}
.header-m .nav>li .sub-nav a::before,
.header-m .nav>li .sub-nav a::after {
position: absolute;
content: '';
width: 0;
height: 0;
left: 20px;
top: 20px;
border: 5px solid transparent;
overflow: hidden;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
-webkit-transition: all .3s
}
.header-m .nav>li .sub-nav a::before {
left: 21px;
border-left: 5px solid #555
}
.header-m .nav>li .sub-nav a::after {
border-left: 5px #ebebeb solid
}
.header-m .nav>li.cur {
position: relative
}
.header-m .nav>li.cur::after,
.header-m .nav>li.cur::before {
position: absolute;
content: '';
background: #999;
-o-transition: all .5s;
-moz-transition: all .5s;
transition: all .5s;
-webkit-transition: all .5s
}
.header-m .nav>li.cur::before {
top: 19px;
right: 25px;
width: 2px;
height: 12px
}
.header-m .nav>li.cur::after {
top: 24px;
right: 20px;
width: 12px;
height: 2px
}
.header-m .nav>li.active::after {
background: #fff
}
.header-m .nav>li.active::before {
height: 0
}
.header-m .nav>li.active>a {
color: #fff;
background: #387B58
}
.header-m .nav>li.active>a::after {
border-color: #fff;
background: #fff
}
.header-m .nav>li.active .sub-nav li {
/* -moz-animation: ReturnToNormal .5s both;
-o-animation: ReturnToNormal .5s both;
animation: ReturnToNormal .5s both;
-webkit-animation: ReturnToNormal .5s both */
}
.header-m .m-search-b {
display: block;
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 70px;
cursor: pointer;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAVFBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVW+WkCdAAAAG3RSTlMA86cS1Qd0zb+G48R+W0E4lVIhm5BKLeppGrQHXWddAAABjklEQVRIx6VV2XLDIAzkBgdf8d3o//+zg6GtB5DiTPfNi1cCrTRiV8i1Fc5aJ0yv2R30gsMv9mV7K9hekGGWtMJACf6kFOLnLyvGWShIaHCFgxOu+4rfk7GRWegcqr9y3X6SLfUOkbHSn3RfU0zx2khyrrGHiFowhcQaznewGuTpraynH4hXmpzVIZJnCELZbE6uIRBqcxNOv0oyVAXBUAsostTFtUs7fVHhos5zxoVmGunuE/+XuHcXKyOKzPvC/9LLNlYeQZ+KXFb+wCRztclCakXZ4gp6DIG6umSpn02AtswWj5Dhs+i4HNiFQZQKhQ/fEwLslJVyD+xDElMB3OhLisBRLi/x/NH0Mm6AmUOCwmxuIYEr7xWHC3ZsBawPKJAoPmBGNzwTdHqBiBXtWmP/9oTrdKpLbAAU07MdxdyYVWZr52D3cQBQGwD3GRl2asrKjqKxpVK+PtBMySCv72ukSs0j72u0T/ZO7D5eyWKk4bCtja5bakDQhUcPiGcfwMQSsE/QVbctjcFZw74Bhtc3xlH5qhwAAAAASUVORK5CYII=) no-repeat left center;
-o-background-size: 23px;
background-size: 23px
}
html.active {
height: 100%;
overflow: hidden
}
html.active body {
height: 100%;
overflow: hidden
}
html.active .header-m {
left: 260px
}
html.active .header-m::after {
display: block
}
html.active .header-m .m-menu-b::before,
html.active .header-m .m-menu-b::after {
background: #000
}
html.active .header-m .m-menu-b::before {
-moz-transform: translateY(0) rotate(225deg);
-ms-transform: translateY(0) rotate(225deg);
-o-transform: translateY(0) rotate(225deg);
transform: translateY(0) rotate(225deg);
-webkit-transform: translateY(0) rotate(225deg)
}
html.active .header-m .m-menu-b::after {
-moz-transform: translateY(0) rotate(-225deg);
-ms-transform: translateY(0) rotate(-225deg);
-o-transform: translateY(0) rotate(-225deg);
transform: translateY(0) rotate(-225deg);
-webkit-transform: translateY(0) rotate(-225deg)
}
html.active .header-m .m-menu {
display: block;
left: 0
}
html.active footer,
html.active main,
html.active .i-banner,
html.active .banner {
-moz-transform: translateX(260px);
-ms-transform: translateX(260px);
-o-transform: translateX(260px);
transform: translateX(260px);
-webkit-transform: translateX(260px)
}
}
@media (max-width:1024px) {
.home-introduction-num-i>h1 {
font-size: 30px;
line-height: 30px;
}
.home-introduction-num-i>.nums>i>em {
line-height: 19px;
}
.home-introduction-num-i>.nums>i {
margin: 0;
}
.tag-list-b-i-item::after {
display: none;
}
.invoice-b {
overflow-x: scroll;
}
.invoice-b-list,
.invoice-b-t {
min-width: 1024px;
}
.story {
padding-bottom: 3rem;
}
.mag-item-img {
max-height: 240px;
}
.cartoon-recommend-r-swiper-b {
margin-top: 20px !important;
}
.cartoon-recommend-r-t {
padding: 0 !important;
}
.cartoon-recommend-r-play {
margin-top: .3rem !important;
}
.cartoon-recommend-r,
.cartoon-recommend-l {
width: 100% !important;
padding: 20px 20px 30px !important;
}
.cartoon-recommend-l {
padding-bottom: 0 !important;
}
.cartoon-recommend {
display: block;
}
.history-con-i>.title {
width: 140px !important;
}
.header-m.home {
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important
}
main {
margin-top: -70px;
}
.header-m .m-search-b,
.header-m .logo {
display: none !important;
}
.menu-l-i-link {
bottom: 70px;
}
.cartoon-b-list-i {
width: -webkit-calc(100% / 6);
width: -moz-calc(100% / 6);
width: calc(100% / 6);
margin: 0 0 0 2.7%;
margin-bottom: 24px;
}
.product-top-r,
.product-top-l {
width: 49% !important;
}
.join-model-b>.title {
font-size: 22px !important;
}
.product-img {
width: 45% !important;
}
.product-img>.title {
font-size: 20px !important;
}
.industry-recommend-con>.info {
-webkit-line-clamp: 2 !important;
}
.industry-recommend-con>.title {
font-size: 22px !important;
}
.morning-recommend-info-day .month {
font-size: 36px !important;
}
.history-b {
padding-bottom: 12% !important;
}
.history-mountain.on {
padding-bottom: 15% !important;
}
.brand-recommend-i img {
width: 60% !important;
}
.anime-list-i {
margin-bottom: 4%;
}
.anime-list-b {
padding-bottom: 11% !important;
}
.animeDetail-info .title {
font-size: 22px !important;
}
.animeDetail-info .info {
font-size: 20px !important;
}
.animeDetail-page {
padding: 4% !important;
}
.info-box-r-con-info>.info {
-webkit-line-clamp: 3 !important;
}
.zhuanlan {
width: 45% !important;
}
.anime {
padding-left: 20px !important;
padding-right: 20px !important;
}
.chairman-speak-l-con {
margin-top: 20px;
}
.chairman-speak-l-con {
padding: 30px;
}
.chairman-speak-r-title {
margin: 20px 0;
}
.chairman-speak-r-title {
font-size: 20px;
}
.select-title {
font-size: 30px;
}
.tag-list-b-i-item {
padding: 20px;
margin-bottom: 20px;
}
.tag-list-b-i-item>.title {
font-size: 18px;
}
.party-life {
padding-bottom: 3%;
}
.morning-b-i {
width: 22%;
}
.member-login-b {
width: 70%;
}
.member-enroll-i {
width: 85%;
}
.member-input-i>.inputs,
.member-input-i>.inputs {
height: 65px;
}
.member-input-i {
margin-bottom: 30px;
}
.public-top {
padding-top: 0;
}
.footer-b-con-list-i {
display: none;
}
.footer-b-con-code {
margin-top: 0;
}
.home-introduction-brand-type>.type-i>.type-i-img {
width: 50%;
margin: auto;
}
.anime-r-i::after {
left: 20px;
}
.anime-r-i {
padding: 23px 30px 23px 60px;
}
.anime-r {
max-height: 750px;
}
.brand-box {
padding-bottom: 15%;
}
.honor-b-next,
.honor-b-prev {
width: 60px;
height: 60px;
}
.honor-b-top-l,
.honor-b-top-r-i,
.honor-b-bottom-i {
padding: 20px;
}
.mag-box {
padding-bottom: 15%;
}
.state-num-con>.num {
font-size: 22px;
}
.state-video-play img {
width: 60px;
}
.us-select-list {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.shop-list {
padding-bottom: 8%;
}
.shop-list-i {
width: 48%;
}
.history-list-i-time,
.history-top-con>.time {
font-size: 24px;
}
.history-list-item-i {
padding: 10%;
}
.industry-i-min-l>.home-btn {
margin-top: 20px;
}
.join-box-r-i {
padding: 5%;
}
.join-box-l-i-con {
padding: 10%;
}
.join-box-r-i-l>.title {
font-size: 20px;
}
.join-model-b-top-type {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.news-detail-b-row-top>.title,
.join-model-b-top-i>.title {
font-size: 22px;
}
.join-model-b-top-type .title {
margin-bottom: 10px;
}
.join-box {
padding-bottom: 13%;
}
.legend-i:nth-child(even),
.legend-i {
display: block;
}
.legend-i-img,
.legend-row {
width: 100%;
}
.legend-row {
margin-bottom: 20px;
}
.news-detail-b-row {
padding: 5% 20px;
}
.society-b-i-second-con {
margin-top: 20px;
}
}
@media (max-width:980px) {
.mag-item-img {
max-height: 360px;
}
.story-l {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.story-l>img {
width: auto;
height: auto;
}
.story-l,
.story-r {
width: 100%;
margin: 0;
}
.story {
display: block;
}
.honor-b-bottom-i>.title {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.industry-i-min-l>.info {
-webkit-line-clamp: 2 !important;
}
.state-b-l-con-title {
-webkit-line-clamp: inherit !important;
}
.corporate-culture-b {
display: none !important;
}
.corporate-culture-swiper,
.news-detail-page {
display: block !important;
}
.corporate-culture-swiper .corporate-culture-b-i {
margin: 0 !important;
}
.corporate-culture-swiper .corporate-culture-b-i,
.corporate-culture-swiper .corporate-culture-b-i .item2 {
width: 100%;
height: 100%;
position: static !important;
visibility: visible !important;
opacity: 1 !important;
}
.anime {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-moz-box-orient: vertical;
-moz-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.anime-r {
width: 100%;
max-height: 310px;
margin-bottom: 20px;
}
.anime-l {
width: 100%;
}
.anime-l-img {
margin: auto;
}
.anime-r-i {
padding: 20px 30px 20px 60px;
}
.brand-box-i {
width: 20%;
}
.mag-item {
width: 50%;
margin: 0;
margin-top: 20px;
}
.mag-box-i-list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.mag-box-i {
margin-top: -20px;
}
.mag-box-i-list::after {
height: 120px;
}
.mag-item>.title {
margin: 7% 0 3% 0;
}
.mag-box-i-list {
margin-bottom: 0;
}
.center-box-top-i {
display: block;
}
.center-box-top-i-c,
.center-box-top-i-l {
margin-bottom: 20px;
}
.center-con>.member-input .member-input-i {
margin-right: 13%;
}
.member-input-i {
width: 70%;
}
.member-login-b {
width: 80%;
}
}
@media (max-width:820px) {
.society-logo {
display: none !important;
}
.society-b {
background: transparent !important;
}
.public-tobody-min {
padding-left: 20px !important;
padding-right: 20px !important;
}
.corporate-culture-b-i .item2 .msg .item2-con .con {
display: none;
font-size: 18px;
}
.home-news-i .news-img {
margin-right: 0;
}
.home-news-i {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 20px 0;
}
.home-news-i-con {
padding: 10px 0 0 0 !important;
}
.corporate-culture-b-i .item2 .msg .item2-num,
.home-news-i-con>.info {
display: none;
}
.society-b-i-second,
.society-b-i {
display: block;
}
.society-logo,
.society-b-i-second-i,
.society-b-i-l,
.society-b-i-r {
width: 100%;
}
.society-logo,
.society-b-i-l {
margin-bottom: 20px;
}
}
@media (max-width:768px) {
.corporate-culture-row .info {
max-height: 75px !important;
}
.member-login-info>.info {
margin: 0.1rem 0;
}
.invoice-b {
padding-bottom: .5rem;
}
.invoice-b-t-i>.title,
.invoice-b-list-i-l-img {
margin-left: .3rem;
}
.invoice-upload-btn .member-btn {
width: calc(100% - 20px) !important;
margin: auto;
}
.invoice-upload>.title {
margin-bottom: .2rem;
}
.invoice-upload-b {
max-width: none;
}
.invoice-upload {
display: block;
}
.mag-box-i-list::after {
height: 110px;
}
.mag-item-img {
max-height: 360px;
}
.menu-l-i.ons,
.cartoon-recommend-r-play {
display: none;
}
.menu-l-i-link {
bottom: 30px;
}
.story-l-person-i .title {
font-size: 16px;
}
.cartoon-recommend-r-swiper {
width: 85% !important;
}
.cartoon-recommend {
padding: 0 !important;
}
.cartoon-recommend-r-t>.title {
font-size: 20px !important;
}
.news-detail-share {
display: none !important;
}
.title-tick {
margin-bottom: 0;
}
.member-login-b .member-btn {
width: -webkit-calc(100% - 20px);
width: -moz-calc(100% - 20px);
width: calc(100% - 20px);
}
.product-swiper-img img {
width: 80% !important;
height: 3rem !important;
}
.us-map-info-i>.public-nav {
margin-left: auto;
}
.corporate-culture-swiper .banner-next,
.corporate-culture-swiper .banner-prev {
width: 0.8rem;
height: 0.8rem;
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
transform: translateY(-50%) !important;
}
.industry-i:hover .industry-i-min {
border-bottom: inherit !important;
}
.industry-i:hover .industry-i-min-l>.home-btn {
background: url(../images/icon-industry-btn.png)no-repeat !important;
-o-background-size: contain !important;
background-size: contain !important;
}
.industry-i:hover .industry-i-min-l>.time::after {
background: #005629 !important;
}
.industry-i:hover .industry-i-min-l>.home-btn {
color: #015629 !important;
}
.industry-i:hover .industry-i-min-l>.info,
.industry-i:hover .industry-i-min-l>.time,
.industry-i:hover .industry-i-min-l>.title {
color: #3D3D3D !important;
}
.industry-i:hover {
background: transparent !important;
}
.dtcell video,
.dtcell img {
max-width: 80% !important;
}
.society-b-i-second-i .society-b-i-second-con {
display: block !important;
}
.society-logo .society-b-i-second-con {
display: none !important;
}
.home-introduction-info {
padding-right: 3%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-51%);
-moz-transform: translateY(-51%);
-ms-transform: translateY(-51%);
-o-transform: translateY(-51%);
transform: translateY(-51%);
width: -webkit-calc(100% - 40px) !important;
width: -moz-calc(100% - 40px) !important;
width: calc(100% - 40px) !important;
}
.product-top-r>.title {
display: none !important;
}
.product-top-title {
display: block !important;
}
.state-info {
padding-left: 0;
padding-right: 0;
}
.product-d-swiper2-img {
max-height: none !important;
}
.product-con-t {
margin: 0.5rem 0 !important;
}
.product-con-t-c {
font-size: 16px !important;
}
.product-con-t::after {
width: 0.5rem !important;
height: 0.28rem !important;
}
.product-top-r>.title {
padding-bottom: 0.2rem !important;
margin-bottom: 0.2rem !important;
font-size: 20px !important;
}
.product-top-r {
margin-top: .3rem;
}
.product-top {
display: block;
}
.product-top-r,
.product-top-l {
width: 100% !important;
}
.tag-search {
width: -webkit-calc(100% - 40px) !important;
width: -moz-calc(100% - 40px) !important;
width: calc(100% - 40px) !important;
height: .7rem;
margin-top: 0 !important;
}
.industry-recommend-con>.info {
min-height: 60px;
}
.join-box-r-a>.info {
margin-top: 10px;
}
.join-box-r-i-l,
.join-box-r-a {
padding-bottom: 0 !important;
}
.product-i:last-child {
margin-bottom: 0 !important;
}
.product-swiper {
width: 100% !important;
}
.anime-list-img {
max-height: 250px;
}
.corporate-culture-swiper {
margin-left: -20px;
margin-right: -20px;
}
.home-area-b {
background: url(../images/icon-area-bg.png)no-repeat #efefef center bottom !important;
-o-background-size: 100% auto !important;
background-size: 100% auto !important;
}
.home-introduction {
background: url(../images/model2-bg.png)no-repeat scroll center bottom !important;
}
.industry-recommend-slide {
height: 100% !important;
margin-top: auto;
}
.ssbox {
display: block !important;
}
.type-logo,
.join-box-l {
display: none;
}
/* .join-box-mobile {
display: block !important;
} */
/* .join-box {
display: none !important;
} */
.join-close-img {
width: 80%;
}
.join-return,
.join-msg .member-btn {
font-size: 16px !important;
}
.join-model-title {
line-height: 26px;
}
.home-menu-r {
margin-top: 10px;
}
.join-model-b-con .home-btn {
padding: 0 20px;
-o-background-size: 100% 100% !important;
background-size: 100% 100% !important;
}
.join-msg {
margin-bottom: 10px !important;
}
.join-model-b>.title {
font-size: 18px !important;
}
.join-return {
margin-top: 0 !important;
}
.join-msg .member-btn {
width: -webkit-calc(100% - 28px) !important;
width: -moz-calc(100% - 28px) !important;
width: calc(100% - 28px) !important;
}
.join-msg .member-btn,
.member-btn::after,
.member-btn::before {
height: 60px;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
.join-msg>.title {
text-align: left !important;
margin-right: 0 !important;
margin-bottom: 7px;
}
.join-msg {
width: 90% !important;
display: block;
}
.home-btn-img {
margin-right: 10px;
}
.home-news-b {
display: none !important;
}
.home-menu-l {
width: 100% !important;
}
.home-menu,
.corporate-culture-mobile,
.home-news-mobile-b {
display: block !important;
}
.corporate-culture-mobile-flex {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.corporate-culture-mobile-flex>.home-news-mobile-logo {
padding-top: .5rem;
}
.home-introduction-num-i {
width: auto !important;
}
.home-introduction-info>.info {
margin: 5% 0 10% 0;
}
.banner-swiper .swiper-pagination {
bottom: 3% !important;
}
.home-introduction-brand,
.home-introduction-time-b {
display: none !important;
}
.home-box {
height: -webkit-calc(100% + 70px);
height: -moz-calc(100% + 70px);
height: calc(100% + 70px);
margin-top: -70px;
}
.header-m {
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.history-b {
border-top: 1px solid #dddddd;
padding-top: 3%;
}
.history-con-i>.title {
padding-top: 6.5% !important;
}
.history-con-i>.dot {
padding-top: 7% !important;
}
.history-con-i>.info {
background: transparent !important;
}
.select-desc-img {
width: 50% !important;
}
.select-desc {
padding-bottom: 0 !important;
}
.product-swiper-img>.title {
font-size: 16px !important;
margin-top: 5% !important;
}
.select-desc-img {
margin: auto;
margin-bottom: 3%;
}
.select-msg,
.select-desc-img img {
display: block;
}
.select-msg-r,
.select-msg-l,
.select-desc-info,
.product-img {
width: 100% !important;
}
.select-msg-r {
text-align: center;
margin-top: 3%;
}
.product-swiper-img {
padding: 7% 0;
}
.product-i>div {
max-height: none !important;
}
.select-desc,
.product-i>div {
display: block !important;
}
.morning-recommend-info,
.morning-recommend-img {
margin: auto;
width: 100% !important;
}
.morning-recommend-info {
margin-top: 3%;
}
.morning-recommend-i {
display: block;
}
.morning-recommend-info-img>.title,
.morning-recommend-info-day .month {
font-size: 24px !important;
}
.industry-recommend-con {
padding-bottom: 12%;
}
.industry-recommend-con>.time {
padding: 3% 0 !important;
}
.industry-recommend-con,
.industry-recommend-img {
width: 100% !important;
}
.industry-recommend-slide {
display: block;
}
.industry-recommend-con>.title {
font-size: 20px !important;
}
.history-mountain.on {
padding-bottom: 10% !important;
}
.history-b {
padding-bottom: 15% !important;
}
.history-b::after,
.history-list-b::after {
width: 80% !important;
}
.brand-recommend-b {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.brand-recommend-i img {
width: 80% !important;
}
.anime-list-b {
padding-bottom: 6% !important;
}
.anime-list-i {
width: 48% !important;
}
.animeDetail-info .title {
font-size: 20px !important;
}
.anime-list-i .title,
.animeDetail-info .info {
font-size: 18px !important;
}
.animeDetail-img {
margin-top: 20px !important;
}
.animeDetail-page-l {
width: 100% !important;
}
.animeDetail-page {
display: block;
}
.animeDetail-page .news-detail-page-r {
margin: auto;
margin-top: 5%;
}
.animeDetail-page {
width: 92% !important;
margin-bottom: 3% !important;
}
.history-top-i.on .swiper-slide {
height: auto !important;
}
.zhuanlan img {
width: 50% !important;
}
.zhuanlan {
right: 0 !important;
}
.zhuanlan-i {
position: relative;
margin-left: auto;
}
.home-introduction-num-i>h1 {
font-size: 30px !important;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.home-introduction-num-i>.nums>i {
font-size: 30px;
height: auto;
margin-bottom: 0;
}
.zhuanlan {
text-align: right !important;
}
.join-model-b-top-i>.title {
font-size: 20px;
}
.join-model-b-top-type .title {
margin-bottom: 5px;
}
.home-introduction-time-i {
padding: 7% 0;
}
.home-introduction-time {
width: 90%;
}
.chairman-mark-top,
.chairman-mark-down {
display: none;
}
.chairman-speak-l-logo {
width: 80%;
margin: auto;
display: block;
}
.world-menu-i {
width: 49%;
}
.world-menu-i:last-child {
width: 100%;
}
.corporate-culture-swiper .history-prev::after,
.corporate-culture-swiper .history-next::after {
width: 50px;
height: 50px;
content: '';
background: rgba(255, 255, 255, 0.2);
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.home-introduction-info>.info {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 9;
-webkit-box-orient: vertical;
}
.zhuanlan {
bottom: 6% !important;
}
.banner-img {
display: none;
}
.banner-img.mobile {
display: block;
/* height: calc(100vh - 70px); */
}
/* .world-menu-i {
width: 100%;
} */
.world-menu-img {
margin: auto;
}
.cartoon-video,
.member-enroll {
margin-top: 0;
}
.member-input-title {
display: block !important;
}
.join-model-b-con .divupload {
/*margin-top: 3%;*/
}
.join-model-b-top-type {
margin-top: 3%;
}
.join-model-b-top-type .title {
font-size: 16px;
}
.join-model-title {
font-size: 17px;
}
.join-model-b-top {
padding-bottom: 5%;
}
.join-model-b-con {
padding: 5% 10px;
}
.join-model-b::after {
position: absolute;
width: 50%;
height: 155px;
top: -132px;
left: 50%;
content: '';
background: url(../images/icon-join-logo.png)no-repeat center;
-o-background-size: contain;
background-size: contain;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.morning-b {
padding-bottom: 3%;
}
.morning-box {
padding-bottom: 8% !important;
}
.news-detail-b-row {
padding: 5% 10px !important;
}
.industry-i-min-l>.info {
line-height: 25px;
}
.select-info-search {
padding: 2% !important;
}
.tag-list-third {
display: none;
}
.product-nav-m {
display: block !important;
}
.tag-list-b,
.mag-box-i-list {
padding-top: 0;
}
.industry-i-min-l>.home-btn {
font-size: 18px;
margin: 20px auto 0 auto;
}
.mag-box,
.world-msg-b {
padding-bottom: 8% !important;
}
.history-list-item {
height: auto;
padding: 3% 0 5% 0 !important;
}
.honor-b {
margin-bottom: 8%;
}
.honor-b-top-r-i {
border: 1px solid #EAEAEA;
border-right: none;
border-bottom: none;
}
.honor-b-top-r-i:nth-child(even) {
border-right: 1px solid #EAEAEA;
}
.society-b-i-second {
padding-bottom: 6%;
}
.society-b-i {
padding: 0 0 6% 0;
}
.chairman-title {
margin: 3% 0;
}
.chairman-speak-l-con {
padding: 5%;
}
.menu-r {
margin-top: 3%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-moz-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.footer-logo {
margin-bottom: 3%;
}
.footer-b-top {
padding: 0 0 5% 0;
}
.footer-b-con-list,
.footer-b-con-copyright {
padding: 4%;
}
.public-nav {
padding: 8% 0 6% 0;
}
.public-banner .imgs {
width: 100%;
min-height: 250px;
-o-object-fit: cover;
object-fit: cover;
}
.footer-b-con-copyright,
.menu-l-i {
font-size: 14px;
}
.info-box-r-con {
margin-bottom: 3%;
padding-bottom: 3%;
}
.info-box-r {
padding: 5% 4%;
}
.zhuanlan {
width: auto !important;
}
.industry-i-min {
padding-bottom: 0 !important;
}
.tag-list-third {
background: transparent;
}
.tag-mobile {
display: block;
}
.tag-list-third-row {
display: none;
}
.tag-list-third-row {
width: 100%;
text-align: center;
}
.tag-list-third-row-i {
height: auto;
}
.tag-list-third-row-i {
display: block;
}
.world-menu {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.news-detail-page {
margin: 0;
}
.cartoon-b {
padding-left: 20px !important;
padding-right: 20px !important;
}
.news-detail-page-r {
-webkit-transform: scale(0.8) !important;
-moz-transform: scale(0.8) !important;
-ms-transform: scale(0.8) !important;
-o-transform: scale(0.8) !important;
transform: scale(0.8) !important;
}
.world-msg-r {
padding-left: 0;
}
.world-msg-l,
.state-video-play {
display: none;
}
.home-news-a {
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.home-introduce-i .home-introduce-i-img {
margin-top: 5% !important;
}
.home-introduce-i .home-introduce-i-img img {
width: 78%;
display: block;
margin: auto;
}
.info-box-r-con-info>.info {
min-height: auto;
}
.type-i {
width: 170px !important;
height: 170px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.state-b-cecond-num {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
/* .state-num-i:last-child .state-num-img {
width: 100%;
} */
.state-num-i {
width: 48%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start !important;
-webkit-justify-content: flex-start !important;
-moz-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
margin: 10px 0;
}
.state-num-img {
max-width: 70px;
}
.home-introduce-i .title {
font-size: 24px;
font-family: Source Han Serif SC;
font-weight: bold;
color: #015629;
margin-top: 0px;
}
.home-introduce-i .info {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #272727;
line-height: 26px;
margin-top: 10px;
}
.home-news-i .news-img {
width: 25%;
min-height: 50px;
margin-right: 0px;
}
.corporate-culture-b-i .item2 .msg .item2-con .name {
font-size: 20px !important;
}
/* .banner-swiper {
min-height: 350px;
} */
.footer-b-con-code {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.honor-b-next,
.honor-b-prev {
width: 45px;
height: 45px;
}
.banner-next,
.banner-prev {
display: none;
}
.chairman-speak-r-title,
.society-b-i-r-title {
font-size: 18px;
}
.society-b-i-l {
margin-bottom: 3%;
}
.society-b-i-second-con {
margin-top: 2%;
}
.society-b-i-r-info {
font-size: 16px;
margin-top: 2%;
}
.society-b-i-r-title {
font-size: 20px;
}
.select-null-img {
width: 30%;
}
.select-title {
font-size: 20px;
margin-top: 20px;
}
.select-b {
padding-bottom: 8%;
}
.select-info-con {
margin-top: 5%;
display: block;
}
.select-info-con-l {
width: 100%;
}
.tag-list-b-i-item {
width: 48%;
}
.party-life .swiper-slide-prev,
.party-life .swiper-slide.swiper-slide-active {
margin: 0 !important;
}
.party-life-next {
right: 3%;
z-index: 9;
}
.party-life-prev {
left: 3%;
z-index: 9;
}
.party-life {
padding: 0 10%;
}
.party-life-con>.info {
line-height: 30px;
}
.news-detail-menu .news-detail-share,
.news-detail-menu>.info {
margin-bottom: 10px;
}
.news-detail-b-row-top>.title {
font-size: 20px;
}
.news-detail-menu {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 20px;
}
.news-detail-b {
padding-bottom: 5%;
}
.morning-b-i {
width: 30%;
margin-bottom: 20px;
}
.cartoon-b-list-i {
width: -webkit-calc(100% / 5);
width: -moz-calc(100% / 5);
width: calc(100% / 5);
margin-left: 4%;
}
/* .cartoon-b-list {
margin-left: -5px;
} */
.tag-list {
display: none;
}
.tag-list-i {
width: 100%;
margin-left: 0;
}
.member-input-i {
width: 80%;
}
.member-login-b {
width: 90%;
}
.member-enroll {
margin-bottom: 0;
}
.join-box,
.center-con,
.legend-b {
padding-bottom: 5%;
}
.join-box-r-i-r {
width: 65%;
}
.join-box-r-i-l {
width: 35%;
}
.join-box-r-i {
padding: 5%;
}
.join-box-r .tag-page {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.join-box-l-i-con {
padding: 4%;
}
.join-box-r,
.join-box-l {
width: 100%;
}
.join-box {
display: block;
}
.join-box-r-i-l>.title {
font-size: 20px;
}
.fix-bar {
display: none;
}
.home-introduce-i>.title,
.home-introduction-time-i>.time,
.home-introduction-num-i>h1,
.home-introduction-brand .title {
font-size: 20px;
}
.home-news-i-con>.title,
.corporate-culture-b-i>.item1>.name,
.corporate-culture-b-i .item2 .msg .item2-con .name {
font-size: 18px;
}
.info-box-r-con-info>.title,
.info-box-r-con-title,
.home-introduction-time-i>.name {
font-size: 16px;
}
.info-box-r-con-info>.info {
margin-top: 2%;
}
/* .home-swiper>.swiper-wrapper>.swiper-slide {
height: max-content !important;
} */
.banner-next,
.banner-prev {
width: 8%;
height: 15%
}
.home-introduction-i {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.home-introduction-brand {
width: 70%;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
margin: auto;
}
.home-introduction-time-b,
.home-introduction-info {
width: 100%;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
.home-introduction-time-b {
width: auto;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 20px -20px !important;
}
.home-introduction-time-page {
width: 100%;
display: block;
margin: 0;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) !important;
-moz-transform: translateX(-50%) !important;
-ms-transform: translateX(-50%) !important;
-o-transform: translateX(-50%) !important;
transform: translateX(-50%) !important;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 20px 0 0 0;
z-index: 1;
}
.home-introduction-time-prev {
background: url(../images/icon-top3.png)no-repeat center;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.home-introduction-time-next {
background: url(../images/icon-bottom3.png)no-repeat right;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.home-introduction-time-next:hover {
background: url(../images/icon-bottom3.png)no-repeat right;
}
.home-introduction-time-i>.msg {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.corporate-culture-b,
.info-box {
display: block;
}
.info-box-l {
width: 100%;
height: 250px;
}
.info-box-r-con-info>.title::after {
display: none;
}
.home-swiper>.swiper-wrapper>.swiper-slide:first-child {
padding: 0 !important;
}
.home-introduce,
.home-news-a-i,
.home-introduction-i,
.home-introduction-brand,
.home-area-b {
padding: 20px;
}
.info-box-r {
height: -webkit-max-content !important;
height: -moz-max-content !important;
height: max-content !important;
}
.corporate-culture-b-i>.item1>.name,
.corporate-culture-b-i {
width: 100%;
}
.corporate-culture-b {
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
.type-logo img {
width: 40%;
}
.footer-b {
position: static;
}
/* .home-swiper {
height: max-content;
} */
.home-area,
.home-introduction-info {
padding: 0;
}
.home-introduce {
display: block;
}
.home-introduce-i {
width: 100%;
margin-bottom: 9% !important;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-moz-box-orient: vertical;
-moz-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.home-introduce-i:last-child {
margin-bottom: 0 !important;
}
.home-introduce-i:nth-child(1) .title {
margin-top: 0;
}
.home-introduce-i>.title {
margin-top: 20px;
}
.corporate-culture-b .item1 {
padding: 30px;
}
.home-introduction-time-b {
margin-bottom: 0 !important;
position: relative;
padding: 5% 20px;
}
.menu-l {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.home-swiper-md>.swiper-wrapper {
display: block !important;
}
.footer-b-con-code .code-i {
text-align: center;
width: 35%;
}
.business-culture {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.business-culture-i {
width: 48%;
height: 450px;
margin-bottom: 3%;
}
.business-culture {
height: auto;
padding-bottom: 8%;
}
.footer-logo {
position: static;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
margin: auto;
text-align: center;
margin-bottom: 20px;
width: 124px;
height: 103px;
}
.footer-b {
/* padding-top: 3%; */
}
.footer-b-top {
padding: 20px 0;
}
.public-nav>.title {
font-size: 24px;
}
.business-culture-i-title>.title {
font-size: 20px;
}
.business-culture-i-title>.name {
font-size: 16px;
}
.business-culture-i:nth-child(1) {
background: url(../images/icon-business-ln.png)no-repeat #3F5D81 center bottom;
}
.business-culture-i:nth-child(2) {
background: url(../images/icon-business-mb.png)no-repeat #2A6847 center bottom;
}
.business-culture-i:nth-child(3) {
background: url(../images/icon-business-js.png)no-repeat #632D28 center bottom;
}
.business-culture-i:nth-child(4) {
background: url(../images/icon-business-zz.png)no-repeat #876200 center bottom;
}
.anime {
padding-bottom: 10px;
}
.brand-box-i {
width: 25%;
}
.brand-box {
padding-bottom: 8%;
}
.honor-b-top-r-i-img {
width: auto;
}
.public-mountain {
padding-bottom: 0;
}
.honor-b-top {
display: block;
}
.honor-b-top-r,
.honor-b-top-l {
width: 100%;
}
.honor-b-top-l-img {
width: 70%;
}
.mag-item {
width: 48%;
}
.mag-box {
padding: 0 20px;
}
.mag-box .tag-page {
padding: 5% 0;
}
.state-b-r {
height: auto !important;
}
.state-b-l,
.state-item:nth-child(odd),
.state-item {
display: block;
}
.state-item {
margin-bottom: 20px;
}
.state-b-cecond {
padding-top: 3%;
}
.state-b-l {
height: auto;
}
.state-b-l-img {
width: 100%;
height: 400px;
background: url(../images/img-state-logo.png)no-repeat #005629 right bottom;
-o-background-size: contain;
background-size: contain;
}
.state-item-con,
.state-item-img {
width: 100%;
}
.state-b-l-con {
width: 100%;
padding: 20px;
}
.state-item-img {
margin-bottom: 20px;
}
.state-item-con {
padding: 0;
}
.us-select-list {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.us-map-info-msg {
line-height: 40px;
}
.shop-list {
padding-bottom: 3%;
}
.shop-list-i {
margin-bottom: 25px;
}
.industry-i-min {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.industry-i-min-l,
.industry-i-min-r {
width: 100%;
}
.industry-i-min-l {
margin-top: 20px;
margin-bottom: 20px;
}
.industry-i-min-l>.time {
margin: 3% 0;
}
.industry-i {
padding: 20px 0 0 0;
}
.industry {
padding-bottom: 8%;
}
.industry>.tag-page {
margin-top: 3%;
}
.select-info-con-l-title {
padding: 4% 0;
}
.select-info-con-l-msg {
padding: 2% 3%;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.member-input {
margin-top: 0;
}
}
@media (max-width:680px) {
.mag-box-i-list::after {
height: 105px;
}
.inputs-code {
width: -webkit-calc(100% - 175px) !important;
width: -moz-calc(100% - 175px) !important;
width: calc(100% - 175px) !important;
}
.cartoon-b-list-i {
width: -webkit-calc(100% / 3.5);
width: -moz-calc(100% / 3.5);
width: calc(100% / 3.5);
margin-left: 3.5%;
}
.history-list-item .swiper-slide {
width: 100% !important;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.home-swiper-md .home-btn {
margin: auto;
font-size: 18px;
}
.home-btn {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.menu-l-i {
margin-right: 2%;
width: 30%;
margin-bottom: 20px;
}
.member-login-input {
display: block !important;
padding: 0 20px;
}
.member-enroll-i {
margin-bottom: 20px;
}
#imgValidateCode {
-o-object-fit: cover !important;
object-fit: cover !important;
}
#imgValidateCode,
.member-input-i>.inputs,
.member-enroll-i>.inputs {
height: 55px !important;
}
.member-enroll-i>.inputs {
margin-left: 0 !important;
}
.member-login-input .member-btn,
.center-con>.member-input .member-input-i .member-btn,
.member-enroll .member-btn {
width: -webkit-calc(100% - 25px) !important;
width: -moz-calc(100% - 25px) !important;
width: calc(100% - 25px) !important;
margin: auto !important;
}
.member-enroll-i {
display: block;
}
.login-menu {
margin-top: 30px;
}
.member-input-i>.title,
.center-con>.member-input .title,
.member-enroll-i>.title {
text-align: left;
margin-bottom: 3%;
}
.member-enroll-i>.title,
.member-enroll-i>.inputs,
.member-enroll-i,
.member-login-b {
width: 100%;
}
.center-con>.member-input .member-input-i {
margin-right: 0;
}
.member-input-i>.inputs,
.member-input-i {
width: 100%;
}
.member-input-i {
margin-bottom: 20px;
}
.member-input-i,
.join-box-r-i {
display: block;
}
.join-box-r-img {
display: none;
}
.join-box-r-i-r {
width: 100%;
}
.join-box-r-i-l {
width: 100%;
margin-bottom: 20px;
}
.join-box-r-i-l>.title {
font-size: 18px;
}
/* .business-culture-i {
width: 47%;
margin-bottom: 20px;
} */
.public-nav>.title {
font-size: 22px;
}
.mag-btn {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.shop-list-i-top>.title {
font-size: 16px;
}
.industry-recommend-con>.title,
.industry-i-min-l>.title {
font-size: 18px !important;
}
}
@media screen and (min-width: 1024px) and (max-height: 680px) {
.footer-logo {
width: auto;
height: auto;
}
.footer-logo-img {
width: 62%;
margin: auto;
}
.footer-b-top-i,
.footer-b-con-list {
padding-left: 3%;
padding-right: 3%;
}
.home-area,
.home-introduce,
.home-news-a-i {
-webkit-transform: scale(.9);
-moz-transform: scale(.9);
-ms-transform: scale(.9);
-o-transform: scale(.9);
transform: scale(.9);
}
.home-introduction-brand,
.home-introduction-info {
-webkit-transform: scale(.9) translateX(0%) !important;
-moz-transform: scale(.9) translateX(0%) !important;
-ms-transform: scale(.9) translateX(0%) !important;
-o-transform: scale(.9) translateX(0%) !important;
transform: scale(.9) translateX(0%) !important;
}
}
@media (max-width:600px) {
.home-introduction-brand {
width: 80%;
}
}
@media (max-width:580px) {
.mag-box-i-list::after {
height: 95px;
}
.mag-item-img {
max-height: 290px;
}
.us-select-list-i-item>.title {
margin-top: 8%;
}
.us-select-list-i {
width: 48%;
height: auto;
}
.us-select-list {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: justify !important;
-webkit-justify-content: space-between !important;
-moz-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
-webkit-flex-wrap: wrap !important;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.us-select-list-i-item {
background: url(../images/icon-us-border.png)no-repeat;
-o-background-size: 100% 100% !important;
background-size: 100% 100% !important;
padding: 20px 0 !important;
}
.story-l>img {
width: 20%;
height: auto;
}
.join-msg>.inputs,
.join-msg>.title {
font-size: 14px;
}
.anime-list-i {
width: 100% !important;
}
.join-model-b-con-i {
max-height: 180px;
overflow-y: auto;
}
.anime-r-i>.title {
font-size: 14px;
}
.anime-r-i {
padding: 20px;
}
.anime-r-i::after {
display: none !important;
}
.honor-b-bottom-img img {
max-height: 240px;
}
.business-culture-i-title {
position: absolute;
top: 40%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-90%);
-moz-transform: translateX(-50%) translateY(-90%);
-ms-transform: translateX(-50%) translateY(-90%);
-o-transform: translateX(-50%) translateY(-90%);
transform: translateX(-50%) translateY(-90%);
}
.tag-page-box-i {
padding: 0 5px;
}
.news-detail-page-r {
margin: auto;
}
.state-num-img {
max-width: 55px;
}
.chairman-title {
margin: 0;
}
/* .chairman-speak-l-logo {
margin-left: 0;
} */
.select-title {
font-size: 18px;
}
.select-info-search {
height: auto;
}
.tag-list-b-i-item {
width: 100%;
}
.morning-b-i {
width: 47%;
}
.login-menu-i-img {
width: 70px;
height: 70px;
}
.center-upload {
margin-bottom: 20px;
}
.center-box-top-i-c {
display: block;
}
.center-con>.member-input .member-input-i {
margin-right: 0%;
}
.member-input-i>.inputs {
height: 60px;
}
.member-input-i {
width: 100%;
}
.member-input-i>.inputs {
width: 100%;
}
.brand-box-i {
width: 33%;
}
.business-culture-i {
height: 370px;
}
.footer-logo {
position: static;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
margin: auto;
text-align: center;
margin-bottom: 20px;
}
/* .corporate-culture-b-i .item2 .msg .item2-num {
padding: 12px 55px;
} */
.banner-swiper .swiper-pagination {
padding: 10px;
}
.banner-swiper .swiper-pagination-bullet {
width: 10px;
height: 10px;
}
.banner-next,
.banner-prev {
width: 10%;
height: 20%;
}
.type-logo img {
width: 50%;
}
.us-select-list-i {
margin-left: 0;
margin-right: 2px;
}
.shop-list-i {
width: 100%;
}
.history-list-b::after {
width: 80%;
}
}
@media (max-width:530px) {
.home-introduction-brand {
width: 100%;
}
}
@media (max-width:580px) and (max-width:568px) {
.corporate-culture-img {
height: 320px !important;
}
}
@media (max-width:480px) {
.mag-item-img {
max-height: 250px;
}
}
@media (max-width:425px) {
.brand-box-i:nth-child(even) {
border-left: none;
}
.footer-b {
overflow: hidden;
}
/* .us-select-list-i {
width: 180px;
height: 180px;
} */
.us-select-list-i-item {
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
.type-i {
width: 160px !important;
height: 160px;
}
.menu-r-i {
margin-right: 3%;
margin-bottom: 2%;
}
.cartoon-b-list-i {
width: 45%;
}
.cartoon-b-list-i.cur {
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
.brand-box-i {
width: 50%;
}
.us-select-list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 15px;
}
.cartoon-b-list {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cartoon-b-list-i {
margin-left: 5px;
margin-right: 10px;
}
}
@media (max-width:410px) {
.type-i {
width: 150px !important;
height: 150px;
}
}
@media (max-width:400px) {
.mag-box-i-list::after {
height: 80px;
}
.mag-item-img {
max-height: 170px;
}
.mag-btn {
width: 130px;
height: 40px;
margin: auto;
background: url(../images/icon-industry-btn.png)no-repeat;
background-size: 100% 100%;
transform: scale(none) !important;
margin: auto;
}
/* .us-select-list-i {
width: 170px;
height: 170px;
} */
}
@media (max-width:390px) {
.type-i {
width: 140px !important;
height: 140px;
}
.home-introduction-brand-type .type-i {
margin-top: 20px;
}
}
@media (max-width:375px) {
/* .us-select-list-i {
width: 160px;
height: 160px;
} */
.tag-page-box-i {
padding: 0 3px;
}
}
@media (max-width:365px) {
.type-i {
width: 130px !important;
height: 130px;
}
}
@media (max-width:360px) {
/* .us-select-list-i {
width: 150px;
height: 150px;
} */
}
@media (max-width:350px) {
.type-i {
width: 115px !important;
height: 115px;
}
}
@media (max-width:340px) {
.cartoon-b-list-i {
width: 44%;
}
}
@-webkit-keyframes comeback {
0% {
left: -20px;
}
50% {
left: -25px;
}
100% {
left: -20px;
}
}
@-moz-keyframes comeback {
0% {
left: -20px;
}
50% {
left: -25px;
}
100% {
left: -20px;
}
}
@-o-keyframes comeback {
0% {
left: -20px;
}
50% {
left: -25px;
}
100% {
left: -20px;
}
}
@keyframes comeback {
0% {
left: -20px;
}
50% {
left: -25px;
}
100% {
left: -20px;
}
}
@-webkit-keyframes joinresize {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@-moz-keyframes joinresize {
0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg)
}
50% {
-moz-transform: rotate(180deg);
transform: rotate(180deg)
}
100% {
-moz-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@-o-keyframes joinresize {
0% {
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
50% {
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
100% {
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@keyframes joinresize {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
50% {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
100% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@-webkit-keyframes back_scale_1 {
0% {
opacity: 0;
top: 0;
}
100% {
opacity: 1;
top: 50%;
}
}
@-moz-keyframes back_scale_1 {
0% {
opacity: 0;
top: 0;
}
100% {
opacity: 1;
top: 50%;
}
}
@-o-keyframes back_scale_1 {
0% {
opacity: 0;
top: 0;
}
100% {
opacity: 1;
top: 50%;
}
}
@keyframes back_scale_1 {
0% {
opacity: 0;
top: 0;
}
100% {
opacity: 1;
top: 50%;
}
}
/* 2023531 */
.zhuanlan {
width: 25%;
z-index: 11;
position: absolute;
right: 30px;
bottom: 0;
padding: 0;
text-align: center;
}
.zhuanlan-i {
width: 70%;
position: relative;
}
.zhuanlan-close {
width: .4rem;
height: .4rem;
-o-background-size: 100% 100%;
background-size: 100% 100%;
content: '';
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 3;
position: absolute;
top: 0;
right: 3%;
cursor: pointer;
}
.product-nav-m {
display: none;
position: relative;
cursor: pointer;
margin: 0 0 5% 0;
z-index: 2;
}
.thr3 {
display: none;
padding-left: 40px
}
.thr3 a {
line-height: 30px;
}
.product-nav-m .title {
position: relative;
height: 45px;
line-height: 45px;
padding: 0 10px;
background: rgb(0, 86, 41, 1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: left;
border-bottom: none
}
.product-nav-m .title strong {
color: #fff;
font-size: 16px;
font-weight: bold
}
.product-nav-m .title i {
position: absolute;
content: '';
width: 45px;
height: 100%;
right: 0
}
.product-nav-m .title i::before,
.product-nav-m .title i::after {
position: absolute;
top: 50%;
content: '';
width: 12px;
height: 1px;
background: #fff;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
-webkit-transition: all .3s
}
.product-nav-m .title i::before {
left: 46%;
-moz-transform: rotate(40deg) scaleY(1.5);
-ms-transform: rotate(40deg) scaleY(1.5);
-o-transform: rotate(40deg) scaleY(1.5);
transform: rotate(40deg) scaleY(1.5);
-webkit-transform: rotate(40deg) scaleY(1.5)
}
.product-nav-m .title i::after {
right: 46%;
-moz-transform: rotate(-40deg) scaleY(1.5);
-ms-transform: rotate(-40deg) scaleY(1.5);
-o-transform: rotate(-40deg) scaleY(1.5);
transform: rotate(-40deg) scaleY(1.5);
-webkit-transform: rotate(-40deg) scaleY(1.5)
}
.product-nav-m .title.active i::before {
-moz-transform: rotate(-40deg) scaleY(1.5);
-ms-transform: rotate(-40deg) scaleY(1.5);
-o-transform: rotate(-40deg) scaleY(1.5);
transform: rotate(-40deg) scaleY(1.5);
-webkit-transform: rotate(-40deg) scaleY(1.5)
}
.product-nav-m .title.active i::after {
-moz-transform: rotate(40deg) scaleY(1.5);
-ms-transform: rotate(40deg) scaleY(1.5);
-o-transform: rotate(40deg) scaleY(1.5);
transform: rotate(40deg) scaleY(1.5);
-webkit-transform: rotate(40deg) scaleY(1.5)
}
.product-nav-m>ul {
display: none;
/* position: absolute; */
top: 45px;
width: 100%;
background-color: rgb(0, 86, 41, 0.8);
color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.product-nav-m ul .current>a {
background-color: rgb(0, 86, 41, 0.8);
}
.product-nav-m ul>li {
-moz-animation: ReturnToNormal .5s both;
-o-animation: ReturnToNormal .5s both;
animation: ReturnToNormal .5s both;
-webkit-animation: ReturnToNormal .5s both
}
.product-nav-m ul>li>a {
display: block;
line-height: 45px;
padding: 0 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.55);
}
.product-nav-m ul>li a {
color: #fff;
}
.member-input-title {
text-align: right;
width: 100%;
padding-bottom: 5%;
color: #ffffff;
font-size: 16px;
display: none;
margin-top: -10px;
}
.login-reg {
text-align: right;
width: 100%;
padding-bottom: 5%;
color: #ffffff;
font-size: 16px;
}
.join-box-l-i-top.cur .join-icon {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
/* 2023/6/26 */
.anime-list::after {
width: 31%;
content: '';
}
.anime-list-i {
width: 31%;
text-align: center;
padding: 20px;
border: 1px solid #EAEAEA;
background: #ffffff;
margin-bottom: 6%;
}
.anime-list-i .title {
font-size: 20px;
font-weight: bold;
color: #3D3D3D;
}
.anime-list-i .info {
font-size: 16px;
font-weight: 500;
color: #676767;
margin-top: 5%;
}
.anime-list-img {
width: 80%;
height: auto;
max-height: 280px;
margin: auto;
text-align: center;
margin-bottom: 8%;
}
.anime-list-img img {
-o-object-fit: contain;
object-fit: contain;
}
.anime-list-b {
padding-bottom: 9%;
}
.animeDetail-img {
max-width: 680px;
width: 100%;
text-align: center;
margin: auto;
margin-top: 40px;
}
.animeDetail-img img {
display: block;
margin: auto;
}
.animeDetail-info {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: auto;
text-align: center;
}
.animeDetail-info .title {
font-size: 30px;
font-weight: bold;
color: #3D3D3D;
}
.animeDetail-info .info {
font-size: 22px;
font-weight: 500;
color: #676767;
margin-top: 22px;
}
.animeDetail-page-l .title {
display: block;
font-size: 16px;
font-weight: 500;
color: #616161;
margin-bottom: 20px;
}
.animeDetail-page-l .title:hover {
color: #005629;
}
.animeDetail-page-l .title:last-child {
margin-bottom: 0;
}
.animeDetail-page {
max-width: 1200px;
width: 100%;
background: rgba(0, 0, 0, 0.05);
margin: 5% auto 0;
padding: 2%;
}
.animeDetail {
padding-bottom: 5%;
margin-top: .3rem;
}
.animeDetail-page-l {
width: 80%;
}
.morning-recommend {
background: url(../images/bg-morning.png)no-repeat;
-o-background-size: 100% 100%;
background-size: 100% 100%;
padding-bottom: 4%;
}
.morning-recommend-i {
max-width: 1100px;
margin: auto;
width: 100%;
}
.cartoon-b,
.morning-recommend-i,
.anime-list-b {
margin-top: .3rem;
}
.morning-recommend-info-img {
width: 134px;
height: 119px;
background: url(../images/icon-morning.png)no-repeat;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.morning-recommend-info-img>.title {
font-size: 27px;
font-weight: 800;
color: #005629;
}
.morning-recommend-info-day .month {
font-size: 48px;
font-weight: 500;
color: #005629;
display: block;
margin-left: 10%;
}
.morning-recommend-info,
.morning-recommend-img {
width: 50%;
}
.morning-recommend-info {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.brand-recommend {
background: url(../images/bg-brand.png)no-repeat;
-o-background-size: 100% 100%;
background-size: 100% 100%;
padding-bottom: 8%;
}
.brand-recommend-b {
max-width: 1200px;
width: 100%;
margin: auto;
padding-top: 2%;
}
.brand-recommend-i {
width: 30%;
text-align: center;
}
.select-desc-img {
width: 30%;
}
.select-desc-info {
width: 60%;
font-size: 16px;
font-weight: 400;
color: #292929;
line-height: 36px;
word-break: break-all;
}
.select-desc {
padding: 7% 0;
}
.select-msg-bg {
background: url(../images/bg-select.png)no-repeat;
-o-background-size: cover;
background-size: cover;
padding: 7% 0;
}
.select-msg-l {
width: 50%;
font-size: 16px;
font-weight: 400;
color: #FFFFFF;
line-height: 32px;
}
.select-msg-r {
width: 30%;
}
.product-title {
font-size: 16px;
font-weight: 400;
color: #292929;
line-height: 32px;
}
.product-title>.info {
text-align: left;
margin-top: 5%;
}
.dtcell img {
max-width: 40%;
width: 100% !important;
}
.dtcell video {
max-width: 40%;
width: 100% !important;
}
.product-i {
margin-bottom: 5%;
display: flex;
flex-direction: column;
align-items: center;
}
.product-i>div {
max-height: 528px;
}
.product-img {
width: 40%;
height: auto;
position: relative;
}
.product-img>.title {
font-size: 30px;
font-weight: bold;
color: #FFFFFF;
position: absolute;
left: 50%;
z-index: 2;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 8%
}
.product-img img {
width: 100%;
height: 100%;
/* -o-object-fit: cover;
object-fit: cover; */
}
.product-img::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, transparent, transparent, rgba(0, 0, 0, 0.4));
content: '';
z-index: 1;
}
.product-swiper {
width: 60%;
background: #ffffff;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
.product-swiper-img {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-right: 1px solid #DDDDDD;
}
.product-swiper-img img {
width: 80%;
height: 70%;
-o-object-fit: contain;
object-fit: contain;
}
.product-swiper-img>.title {
font-size: 18px;
font-weight: bold;
color: #454444;
margin-top: 5%;
}
.industry-button-next,
.industry-button-prev,
.product-button-next,
.product-button-prev {
width: .55rem;
height: .55rem;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
background: rgba(0, 0, 0, 0.3);
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.industry-button-next:hover,
.industry-button-prev:hover,
.product-button-next:hover,
.product-button-prev:hover {
background: rgba(1, 86, 41, 0.3);
}
.industry-button-prev {
margin-right: 10px;
}
.product-button-next {
left: auto;
right: 0;
}
.industry-recommend-con>.title {
font-size: 30px;
font-weight: bold;
color: #000000;
}
.industry-recommend {
padding-bottom: 5%;
-webkit-box-shadow: 0px 0px 51px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px 0px 51px 0px rgba(0, 0, 0, 0.05);
}
.industry-recommend-img {
width: 49%;
max-height: 4.01rem;
}
.industry-recommend-con {
width: 48%;
padding-top: 3%;
position: relative;
padding-right: 20px;
}
.industry-recommend-con>.time {
width: 100%;
font-size: 18px;
font-weight: 400;
color: #676767;
padding: 6% 0 3% 0;
margin-bottom: 3%;
border-bottom: 1px dashed #E4E4E4;
}
.industry-recommend-con>.info {
font-size: 16px;
font-weight: 500;
color: #676767;
line-height: 30px;
}
.industry-pagination {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
z-index: 1;
}
.industry-recommend-b .swiper-pagination-current {
font-size: 36px;
color: #005629;
}
.industry-recommend-b .swiper-pagination {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
left: auto !important;
right: 2% !important;
bottom: 0 !important;
}
.industry-recommend-b {}
.industry-page {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: absolute;
left: 0;
bottom: 0;
}
.industry-page .industry-button-next,
.industry-page .industry-button-prev {
position: static !important;
-webkit-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-o-transform: none !important;
transform: none !important;
}
.history-b {
width: 100%;
padding-bottom: 8%;
position: relative;
}
.history-b-img {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: auto;
z-index: 1;
position: relative;
}
.history-b-img img {
-o-object-fit: contain;
object-fit: contain;
}
/* .history-b::after {
width: 1px;
height: 100%;
background: #ECECEC;
content: '';
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
} */
.history-con {
width: 100%;
}
.history-con-i>.title {
font-size: 30px;
font-weight: bold;
color: #005629;
padding-top: 5.5%;
}
.history-con-i>.dot {
margin: 0 20px;
position: relative;
padding-top: 6%;
}
.history-con-i>.dot img {
position: relative;
z-index: 2;
}
.history-con-i>.dot::after {
width: 1px;
height: 100%;
background: #DDDDDD;
content: '';
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 0;
}
.history-con-i>.info {
width: 47%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding: 3% 2%;
background: #F2F4F3;
border-radius: 10px;
font-size: 16px !important;
font-weight: 500 !important;
color: #000000;
line-height: 30px !important;
margin-top: 3%;
}
.history-con-i:nth-child(odd) {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-right: 15px;
}
.history-con-i:nth-child(even) {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-moz-box-orient: horizontal;
-moz-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
padding-left: 23px;
}
.history-con-i {
width: 100%;
height: 100%;
}
.history-top-i.on::after {
display: none;
}
.history-list-i-time.on {
text-align: left;
}
.home-news-mobile-img {
height: 3.59rem;
}
.home-news-mobile-b {
width: 100%;
display: none;
padding: 0 20px;
position: initial;
z-index: 1;
}
.home-news-mobile-b::after {
width: 100%;
height: 50%;
/* background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#F7F7F7), to(#F5F5F5));
background: -webkit-linear-gradient(top, transparent, #F7F7F7, #F5F5F5);
background: -moz-linear-gradient(top, transparent, #F7F7F7, #F5F5F5);
background: -o-linear-gradient(top, transparent, #F7F7F7, #F5F5F5);
background: linear-gradient(180deg, transparent, #F7F7F7, #F5F5F5); */
content: '';
position: absolute;
left: 0;
bottom: 0;
}
.home-news-mobile-title {
font-size: 20px;
font-weight: 400;
color: #015629;
text-align: left;
margin: 5% 0;
line-height: 26px;
}
.home-news-mobile-logo {
width: 65%;
margin: auto;
margin-bottom: 6%;
}
.home-news-mobile .swiper-pagination {
bottom: 0 !important;
}
.home-news-mobile {
background: #fff !important;
padding-bottom: 25% !important;
}
.home-news-mobile .swiper-pagination-bullet {
width: 12px;
height: 12px;
}
.home-news-mobile .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #015629;
}
.corporate-culture-mobile {
display: none;
/* margin-left: -20px;
margin-right: -20px; */
}
.corporate-culture-row {
text-align: center;
}
.corporate-culture-row .title {
font-size: 22px;
font-weight: bold;
color: #015629;
visibility: hidden;
opacity: 0;
margin-top: 6%;
}
.corporate-culture-img {
height: 380px;
position: relative;
}
/* .corporate-culture-swiper .swiper-slide-active {
width: 64% !important;
} */
/* .corporate-culture-swiper .swiper-slide-prev {
margin-left: -16%;
} */
.corporate-culture-img img {
/* width: 90% !important;
margin: auto !important; */
/* -o-object-fit: cover;
object-fit: cover; */
}
/* .corporate-culture-swiper .banner-next {
right: 5% !important;
}
.corporate-culture-swiper .banner-prev {
left: 5% !important;
} */
.corporate-culture-swiper .swiper-slide-active .info,
.corporate-culture-swiper .swiper-slide-active .title {
visibility: visible !important;
opacity: 1 !important;
-webkit-transition: all ease-out .4s;
-o-transition: all ease-out .4s;
-moz-transition: all ease-out .4s;
transition: all ease-out .4s;
}
.home-menu-r .title {
font-size: 16px;
font-weight: 500;
color: #3B3B3B;
margin-left: 3%;
}
.home-menu-l {
width: 48%;
}
.home-menu-r {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.home-menu {
margin-top: 10px;
}
.join-msg>.title {
min-width: 100px;
font-size: 16px;
font-weight: 500;
color: #000000;
margin-right: 28px;
text-align: right;
white-space: nowrap;
}
.join-model-b>.title {
font-size: 30px;
font-weight: 500;
color: #000000;
text-align: center;
margin-bottom: 3%;
}
.join-msg {
width: 60%;
margin: auto;
margin-bottom: 15px;
}
.join-msg>.inputs {
width: 100%;
height: .69rem;
border: 1px solid #EAEAEA;
padding: 0 20px;
}
.join-msg .member-btn {
width: -webkit-calc(100% - 160px);
width: -moz-calc(100% - 160px);
width: calc(100% - 160px);
margin-left: 15px;
}
.join-return {
width: 100%;
font-size: 18px;
font-weight: 800;
color: #015629;
text-align: center;
}
.join-return {
margin-top: 20px;
}
.join-model-b.msg {
display: none;
}
.header-m .m-language {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
border-top: 1px solid #ebebeb;
}
.header-m .m-language a {
background: #fff;
float: left;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #666;
height: 45px;
line-height: 45px;
font-size: 16px;
border-right: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
-moz-animation: slideInUp 1.5s both;
-o-animation: slideInUp 1.5s both;
animation: slideInUp 1.5s both;
-webkit-animation: slideInUp 1.5s both
}
.header-m .m-language a img {
height: 18px;
vertical-align: -2px;
margin: 0 5px 0 0
}
.join-box-mobile {
display: none;
}
.ssbox2 .selectbox {
width: -webkit-calc((100% - 20px)/2);
width: -moz-calc((100% - 20px)/2);
width: calc((100% - 20px)/2);
border: none;
border-radius: 5px;
padding: 0 18px 0 10px;
background: url(../images/icon-1.png) no-repeat right 8px center #F3F3F3;
-o-background-size: 10px auto;
background-size: 10px auto;
height: 35px;
}
.selectbox {
-webkit-appearance: none;
}
.ssbox2 .sst {
border: none;
padding: 0 0 0 10px;
background: #f3f3f3;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: -webkit-calc((100% - 20px)/2);
width: -moz-calc((100% - 20px)/2);
width: calc((100% - 20px)/2);
}
.ssbox2 .sst .sst_input {
width: -webkit-calc(100% - 33px);
width: -moz-calc(100% - 33px);
width: calc(100% - 33px);
line-height: 35px;
height: 35px;
}
.ssbox {
/* background: #fff; */
display: none;
padding: 20px 15px;
}
.szlb {
background: #ffffff;
}
.szlb li {
border-top: 1px solid #eaeaea;
padding: 15px;
}
.szlb li h2 {
color: #333;
font-size: 15px;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.szlb .desc {
color: #999;
padding: 10px 0;
font-size: 12px;
}
.subicon {
padding: 0 10px;
}
.subtitle {
color: #999;
}
.icon3 {
background: url(../images/icon3.png) no-repeat left center;
padding-left: 13px;
-o-background-size: 9px auto;
background-size: 9px auto;
}
.icon4 {
background: url(../images/icon4.png) no-repeat left center;
padding-left: 14px;
-o-background-size: 11px auto;
background-size: 11px auto;
}
.history-times {
padding-top: 1%;
}
/* 2023/7/10 */
.product-top-l {
width: 45%;
}
.product-d-swiper-b,
.product-d-swiper2 {
width: 100%;
}
.product-d-swiper {
width: 85%;
margin: auto;
}
.product-d-swiper-b {
position: relative;
margin-top: .35rem;
}
.product-d-swiper2-img {
width: 100%;
height: 100%;
}
.product-d-swiper2-img>img {
width: auto;
height: auto;
margin: auto !important;
max-height: 3.9rem;
display: block;
-o-object-fit: contain;
object-fit: contain;
}
.product-d-swiper-img {
width: 0.8rem;
height: 0.73rem;
border: 0.01px solid #E7E7E7;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: auto;
overflow: hidden;
cursor: pointer;
}
.product-d-swiper-img img {
width: auto;
height: auto;
}
.product-detail-next,
.product-detail-prev {
width: .3rem;
height: .3rem;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.product-detail-next {
left: auto;
right: 0;
}
.product-d-swiper-b .swiper-slide.swiper-slide-thumb-active .product-d-swiper-img {
border-color: #00943A !important;
}
.product-d-swiper-img {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.product-d-swiper-img img {}
.product-top-r {
width: 45%;
}
.product-top-r>.title {
font-size: 30px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #3D3D3D;
padding-bottom: .29rem;
margin-bottom: .29rem;
border-bottom: 1px solid #EAEAEA;
}
.product-top-r-con .product-top-r-con-i {
font-size: 16px;
font-weight: 400;
color: #232323;
line-height: .48rem;
}
.product-top-r-con-i>.info {
font-size: 18px;
font-weight: bold;
color: #DB261F;
}
.product-top-title {
display: none;
}
.product-con-t-c {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: 50px;
background: #005629;
border-radius: 10px 0px 10px 0px;
padding: 0 45px;
line-height: 50px;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #FFFFFF;
}
.product-con-t {
position: relative;
margin: .8rem 0 .7rem 0;
border-bottom: 1px solid #D8D8D8;
}
.product-con-t::after {
position: absolute;
width: .31rem;
height: .17rem;
right: 0;
bottom: -6px;
content: '';
background: url(../images/icon-product-nav.png)no-repeat;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
.product-con .news-detail-page {
margin: auto;
margin-top: .3rem;
}
.news-detail-page-l-prev:hover,
.news-detail-page-l-next:hover {
color: #005629;
}
.party-life-prev-box {
position: absolute;
left: 50%;
bottom: -80px;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: -webkit-calc(100% / 5);
width: -moz-calc(100% / 5);
width: calc(100% / 5);
}
.party-life-prev-box a {
display: block;
}
.corporate-culture-row .title,
.corporate-culture-row .info {
margin-top: 3%;
}
.news-detail-share-i-wx {
display: none;
}
.tag-mobile-menu {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap !important;
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.tag-mobile-menu {
width: 100%;
margin: 1% 0 3% 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-moz-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.tag-mobile-menu-i {
width: 32%;
text-align: center;
font-size: 17px;
font-family: PingFang SC;
font-weight: 500;
color: #000000;
margin: 2% 0;
white-space: nowrap;
}
.tag-mobile-menu-i.cur {
color: #005629;
font-weight: 800;
}
.tag-mobile-child-i .items {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
font-size: 16px;
font-family: PingFang SC;
font-weight: 500;
color: #ffffff;
text-align: center;
margin: 0 10px 0 0;
padding: 13px;
}
.tag-mobile-child-i .items.cur {
color: #ffffff;
font-weight: 600;
background: -webkit-gradient(linear, left top, left bottom, from(#005629), to(rgb(0, 86, 41, .1)));
background: -webkit-linear-gradient(top, #005629, rgb(0, 86, 41, .1));
background: -moz-linear-gradient(top, #005629, rgb(0, 86, 41, .1));
background: -o-linear-gradient(top, #005629, rgb(0, 86, 41, .1));
background: linear-gradient(180deg, #005629, rgb(0, 86, 41, .1));
}
.tag-mobile-child-i {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.tag-mobile-child {
margin-bottom: 5%;
overflow-x: auto;
background: rgb(0, 86, 41, 0.5);
}
.tag-mobile-b {
display: none;
}
.tag-mobile-menu-b {
overflow-x: auto;
}
@media (max-width:768px) {
.tag-mobile-b {
display: block;
}
.tag-mobile-menu-b {
margin: .1rem 0;
}
}
.tag-mobile-flot-i {
width: 45px;
height: 45px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
position: relative;
margin: auto;
margin-bottom: 2rem;
}
.tag-mobile-flot-i::after {
width: 45px;
height: 45px;
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 86, 41, .28);
border-radius: 50%;
-webkit-animation: scaless 1s infinite cubic-bezier(0, 0, 0.49, 1.02);
-moz-animation: scaless 1s infinite cubic-bezier(0, 0, 0.49, 1.02);
-o-animation: scaless 1s infinite cubic-bezier(0, 0, 0.49, 1.02);
animation: scaless 1s infinite cubic-bezier(0, 0, 0.49, 1.02);
}
.tag-mobile-flot-i-c {
width: 33px;
height: 33px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #005629;
border-radius: 50%;
}
.tag-mobile-flot {
position: fixed;
left: 50%;
bottom: 0;
z-index: 99;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
}
.tag-mobile-flot-menu-i-b {
width: 100%;
background: #fff;
padding: .69rem 0;
-webkit-box-shadow: 0px 0px 10px 0px rgba(32, 53, 75, 0.2);
box-shadow: 0px 0px 10px 0px rgba(32, 53, 75, 0.2);
}
/* .tag-mobile-flot-menu-i {
max-height: 3.8rem;
overflow-y: scroll;
} */
.tag-mobile-flot-menu-i::after {
width: 50%;
content: '';
}
.tag-mobile-flot-menu-i-item {
width: -webkit-calc(100% / 2);
width: -moz-calc(100% / 2);
width: calc(100% / 2);
text-align: center;
padding: 0 20px;
font-size: 16px;
font-weight: 500;
color: #383838;
margin: .2rem 0;
}
.tag-mobile-flot-menu-i-item:hover,
.tag-mobile-flot-menu-i-item.cur {
color: #005629;
font-weight: 800;
}
.tag-mobile-flot-i-b {
margin-bottom: -20px;
}
.tag-mobile-flot-menu {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
height: auto;
display: none;
}
@-webkit-keyframes scaless {
0% {
-webkit-transform: scale(.9);
transform: scale(.9);
}
50%,
75% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
78%,
100% {
opacity: 0;
}
}
@-moz-keyframes scaless {
0% {
-moz-transform: scale(.9);
transform: scale(.9);
}
50%,
75% {
-moz-transform: scale(1.1);
transform: scale(1.1);
}
78%,
100% {
opacity: 0;
}
}
@-o-keyframes scaless {
0% {
-o-transform: scale(.9);
transform: scale(.9);
}
50%,
75% {
-o-transform: scale(1.1);
transform: scale(1.1);
}
78%,
100% {
opacity: 0;
}
}
@keyframes scaless {
0% {
-webkit-transform: scale(.9);
-moz-transform: scale(.9);
-o-transform: scale(.9);
transform: scale(.9);
}
50%,
75% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
78%,
100% {
opacity: 0;
}
}
.cartoon-recommend {
width: 100%;
height: 100%;
background: linear-gradient(180deg, #005629, transparent);
min-height: 4.65rem;
padding: 0;
}
.cartoon-recommend-r,
.cartoon-recommend-l {
width: 50%;
}
.cartoon-recommend-r-swiper .swiper-wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cartoon-recommend-r-swiper-i.cur {
border: 2px solid #fff;
}
.cartoon-recommend-l {
max-height: 4.65rem;
}
.cartoon-recommend-l img {
width: 100%;
}
.cartoon-recommend-r {
padding: .5rem;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.cartoon-recommend-r-t>.title {
width: 100%;
font-size: 30px;
font-weight: 500;
color: #FFFFFF;
line-height: 32px;
padding-bottom: .27rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.21);
}
.cartoon-recommend-r-t {
padding: .3rem;
}
.cartoon-recommend-r-play {
width: 42px;
height: 42px;
min-width: 42px;
background: url(../images/icon-cartoon-play1.png)no-repeat center center;
-o-background-size: contain;
background-size: contain;
margin-top: .38rem;
}
.cartoon-recommend-r-swiper {
width: 90%;
}
.cartoon-recommend-r-swiper-b .swiper-button-prev {
left: 0 !important;
color: #fff;
}
.cartoon-recommend-r-swiper-b .swiper-button-next {
right: 0 !important;
color: #fff;
}
.cartoon-recommend-r-swiper-b .swiper-button-next::after,
.cartoon-recommend-r-swiper-b .swiper-button-prev::after {
font-size: 26px !important;
}
.home-news-mobile-info {
font-size: 18px;
font-weight: 400;
color: #272727;
text-align: left;
line-height: 26px;
-webkit-line-clamp: 2 !important;
}
.corporate-culture-row .info {
font-size: 18px;
font-weight: 400;
color: #272727;
margin-top: 5%;
visibility: hidden;
opacity: 0;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 3 !important;
-webkit-box-orient: vertical !important;
}
.code-i-img {
width: 100%;
height: 100%;
min-width: 108px;
min-height: 108px;
max-width: 1.08rem;
max-height: 1.08rem;
}
.anime-list {
padding: 0 !important;
}
/* 20231116 linqian begin */
.morning-box.staff {
padding-top: 0;
}
.staff .morning-b-i p {
text-align: center;
font-size: 16px;
color: #4F4F4F;
margin-top: 12px;
height: 30px;
line-height: 30px;
}
.staff .morning-b-i::after {
display: none;
}
.staff .morning-b-i:hover::before {
transform: scale(1);
-webkit-transform: scale(1);
}
.staff .morning-b-i::before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: calc(100% - 42px);
background: rgba(0, 86, 41, .6) url(/web/cn/images/icon-look.png) no-repeat center;
transform: scale(1, 0);
-webkit-transform: scale(1, 0);
transition: all .3s;
-webkit-transition: all .3s;
}
.product-more {
width: 154px;
height: 44px;
line-height: 44px;
background: rgba(255, 255, 255, 0);
border: 1px solid rgba(0, 86, 41, .6);
border-radius: 30px;
overflow: hidden;
text-align: center;
margin: 20px auto 0;
display: block;
color: rgba(0, 86, 41, .6);
}
.product-more:last-child {
margin-bottom: 20px;
}
@media (max-width:768px) {
.product-more {
display: block;
}
.product-more {
width: 106px;
height: 30px;
line-height: 30px;
}
}
.more-detail {
background-color: rgba(0, 86, 41, .6);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 3;
display: none !important;
}
.more-detail-wrap {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.more-detail-wrap .title {
font-size: 30px;
color: #fff;
font-weight: bold;
}
.more-detail-wrap .more {
width: 154px;
height: 44px;
line-height: 44px;
background: rgba(255, 255, 255, 0);
border: 1px solid #FFFFFF;
border-radius: 22px;
font-size: 16px;
color: #fff;
text-align: center;
margin-top: 20px;
}
@media (max-width:768px) {
.more-detail {
display: noen !important;
}
}
/* 20231116 linqian end */