:root {
    --swiper-navigation-sides-offset: 72px;
    --swiper-navigation-color: #FFF;
    --swiper-pagination-right: 25PX;
    --swiper-pagination-left: AUTO;
    --swiper-pagination-color: #FFF;
    --swiper-pagination-bullet-vertical-gap: 15px;
    --swiper-pagination-bullet-size: 14px;
}
div.navbar {
    display: flex;
    align-items: center;
    height: 6vw;
    width: 79vw;
}
div.breadcrumb-box{

display: block;

margin: 0 auto;

width: 79vw;

height: 1.3vw;

margin-bottom: 10px;

font-size: 1vw;
}
div.breadcrumb-box>ol.breadcrumb{
    display: flex;
    width: 69vw;
    float: left;
}
div.breadcrumb-box>ol.breadcrumb li{
}

div.breadcrumb-box>ol.breadcrumb li+li:before {
    content: "»\00a0";
    padding: 0 8px;
    color: #ccc;
}
ol.breadcrumb a,div.breadcrumb a:link{
    color: #838383;
    font-weight: 800;
}
/* 导航条 */
.a-1219455567{margin: 0px 5px 0px 0px;padding:0px;outline:none;text-decoration:none;cursor:pointer;display:inline-block;height: 2.7vw;line-height: 3vw;width: 6vw;text-align:center;font-size: 1vw;float:left;position:relative;}
.div-1357284583{margin:0px auto;padding:0px;outline:none;height: 3vw;line-height: 3vw;overflow:hidden;}
.a-1995325336{margin: 0px 5px 0px 0px;padding: 0px;outline:none;text-decoration:none;cursor:pointer;display:inline-block;height: 2.7vw;line-height: 3vw;width: 6vw;text-align:center;font-size: 1vw;float:left;position:relative;background: #8bc34a14;border-bottom: 1px solid #4CAF50;}
.a-1995325336:hover{background: #8bc34a14;border-bottom: 1px solid #4CAF50;}
.div-2052353408{margin: 0px 20px;padding:0px;outline:none;height: 3vw;}
.a-1219455567:hover{background: #8bc34a14;border-bottom: 1px solid #4CAF50;}
#main-swiper {
    width:100%;
    height: 100%;
    overflow:hidden;
    position:relative;
}
#banner{
    width:100%;
    height: 100%;
    overflow:hidden;
    position:relative;
}
.swiper-container {
    width: 100%;
    height: 100%;
    position:absolute;
}
.swiper-slide img.full {
    width:100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.swiper-slide .detail{
    top: 0;
    right: 0;
    position:absolute;
    width: 55%;
    bottom:0;
    color: #ffffff;
    height: 100%;
    background: #00000099;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.swiper-slide-active .detail{
    opacity:1;
}

.swiper-slide .detail text{font-size: 1.3vw;}
.swiper-slide .detail h3{
    font-size: 2vw;
    font-weight: bold;
    color: #ffffff;
}
.swiper-slide .detail p{
    font-size: 1.2vw;
    line-height: 1.6vw;
}

.swiper-pagination{
bottom:35px;
right:250px;
}
.swiper-pagination-bullet{width:20px;height:20px;background:#fff;margin:0 5px;}

#about {
    width: 100%;
    height: 100%;
    background: url('/public/images/about.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}
#about div.title{
    width:100%;
    text-align: center;
    color: #FFF;
    font-size: 2vw;
    margin-bottom: 20px;
    font-weight: bold;
}
#about div.title>text{
    font-size: 1.2vw;
    text-decoration-line: underline;
    font-weight: 100;
    margin-top: 1vw;
    display: block;
}
#about>div.box{

display: flex;

justify-content: space-around;

align-items: flex-start;

flex-wrap: wrap;

width: 75%;
}
#about div.about-cp{

margin-top: 20px;
}
#about div.about-cp h3{
    
color: #FFF;
    
font-size: 1.6vw;
    
padding: 5px 0;
    
margin-bottom: 10px;
    
border-bottom-width: 1px;
    
border-bottom-style: dashed;
    
border-bottom-color: rgba(255, 255, 255, 0.65);
}
#about div.about-cp p{
    
line-height: 1.5vw;
    
color: #FFF;
    
font-size: 1.1vw;
}
#about div.about-ys{}
#about div.about-ys h3{
    font-size: 1.5vw;
    color: #FFF;
}
#about div.about-ys p{
    font-size: 1.1vw;
    line-height: 1.2vw;
    color: #EFEFEF;
    padding-left: 2vw;
}
#about div.about-ys ul{
    margin-top: 20px;
}
#about div.about-ys ul>li{
    line-height: 3vw;
    padding-bottom: 0.5vw;
}

#field {
    
width: 100%;
    
height: 100%;
    
display: flex;
    
justify-content: center;
    
align-items: flex-start;
}

#field div.box{

display: flex;

justify-content: center;

align-items: flex-start;

flex-wrap: wrap;

height: 65%;
margin-top: 6vw;
}

div.top-title{
    
font-size: 2vw;
    
color: #333;
    
text-align: center;
    
width: 100%;
    
font-weight: bold;
    
margin-bottom: 2vw;
}
div.top-title>text{
    
font-size: 1.2vw;
    
text-decoration-line: underline;
    
font-weight: 100;
    
margin-top: 1vw;
    
display: block;
}
#field div.use-box-swiper{
    width: 80%;
    height: 80%;
    overflow: hidden;
}

#field div.use-swiper {
    background-size: cover;
    background-position: center;
}
#field div.swiper-slide{
}
#field div.swiper-slide-active{
}

#field div.swiper-thumbs{
    display: block;
    width: 80%;
    height: 5vw;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
}
#field div.swiper-thumbs div.swiper-slide{

opacity: 0.2;

margin-right: 0.5vw;
}
#field div.swiper-thumbs div.swiper-slide-thumb-active{

opacity: 1;
}

#field div.swiper-thumbs div.desc{
    position: absolute;
    background-color: #0000009e;
    color: #FFF;
    width: 100%;
    font-size: 1vw;
    text-align: center;
    bottom: 0;
}

#field div.box-4ge {display: flex;flex-wrap: wrap;width: 85%;height: 60%;justify-content: space-around;padding: 3vw 4vw 4vw 4vw;border-radius: 15px;}
#field div.box-4ge>div {
    width: 40%;
    line-height: 2vw;
    padding: 1vw;
}
#field div.box-4ge>div>h3 {font-size: 1.5vw;margin-bottom: 1.2vw;}
#field div.box-4ge>div>h3>i {font-size: 1.4vw;padding-right: 1vw;}

#field div.box-4ge>div>p {font-size: 1.1vw;line-height: 2.5vw;}

div.products-box-swiper {
    width: 60%;
    height: 75%;
    overflow: hidden;
}

div.products-data {
    display: flex;
    align-items: flex-start;
    overflow: hidden;
}
div.products-data>div>h3 {
    font-size: 1.8vw;
    margin-bottom: 2vw;
    font-style: italic;
}
div.products-data>div>p {
    font-size: 1vw;
    padding-right: 3vw;
}
div.products-data>img {
    width: 20%;
    border-radius: 10px;
    padding: 5px;
    float: right;
}
div.products-data-attr {
    display: flex;
    flex-wrap: wrap;
    margin: 0.5vw 2vw 1vw;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    align-items: center;
    border-radius: 13px;
}
div.products-data-attr>div {width: 33.33%;/* height: 5vw; */display: flex;flex-direction: column;align-items: center;font-size: 1.2vw;padding: 1vw 0px;}
div.products-data-attr>div>text {
    color: #4CAF50;
    width: 100%;
    text-align: center;
    /* padding-bottom: 0.5vw; */
    /* border-bottom-width: 1px; */
    /* border-bottom-style: dashed; */
    /* border-bottom-color: #333; */
}
div.products-data-attr>div>span {
    font-size: 1.1vw;
    /* margin-top: 0.5vw; */
}

div.company{
    
display: flex;
    
width: 100%;
    
justify-content: center;
    
align-items: flex-start;
}

div.company-cp{
    
line-height: 3vw;
    
font-size: 1.1vw;
margin-top:2vw;
}
div.st3 {
    background-image: url('/public/images/5ddd1c7c4e7861574771836527.jpg');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

body {
    background-image: url('/public/images/5c8867dacb270.jpg');
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

/* 形状 */
.polygon {
    display: block;
    background: #03c100;
    position: absolute;
    top: 0px;
    left: -0.25vw;
    width: 4vw;
    aspect-ratio: 1;
    clip-path: polygon(100% 50%,50% 100%,0% 50%,50% 0%,100% 50%,calc(50% - 0px) calc(0% - -5px),calc(0% - -5px) calc(50% - 0px),calc(50% - 0px) calc(100% - 5px),calc(100% - 5px) calc(50% - 0px),calc(50% - 0px) calc(0% - -5px));
}

div.company-cp h3 {
    font-size: 2vw;
}

div.footer {
    text-align: center;
    padding: 1vw 0;
    background-color: rgba(0,0,0,.5);
    color: #FFF;
    line-height: 2vw;
    font-size: 0.8vw;
    display: block;
    width: 100%;
}

div.company-cp p {
    display: inline-block;
    align-items: center;
    line-height: 1.6vw;
    padding: 0.5vw 0px;
}

div.company-cp p>img {
    padding-right: 10px;
    display:inline;
}

div.footer a:hover{
    color:#FFF;
}

div.footer a:link{
    color:#FFF;
}

div.company-ys{
    width: 100%;
}

div.company-ys iframe {
    width: 95%;
    height: 20vw;
    border: 0;
    margin-top: 2vw;
}

div.content{
    padding:  2vw;
    line-height: 3vw;
    background: rgba(255, 255, 255, 0.65);
    font-size: 1.5vw;
    width: 75vw;
    display: block;
    margin: 0 auto;
    margin-bottom: 2vw;
    min-height: 600px;
    overflow: hidden;
}
div.content img{
    /* width: 40%!important; */
    padding: 10px;
}
div.content p{
    font-size: 1.2vw!important;
}

div.news-tit{
    background:url('/public/images/AD0ItaSJCBAEGAAgivTn2AUo6Nnu7gEwsAk4fQ.jpg');
    height: 11vw;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 2px solid #CCC;
    padding-left: 25%;
}

div.news-tit h3{
    
width: auto;
    
display: block;
    
text-align: right;
    
color: #FFF;
    
font-size: 2.5vw;
    
font-weight: 100;
}

div.news-tit h3>text{
    font-size: 1vw;
    color: #FFF;
    font-weight: 100;
}

div.news-list {
    display: flex;
    flex-direction: column;
}

div.news-list div.new-s {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2vw;
    background-color: rgb(233 233 233 / 56%);
}

div.news-list div.new-s div.img {
}

div.news-list div.new-s div.img>img {
    width: 15vw;
    padding: 0;
    height: 13vw;
}

div.news-list div.cont {
    padding: 1vw 2vw;
    width: 100%;
    color: #666;
}

div.news-cont-title {
    font-size: 1.5vw;
    font-weight: 800;
    line-height: 1.5vw;
}

div.news-cont-desc {
    font-size: 1.1vw;
    line-height: 1.8vw;
    height: 3.8vw;
    overflow: hidden;
}

div.news-cont-attr {
    font-size: 1.1vw;
    line-height: 2.4;
}

div.news-cont-attr span {
    font-size: 1vw;
}

div.news-cont-attr text {
    float: right;
    background: #4caf50;
    color: #FFF;
    padding: 0 15px;
    margin-right: 20px;
    font-size: 1vw;
}

div.product-box {
    display: flex;
    flex-direction: column;
}

div.product-box-right {
    display: flex;
    margin-bottom: 3vw;
    justify-content: flex-start;
    border-bottom: 1px solid #eee;
}

div.product-box-left {
    display: flex;
    margin-bottom: 5vw;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
}

img {}

div.product-box-right img {
    width: 25%;
    padding-right: 4vw;
    height: fit-content;
}

div.product-box-left img {
    width: 30%;
    height: fit-content;
    padding-left: 4vw;
}

div.product-box-right>div div.attr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 20px 0;
    justify-content: flex-start;
    border-radius: 14px;
    background: url('/public/images/attrBg.png');
    background-position: top left;
    background-repeat: no-repeat;
    padding-top: 50px;
    width: 100%;
    background-color: #FFF;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

div.product-box-right>div div.attr>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 33%;
    line-height: 2vw;
    margin-bottom: 1vw;
}

div.product-box-right>div div.attr>div>text {
    color: #4CAF50;
    font-size: 1.2vw;
}

div.product-box-right>div div.attr>div>span {
    font-size: 1vw;
    color: #333;
}

div.product-box-left>div div.attr {display: flex;flex-direction: row;flex-wrap: wrap;margin: 20px 0;justify-content: flex-start;border-radius: 14px;background: url(/public/images/attrBg.png);background-position: top left;background-repeat: no-repeat;padding-top: 50px;width: 100%;background-color: #FFF;box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);}

div.product-box-left>div div.attr>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 33%;
    line-height: 2vw;
    margin-bottom: 1vw;
}

div.product-box-left>div div.attr>div>text {
    color: #4CAF50;
    font-size: 1.2vw;
}

div.product-box-left>div div.attr>div>span {
    font-size: 1vw;
    color: #333;
}

div.product-box-right>div p {
    line-height: 2vw;
    height: 4vw;
    color: #333;
    overflow: hidden;
}

div.product-box-left>div p {
    line-height: 2vw;
    height: 4vw;
    color: #333;
    overflow: hidden;
}

div.news-list div.new-s:hover div.img img{transition:all 0.5s ease 0s;transform:scale(1.1);}
div.news-list div.new-s:hover div.news-cont-attr text{transition:all 0.5s ease 0s;transform:scale(1.1);}
div.product-box-right:hover img.zoom{transition:all 0.5s ease 0s;transform:scale(1.1);}
div.product-box-left:hover img.zoom{transition:all 0.5s ease 0s;transform:scale(1.1);}

div.article-content strong{
    color: #000;
    font-size: 1.5vw;
    border-bottom: 3px solid #4CAF50;
}
div.article-content img {
    /* width: 50% !important; */
    display: block;
    margin: 0 auto;
}

div.article-content span.time {
    font-size: 1.2vw;
    margin-bottom: 1vw;
    display: block;
}

div.product-box-body {
    font-size: 1.3vw;
    line-height: 2vw;
}

h3 {}

div.product-box span.time {
    font-size: 1.2vw;
    text-align: right;
    display: block;
    color: #999;
}

/* 右下角浮动 */
div.dao{
    position: fixed;
    bottom: 1vw;
    right: 0.4vw;
    background-color: #FFF;
    z-index: 99;
    padding: 10px 0;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    align-items: center;
}

div.dao a {
    text-align: center;
    line-height: 1vw;
    border-bottom: 1px solid #e9e9e9;
    display: block;
    width: 9vw;
    padding: 10px 0;
    font-size: 0.9vw;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
div.dao a,div.dao a:link{
    color:#333;
}
div.dao a>text{
    font-size: 1vw;
}
div.dao a>text {
    display: none;
    padding-top: 0.3vw;
}
div.dao a:hover>* {
    display: inline-block;
}
div.dao text {
    padding-top: 1vw;
    display: flex;
    align-items: center;
    flex-direction: row;
    font-size: 1vw;
}

div.dao div.ercode {
    text-align: center;
    line-height: 1vw;
    border-bottom: 1px solid #e9e9e9;
    display: block;
    width: 9vw;
    padding: 10px 0;
    font-size: 0.9vw;
}

div.no-body{
    display: flex;
    min-height: 70vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
div.no-body h2{
    color: #03A9F4;
}
div.no-body h3{
    color: #4CAF50;
}
div.no-body text{}

div.article-content a,div.article-content a:link {
    color: #333;
}

div.article-content iframe {
    border: 0;
    min-width: 100%;
    min-height: 55vh;
}

div.hauto {
    height: auto!important;
}

#customers {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	width:100%;
	border-collapse:collapse;
}
#customers td, #customers th {
	font-size: 1.2vw;
    padding: 3px 7px 2px 7px;
    /*line-height: 3.2vw;*/
}
#customers th {
	font-size:1.1em;
	text-align:left;
	padding-top:5px;
	padding-bottom:4px;
	background-color:#A7C942;
	color:#ffffff;
}
#customers tr.alt td {
	height: 3.2vw;
}