/* @font-face {
} */
html,
body {
position: relative;
height: 100%;
}
html *,
body * {
user-select: none;
}
main {
/* height: 100%; */
}
.mauto {
max-width: 1700px
}
.public-top {
padding-top: 102px;
}
.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.current {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .7))) !important;
background: -webkit-linear-gradient(top, rgba(255, 255, 255, .7)) !important;
background: -moz-linear-gradient(top, rgba(255, 255, 255, .7)) !important;
background: -o-linear-gradient(top, rgba(255, 255, 255, .7)) !important;
background: linear-gradient(180deg, rgba(255, 255, 255, .7)) !important;
}
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;
}
.header .top {
height: 34px;
line-height: 34px;
background: #f6f6f6
}
.header.on {
background: #fff !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.on nav ul li:last-child>a {
color: #fff;
}
.header.on nav ul li>a {
color: #000;
}
.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 15px;
min-width: 110px;
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;
}
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: 42px;
height: 36px;
-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::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: #ffffff;
}
/* nav ul li a span {
display: block;
font-size: 12px;
color: #aaa;
margin-top: 5px
} */
.header-m.on .website {
color: #000000 !important;
}
.website {
position: absolute;
top: 50%;
right: 90px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 20px;
font-weight: bold;
color: #fff;
}
nav ul li:nth-child(1)>a::after {
background: url(../images/icon-nav1.png)no-repeat center center;
}
nav ul li:nth-child(2)>a::after {
background: url(../images/icon-nav2.png)no-repeat center center;
}
nav ul li:nth-child(3) a::after {
background: url(../images/icon-nav3.png)no-repeat center center;
}
nav ul li:nth-child(4)>a::after {
background: url(../images/icon-nav4.png)no-repeat center center;
}
nav ul li:nth-child(5)>a::after {
background: url(../images/icon-nav5.png)no-repeat center center;
}
nav ul li:nth-child(6)>a::after {
background: url(../images/icon-nav6.png)no-repeat center center;
}
nav ul li:nth-child(7)>a::after {
background: url(../images/icon-nav7.png)no-repeat center center;
}
nav ul li:nth-child(8)>a::after {
background: url(../images/icon-nav8.png)no-repeat center center;
}
nav ul li>a::after {
position: absolute;
content: '';
top: 11px;
left: 50%;
width: 0;
height: 37px;
-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)
}
.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;
-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 .sub-nav-img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sub-nav-right-i {
width: 170px;
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: 16px;
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;
}
.sub-nav-i a {
background: transparent !important;
border-bottom: none !important;
}
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;
top: 102px
}
.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;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header.active {
background-color: #fff;
}
.header.active .home-login {
color: #fff;
}
.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; */
}
.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 */
.public-bg {
background: url(../images/public-bg.jpg);
}
.banner-swiper {
overflow: hidden;
}
.home-swiper,
.banner-img,
.banner-swiper {
width: 100%;
height: 100%;
}
.home-swiper-b>.swiper-wrapper>.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;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.banner-img.mobile {
display: none;
}
.banner-img img {
width: 100%;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
}
.banner-img video {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.banner-next,
.banner-prev {
width: 27px;
height: 34px;
position: absolute;
top: 50%;
left: 3%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
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-next-img-a,
.banner-prev:hover .banner-prev-img-a {
display: block;
}
.banner-next:hover .banner-next-img,
.banner-prev:hover .banner-prev-img,
.banner-prev-img-a,
.banner-next-img-a {
display: none;
}
.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;
right: 3%;
}
.home-login {
width: 117px;
height: 35px;
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: #387B58;
border-radius: 40px;
padding: 0;
margin-top: 25px;
}
.header-ul li:last-child:hover>a {
color: #fff !important;
}
.home-menu-i {
width: 16%;
max-width: 230px;
height: 120px;
float: left;
background: url(../images/bg-menu.png)no-repeat;
-o-background-size: 100% 100%;
background-size: 100% 100%;
text-align: center;
padding: 1% 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin: 0 1%;
-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;
}
.public-tobody {
max-width: 1600px;
width: 100%;
margin: auto;
}
.public-tobody-min {
max-width: 1400px;
width: 100%;
margin: auto;
}
.home-menu-img {
width: 55%;
overflow: hidden;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
margin: 0 auto;
}
.home-menu-img>.menu-img {
width: 100%;
height: 60px;
margin: auto;
-o-object-fit: contain;
object-fit: contain;
}
.home-menu-i>.title {
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
line-height: 30px;
opacity: 0.7;
margin-top: 6px;
}
.home-menu-i:hover>.title {
opacity: 1;
}
.home-menu {
/* position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 2; */
}
.home-about-l>.title {
font-size: 34px;
font-weight: bold;
color: #020101;
}
.home-about-l>.info {
font-size: 16px;
font-weight: bold;
color: #020101;
margin-top: 8px;
}
.home-about-menu {
margin: 3% 0;
}
.home-about-menu-i {
width: 111px;
height: 36px;
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: url(../images/icon-about.png)no-repeat;
-o-background-size: 100% 100%;
background-size: 100% 100%;
margin-right: 5%;
}
.home-about-menu-i:hover {
color: #387B58;
background: url(../images/icon-about-cur.png)no-repeat;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
.home-about-menu-i:last-child {
margin-right: 0;
}
.home-news,
.home-product,
.home-about {
/* padding: 3% 0; */
}
.home-about-info>.title {
font-size: 26px;
font-weight: bold;
color: #020101;
margin-left: 19px;
}
.home-about-info {
margin-bottom: 3%;
}
.home-about-msg {
font-size: 14px;
font-weight: 400;
color: #020101;
line-height: 28px;
}
.home-about-r {
width: 44%;
}
.home-about-r-img img {
-o-object-fit: cover;
object-fit: cover;
}
.home-about-l {
width: 45%;
}
.home-btn {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 49px;
border: 1px solid #387B58;
margin-top: 3%;
}
.home-btn-l {
padding: 0 35px;
font-size: 16px;
font-weight: 400;
color: #387B58;
}
.home-btn-r {
width: 49px;
height: 49px;
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: #387B58;
}
.home-about-r {
position: relative;
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-about-r::after {
width: 115px;
height: 115px;
position: absolute;
top: 50%;
left: 0px;
margin-left: -60px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
content: '';
z-index: 2;
background: url(../images/img-about-logo.png)no-repeat;
}
.home-menu-top-l>.title {
font-size: 36px;
font-weight: bold;
color: #020101;
}
.home-menu-top-l>.info {
font-size: 16px;
font-family: Arial;
font-weight: bold;
color: #020101;
margin-top: 15px;
}
.home-menu-top-r>.title {
font-size: 16px;
font-weight: 400;
color: #020101;
margin-right: 6px;
}
.home-product-l-con>.title {
font-size: 26px;
font-weight: bold;
color: #020101;
padding-bottom: 53px;
margin-bottom: 53px;
border-bottom: 1px solid #387B58;
}
.home-product-l-con>.info {
font-size: 16px;
font-weight: 400;
color: #000000;
margin-bottom: 50px;
}
.home-product-l-con {
width: 20%;
margin-right: 40px;
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-product-l-img {
width: 62%;
}
.home-product-l {
width: 100%;
}
.home-product-l-i {
width: 85% !important;
}
.home-product-r {
width: 10%;
height: 100%;
position: absolute;
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;
right: 0;
z-index: 2;
}
.home-product-b {
margin: 3% 0 0 0;
position: relative;
}
.home-product-next,
.home-product-prev {
width: 65px;
height: 52px;
}
.home-product-pagination {
text-align: right;
}
.home-product-pagination .swiper-pagination-current {
font-size: 40px;
font-weight: bold;
color: #387B58;
}
.home-product-pagination .swiper-pagination-total {
font-size: 18px;
font-family: Arial;
font-weight: bold;
color: #000000;
}
.home-product-box {
margin: 50px 0 60px 0 !important;
}
.home-product-img {
/* width: 177px;
height: 146px; */
}
.home-product-row {
width: 100%;
height: 309px;
padding: 17px;
border: 2px solid #387B58;
margin-top: 8%;
display: none;
}
.home-product-row-i {
width: 49.2%;
height: 100%;
border: 1px solid #387B58;
border-radius: 10px;
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;
}
.home-product-row-i:hover .home-product-row-i-logo {
background: #387B58;
}
.home-product-row-i-logo {
width: 79px;
height: 79px;
min-width: 79px;
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: 1px solid #387B58;
border-radius: 50%;
margin-right: 30px;
}
.home-product-row-i-con>.title {
font-size: 26px;
font-weight: bold;
color: #020101;
}
.home-product-row-i-con>.info {
font-size: 16px;
font-weight: bold;
color: #020101;
margin-top: 14px;
}
.home-product-row-i-r>.title {
font-size: 16px;
font-family: Microsoft YaHei;
font-weight: 400;
color: #020101;
margin-right: 6px;
}
.home-product-row-i-r {
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;
}
.home-product-row-i-l {
width: 50%;
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-cooperate-top-l {
width: 60%;
}
.home-cooperate-top-r {
width: 40%;
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: url(../images/bg-cooperate.png)no-repeat;
}
.home-cooperate-top {
position: relative;
display: none;
}
.home-cooperate-top::after {
width: -webkit-calc(100% - 40px);
width: -moz-calc(100% - 40px);
width: calc(100% - 40px);
height: -webkit-calc(100% - 40px);
height: -moz-calc(100% - 40px);
height: calc(100% - 40px);
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%);
content: '';
background: url(../images/bg-msg.png)no-repeat;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
.home-cooperate-top-r-l>.info {
height: 366px;
font-size: 14px;
font-weight: 400;
color: #FFFFFF;
line-height: 36px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.home-cooperate-top-r-l>.name {
font-size: 36px;
font-family: Source Han Serif CN;
font-weight: bold;
color: #FFFFFF;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
margin-left: 40px;
}
.home-cooperate-top-r-r-btn {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
width: 51px;
height: 169px;
background: #387B58;
border-radius: 10px;
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;
font-size: 18px;
font-weight: 400;
color: #FFFFFF;
}
.home-cooperate-top-r-r {
margin-left: 10%;
}
.home-cooperate-top-r-r-btn {
margin-bottom: 30px;
}
/* .home-cooperate-bg {
background: url(../images/bg-product.png)no-repeat;
background-size: cover;
} */
.home-cooperate-con {
padding: 5% 6% 1% 6%;
background: url(../images/bg-product.png)no-repeat;
-o-background-size: cover;
background-size: cover;
}
.home-cooperate-con-top-l>.title {
font-size: 36px;
font-weight: bold;
color: #020101;
}
.home-cooperate-con-top-l>.info {
font-size: 16px;
font-weight: bold;
color: #020101;
margin-top: 14px;
}
.home-cooperate-con-top-r {
width: 80%;
}
.home-cooperate-con-top-r>.title {
width: 90%;
font-size: 14px;
font-weight: 400;
color: #666666;
line-height: 30px;
margin-left: 28px;
}
.home-business-logo {}
.home-down-i {
width: 48%;
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;
background: url(../images/bg-cooperation.png)no-repeat;
-o-background-size: cover;
background-size: cover;
padding: 4% 0 3% 0;
}
.home-down-i:hover .home-down-i-logo {
background: url(../images/bg-down.png)no-repeat;
}
.home-down-i-logo {
width: 96px;
height: 83px;
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: url(../images/bg-down-null.png)no-repeat;
}
.home-product-prev:hover .home-prev-img-a,
.home-product-next:hover .home-next-img-a {
display: block;
}
.home-product-prev:hover .home-prev-img,
.home-product-next:hover .home-next-img,
.home-next-img-a,
.home-prev-img-a {
display: none;
}
.home-cooperate-con-down {
margin: 5% 0;
}
.home-down-i-con {
text-align: center;
margin: 7% 0;
}
.home-down-i-con>.title {
font-size: 26px;
font-weight: bold;
color: #020101;
}
.home-down-i-con>.info {
font-size: 16px;
font-weight: bold;
color: #020101;
margin-top: 14px;
}
.home-down-i-more>.title {
font-size: 16px;
font-weight: 400;
color: #020101;
margin-right: 7px;
}
.home-news-b {
/* margin: 5% 0; */
margin: 2% 0 0 0;
}
.home-news-b-r,
.home-news-b-l {
width: 48%;
}
.home-news-b-l>.title {
font-size: 20px;
font-weight: bold;
color: #000000;
margin: 3% 0;
padding-bottom: 2%;
border-bottom: 1px solid #D8D8CF;
}
.home-news-b-l>.info {
font-size: 16px;
font-weight: 400;
color: #666666;
line-height: 30px;
}
.home-cooperate {
/* padding-bottom: 5%; */
}
.home-news-b-l-img {
height: auto;
}
.home-news-b-l-img img {
-o-object-fit: cover;
object-fit: cover;
}
.home-news-time {
max-width: 130px;
width: 100%;
text-align: center;
background: url(../images/icon-new-logo.png)no-repeat;
padding: 40px 30px;
margin-right: 40px;
}
.home-news-time>.month {
font-size: 48px;
font-weight: bold;
color: #FFFFFF;
padding-bottom: 26px;
border-bottom: 1px solid #fff;
margin-bottom: 26px;
}
.home-news-time>.day {
font-size: 16px;
font-weight: 400;
color: #FFFFFF;
opacity: 0.3;
}
.home-news-info>.title {
font-size: 20px;
font-weight: 400;
color: #000000;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #C9C9C9;
position: relative;
/* white-space: pre; */
}
.home-news-info>.info {
font-size: 16px;
font-weight: 400;
color: #666666;
line-height: 30px;
margin-bottom: 20px;
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.home-news-info>.day {
font-size: 16px;
font-weight: 400;
color: #666666;
}
.home-news-b-r-i {
margin-bottom: 10%;
}
.home-news-b-r-i:hover .home-news-time {
background: url(../images/icon-new-logo1.png)no-repeat;
}
.home-news-b-r-i:last-child {
margin-bottom: 0;
}
.home-news-b-r-i:hover .home-news-info>.title {
color: #387B58;
}
.home-news-b-r-i:hover .home-news-info>.title::after {
width: 100%;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.home-news-info>.title::after {
position: absolute;
width: 0;
height: 1px;
content: '';
left: 0;
bottom: 0;
background: #387B58;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.public-footer {
width: 100%;
}
footer {
background: url(../images/bg-footer.png);
-o-background-size: cover;
background-size: cover;
}
.public-footer {
padding: .5rem 0;
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;
}
.public-footer-l {
width: 35%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
font-size: 16px;
font-weight: 400;
color: #FFFFFF;
line-height: 42px;
}
.public-footer-r {
text-align: right;
word-wrap: break-word;
}
.product-swiper-info,
.home-serve-swiper-i-con {
text-align: center;
}
.product-swiper-info {
position: absolute;
top: 10%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2;
}
.product-swiper-info>.title,
.home-serve-swiper-i-con>.title {
font-size: 36px;
font-weight: bold;
color: #FFFFFF;
}
.product-swiper-info>.info,
.home-serve-swiper-i-con>.info {
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
margin-top: 14px;
}
.home-serve {
height: 7rem;
/* height: 895px; */
}
.product-swiper-thumb-wrap {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 3;
}
.product-swiper-thumb-wrap {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 3;
}
.product-swiper-thumb {
width: 100%;
height: 100%;
}
.product-swiper-thumb .swiper-slide:hover {
background: rgba(56, 123, 88, .9);
}
.product-swiper-thumb .swiper-slide {
background: rgba(0, 0, 0, .3);
border-right: 1px solid rgba(255, 255, 255, .3);
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
cursor: pointer;
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-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;
}
.product-swiper-thumb .swiper-slide:hover {
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
}
.product-swiper-thumb .swiper-slide:hover .show-title,
.product-swiper-thumb .swiper-slide .show-con {
display: none;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.product-swiper-thumb .swiper-slide .show-con {
width: 80%;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.product-swiper-thumb .swiper-slide .show-con>h1 {
font-size: 28px;
font-weight: 400;
color: #FFFFFF;
margin: 2.5% 0 5% 0;
}
.product-swiper-thumb .swiper-slide .show-con>p {
font-size: 14px;
font-weight: 400;
color: #FFFFFF;
line-height: 30px;
}
.product-swiper-thumb .swiper-slide:hover .home-serve-swiper-i {
display: none;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.product-swiper-thumb .swiper-slide:hover .show-con {
display: block;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.product-swiper-thumb .swiper-slide .show-title>p {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
-webkit-transition: all .6s linear;
-o-transition: all .6s linear;
-moz-transition: all .6s linear;
transition: all .6s linear;
margin-top: 31px;
}
.product-swiper-thumb .swiper-slide .show-title>h1 {
font-size: 30px;
font-family: MontserratSemi;
font-weight: bold;
color: #FFFFFF;
margin-top: 20px;
-webkit-transition: all .6s linear;
-o-transition: all .6s linear;
-moz-transition: all .6s linear;
transition: all .6s linear;
}
.p01-cen {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
.p01-cen-video {
min-width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1
}
.home-serve-swiper-i-info {
text-align: center;
padding: 0 15%;
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;
}
.home-serve-swiper-i-info>img {
width: auto;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
.home-serve-swiper-i-info>.title {
font-size: 28px;
font-weight: 400;
color: #FFFFFF;
margin-top: 20px;
}
.home-serve-swiper-i {
width: 100%;
height: 100%;
padding: 20% 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;
}
.home-serve-swiper {
height: 100%;
}
.show-con-share {
width: 185px;
height: 49px;
}
.show-con .home-btn {
border-color: #fff;
}
.show-con .home-btn-l {
color: #ffffff;
}
.show-con .home-btn-r {
background: #fff;
}
.product-swiper-box {
position: absolute;
top: 10%;
right: 2%;
z-index: 2;
}
.product-swiper-prev,
.product-swiper-next {
width: 65px;
height: 52px;
margin: 0 2.5px;
}
.product-swiper-next {
background: url(../images/icon-serve-next.png)no-repeat;
}
.product-swiper-prev {
background: url(../images/icon-serve-prev.png)no-repeat;
}
.product-swiper-pagination {
position: absolute;
top: 12%;
left: 3% !important;
z-index: 2;
width: auto !important;
height: auto !important;
color: #fff !important;
font-size: 18px;
font-weight: bold;
}
.product-swiper-pagination .swiper-pagination-current {
font-size: 40px;
}
.product-swiper-pagination .swiper-pagination-total {
font-size: 18px !important;
}
.public-banner {
width: 100%;
position: relative;
}
.public-banner img {
width: 100%;
display: block;
}
.public-nav {
width: 100%;
height: 80px;
background: #fff;
position: absolute;
left: 50%;
bottom: 0;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
border-radius: 10px 10px 0 0;
-webkit-box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.09);
box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.09);
}
.public-nav-l {
width: 20%;
min-width: 200px;
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: 32px;
font-weight: bold;
color: #387B58;
border-radius: 10px 0 10px 0;
padding: 0 20px;
background: url(../images/bg-cooperation.png)no-repeat;
}
.public-nav-r {
width: 80%;
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-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 20px;
}
.public-nav-r-i {
width: 15%;
height: 100%;
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: 400;
color: #020101;
padding: 0 20px;
}
.public-nav-r-i.cur,
.public-nav-r-i:hover {
color: #5FBA87;
}
.public-tag {
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-tag>.title {
font-size: 36px;
font-weight: bold;
color: #020101;
margin: 0 15%;
white-space: nowrap;
}
.news-list::after {
width: 31%;
content: '';
}
.news-list-i {
width: 31%;
margin-bottom: 60px;
}
.news-list-i>.title {
font-size: 22px;
font-weight: 400;
color: #000000;
line-height: 43px;
margin: 40px 0;
}
.news-list-i>.info {
font-size: 19px;
font-weight: 400;
color: #CACACA;
}
.news-list-img {
width: auto;
min-height: 279px;
max-height: 279px;
border-radius: 10px;
}
.news-list-img img {
-o-object-fit: cover;
object-fit: cover;
}
.news-list-b {
padding-bottom: 10%;
}
.news-list {
padding-bottom: 3%;
}
.public-page-i {
padding: 0 30px;
height: 45px;
border: 1px solid #DDDDDD;
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: 6px;
}
.public-page-row-i {
width: 45px;
height: 45px;
border: 1px solid #DDDDDD;
border-radius: 6px;
}
.public-page-row {
margin: 0 10px;
}
.public-page-row-i {
margin: 0 5px;
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;
}
.public-page {
width: auto;
}
.public-page-row-i.cur,
.public-page-row-i:hover,
.public-page-i:hover {
background: #3A9869;
color: #fff;
}
.news-list-img {
position: relative;
}
.news-list-img.cur::after {
content: '';
position: absolute;
width: 84px;
height: 84px;
opacity: 0.8;
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: 2;
background: url(../images/icon-play.png)no-repeat;
-o-background-size: contain;
background-size: contain;
}
.news-d-top {
text-align: center;
padding: 7% 0;
}
.news-d-top>.title {
font-size: 30px;
font-weight: bold;
color: #000000;
}
.news-d-top>.info {
font-size: 16px;
font-weight: 400;
color: #999999;
margin-top: 35px;
}
.news-list-b-title {
font-size: 18px !important;
font-weight: 400 !important;
color: #000000 !important;
line-height: 36px !important;
}
.news-d-b-i {
text-align: left;
}
.news-d-b-i * {
font-size: 18px !important;
font-weight: 400 !important;
color: #000000 !important;
line-height: 36px !important;
}
.news-list-b-img {
margin: auto;
display: block;
}
.news-list-b-img,
.news-d-b-i {
padding: 5% 0;
}
.serve-b-con-img {
width: auto;
margin: 3% auto;
margin-top: 0px;
display: block;
}
.serve-b-con,
.serve-b-con *,
.serve-b-con-title {
font-size: 16px !important;
font-weight: 400 !important;
color: #020101 !important;
line-height: 30px !important;
}
.serve-b-con-list::after {
width: 31%;
content: '';
}
.serve-b-con-list-i {
width: 31%;
max-height: 343px;
margin-bottom: 50px;
}
.serve-b-con-list {
margin: 3% 0;
}
.serve-b-con {
padding-bottom: 3%;
padding-top: 3%;
}
.contacts-map {
width: 100%;
height: 100%;
min-height: 751px;
}
.conact-b-map {
position: relative;
}
.conact-b-map .public-tag {
position: absolute;
top: 5%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 9;
}
.conact-b-con-row-i {
width: 20%;
text-align: center;
}
.conact-bg {
width: 224px;
height: 224px;
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: url(../images/bg-conact.png)no-repeat;
-o-background-size: contain;
background-size: contain;
margin: auto;
}
.conact-b-con-row-i:hover .conact-bg {
-webkit-animation: overturn 1s;
-moz-animation: overturn 1s;
-o-animation: overturn 1s;
animation: overturn 1s;
}
.conact-b-con {
padding: 6% 0 8% 0;
}
.conact-img {
width: auto !important;
height: auto !important;
}
.conact-b-info {
margin-top: 50px;
}
.conact-b-info>.title {
font-size: 16px;
font-weight: 400;
color: #000000;
}
.conact-b-info>.info {
font-size: 20px;
font-weight: 400;
color: #000000;
margin-top: 29px;
}
.public-nav-search-input {
width: 400px;
height: 100%;
}
.public-nav-search {
/* width: 65%; */
height: 47px;
margin-right: 20px;
}
.public-nav-search>.title {
font-size: 22px;
font-weight: bold;
color: #020101;
margin-right: 20px;
}
.public-nav-search-btn {
width: 100px;
height: 100%;
border-radius: 0 40px 40px 0;
background: #387B58;
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;
}
.public-nav-search-i {
width: -webkit-calc(100% - 150px);
width: -moz-calc(100% - 150px);
width: calc(100% - 150px);
}
.public-nav-search-i {
height: 100%;
border-radius: 40px;
}
.public-nav-search-input>.input1 {
width: 100%;
height: 100%;
font-size: 16px;
padding: 15px 28px;
background: #F1F1F1;
border-radius: 40px 0 0 40px;
}
.public-nav-search-btn img {
width: auto;
height: auto;
}
.product-b {
padding: 3% 0 7% 0;
}
.product-nav .title {
font-size: 18px;
font-weight: 400;
color: #020101;
}
.product-nav em {
margin: 0 5px;
}
.product-nav .title.cur {
color: #387B58;
}
.product-nav img {
margin-right: 16px;
}
.product-i-img {
width: 40%;
height: auto;
border: 1px solid #E7E6E6;
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;
padding: 20px;
border-radius: 8px;
}
.product-i-img img {
width: auto;
height: auto;
}
.product-info {
height: auto;
margin-top: 50px;
}
.product-i-con {
width: 56%;
}
.product-i-con-name>.title {
font-size: 30px;
font-weight: bold;
color: #020101;
margin-left: 24px;
}
.product-i-con-name {
padding-bottom: 26px;
border-bottom: 1px solid #387B58;
}
.product-i-con-info {
padding: 50px 0;
}
.product-i-con-info-i>.title {
min-width: 110px;
font-size: 18px;
font-weight: 400;
color: #666666;
}
.product-i-con-info-i>.info {
font-size: 18px;
font-weight: 400;
color: #020101;
margin-left: 40px;
}
.product-i-con-info-i {
margin-bottom: 10px;
}
.product-i-con-info-i:last-child {
margin-bottom: 0;
}
.product-i-con-btn-i {
width: 40%;
min-width: 318px;
height: 62px;
padding: 0 29px;
background: url(../images/bg-product-btn.png)no-repeat;
-o-background-size: 100% 100%;
background-size: 100% 100%;
margin-right: 5%;
}
.product-i-con-btn-i:hover>.title {
color: #015629;
}
.product-i-con-btn-i>.title {
margin-left: 20px;
font-size: 18px;
font-weight: 400;
color: #020101;
}
.product-i-con-btn-i:last-child {
margin-right: 0;
}
.liebiao-list-a {
text-align: center;
padding: 16px 25px;
border: 1px solid #DDDDDD;
border-radius: 5px;
}
.liebiao-list-a-title {
font-size: 48px;
font-weight: bold;
color: #555555 !important;
}
.liebiao-list-a-con {
font-size: 12px;
font-weight: 400;
color: #666666;
}
.liebiao-list-b {
margin: 0 78px 0 61px;
}
.liebiao-list-b-con {
width: 100%;
}
.liebiao-list-b-con-t {
font-size: 18px;
font-weight: bold;
color: #2D2D2D;
margin-bottom: 15px;
}
.liebiao-list-b-con-c {
font-size: 14px;
font-weight: 400;
color: #2D2D2D;
line-height: 28px;
}
.liebiao-list-s-i {
padding-bottom: 47px;
border-bottom: 1px dashed #DDDDDD;
margin-bottom: 61px;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.liebiao-list-s-i:hover .liebiao-list-b-con-t,
.liebiao-list-s-i:hover .liebiao-list-a-con,
.liebiao-list-s-i:hover .liebiao-list-a-title,
.liebiao-list-s-i:hover .liebiao-list-a {
border-color: #1BAC77;
color: #1BAC77 !important;
-webkit-transition: all ease-out .3s;
-o-transition: all ease-out .3s;
-moz-transition: all ease-out .3s;
transition: all ease-out .3s;
}
.liebiao-list-b-right {
display: block;
-webkit-transition: all .3s;
-o-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s;
}
.liebiao-list-s-i:hover .liebiao-list-b-right {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.liebiao-list {
width: 100%;
}
.news-b {
background: #ffffff;
padding: 3% 0 8% 0;
}
.tag-list-i {
width: 203px;
height: 54px;
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;
margin: 0 3%;
font-size: 22px;
font-weight: bold;
color: #000000;
padding: 11px 35px;
background: url(../images/icon-tag1.png)no-repeat center;
}
.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;
}
.tag-list-i .tag-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;
}
.tag-list-i.cur .tag-img,
.tag-list-i:hover .tag-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;
}
.tag-list-i>.title {
margin-left: 13px;
}
.tag-list-b-row {
display: none;
}
.tag-b {
padding: 5% 0;
}
.tag-box {
padding: 3% 0;
}
.tag-list-b-i {
width: 100%;
margin-left: -20px;
margin-right: -20px
}
.tag-list-b-i>.title {
font-size: 18px;
font-weight: 400;
color: #000000;
margin-top: 35px;
}
.tag-list-b-item {
width: 22%;
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: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
margin: 0 1.5%;
margin-bottom: 5%;
}
.tag-list-b-item>.title {
font-size: 18px;
font-weight: 400;
color: #000000;
margin-top: 35px;
}
.tag-list-b-img {
width: 100%;
height: 100%;
max-height: 258px;
margin: auto;
background: url(../images/bg-new-border.png);
-o-background-size: 100% 100%;
background-size: 100% 100%;
padding: 20px;
}
.tag-list-b-img img {
width: auto;
height: auto;
margin: auto;
-o-object-fit: contain;
object-fit: contain;
}
.introduce {
padding: 3% 0;
}
.introduce-b-l-info-title>.title {
font-size: 26px;
font-weight: bold;
color: #020101;
margin-left: 20px;
}
.introduce-b-l-info-title {
margin-bottom: 40px;
}
.introduce-b-l .public-tag {
margin: 0;
padding-left: 35px;
}
.introduce-b-l-info {
margin-top: 60px;
}
.introduce-b-l-info>.title *,
.introduce-b-l-info>.title {
font-size: 16px !important;
font-weight: 400 !important;
color: #020101 !important;
line-height: 30px !important;
}
.introduce-b-r,
.introduce-b-l {
width: 48%;
}
.introduce-b-r-img {
width: auto;
height: auto;
}
.introduce-b-r-img img {
width: auto;
display: block;
margin: auto;
}
.culture {
background: url(../images/bg-culture.png)no-repeat;
-o-background-size: cover;
background-size: cover;
}
.culture {
padding: 5% 0;
}
.culture-b-i-con .title {
font-size: 26px;
font-weight: bold;
color: #383737;
line-height: 40px;
margin-left: 31px;
}
.culture-b-i-con {
width: 31%;
text-align: center;
}
.culture-b-i-msg>.title * {
font-size: 16px !important;
font-weight: 400 !important;
color: #FFFFFF !important;
line-height: 30px !important;
}
.culture-b-i-msg>.title {
font-size: 16px !important;
font-weight: 400 !important;
color: #FFFFFF !important;
line-height: 30px !important;
margin-left: 60px;
}
.culture-b-i-msg {
background: url(../images/bg-culture1.png)no-repeat;
-o-background-size: 100% 100%;
background-size: 100% 100%;
padding: 40px 70px;
}
.culture-b-i {
margin: 3% 0 0 0;
}
.honor-swiper-item {
width: 22%;
margin: 0 1.5%;
float: left;
margin-bottom: 48px;
border-radius: 10px;
background: url(../images/bg-about.png)no-repeat;
-o-background-size: cover;
background-size: cover;
padding: 15px 20px;
}
.feature {
padding: 3% 0 5% 0;
}
.honor-i {
padding: 3% 0;
}
.honor-i-swiper {
padding-bottom: 3% !important;
}
.honor-i-swiper .swiper-pagination-bullet {
width: 14px !important;
height: 14px !important;
background: #D7E5DE !important;
}
.honor-i-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #387B58 !important;
}
.honor-i-swiper-i {
padding: 20px !important;
}
.feature-i-top-i {
text-align: center;
margin: 0 13px;
}
.feature-i-top-i img {
max-height: 70px;
}
.feature-i-top-i:hover .feature-logo,
.feature-logo-cur {
display: none;
}
.feature-i-top-i:hover .feature-logo-cur {
display: block;
}
.feature-con-b {
padding: 3% 0;
display: flow-root;
}
.feature-con-title *,
.feature-con-title {
font-size: 16px !important;
font-weight: 400 !important;
color: #000000 !important;
line-height: 36px !important;
}
.feature-con-play {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
}
.feature-con-play {
width: 48%;
float: right;
margin-left: 4%;
margin-bottom: 1%;
/* max-height: 386px; */
}
.feature-con-title {
width: 100%;
/* max-height: 386px; */
}
.feature-con-title span {
display: contents;
}
.feature-con-play::after {
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%);
width: 84px;
height: 84px;
opacity: 0.7;
content: '';
background: url(../images/icon-play.png)no-repeat;
}
.feature-con-i {
display: none;
}
.guide-b {
padding: 5% 0;
}
.guide-b-i-title {
font-size: 26px;
font-weight: bold;
color: #010202;
line-height: 48px;
}
.guide-b-item-title {
font-size: 26px;
font-weight: bold;
color: #010202;
margin-left: 30px;
}
.guide-b-item {
border-radius: 10px;
padding: 0 40px 0 40px;
background: url(../images/bg-cooperation.png)no-repeat;
-o-background-size: cover;
background-size: cover;
}
.guide-b-item-row {
margin: 5% 0;
}
.guide-b-item {
margin: 1% 0;
}
.guide-b-item-img {
width: 70px;
padding-top: 12px;
}
.guide-b-item-img img {
margin: auto;
display: block;
}
.guide-notice-r {
width: 92%;
}
.guide-notice-r-con {
padding: 70px;
border-radius: 10px;
background: url(../images/bg-cooperation.png);
}
.guide-notice-r-con,
.guide-notice-r-con * {
font-size: 20px !important;
font-family: inherit !important;
color: #000000;
line-height: 30px !important;
}
.guide-notice-l {
width: 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-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.guide-notice-l-img {
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
height: auto;
}
.guide-notice-r-title {
font-size: 20px;
font-weight: 400;
color: #000000;
line-height: 30px;
}
.guide-notice-title {
font-size: 26px;
font-weight: bold;
color: #000101;
margin-top: 36px;
}
.guide-b-i {
padding-bottom: 2%;
}
.guide-problem-con {
height: 0px;
padding: 0 28px;
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;
overflow: hidden;
}
.guide-problem-con .title {
width: 92%;
margin-left: 26px;
font-size: 20px;
font-weight: 400;
color: #030202;
line-height: 36px;
}
.guide-problem-i.cur .guide-problem-con,
.guide-problem-i:hover .guide-problem-con {
height: auto;
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;
}
.guide-problem-i.cur .guide-b-item,
.guide-problem-i:hover .guide-b-item {
background: url(../images/bg-problem.png)no-repeat;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
.guide-problem-i.cur .guide-b-item-title,
.guide-problem-i:hover .guide-b-item-title {
color: #fff;
}
.tag-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;
}
.tag-list-i {
margin-bottom: 20px !important;
}
.product-swiper .swiper-slide img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.product-swiper .swiper-slide {
height: auto !important;
}
.product-swiper {
height: 100%;
}
.home-product-b.h5,
.home-news.h5,
.home-cooperate-con.h5,
.home-cooperate-top.h5,
.home-product-row.h5,
.home-about-mobile {
display: none;
}
.guide-problem-i.ons {
margin-bottom: 20px;
}
.guide-problem-i.ons .guide-b-item-title {
color: #010202 !important;
}
.guide-problem-i.ons .guide-b-item {
background: url(../images/bg-cooperation.png)no-repeat;
background-size: cover;
}
.guide-problem-i.ons .guide-problem-con {
transition: all ease-out .3s;
height: max-content;
opacity: 1;
visibility: visible;
padding: 0 20px;
}
.guide-problem-i.ons .guide-problem-con img {
display: none;
}
/* new */
@media (max-width:1700px) {
.mauto {
padding: 0 20px;
}
}
@media (max-width:1600px) {
.public-tobody {
padding-left: 20px;
padding-right: 20px;
}
nav ul li {
margin: 0 12px;
}
}
@media (max-width:1500px) {
nav ul li {
/* position: relative; */
float: left;
height: 100%;
text-align: center;
margin: 0 10px;
min-width: 90px;
}
nav ul li.home-account,
nav ul li.search-btn {
margin: 0 10px;
}
}
@media (max-width:1400px) {
.home-product-r {
width: auto;
}
.home-cooperate-con,
.home-product,
.home-serve {
margin-bottom: 20px;
}
.public-tobody-min {
padding: 0 20px;
padding-top: 3%;
}
.public-nav {
padding: 0 !important;
}
.news-d-b {
padding: 3% 0 10% 0;
}
.tag-b,
.guide-b {
padding-bottom: 10%;
}
.tag-list {
margin-bottom: 3%;
}
.tag-list-b-i {
margin: 0;
}
.home-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;
}
.home-menu-i {
width: 14.6%;
margin-bottom: 20px;
}
.home-menu-i>.title {
margin-top: 0;
}
.home-about {
padding-bottom: 20px;
}
.home-about-l {
width: 45%;
}
}
@media (max-width:1350px) {
nav ul li {
margin: 0 8px;
}
footer {
height: auto;
}
}
@media (max-width:1300px) {
.home-menu-i {
width: 18%;
}
}
@media (max-width:1280px) {
nav ul li {
min-width: 85px;
}
.introduce-b-l-info {
margin-top: 0;
}
.culture-b-i,
.introduce-b {
display: block;
}
.culture-b-i-con {
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;
}
.culture-b-i-con,
.introduce-b-r,
.introduce-b-l {
width: 100%;
}
.introduce-b-r {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
}
.culture-b-i-con-logo {
width: auto !important;
height: auto !important;
margin: 2% 0;
}
.feature-con-b {
padding-bottom: 100px;
}
.guide-notice-title,
.guide-b-item-title,
.guide-b-i-title {
font-size: 24px;
}
.public-tag>.title {
font-size: 26px;
}
.product-i-con {
width: 58%;
}
.product-info {
padding-bottom: 5%;
}
.home-cooperate-top-r-l>.info {
height: 260px;
}
.home-cooperate-top-r-r {
text-align: center;
}
.home-cooperate-img {
width: 60%;
}
}
@media (max-width:1200px) {
nav ul li {
margin: 0 5px;
}
.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;
}
.feature-con-title {
max-height: none;
}
.news-d-top {
text-align: center;
padding: 5% 0;
}
.news-d-top>.title {
font-size: 26px;
}
.public-tag>.title,
.public-nav-l {
font-size: 24px;
}
.guide-notice-title,
.guide-b-item-title,
.guide-b-i-title {
font-size: 22px;
}
.guide-b-item-row {
margin-bottom: 0;
}
.tag-list-i {
margin: 0 2%;
}
.tag-list-i {
font-size: 20px;
}
.product-i-con-name>.title {
font-size: 24px;
}
.product-i-con-info {
padding: 30px 0;
}
.serve-b {
padding-bottom: 5%;
}
.home-menu-i {
width: 100%;
}
.home-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;
}
.product-swiper-info>.title,
.home-cooperate-top-r-l>.name,
.home-cooperate-con-top-l>.title,
.home-menu-top-l>.title,
.home-serve-swiper-i-con>.title,
.home-about-l>.title {
font-size: 30px;
}
.home-about {
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-about-r,
.home-about-l {
width: 100%;
}
.home-about-r {
margin-bottom: 20px;
}
.product-swiper-thumb .swiper-slide .show-con>h1 {
margin: 20px 0;
}
.product-swiper-thumb .swiper-slide .show-con>p {
-webkit-line-clamp: 5;
}
.product-swiper-thumb .swiper-slide .show-con>h1 {
font-size: 22px;
}
.home-product-l-img {
width: 55%;
}
.home-product-img {
width: 80%;
-o-object-fit: contain;
object-fit: contain;
}
.home-cooperate-top-r-l>.info {
height: 230px;
}
.home-cooperate-top-r-r {
margin-left: 3%;
}
.home-cooperate-top-r-l>.name {
margin-left: 20px;
}
.home-about-r::after {
display: none;
}
}
@media(max-width:1180px) {
.product-info {
display: block;
}
.product-info {
height: auto;
}
.product-i-img {
width: 50%;
margin: auto;
}
.product-i-con-btn-i,
.product-i-con {
width: 100%;
}
.product-i-img {
margin-bottom: 20px;
}
}
@media (max-width:1100px) {
.feature-con {
display: block;
}
.feature-con-play,
.feature-con-title {
width: 100%;
}
.feature-con-title {
margin-bottom: 20px;
}
.feature-con-play {
max-height: none;
}
.home-product-l-img {
width: 60%;
}
}
@media (max-width:1024px) {
body {
padding-top: 70px !important
}
header {
height: 70px
}
.header-m {
left: 0;
top: 0;
width: 100%;
height: 70px;
background: transparent;
}
.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.on {
background: #ffffff;
-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.on .m-menu-b .m-menu-b-i {
background: #000;
}
.header-m .logo {
position: absolute;
left: 3%;
height: 70px;
line-height: 70px;
/* transform: translateX(-50%);
-webkit-transform: translateX(-50%) */
}
.header-m .logo img {
max-height: 55px
}
.header-m .m-menu-b {
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
width: 60px;
height: 60px;
cursor: pointer;
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: 24px 15px;
z-index: 999;
}
.header-m .m-menu-b .m-menu-b-i {
display: block;
content: '';
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: rgb(255, 255, 255);
}
.header-m.active .m-menu-b .m-menu-b-i {
background: #222;
}
.header-m .m-menu-b .m-menu-b-i:nth-child(1) {
-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 .m-menu-b-i:nth-child(3) {
-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%;
height: 100%;
top: 0;
right: -260px;
opacity: 1;
background: #fafafa;
text-align: left;
padding-top: 70px
} */
.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;
padding-top: 70px
}
.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 .5s both;
-o-animation: resize .5s both;
animation: resize .5s both;
-webkit-animation: resize .5s 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;
display: none;
}
html.active {
height: 100%;
overflow: hidden
}
html.active body {
height: 100%;
overflow: hidden
}
html.active .header-m {
left: 0
}
html.active .header-m::after {
display: block
}
html.active .header-m .m-menu-b .m-menu-b-i {
background: #000
}
html.active .header-m .m-menu-b .m-menu-b-i:nth-child(1) {
-moz-transform: translateY(4px) rotate(225deg);
-ms-transform: translateY(4px) rotate(225deg);
-o-transform: translateY(4px) rotate(225deg);
transform: translateY(4px) rotate(225deg);
-webkit-transform: translateY(4px) rotate(225deg)
}
html.active .header-m .m-menu-b .m-menu-b-i:nth-child(2) {
display: none;
}
html.active .header-m .m-menu-b .m-menu-b-i:nth-child(3) {
-moz-transform: translateY(-6px) rotate(-225deg);
-ms-transform: translateY(-6px) rotate(-225deg);
-o-transform: translateY(-6px) rotate(-225deg);
transform: translateY(-6px) rotate(-225deg);
-webkit-transform: translateY(-6px) 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)
}
html.active .website {
display: none !important;
}
.conact-b-con-row-i {
width: 25%;
}
}
@media(max-width:1024px) {
.header-m .m-menu-b .m-menu-b-i {
background: #000;
}
.website {
color: #000;
}
.home-news-time>.month {
padding-bottom: 20px;
margin-bottom: 20px;
}
.home-news-time {
padding: 20px 30px;
margin-right: 30px;
}
.home-news-b-l-img {
width: 60%;
}
.home-news-info>.info {
line-height: 26px;
}
.home-about-r,
.home-about-l {
width: 48%;
}
.home-menu-i {
width: 14.6%;
height: 100px;
}
.home-cooperate-con,
.home-product,
.home-serve {
margin-bottom: auto !important;
}
.conact-b-info>.info {
margin-top: 30px;
}
.conact-b-info {
margin-top: 20px;
}
.conact-bg {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
.public-footer-l {
word-break: keep-all;
line-height: 36px;
}
.home-cooperate-con-top-l {
margin-bottom: 20px;
}
.home-cooperate-con-down {
margin: 3% 0;
}
.home-cooperate-con {
padding: 6%;
}
.home-cooperate-con-top-r {
width: 100%;
}
.home-cooperate-con-top {
display: block;
}
.home-news-b-r-i {
margin-bottom: 3%;
}
.home-news-b-r {
margin-top: 20px;
}
.home-news-b-l>.title {
margin: 10px 0;
padding-bottom: 10px;
}
.home-news-info>.title {
margin-bottom: 10px;
padding-bottom: 10px;
}
.home-news-b {
display: block;
}
.home-news-b-r,
.home-news-b-l {
width: 100%;
}
.home-news-b {
margin: 3% 0;
}
.home-cooperate-top-r-l>.info {
height: 220px;
}
.home-cooperate-top-r-r-btn {
height: 130px;
font-size: 16px;
}
.home-down-i-con>.title {
font-size: 20px;
}
.home-cooperate-top-r-l>.name,
.home-product-row-i-con>.title {
font-size: 24px;
}
.home-product-row-i-r {
width: 40% !important;
}
.home-product-row {
margin-top: 0;
}
.home-product-img {
width: 15%;
}
.home-product-pagination {
width: auto !important;
}
.home-product-r {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-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;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 20px;
}
.home-product-box {
margin: 0 20px !important;
}
.home-product-l-img {
width: 70%;
}
.home-product-l-con {
width: 30%;
}
.home-product-l-i {
width: 100% !important;
}
.home-product-r {
position: static;
}
.home-product-l {
display: block;
}
.home-product-l-con>.title {
margin-bottom: 30px;
padding-bottom: 30px;
}
.product-swiper-prev,
.product-swiper-next {
width: 55px;
height: 42px;
-o-background-size: 100% 100% !important;
background-size: 100% 100% !important;
}
.product-swiper-thumb .swiper-slide .show-con>h1 {
font-size: 20px;
}
/* main {
margin-top: -70px;
} */
.home-swiper-main {
margin-top: -70px;
height: -webkit-calc(100% + 70px);
height: -moz-calc(100% + 70px);
height: calc(100% + 70px);
}
/* .home-product-l-con>.info,
.home-about-info {
margin-bottom: 30px;
} */
/* .home-btn {
margin-top: 30px;
} */
.home-about-l>.info {
margin-top: 10px;
}
.product-swiper-info>.title,
.home-product-l-con>.title,
.home-cooperate-con-top-l>.title,
.home-menu-top-l>.title,
.home-serve-swiper-i-con>.title,
.home-about-l>.title {
font-size: 24px;
}
.home-about-info>.title,
.home-serve-swiper-i-info>.title {
font-size: 22px;
}
.serve-b-con-list-i {
margin-bottom: 30px;
}
.guide-problem-con .title {
font-size: 18px;
}
.tag-list-b-item {
width: 30.3%;
}
.guide-notice-r-con {
padding: 5%;
}
.public-nav-search>.title,
.guide-notice-title,
.guide-b-item-title,
.guide-b-i-title {
font-size: 20px;
}
.news-d-top>.info {
margin-top: 20px;
}
.news-d-top>.title {
font-size: 20px;
}
.news-list-img.cur::after {
width: 70px;
height: 70px;
}
.news-list-i>.title {
font-size: 20px;
margin: 20px 0;
line-height: 30px;
}
.public-footer-logo {
margin-top: -95px;
}
.public-footer {
padding: 30px;
}
.public-nav {
position: static;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.introduce-b-l .public-tag {
margin: auto;
}
.public-tag>.title,
.public-nav-l {
font-size: 24px;
}
.introduce-b-l-info-title>.title {
font-size: 24px;
}
.culture-b-i-con .title {
font-size: 22px;
}
.honor-swiper-item {
width: 30.3%;
}
.public-nav-r-i {
width: auto;
}
.honor-swiper-item {
padding: 20px;
}
.honor-swiper-item {
margin-bottom: 30px;
}
.tag-list-i {
font-size: 18px;
}
}
@media(max-width:980px) {
.home-about-r {
margin-bottom: 0;
}
.home-product-row.h5 .home-product-row-i-r .info {
font-size: 20px;
font-family: Source Han Serif CN;
font-weight: bold;
color: #020101;
text-align: left;
}
.home-product-row.h5 .home-product-row-i-r {
width: 50% !important;
}
.home-product-row.h5 .home-product-row-i {
padding: 5% 0;
}
.home-product-row.h5 {
height: auto !important;
}
.home-cooperate-con.h5 .home-down-i-con {
margin-top: 10% !important;
margin-bottom: 0 !important;
}
.home-cooperate-con.h5 .home-down-i {
padding: 8% 0 !important;
}
.home-cooperate-con.h5 {
padding: 30px !important;
background: #fff !important;
}
.home-cooperate-con.h5 .home-cooperate-con-down {
margin: 0 !important;
}
.home-cooperate-top.h5::after,
.home-news,
.home-news-mobile .home-news,
.home-cooperate-con,
.home-cooperate-top,
.home-product-row,
.home-product-b {
display: none;
}
.home-news.h5 .home-news-mobile-img img,
.home-cooperate-top.h5 img {
width: 100%;
}
.home-news-mobile-title {
font-size: 20px;
font-weight: bold;
color: #000000;
margin-top: 35px;
}
.home-news-mobile {
margin-bottom: 6%;
}
.home-cooperate-con.h5,
.home-cooperate-top.h5 {
display: block !important;
}
.home-product-row.h5,
.home-product-b.h5 {
margin: 3% 0;
display: block !important;
}
.home-product-mobile .swiper-pagination {
position: absolute;
bottom: 5% !important;
}
.home-product-mobile .swiper-pagination-bullet {
background: #fff !important;
width: 11px !important;
height: 11px !important;
margin: 0 10px !important;
}
.home-menu-top {
display: none;
}
.home-product-mobile-img {
min-height: 405px;
height: 100%;
position: relative;
text-align: center;
}
.home-product-mobile-img img {
width: 100%;
margin: auto;
-o-object-fit: cover;
object-fit: cover;
}
.home-product-mobile-img .title {
font-size: 20px;
font-family: Source Han Serif CN;
font-weight: bold;
color: #FFFFFF;
position: absolute;
top: 5%;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
}
.product-swiper .swiper-wrapper,
.product-swiper,
.p01-cen,
.public-tobody {
min-height: 500px;
}
.home-about-l-mobile .home-about-info>.title {
font-size: 24px;
}
.home-about-l {
display: none;
}
.home-about-mobile {
display: block;
}
.product-swiper-thumb .swiper-slide .show-con>p {
-webkit-line-clamp: 3;
}
.serve-b,
.news-list-b {
padding-bottom: 0;
}
.conact-b-map .public-tag {
position: static;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.contacts-map {
min-height: 520px;
}
.conact-b-info>.info,
.conact-b-info {
margin-top: 20px;
}
.conact-b-con-row-i {
width: 48%;
margin-bottom: 20px;
}
.conact-b-con {
padding: 6% 0;
}
.conact-b-con-row,
.feature-i {
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;
}
.feature-i-top-i {
margin-bottom: 20px;
}
.public-footer-logo {
margin-top: 0;
}
.public-tobody {
display: block;
}
.public-footer-l {
width: 100%;
}
.public-footer-l,
.public-footer-r,
.public-footer-logo {
text-align: center;
}
.feature-con-b {
padding-bottom: 20px;
}
.conact-bg {
width: 200px;
height: 200px;
}
.home-serve-swiper-i-info>img,
.show-con>img {
width: 35%;
}
.home-serve-swiper-i {
padding: 15% 0;
}
}
@media(max-width:820px) {
.home-menu-i {
width: 31%;
}
.news-list-i {
width: 48%;
/* margin-bottom: 20px; */
}
.home-menu {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.show-con .home-btn {
margin-top: 20px;
}
.conact-b-info {
margin-top: 0;
}
}
@media(max-width:768px) {
.product-swiper-thumb .swiper-slide:hover {
background: rgba(0, 0, 0, .3);
}
.product-swiper-thumb .show-con {
display: block !important;
}
.product-swiper-thumb .home-serve-swiper-i {
display: none;
}
.home-about {
transform: translateY(-55%) !important;
}
.banner-img.pc {
display: none !important;
}
.banner-prev-img,
.banner-prev-img-a,
.banner-next-img,
.banner-next-img-a,
.home-mobile-next-img {
z-index: 9;
-webkit-transform: translateZ(1000px);
-moz-transform: translateZ(1000px);
transform: translateZ(1000px);
}
.banner-prev,
.banner-next,
.home-product-mobile-next,
.home-product-mobile-prev {
-webkit-transform: translateY(-50%) translateZ(100px) !important;
-moz-transform: translateY(-50%) translateZ(100px) !important;
transform: translateY(-50%) translateZ(100px) !important;
}
.fp-tableCell>div {
position: absolute;
top: 50%;
-moz-transform: translateY(-60%);
-ms-transform: translateY(-60%);
-o-transform: translateY(-60%);
transform: translateY(-60%);
-webkit-transform: translateY(-60%);
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
height: auto !important;
}
.public-footer {
padding-bottom: 1.5rem;
}
/* .section-2 .fp-tableCell {
margin-top: -.5rem !important;
} */
.fp-tableCell {
padding-top: 0 !important;
}
.fp-tableCell {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center !important;
-webkit-align-items: center !important;
-moz-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important;
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-moz-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.banner-img.pc {
display: none !important;
}
.home-menu-i {
width: 32%;
}
.home-menu {
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;
}
.home-menu-i {
margin-left: 0;
margin-right: 0;
}
.home-menu-i>.title {
font-size: 14px;
}
.home-about-r {
width: 70%;
margin: auto;
}
.home-news.h5 .home-news-time {
max-width: 100px;
}
.home-news.h5 .home-news-time {
padding: 20px 20px;
margin-right: 20px;
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-news.h5 .home-news-time>.month {
font-size: 22px;
margin-bottom: 10px;
padding-bottom: 10px;
}
.home-news.h5 .home-news-info>.title {
font-size: 16px;
margin-bottom: 5px;
padding-bottom: 5px;
line-height: 30px;
}
.home-news-info>.day {
font-size: 14px;
}
.home-news-info>.info {
font-size: 14px;
line-height: 22px;
margin-bottom: 10px;
}
.home-cooperate-bg {
display: none !important;
}
.home-about-pc {
display: none;
}
.home-menu-i {
height: 120px;
}
.home-about-mobile .home-menu {
padding: 0;
margin-top: 0;
}
.home-news-mobile-info {
font-size: 16px;
font-weight: 400;
color: #666666;
line-height: 24px;
margin-top: 2%;
}
footer {
width: 100%;
height: 100%;
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-serve {
height: auto !important;
}
.home-product,
.home-serve {
margin-bottom: auto !important;
}
.home-about-pc .home-menu,
.home-about-pc-i .home-about-r {
display: none !important;
}
.home-news.h5 {
width: 100%;
padding: 0 20px;
}
.home-news.h5,
.banner-img.mobile {
display: block !important;
}
.home-product-b.h5 .home-about-menu {
display: none;
}
.conact-b-con-row-i:hover .conact-bg {
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
animation: none !important;
}
.contacts-map {
min-height: 300px !important;
}
.product-nav-m {
padding: 0 20px;
display: block !important;
}
.tag-list {
display: none !important;
}
.guide-b-item-title {
font-size: 17px !important;
}
.guide-problem-con .title {
font-size: 16px;
}
.guide-notice-title {
margin-top: 10px;
}
.guide-problem-con .title {
line-height: 30px;
}
.news-list-i>.info {
font-size: 17px;
}
.news-list-i>.title {
margin: 3% 0 1% 0;
}
.news-list-i {
margin-bottom: 7%;
}
.introduce-b-l .public-tag {
padding-left: 0;
}
.culture {
padding-top: 0 !important;
}
.public-tag {
padding: 8% 0 6% 0;
}
.public-nav-r-i {
width: 25% !important;
}
.show-con {
margin-top: 30%;
}
.product-swiper-thumb .swiper-slide .show-con>h1 {
margin-bottom: 10px;
}
.show-con .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);
margin-top: 10%;
margin-left: -20px;
}
.product-swiper-box {
position: absolute;
top: 10%;
right: 1%;
z-index: 2;
}
.product-swiper-prev,
.product-swiper-next {
width: 50px;
height: 37px;
}
.public-footer-l {
font-size: 14px !important;
line-height: 30px;
}
.guide-notice-r {
width: 100%;
}
.guide-notice-l {
display: none;
}
.public-nav-r-i {
padding: 0 20px;
white-space: nowrap;
}
.serve-b-con-list-i {
width: 48%;
}
.home-serve-swiper-i-info>img,
.show-con>img {
width: 20%;
}
.home-cooperate-top-r-l>.name {
font-size: 18px;
}
.home-serve-swiper-i-info>.title,
.product-swiper-thumb .swiper-slide .show-con>h1 {
font-size: 18px;
}
.home-about-menu {
margin: 10px 0 0 0;
}
.home-about-info {
margin: 5px 0;
}
.product-swiper-info>.title,
.home-about-info>.title,
.home-serve-swiper-i-con>.title,
.home-about-l>.title {
font-size: 20px;
}
.public-footer-l {
line-height: 30px;
}
.product-i-con-btn-i>.title,
.product-i-con-info-i>.info,
.product-i-con-info-i>.title {
font-size: 17px;
}
.product-i-con-btn-i:last-child {
margin-bottom: 0;
}
.product-i-con-info-i>.info {
margin-left: 20px;
}
.product-i-con-name>.title {
font-size: 20px;
}
.product-i-con-btn {
display: block;
}
.product-i-con-btn-i {
margin-bottom: 20px;
}
.guide-b-i-title {
line-height: 36px;
}
.product-info {
padding-bottom: 0;
}
.tag-list-b-item>.title {
margin-top: 3%;
}
.product-info {
margin-top: 20px;
}
.public-page-i {
padding: 0 20px;
}
.public-page-row-i {
margin: 0 4px;
}
.tag-list-b-item {
width: 47%;
margin-bottom: 7%;
}
.public-nav-search {
margin-right: 0;
padding: 0 10px;
}
.public-nav-search-input {
width: 100%;
}
.guide-b-item {
padding: 0 20px;
}
.public-nav-search>.title,
.guide-notice-r-title,
.guide-notice-title,
.guide-b-item-title,
.guide-b-i-title,
.news-list-i>.title {
font-size: 18px;
}
.guide-notice-r-con * {
font-size: 16px !important;
}
.liebiao-list-a-title {
font-size: 30px;
}
.liebiao-list-a {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
display: none;
}
.liebiao-list-b {
margin: 0 !important;
/* margin-top: 20px !important; */
}
.liebiao-list-b-right {
display: none;
}
.liebiao-list-s-i {
display: block;
padding-bottom: 5%;
margin-bottom: 8%;
}
.liebiao-list-b-con-t {
margin-bottom: 2%;
}
.liebiao-list-b {
margin: 0 30px;
}
.conact-b-info>.info,
.conact-b-info {
font-size: 16px;
margin-top: 3%;
}
.conact-b-info {
margin-top: -10px !important;
}
.conact-img {
width: 35% !important;
}
.conact-bg {
width: 150px;
height: 150px;
margin-left: auto;
}
.public-nav-r-i {
font-size: 16px;
}
.feature-con-play::after {
width: 70px;
height: 70px;
}
.honor-i-swiper {
padding-bottom: 30px !important;
}
.culture-b-i-con .title,
.introduce-b-l-info-title>.title,
.public-tag>.title,
.public-nav-l {
font-size: 20px;
}
.culture-b-i-con {
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;
}
.culture-b-i-con .title {
margin: auto !important;
}
.culture-b-i-msg {
padding: 5%;
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;
}
.culture-b-i-msg img {
width: 25%;
}
.public-nav,
.introduce-b-r {
display: block;
}
.public-nav {
height: auto;
}
.public-nav-l,
.public-nav-r {
width: 100%;
padding: 20px;
}
.public-nav-l {
-o-background-size: cover;
background-size: cover;
}
.public-nav-r {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-moz-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.introduce-b-l-info-title {
margin-bottom: 20px;
}
.culture-b-i {
margin-top: 0;
}
.culture-b-i-msg>.title {
margin-left: 20px;
}
.culture-b-i-msg>.title {
-webkit-line-clamp: inherit;
}
.honor-swiper-item {
width: 47%;
margin-bottom: 20px;
}
.honor-i-swiper-i {
padding: 0 !important;
}
.public-nav-search {
width: 100%;
}
}
@media(max-width:680px) {
.home-product-mobile-img {
min-height: auto;
}
.home-serve-swiper-i {
padding: 15% 0;
}
.culture-b-i-con .title {
font-size: 18px;
}
.home-menu-i>.title {
margin-top: 10px;
}
.show-con>img,
.home-serve-swiper-i-info>img {
width: 22%;
}
.home-product-row.h5 .home-product-row-i-r .info {
font-size: 16px;
}
.home-news-mobile-title,
.home-down-i-con>.title {
font-size: 18px;
}
.home-news-mobile-title {
margin-top: 3%;
}
.home-cooperate-con.h5 {
padding: 20px !important;
}
.home-about-l-mobile .home-about-info>.title {
font-size: 20px;
}
}
@media screen and (min-width: 1024px) and (max-height: 680px) {
.home-down-i-con {
margin: 5% 0;
}
.home-cooperate-con-down {
margin: 3% 0;
}
.section-1 .fp-tableCell>div {
-webkit-transform: scale(1) !important;
-moz-transform: scale(1) !important;
-ms-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important;
}
.section .fp-tableCell>div {
-webkit-transform: scale(.75);
-moz-transform: scale(.75);
-ms-transform: scale(.75);
-o-transform: scale(.75);
transform: scale(.75);
}
.home-serve {
height: 6.4rem;
}
}
@media(max-width:580px) {
.home-menu-i {
height: 90px !important;
margin-bottom: 10px !important;
}
.product-nav .title {
font-size: 16px;
}
.product-nav img {
margin-right: 5px;
}
.news-list-img {
height: auto;
min-height: auto;
}
.guide-problem-con .title {
margin-left: 0;
width: 100%;
}
.guide-problem-i:hover .guide-problem-con img {
display: none;
}
.guide-problem-i:hover .guide-problem-con {
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
}
.guide-problem-con .title {
-webkit-line-clamp: inherit !important;
}
.public-nav-r {
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;
}
.public-nav-r-i {
/* width: 32% !important; */
margin: 5px 0;
}
.public-nav-r {
padding: 10px 0 !important;
}
.home-product-row-i-l {
width: 30%;
}
.home-down-i-logo img {
width: 80%;
}
.home-down-i-logo {
width: 56px;
height: 43px;
-o-background-size: 100% 100% !important;
background-size: 100% 100% !important;
}
.home-down-i:hover .home-down-i-logo {
-o-background-size: 100% 100% !important;
background-size: 100% 100% !important;
}
.home-product-row-i-logo img {
width: 60%;
}
.home-product-row-i-logo {
width: 40px;
height: 40px;
min-width: 40px;
margin-right: 5px;
}
.show-con>img,
.home-serve-swiper-i-info>img {
width: 30%;
}
.product-swiper-info>.title,
.home-about-info>.title,
.home-serve-swiper-i-con>.title,
.home-about-l>.title {
font-size: 18px;
}
.home-about-menu-i {
width: 23%;
margin-top: 5px;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 5px;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
.home-menu-i>.title {
margin-top: 0;
}
.home-about-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;
}
.product-i-con-info-i>.info {
margin-left: 10px;
}
.product-i-img {
width: 100%;
}
.tag-list-b-item {
width: 97%;
}
.public-nav-search-i {
width: -webkit-calc(100% - 110px);
width: -moz-calc(100% - 110px);
width: calc(100% - 110px);
}
.guide-b-item-title {
width: 100%;
margin-top: 20px;
margin-left: 0;
}
.guide-b-item {
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;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.culture-b-i-con-logo {
height: 400px !important;
}
.feature-i {
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.feature-i-top-i {
width: 40%;
}
.news-list-i {
width: 100%;
}
}
@-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;
-webkit-transform: scale(0);
transform: scale(0);
}
45% {
opacity: 1;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
90% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@-moz-keyframes back_scale_1 {
0% {
opacity: 0;
-moz-transform: scale(0);
transform: scale(0);
}
45% {
opacity: 1;
-moz-transform: scale(1.2);
transform: scale(1.2);
}
90% {
-moz-transform: scale(0.9);
transform: scale(0.9);
}
}
@-o-keyframes back_scale_1 {
0% {
opacity: 0;
-o-transform: scale(0);
transform: scale(0);
}
45% {
opacity: 1;
-o-transform: scale(1.2);
transform: scale(1.2);
}
90% {
-o-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes back_scale_1 {
0% {
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
45% {
opacity: 1;
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
90% {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
}
/* 202362 */
/* .zhuanlan {
width: 25%;
z-index: 11;
position: absolute;
right: 0;
bottom: 0;
padding: 0;
text-align: center;
}
.zhuanlan img {
width: 100%;
} */
.product-nav-m {
display: none;
position: relative;
cursor: pointer;
margin: 0 0 3% 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;
}
.home-product-mobile-next,
.home-product-mobile-prev {
width: .49rem;
height: .49rem;
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: 2;
}
.home-product-mobile-prev {
left: 1%;
}
.home-product-mobile-next {
right: 1%;
}
.home-about-pc-i {
margin-top: 2%;
}
footer {
width: 100%;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
height: auto !important;
}
.fp-tableCell {
padding-top: .8rem;
margin-top: -70px
}
.section-1 .fp-tableCell {
padding-top: 0 !important;
}
.footer>.fp-tableCell {
margin-top: 0 !important;
}
@media(max-height:750px) {
.home-product-b-pc,
.home-news,
.home-cooperate-con,
.home-menu-top,
.home-serve,
.home-about-pc {
transform: scale(0.85);
}
}