* {
padding: 0;
margin : 0;
}
body {
font-family: "Microsoft YaHei" !important;
}
a:hover {
text-decoration: none !important;
}
a {
text-decoration: none !important;
color : #000;
}
.switchCheck {
background : rgba(5, 162, 95, 1);
border-radius: 10px 10px 0px 0px;
color : #fff;
}
.generate-columns(400);
.generate-columns(@n, @i: 1) when (@i =< @n) {
tbody tr:nth-child(@{i}) {
background: #F4F4F4
}
.generate-columns(@n, @i + 2);
}
button {
cursor: pointer;
}
.nav-ul li a:hover {
color: #05a25f;
}
a:hover {
text-decoration: none;
}
.selectText {
color: #05A25F;
}
.phone-nav {
display: none;
}
.aboutPlateCheck {
color : #05A25F;
border-bottom: 2px solid #05A25F;
}
.center {
text-align: center;
}
input,
textarea {
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
}
li {
list-style: none;
}
header {
height : 40px;
background: #535353;
width : 100%;
}
.wrap {
width : 1200px;
margin : 0 auto;
overflow: hidden;
}
header ul {
display : flex;
align-items : center;
height : 100%;
justify-content: space-between;
li {
display : flex;
justify-content : center;
font-size : 12px;
color : #EEEEEE;
// padding : 0 36px;
align-items : center;
img {
margin-right: 7px;
}
}
}
nav {
height : 120px;
// background: red;
}
.swiper-container1 .swiper-slide img {
width: 100%;
}
.about-container {
width : 100%;
// height : 698px;
background : url('/app/index/pc_view/image/about.png');
background-size : 100%;
padding-bottom : 40px;
}
nav {
display : flex;
align-items : center;
justify-content: space-between;
.left {
p {
font-size : 24px;
font-weight: bold;
margin-top : 6px;
}
}
.right {
flex: 0 0 70%;
.nav-ul {
display : flex;
align-items : center;
justify-content: flex-end;
margin-top : 17px;
li {
font-size : 16px;
font-family: Source Han Sans CN;
font-weight: 800;
color : #000000;
text-align : center;
flex : 0 0 11.5%;
}
}
.contact-wrap {
display : flex;
align-items : center;
justify-content: flex-end;
li {
flex : 0 0 23%;
display : flex;
justify-content: center;
align-items : center;
font-weight : 700;
font-size : 14px;
img {
margin-right: 4px;
}
a {
font-weight: 700;
}
input {
width : 172px;
height : 22px;
background : rgba(255, 255, 255, 1);
border : 1px solid rgba(181, 181, 181, 1);
border-radius : 8px;
text-indent : 5px;
background-image : url('/app/index/pc_view/image/magnifying.png');
background-position: 147px center;
background-repeat : no-repeat;
}
}
}
}
.select {
color : #05A25F;
/*position: relative;*/
}
.select::after {
content : '';
width : 60%;
height : 4px;
background: #05a25f;
position : absolute;
bottom : -15px;
left : 25%;
}
}
.plate-title {
font-size : 30px;
font-family : Source Han Sans CN;
font-weight : bold;
color : rgba(0, 0, 0, 1);
text-align : center;
margin : 0 auto;
margin-top : 50px;
width : 1200px;
// line-height: 16px;
}
.plate-slogan {
font-size : 14px;
font-family: Source Han Sans CN;
font-weight: 300;
color : rgba(65, 65, 65, 1);
text-align : center;
margin : 0 auto;
margin-top : 12px;
width : 1200px;
position : relative;
}
.about-content {
display : flex;
justify-content: space-between;
align-items : flex-start;
margin-top : 63px;
.right {
video {
width : 625px;
height : 371px;
background : rgba(49, 49, 49, 1);
border : 4px solid rgba(255, 255, 255, 1);
// opacity : 0.46;
border-radius : 10px;
}
p {
font-size : 12px;
text-align: right;
margin-top: 6px;
color : #3D3D3D;
}
}
.left {
.slogan {
width : 545px;
height : 376px;
text-indent : 2em;
font-weight : 300;
// color : rgba(61, 61, 61, 1);
color : #3D3D3D;
line-height : 30px;
font-weight : 500;
overflow : hidden;
text-overflow : ellipsis;
font-size : 16px;
}
}
.more {
width : 105px;
height : 30px;
border : 1px solid #05a25f;
border-radius : 17px;
display : flex;
justify-content: center;
align-items : center;
color : #05A25F;
font-size : 12px;
margin-top : 26px;
font-weight : 900;
}
}
.solution {
ul {
position : relative;
height : 571px;
padding : 36px 0;
margin-top: 57px;
li {
width : 395px;
height : 375px;
background : url('/app/index/pc_view/image/rhombus.png');
cursor : pointer;
display : flex;
align-items : center;
justify-content: center;
flex-direction : column;
position : absolute;
.imgBck {
margin-bottom: 26px;
width : 115px;
height : 115px;
object-fit : contain
}
.imgBck1 {
background: url('/app/index/pc_view/image/solution1.png') no-repeat center center;
}
.imgBck2 {
background: url('/app/index/pc_view/image/solution2.png') no-repeat center center;
}
.imgBck3 {
background: url('/app/index/pc_view/image/solution3.png') no-repeat center center;
}
.imgBck4 {
background: url('/app/index/pc_view/image/solution4.png') no-repeat center center;
}
.imgBck5 {
background: url('/app/index/pc_view/image/solution5.png') no-repeat center center;
}
h5 {
text-align: center;
font-size : 18px;
}
p {
margin-top : 2.5px;
font-size : 16px;
overflow : hidden;
text-overflow : ellipsis;
display : -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
width : 45%;
text-align : center;
min-height : 38px;
}
}
li:hover {
background: url('/app/index/pc_view/image/rhombusCheck.png');
color : #fff;
}
li:hover .imgBck1 {
background: url('/app/index/pc_view/image/solution1W.png') no-repeat center center;
}
li:hover .imgBck2 {
background: url('/app/index/pc_view/image/solution2W.png') no-repeat center center;
}
li:hover .imgBck3 {
background: url('/app/index/pc_view/image/solution3W.png') no-repeat center center;
}
li:hover .imgBck4 {
background: url('/app/index/pc_view/image/solution4W.png') no-repeat center center;
}
li:hover .imgBck5 {
background: url('/app/index/pc_view/image/solution5W.png') no-repeat center center;
}
li:nth-child(1) {
top : 0;
left: 0;
}
li:nth-child(2) {
top : 0;
left: 403px;
}
li:nth-child(3) {
top : 0;
right: 0;
}
li:nth-child(4) {
top : 213px;
left: 200px;
}
li:nth-child(5) {
top : 213px;
right: 200px;
}
}
}
.platform-wrap {
overflow : hidden;
background : url('/app/index/pc_view/image/bg2.png') center center;
padding-bottom: 35px;
.wrap {
display: flex;
}
}
.swiper-container2 {
width : 1200px;
height : 100%;
margin-top : 65px;
padding-bottom: 80px;
.swiper-wrapper {
display : flex;
align-items: center;
.swiper-slide {
flex : 0 0 19.4%;
height : 393px;
background : rgba(255, 255, 255, 1);
border-radius : 10px;
cursor : pointer;
display : flex;
justify-content: center;
align-items : center;
flex-direction : column;
img {
width : 115px;
height : 115px;
margin-bottom: 30px;
object-fit : contain;
}
h5 {
font-weight : bold;
color : #282828;
font-size : 16px;
width : 75%;
line-height : 23px;
text-overflow : ellipsis;
display : -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow : hidden;
}
p {
font-size : 14px;
color : #505050;
width : 88%;
line-height : 23px;
text-overflow : ellipsis;
display : -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow : hidden;
}
.heng {
width : 113px;
height : 2px;
background: #dcdcdc;
margin : 30px 0;
position : relative;
}
.heng::after {
content : '';
width : 50px;
height : 4px;
background: #05a25f;
position : absolute;
left : 28%;
bottom : -1px;
}
}
.swiper-slide:hover {
background: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(221, 255, 240, 1));
}
}
}
.product-wrap {
padding-bottom: 55px;
.plate-slogan {
margin-bottom: 10px;
}
ul {
display : flex;
flex-wrap: wrap;
li {
flex : 0 0 24%;
display : flex;
flex-direction : column;
justify-content: center;
align-items : center;
border : 1px solid #DCDCDC;
margin : 0 5px;
margin-top : 30px;
a {
width : 100%;
display : flex;
flex-direction : column;
justify-content: center;
align-items : center;
}
img {
width : 250px;
height: 250px;
}
.product-info {
width : 100%;
display : flex;
justify-content: center;
align-items : center;
height : 44px;
background : #DCDCDC;
font-weight : bold;
font-size : 15px;
}
}
li:hover {
border: 1px solid #05A25F;
}
li:hover .product-info {
background: #05a25f;
color : #fff;
}
}
}
.case-container {
background : #F4F4F4;
overflow : hidden;
padding-bottom: 70px;
}
.poster-main {
position: relative;
margin : 0 auto;
}
.poster-main a,
.poster-main img {
display: block;
width : 100%;
height : 100%;
}
.poster-main .poster-list {
width : 1000px;
height : 500px;
margin-top: 47px;
}
.poster-main .poster-list .poster-item {
width : 200px;
height : 500px;
position: absolute;
left : 0;
top : 0;
}
.poster-main .poster-btn {
position: absolute;
top : 0;
cursor : pointer;
filter : opacity(.5) brightness(1);
}
.poster-main .poster-btn:hover {
filter: opacity(1) brightness(2);
}
.poster-main .poster-prev-btn {
left : 0;
background: url(/app/index/pc_view/image/pre.png) no-repeat center center;
}
.poster-main .poster-next-btn {
right : 0;
background: url(/app/index/pc_view/image/next.png) no-repeat center center;
}
.poster-item-title {
font-size : 18px;
text-align : center;
line-height: 48px;
display : block;
position : absolute;
bottom : 0px;
background : red;
background : rgba(5, 162, 95, 0.8);
width : 100%;
/* height : 48px; */
color : #fff;
}
footer {
border-top : 6px solid #05A25F;
// height : 6px;
width : 100%;
background : url('/app/index/pc_view/image/footer.png') no-repeat;
// background-size: 100%;
>ul {
display: flex;
>li {
display : flex;
flex : 0 0 24%;
flex-direction: column;
margin-left : 16px;
h2 {
font-size: 24px;
margin : 40px 0 25px 0;
}
ul {
text-indent: 0px;
}
li {
color : #D4D4D4;
font-size : 14px;
line-height: 28px;
margin-top : 6px;
a {
color: #D4D4D4;
}
}
}
}
li {
color: #fff;
a {
color: #fff;
}
}
}
.copyright-wrap {
/*
border-top : 2px solid #A0A0A0;
width : 100%;
padding : 16px 0;
display : flex;
align-items : center;
justify-content: center;
margin-top : 14px;
*/
width : 100%;
padding : 16px 0;
display : flex;
align-items : center;
justify-content: center;
background : #6d35a5;
background : url(/app/index/pc_view/image/footer.png) no-repeat;
background-size: 100%;
p {
text-align: center;
color : #fff;
font-size : 14px;
}
}
.about-content {
.right {
img {
width : 590px;
height: 364px
}
}
}
.aboutDetail {
.about-content {
margin-top: 0;
}
.left {
h1 {
font-size : 24px;
font-family: Source Han Sans CN;
font-weight: bold;
position : relative;
}
.slogan {
margin-top: 32px;
}
h1::after {
content : '';
width : 57px;
height : 2px;
background: #05a25f;
position : absolute;
left : 0;
bottom : -15px;
}
}
}
.switchTab {
display : flex;
justify-content: center;
height : 60px;
background : rgba(255, 255, 255, 1);
box-shadow : 0px 2px 6px 0px rgba(110, 110, 110, 0.1);
align-items : center;
li {
width : 145px;
text-align : center;
cursor : pointer;
height : 100%;
align-items : center;
display : flex;
font-size : 18px;
justify-content: center;
}
}
.detail-wrap .rotateInDownLeft h3 {
width: 100%;
}
.patent-wrap {
display : flex;
margin-top: 15px;
li {
flex : 0 0 19%;
height : 285px;
display : flex;
align-items : center;
justify-content: center;
background : #F4F4F4;
margin : 0 6.3px;
border-radius : 10px;
flex-direction : column;
background : linear-gradient(0deg, rgb(211, 247, 231), #fbfbfb);
img {
position : relative;
width : 120px;
height : 120px;
border-radius: 50%;
}
b {
width : 30px;
height : 2px;
margin : 20px 0;
background: rgba(5, 162, 95, 1);
}
p {
font-size : 18px;
margin-top: 2px;
}
}
}
.credential-wrap {
.credentials {
display : flex;
align-items: center;
margin-top : 15px;
li {
flex : 0 0 33%;
display : flex;
justify-content: center;
align-items : center;
flex-wrap : wrap;
}
}
}
.credential-wrap {
display: none;
}
.navigation {
display : flex;
align-items : center;
font-size : 12px;
border-bottom: 1px dashed #05A25F;
margin : 30px auto;
padding : 14px 0;
color : #1B1B1B;
li {
display : flex;
align-items: center;
img {
margin-right: 11px;
}
}
}
.classifyList {
display : flex;
align-items: center;
flex-wrap : wrap;
margin : 18px auto;
li {
padding: 0 15px;
color : #1B1B1B;
cursor : pointer;
}
}
.detail-wrap {
.left {
width: 390px;
}
}
.gallery-top {
.swiper-slide {
img {
border : 1px solid #05A25F;
display : block;
margin : 0 auto;
object-fit: cover;
width : 98%;
}
}
}
.swiper-container3 {
width: 369px;
}
.gallery-thumbs .swiper-slide-thumb-active {
border: 1px solid #05A25F !important;
}
.gallery-thumbs {
.swiper-wrapper {
// display: inline !important;
// float : left;
flex-wrap : nowrap !important;
}
.swiper-slide {
border : 1px solid #B5B5B5;
width : 120px !important;
height : 120px !important;
border-radius: 10px;
img {
width : 120px;
height : 120px;
border-radius: 10px;
}
}
}
.detail-wrap {
display : flex;
align-items: flex-start;
}
.detail-wrap {
.right {
margin-left: 35px;
h6,
p {
font-size: 16px;
}
h6 {
color : #05A25F;
margin-top : 16px;
margin-bottom: 5px;
}
p {
color : #1B1B1B;
text-indent: 2em;
font-size : 14px;
}
}
}
.switchProduct {
display : flex;
align-items : center;
border-bottom: 1px dashed #05A25F;
margin-top : 35px;
li {
width : 120px;
height : 34px;
display : flex;
align-items : center;
justify-content: center;
cursor : pointer;
font-size : 15px;
}
}
.product-detail {
display : flex;
align-items : center;
justify-content: center;
margin : 30px 0 75px 0;
img {
max-width : 792px;
object-fit: cover;
}
}
.solution-wrap .left {
width : 571px;
height: 500px;
img {
width : 571px;
object-fit: contain;
height : 500px;
}
}
.downloadTable {
margin-bottom: 30px;
border-bottom: 5px solid #F4F4F4;
font-size : 15px;
thead {
background: linear-gradient(90deg, rgba(56, 199, 225, 1), rgba(43, 198, 131, 1));
td {
color: #fff;
}
}
td {
text-align: center;
height : 50px;
}
tbody {
td:nth-child(4) {
color : #05A25F;
cursor: pointer;
}
}
}
.contact-wrap {
display : flex;
justify-content: space-between;
align-items : flex-start;
.left {
flex: 0 0 41%;
h2 {
color : #727171;
font-size : 24px;
line-height: 29px;
span {
color : #E70000;
font-size: 16px;
}
}
ul {
li {
color : #727171;
margin-top: 19px;
font-size : 16px;
}
}
}
.right {
flex: 1;
img {
width: 100%;
}
}
}
.remittance-info {
background : #F4F4F4;
display : flex;
justify-content: space-around;
align-items : center;
padding : 45px 0;
background : rgba(244, 244, 244, 1);
box-shadow : 0px 3px 7px 0px rgba(0, 0, 0, 0.09);
border-radius : 10px;
margin-top : 51px;
margin-bottom : 30px;
li {
color : #727171;
font-size : 16px;
margin-top: 10px;
}
h5 {
font-size: 24px;
color : #727171;
margin : 0 0 21px 0;
}
}
.vertical {
width : 2px;
height : 235px;
background: linear-gradient(0deg, rgba(244, 244, 244, 0.21) 10%, rgba(223, 223, 223, 0.97) 50%, rgba(244, 244, 244, 0.19) 90%);
}
aside {
position: fixed;
right : 10px;
top : 350px;
>div {
cursor: pointer;
}
}
.swiper-pagination-bullet-active {
opacity : 1;
background: #05A25F !important;
}
.swiper-pagination-bullet {
width : 0.241667rem;
height : 0.031667rem;
border-radius: 0;
display : inline-block;
border-radius: 5px;
background : #000;
margin-top : 45px;
}
.detail-wrap .right {
>h3 {
font-size: 18px;
}
}
.hide-nav {
position : absolute;
width : 984px;
background : white;
z-index : 99999999999999;
padding : 0 34px;
min-height : 140px;
display : none;
left : -464px;
padding-top: 26px;
display : none !important;
>div {
border-top : 2px solid #05a25f;
width : 105.8%;
margin-left: -33px;
padding-top: 19px;
}
h1 {
font-size : 16px;
font-weight: 500;
line-height: 52px;
border-top : 1px solid #05a25f;
width : 1052px;
margin-left: -34px;
text-indent: -21px;
}
>div {
display : flex;
flex-wrap: wrap;
>ul {
flex : 0 0 25%;
margin-bottom: 5px;
}
}
ul {
h3 {
font-size : 16px;
margin-bottom: 6px;
}
li {
font-size: 12px;
margin : 6px 0;
a {
color : #828080 !important;
font-size: 13px !important;
}
}
}
}
nav {
position: relative !important;
overflow: inherit !important;
}
.product-center:hover .hide-nav {
display: block !important;
}
.nav-ul li:nth-child(2):hover ul {
display : flex !important;
flex : 0 0 15% !important;
text-align : center !important;
justify-content: center !important;
margin-top : 0 !important;
}
.nav-ul li:nth-child(6):hover ul {
margin-top: 0 !important;
}
.nav-ul li:nth-child(6):hover ul {
justify-content: center !important;
}
.nav-ul li:nth-child(2) .hide-nav>div {
justify-content: center !important;
}
.nav-ul li:nth-child(6) .hide-nav>div {
justify-content: center !important;
}
.nav-ul li:nth-child(2) .hide-nav {
position : absolute;
width : 637px !important;
background : white;
z-index : 99999999999999;
padding : 0 34px;
min-height : 140px;
display : none;
left : -288px !important;
padding-top: 26px;
}
.nav-ul li:nth-child(6) .hide-nav ul h3 {
flex: 0 0 13% !important;
}
.consulting {
position: fixed;
top : 20%;
display : none;
right : 0;
li {
width : 50px;
height : 42.5px;
position: relative;
cursor : pointer;
a {
display: block;
width : 50px;
height : 50px;
img {
display : block;
margin : auto;
// padding-top: 6px;
}
}
.ewm {
width : 210px;
position : absolute;
left : -210px;
top : 0;
display : none;
background: #ffffff;
p {
text-align : center;
color : rgb(0, 0, 0);
font-size : 14px;
font-family: "å¾®èÊY雅黑";
line-height: 30px;
margin : 15px 0px 0px;
}
.iBox1 {
overflow: hidden;
img:nth-child(1) {
display : block;
float : left;
margin-left: 20px;
}
img:nth-child(2) {
float : right;
display : block;
margin-right: 20px;
}
}
img {
display : block;
margin : auto;
margin-top : 10px;
margin-bottom: 15px;
}
}
}
}
.consulting li a img {
display : block;
margin : auto;
padding-top: 10px;
}
.consulting li .dhh {
width : 185px;
position : absolute;
left : -185px;
top : -50px;
height : 208px;
background: url(/app/index/pc_view/image/consultingImg.png) no-repeat center;
display : none;
p {
width : 140px;
font-family: "å¾®èÊY雅黑";
font-size : 14px;
color : rgb(124, 124, 124);
margin : 5px auto auto;
}
input,
textarea {
display : block;
width : 130px;
margin : auto;
border : none;
border-bottom: #000000 solid 1px;
outline : none;
margin-top : 10px;
font-family : inherit;
font-size : inherit;
line-height : inherit;
color : #aaaaaa;
padding : 4px 0;
}
button {
width : 50px;
height : 20px;
border : none;
background : #05a25f;
color : #ffffff;
border-radius: 5px;
float : right;
margin-top : 10px;
margin-right : 25px;
outline : none;
line-height : 23px;
}
}
.backTop {
float : right;
margin-right: 177px;
margin-top : -33px;
}
.socialLogo {
vertical-align: middle;
margin-right : 2px;
width : 28px;
height : 28px;
}
.yejiao {
vertical-align: middle;
margin-right : 2px;
width : 28px;
height : 28px;
position : absolute;
cursor : pointer;
}
.footerInfo {
position: relative;
width : 1200px;
margin : 0 auto;
.wechatEwm {
width : 97px;
height : 97px;
right : 247px;
position: absolute;
top : -68px;
display : none;
}
}
.xun {
width : 100px;
height : 100px;
/* width: 185px; */
position: absolute;
left : -107px;
top : 0px;
display : none;
}
.em:hover .xun {
display: block
}
.dh:hover .dhh {
display: block;
}
/*----------*/
.solution-container {
display : flex;
align-items : center;
justify-content: center;
box-shadow : 0px 2px 6px 0px rgba(110, 110, 110, 0.1);
.left,
.right {
cursor: pointer;
}
.left {
margin-right: 10px;
}
.right {
margin-left: 10px;
}
}
.solution-wrap {
//display :flex;
align-items : flex-start;
width : 1200px;
overflow-x : auto;
justify-content: center;
//box-shadow:0px 2px 6px 0px rgba(110,110,110,0.1);
.switchTab {
//width :1200px;
box-shadow : none;
justify-content: flex-start;
white-space : normal;
display : block;
width : 3000px;
transition : all .1s;
li {
// width : 106px;
/*margin :015px;*/
line-height : 55px;
height : 95%;
display : inline-block;
overflow : hidden;
text-overflow : ellipsis;
white-space : nowrap;
font-size : 14px;
}
}
&::-webkit-scrollbar {
display: none;
}
}
.classifyList li {
font-size: 15px !important;
}
.comcontul {
font-size: 15px !important;
}
.jieshao h3 {
display : flex;
flex-direction: column;
align-items : center;
img {
width : 60px;
height : 60px;
border-radius: 50%;
margin-bottom: 12px;
object-fit : cover;
}
}无码国产福利AV私拍|国产91熟女人2021|99久久99久久久精品齐齐综合色圆|国产农村一级毛卡片视频