*:before,
*:after,
*{
	margin: 0;
	padding: 0;
	/* font-family: Microsoft Yahei, arial, SimSun, Tahoma, Helvetica, STHeiti, sans-serif; */
	list-style: none;
	line-height: 1.5;
	transition-property: color, border-color,background-color;
   /* transition-duration:0.1s; */
    transition-timing-function:linear;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
input[type="button"], 
input[type="submit"], 
input[type="reset"] {
    -webkit-appearance: none;
}
input[type="submit"],
input[type="button"]{
     box-sizing:content-box;
}
input[type="button"], 
input[type="text"], 
input[type="submit"], 
input[type="reset"],
textarea {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
}
p{line-height: inherit;}
a {
	text-decoration: none;
	color: #ffffff;
}
body {
	background: #ffffff;
	color: #ffffff;
}
table {border-collapse: collapse;border-spacing: 0;}
th {font-weight: 400;}
img {border: 0;}
textarea,
select,
option,
input {outline: none;}
textarea{ resize:none;}
.clearBoth,
.clearboth {clear: both;}
.bordernone {border: none!important;}
.centerBox{width: 73%;margin: 0 auto; }
/* 字体 */
@font-face {
	font-family: 'Normal';
	src: url('https://simple-site.resources.dtuy.cn/demo01/Public/assest/font/SourceHanSansCN-Normal.otf');
}
body *{font-family: 'Normal';}
.centerBox:after,.part:after,.head{
	content:"";
	display:block;
	clear:both;
}
:root {
  --main-color-one: #c2fe06;
  --main-color-two: #00806E;
  --main-color-three: #002733;
}
/*头*/
header{background: linear-gradient(360deg, rgba(76,80,88,0) 0%, #2F3135 100%);position: fixed;z-index: 11;width: 100%;height: 100px;left: 0;top: 0;}
header:hover{background: #ffffffb3;border-bottom: 2px solid #00806E99;}
.head{height: 100%;padding: 0 7.5%;}
.head .logo{display: block;float: left;margin-top: 26px;overflow: hidden;height: 48px;line-height: 48px;}
.head .logo img{display: inline-block;vertical-align: middle;max-height: 48px;margin-top: -4px;max-width: 130px;}
header:hover .head .logo img{filter: drop-shadow(var(--main-color-two) 0 48px);transform: translateY(-48px);}
.head .menu{float: left;height: 100%;margin-left: 1.8vw;}
.head .menu ul,.head .menu ul li{height: 100%;}
.head .menu ul li{float: left;margin: 0 1.55vw;position: relative;line-height: 100px;font-size:0.88vw;}
.head .menu ul li .fir{display: inline-block;color: #ffffff;}
.head .menu ul li.active .fir{line-height: 92px;font-weight: bold; border-top: 4px solid var(--main-color-one);color: var(--main-color-one);}
header:hover .menu ul li .fir{color: var(--main-color-three);}
header:hover .menu ul li.active .fir{border-top: 4px solid var(--main-color-two);color: var(--main-color-two);}
.head .menu ul li:hover .fir{color: var(--main-color-two);font-weight: bold;}
.head .menu ul li .down{display: none; position: absolute;left: 50%;top: 100%;z-index: 9;width: 200px;margin-left: -100px;background-color: #ffffffb3;padding: 1.5vw;box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.84);border-radius: 10px;}
/* .head .menu ul li:hover .down{display: block;} */
.head .menu ul li .down .sec{display: block;color: var(--main-color-three);font-size: 0.73vw;}
.head .menu ul li .down .sec+.sec{margin-top: 10px;}
.head .menu ul li .down .sec:hover{text-decoration: underline;}
.language,.freeBtn,.search{float: right;}
.language{margin-top: 38px;position: relative;padding-bottom: 10px;}
.language .img{display: inline-block;height: 24px;vertical-align: middle;margin-top: -4px;}
.language i{font-size: 20px;color: var(--main-color-one);vertical-align: middle;margin-top: -4px;}
.language .name{display: inline-block;font-size: 0.73vw;cursor: pointer;margin-left: 5px;}
header:hover .language .name{color: var(--main-color-three);}
header:hover .language i{color: var(--main-color-two);}
.language .choice{display: none; position: absolute;right: 0;top: 100%;background-color: #ffffff;box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.84);padding: 15px;}
.language:hover .choice{display: block;}
.language .choice a{display: block;color: var(--main-color-three);font-size: 12px;}
.language .choice a+a{margin-top: 10px;}
.language .choice a:hover{text-decoration: underline;}
.search{overflow: hidden;margin-top: 35px;margin-left: 15px;display: flex;}
.search .inp{display: block;padding: 0 15px;font-size: 0.73vw;color: var(--main-color-three); width: 190px;height: 30px;border-radius: 15px;border: 1px solid var(--main-color-one);}
.search i{display: inline-block;font-size: 20px;width: 30px;line-height: 30px;cursor: pointer;text-align: center;margin-left: 10px;color: var(--main-color-one);}
header:hover .search .inp{border: 1px solid var(--main-color-two);}
header:hover .search i{color: var(--main-color-two);}
.freeBtn{line-height: 48px;width: 120px;text-align: center;background-color: var(--main-color-one);color: var(--main-color-three);border-radius: 16px;margin-top: 26px;margin-left: 3.125vw;cursor: pointer;}
header:hover .freeBtn{background-color: var(--main-color-three);color: var(--main-color-one);}
/*尾*/
footer{background: var(--main-color-three);padding:3.125% 12% 5%;}
.foot{overflow: hidden;padding-bottom: 3.5%;}
.foot .partOne{width: 28%;float: left;padding-right: 1%;}
.foot .partOne .logo{display: block;}
.foot .partOne .logo img{display: block;max-width: 100%;max-height: 50px;}
.foot .partOne .link{display: block;text-decoration: underline;font-size: 0.73vw;margin-top: 10px;color: #ffffffB3;}
.foot .partOne .link:hover{color: #ffffff;}
.foot .partOne .code{display: block;width: 110px;margin-top: 20px;}
.baoguo{width:65%;float: left;display:flex;display: -webkit-flex; flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;}
.foot .partTow{padding-right: 1%;margin-top: 50px;width:20%}
.foot .partTow .tit{font-size: 1.25vw;display: block;margin-bottom: 30px;font-family: "Bold";}
.foot .partTow .txt{display: block;margin-bottom: 10px;}
.foot .partTow a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;display: block;}
.foot .partTow a:hover{text-decoration: underline;}
.foot .partTow i{font-size: 12px;}
.foot .partThree{float: right;width: 50px;margin-top: 50px;}
.foot .partThree .bdsharebuttonbox{box-sizing: initial;}
.foot .partThree .bdsharebuttonbox a{height: 50px;padding-left: 50px;margin: 0 0 10px 0;display: inline-block;}
.foot .partThree .bdsharebuttonbox .bds_weixin{background-image: url('../image/i1.png');background-repeat: no-repeat;background-position: center;}
.foot .partThree .bdsharebuttonbox .bds_tsina{background-image: url('../image/i2.png');background-repeat: no-repeat;background-position: center;}
.foot .partThree .bdsharebuttonbox .bds_sqq{background-image: url('../image/i3.png');background-repeat: no-repeat;background-position: center;}
.friend{padding: 3% 0;border-top: 1px solid #707070;border-bottom: 1px solid #707070;overflow: hidden;}
.friend table{width: 100%;}
.friend .l{width: 70%;}
.friend .l a{display: inline-block;color: #F1F1F1D9;margin: 10px;}
.friend .l a:hover{text-decoration: underline;color: #ffffff;}
.friend .r{}
.friend .r img{display: inline-block;width: 36px;margin-right: 10px;vertical-align: middle;margin-top: -4px;}
.friend .r a{font-size: 0.9375vw;}
.friend .r a:hover{text-decoration: underline;}
.friend .r b{font-size: 1.145vw;}
.friend .r p{display: block;}
.friend .r p+p{margin-top: 1vw;}
.coptRight{text-align: center;font-size: 0.73vw;color: #ffffffB3;padding-top: 3.5%;}
.coptRight img{display: inline-block;height: 16px;margin-right: 5px;vertical-align: middle;margin-top: -4px;}
.coptRight span{display: inline-block;margin: 0 5px;}
.coptRight a{color: #ffffffB3;}
.coptRight a:hover{color: #ffffff;}
/* 公共 */
.part{margin: 3.125% 0;}
.common{margin-bottom: 3.125vw;}
.commonTitle{font-weight: bold;color: var(--main-color-two);font-size: 1.458vw;text-align: center;margin-bottom: 1vw;}
.commonDes{text-align: center;color: #817F7F;font-size: 1.04vw;}
/* 免费按钮 */
@keyframes gradientBG {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.free{width: 540px;line-height: 50px;display: none; position: fixed;z-index: 9;bottom: 10px;border-radius: 25px;text-shadow: 0px 1px 1px rgba(0,0,0,0.67);font-size: 18px;text-align: center;left: 50%;margin-left: -270px;cursor: pointer;background: linear-gradient(90deg, var(--main-color-three) 0%, var(--main-color-one) 100%);animation: gradientBG 2s ease infinite;-webkit-animation: gradientBG 2s ease infinite;}
.free:hover{background: linear-gradient(90deg, var(--main-color-three), var(--main-color-one), var(--main-color-three));animation: gradientBG 3s ease infinite;-webkit-animation: gradientBG 3s ease infinite;background-size: 200% 200%;}
/* 侧边栏 */
.sidebar{position: fixed;z-index: 10;right: 6px; bottom: 0;display: none;}
.sidebar ul{padding: 15px 0;background-color: var(--main-color-three);box-shadow: 0px 0px 6px 1px #FFFFFF80;border-radius: 50px 50px 0px 0px;}
.sidebar ul li{position: relative;padding: 0 10px;}
.sidebar ul li .img,.sidebar ul li .a{display: block;width: 58px;overflow: hidden;}
.sidebar ul li:hover .img{filter: drop-shadow(#ffffff 0 58px);transform: translateY(-58px);}
.sidebar .float{position: absolute;z-index: -1; right: -100%;transition: all .3s;opacity: 0; top: -15px;text-align: center; background-color: var(--main-color-three);box-shadow: 0px 0px 6px 1px #FFFFFF80;border-radius: 50px 0px 0px 50px;white-space: nowrap;padding: 30px 54px 30px 15px;}
.sidebar ul li:hover .float{right: 50%;transition: all .3s;opacity: 1;}
.sidebar .float p{font-size: 1.04vw;}
.sidebar .float b,.sidebar .float a{font-size: 1.04vw;}
.sidebar .float img{width: 100px;display: block;margin-top: 10px;}


/* 轮播图 */
.banner{position: relative;overflow: hidden;background-color: aliceblue;}
.banner .box{position: relative;}
.banner .img{display: block;width: 100%;}
.banner .content{position: absolute;top: 50%;z-index: 2; padding: 1.5%;width: 34%; background-color: #00806E8C;border-radius: 20px;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);transform:translateY(-50%);}
.banner .content.left{left: 10%;}
.banner .content.right{right: 10%;}
.banner .content.center{left: 50%;transform:translate(-50%,-50%);}
.banner .content .tit{font-size: 1.875vw;margin-bottom: 1vw;}
.banner .content .des{font-size: 0.83vw;margin-bottom: 1vw;text-align: justify;}
.banner .content .link{text-align: right;font-size: 0.73vw;}
.banner .link .s1{display: inline-block; border: 1px solid var(--main-color-one);border-radius: 12px;color: var(--main-color-one);line-height: 2.6vw;width: 6.4vw;text-align: center;box-shadow: 0px 1px 3px 1px rgba(2,60,23,0.54);}
.banner .link .s2{display: inline-block; border: 1px solid var(--main-color-one);border-radius: 12px;background-color: var(--main-color-one);color: var(--main-color-three);line-height: 2.6vw;width: 6.4vw;text-align: center;box-shadow: 0px 1px 3px 1px rgba(2,60,23,0.54);}
.banner .link a+a{margin-left: 15px;}
.banner .link .s1:hover{color: var(--main-color-one);background-color: var(--main-color-three);}
.banner .link .s2:hover{color: var(--main-color-one);background-color: var(--main-color-three);border: 1px solid var(--main-color-three);}

.banner .swiper-button-prev, .banner  .swiper-button-next{width:4.8vw;height: 4.8vw;overflow: hidden;}
.banner .swiper-button-prev:after,
.banner .swiper-button-next:after{display: none;}
.banner .swiper-button-prev{background-image: url('../image/left.png');background-repeat: no-repeat;background-size: 100% auto;background-position: center; left: 2%;bottom: 4%;top: auto;}
.banner .swiper-button-next{background-image: url('../image/right.png');background-repeat: no-repeat;background-size: 100% auto;right: 2%;bottom: 4%;top: auto;}
.banner .swiper-button-prev:hover:after,
.banner .swiper-button-next:hover:after{content: '';display: block; height: 100%;width: 100%;transform: translateX(-100%); background: inherit; filter: drop-shadow(4.8vw 0 0 var(--main-color-one));opacity: 1;}
.banner-pagination{position: absolute;display: block; width: 84% !important;left: 8% !important;bottom: 5% !important;z-index: 2;}
.banner-pagination li{width: 25%;float: left;padding: 0 10px;position: relative;cursor: pointer;}
.banner-pagination li .a{display: block; font-size: 0.73vw;color: #ffffff80;padding: 0 20px;position: relative;padding-top: 10px;} 
.banner-pagination li .a:before{content: '';display: block;position: absolute;z-index: 2; left: 0;top: 0; width: 100%;height: 5px;border-radius: 3px;background-color: #ffffff80;}
.banner-pagination li .a:after{content: '';display: block;position: absolute;z-index: 2; left: 0;top: 0; width: 0%;height: 5px;border-radius: 3px;background-color: #ffffff80;transition: all .3s;}
.banner-pagination li .b{font-size: 12px;color: var(--main-color-two);background-color: #FFFFFFBF;border-radius: 0 10px 0px 10px;padding: 15px;position: absolute;width: calc(100% - 20px);bottom: 110%;left: 10px;display: none;} 
.banner-pagination li:hover .a{color: #ffffff;}
.banner-pagination li:hover .a:after{background-color: #00806E80;width: 100%;transition: all 1s;}
.banner-pagination li:hover .b{display: block;}
.banner-pagination li.active .a:after{background-color: var(--main-color-one);animation: duration 8.5s infinite;}
.banner-pagination li.active .a{color: #ffffff;}
@keyframes duration {
    0% {
        width: 0;
    }
	100% {
	    width: 100%;
	}
}
.homeHero{position: absolute; bottom: 0; left: calc(50% - 25px);text-align: center; width: 50px;height: 40px;z-index: 3;cursor: pointer;}
.homeHero i{font-size: 30px;}

/* 切换 */
.switchBox{padding: 0 1.5625%;}
.switchName{border-bottom: 3px solid #EEEEEE;}
.switchName ul{display: inline-flex;justify-content: center;width: 100%;}
.switchName ul li{color: var(--main-color-three);font-weight: bold;font-size: 0.9375vw;margin: 0 1.8vw;cursor: pointer;position: relative;padding-bottom: 10px;}
.switchName ul li.about{color: #00273399;}
.switchName ul li:after{content: '';display: block;position: absolute;bottom: -3px;left: 0;height: 3px;background-color: var(--main-color-one);border-radius: 2px;transition: all .3s;width: 0;}
.switchName ul li.about.on{color: var(--main-color-three);}
.switchName ul li.on:after,.switchName ul li:hover:after{transition: all .3s;width: 100%;}
.switchName ul li img{display: inline-block;vertical-align: middle;margin-top: -4px;height: 28px;}
.switchConts{margin-top: 2.34vw;overflow: hidden;}
.switchConts ul{width: 71%;overflow: hidden;border-radius: 10px;margin: 0 auto;}
.switchConts ul.about{width: 74%;}
.switchConts ul li{width: 100%;position: relative;overflow: hidden;display: none;}
.switchConts ul li.on{display: block;}
.switchConts ul li .img{display: block;width: 100%;}
.switchConts ul li .content{position: absolute;bottom: 50%;right: 0;z-index: 9;width: 28%;transform: translateY(50%)}
.switchConts ul li .content.right{right: 5%;}
.switchConts ul li .content.left{left: 5%;}
.switchConts ul li .content .a{font-size:1.25vw;}
.switchConts ul li .content .b{font-size:0.9375vw;border-left: 2px solid var(--main-color-one);padding-left: 10px;margin: 1.5625vw 0 2.34vw;}
.switchConts ul li .content .b p:last-child{font-size:12px;}
.switchConts ul .content .line{height: 2px;background-color: var(--main-color-one);border-radius: 2px;width: 4vw;margin-top: 1vw;}
.switchConts ul.about .content{width: 50%;bottom: 8%;transform: translateY(0);}
.switchConts ul.about .content .a{font-size:1.875vw;font-weight: bold;}
.switchConts ul.about .content .b{border: 0;padding-left: 0;font-size:0.83vw;}
.switchConts ul li .content .c{font-size:0.73vw;text-align: right;}
.switchConts ul li .content.left .c{text-align: left;}
.switchConts ul li .content .c .s1{display: inline-block; border: 1px solid var(--main-color-one);border-radius: 12px;color: var(--main-color-one);line-height: 2.6vw;width: 6.4vw;text-align: center;box-shadow: 0px 1px 3px 1px rgba(2,60,23,0.54);}
.switchConts ul li .content .c .s2{display: inline-block; border: 1px solid var(--main-color-one);border-radius: 12px;background-color: var(--main-color-one);color: var(--main-color-three);line-height: 2.6vw;width: 6.4vw;text-align: center;box-shadow: 0px 1px 3px 1px rgba(2,60,23,0.54);}
.switchConts ul li .content .c a+a{margin-left: 15px;}
.switchConts ul li .content .c .s1:hover{color: var(--main-color-one);background-color: var(--main-color-two);}
.switchConts ul li .content .c .s2:hover{color: var(--main-color-one);background-color: var(--main-color-two);border: 1px solid var(--main-color-two);}
.switchConts .swiper-button-prev, .switchConts  .swiper-button-next{width:2.3vw;height: 2.3vw;overflow: hidden;}
.switchConts .swiper-button-prev:after,
.switchConts .swiper-button-next:after{display: none;}
.switchConts .swiper-button-prev{background-image: url('../image/left1.png');background-repeat: no-repeat;background-size: 100% auto;background-position: center; right: 10%;bottom: 5%;top: auto;left: auto;}
.switchConts .swiper-button-next{background-image: url('../image/right1.png');background-repeat: no-repeat;background-size: 100% auto;right: 5%;bottom: 5%;top: auto;}
.switchConts .swiper-button-prev:hover:after,
.switchConts .swiper-button-next:hover:after{content: '';display: block; height: 100%;width: 100%;transform: translateX(-100%); background: inherit; filter: drop-shadow(2.3vw 0 0 var(--main-color-one));opacity: 1;}

.certificate{padding: 0;}
.certificate .switchName{border-bottom: 0;}
.certificate .switchConts{margin: 0;background: var(--main-color-two);height: 30vw;padding: 0 20%;overflow: initial;margin-bottom: 5%;}
.certificate .switchName ul li:after{bottom: -4px;height: 8px;}
.certificate .switchConts .left{float: left;width: 47%;position: relative;}
.certificate .switchConts .right{float: right;width: 33%;transform: translateY(20%);}
.certificate .switchConts .right .sBox{overflow: hidden;position: relative;}
.certificate .switchConts ul{width: 100%;border-radius: 0;height: 100%;overflow: initial;}
.certificate .switchConts ul li{height: 100%;overflow: initial;}
.certificate .switchConts ul li .content{width: 100%;position: initial;transform: translateY(80%);}
.certificate .switchConts ul li .content .c{text-align: left;}
.certificate .switchConts ul li .content .c .s1:hover{background-color: var(--main-color-three);}
.certificate .switchConts ul li .content .c .s2:hover{background-color: var(--main-color-three);border: 1px solid var(--main-color-three);}
.certificate .switchConts .swiper-button-prev{right: -15%;bottom: 20%;}
.certificate .switchConts .swiper-button-next{right: -30%;bottom: 20%;}

/* 试用版本 */
.version{text-align: center;}
.version .list.else{width: 23%;}
.version .list{width: 17%;margin: 0 0.6%; display: inline-block;text-align: left;background-color: #F1F1F1;color:var(--main-color-three);padding: 20px;border-radius: 10px;}
.version .list:nth-child(4n+1){background-color: var(--main-color-one);}
.version .list:nth-child(2n){background-color: var(--main-color-two);color: #FFFFFF;}
.version .list:nth-child(4n){background-color: var(--main-color-three);color:var(--main-color-one);}
.version .list .c{color:var(--main-color-three);}
.version .list:nth-child(4n+1) .c{color:var(--main-color-three);}
.version .list:nth-child(3n) .c{color:var(--main-color-three);}
.version .list:nth-child(2n) .c{color:#ffffff;}
.version .list:nth-child(4n) .c{color:var(--main-color-one);}
.version .list span{border-color:var(--main-color-three);}
.version .list:nth-child(4n+1) span{border-color:var(--main-color-three);}
.version .list:nth-child(3n) span{border-color:var(--main-color-three);}
.version .list:nth-child(2n) span{border-color:#ffffff;}
.version .list:nth-child(4n) span{border-color:var(--main-color-one);}
.version .list .a{font-size: 1.458rem;margin-bottom: 10px;}
.version .list .b{font-size: 0.9375rem;line-height: 2;height: 16vw;overflow-y: auto;margin-bottom: 10px;}
.version .list .c{font-size: 0.73vw;text-align: right;display: block;}
.version .list span{width: 1.5vw;height: 1.5vw;line-height: 1.5vw;display: inline-flex;text-align: center;vertical-align: middle; border: 1px solid #ffffff;border-radius: 100%;overflow: hidden;transition: all .3s;}
.version .list i{line-height: inherit;}
.version .list i:first-child{transition: all .3s;transform: translateX(-150%);}
.version .list i:last-child{transition: all .3s;transform: translateX(-50%);}
.version .list .c:hover i:first-child{transform: translateX(50%);}
.version .list .c:hover i:last-child{transform: translateX(150%);}

/* 免费定制 */
.customization{width: 100%;height: 13vw;background-repeat: no-repeat;background-attachment: fixed;background-size: 100% auto;background-position: center;}
.customization .mask{background-color: #363636A8;width: 100%;height: 100%;text-align: center;padding-top: 3vw;}
.customization .mask p{font-size: 1.875vw;margin-bottom: 1.5625vw;display: block;}
.customization .mask a{margin: 0 20px;font-size: 0.73vw;display: inline-block;}
.customization .mask span{position: relative; border: 1px solid #ffffff;border-radius: 100%;width: 2vw;height: 2vw;line-height: 2vw;display: inline-block;text-align: center;}
.customization .mask a:hover span::after{content: "";position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;opacity: 0.1;background-color: #ffffff;border-radius: 100%; animation: breath .6s linear .5s infinite alternate;}
.customization .mask i{display: inline-block;transition: all .3s;}
.customization .mask a:hover i{transform:rotate(-45deg) translateX(5px);transition: all .3s;}
@keyframes breath{
	0%{opacity: 0.1;}
	100%{opacity: 0;}
}

/* 产品 */
#product{column-count: 3;column-gap: 0;}
#product .list{float: none;width: 85%;padding: 5%;margin: 0 0 5% 5%;height:100%;overflow:auto;}
.product{background-color: #00806E1A;width:73%;margin: 0 auto;overflow: hidden;border-radius: 10px 10px 10px 10px;}
.product .box{position: relative;}
.product .box::after{content: '';display: block;clear: both;}
.product .box .list{width: 30%;margin-left: 2.5%;margin-bottom: 2.5%;background-color: #ffffff;border-radius: 10px 10px 10px 10px;padding: 1.5%;overflow: hidden;float: left;}
.product .box .list .img{display: block;width: 100%;margin-bottom: 10px;height: 11.5vw;overflow: hidden;}
.product .box .list .img img{display: block;width: 100%;transform: translateY(-50%);top: 50%;position: relative;}
.product .box .list .tit{display: block;display: block;color: #2D2929;font-size: 0.9375vw;margin-bottom: 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.product .box .list .label{display: block;margin-bottom: 5px;}
.product .box .list .label span{background: var(--main-color-three);display: inline-block;border-radius: 18px;line-height: 1.5625vw;padding: 0 0.83vw; font-size: 0.78125vw;margin:0 10px 5px 0;}
.product .box .list .txt{margin-bottom: 10px;display: block;color: #817F7F;font-size: 0.83vw; height: 2.5vw;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.product .box .list .to{display: block;color: var(--main-color-three);text-decoration: underline;font-size: 0.73vw;float: right;}
.product .box .list .to:hover,.product .box .list .tit:hover{color: var(--main-color-two);}
/* .product .box .list:hover .label span{background: var(--main-color-two);} */
.more{display:block; background-color: var(--main-color-one);color: var(--main-color-three);line-height: 2vw;width: 6vw;text-align: center; border-radius: 10px 10px 10px 10px;box-shadow: 0px 1px 3px 1px rgba(2,60,23,0.54);float: right;margin-right: 2.5%;font-size: 0.73vw;}
.more:hover{background-color: var(--main-color-two);color: var(--main-color-one);}

/* 合作品牌 */
.Co-branding{border-top: 2px solid var(--main-color-three);}
.Co-branding .big{display: block;width: 100%;}
.Co-branding .lists{overflow: hidden;padding: 3.125% 9.6% 0;}
.Co-branding .lists .li{float: left;width: 23%;overflow: hidden;margin: 0 1% 1%;border-radius: 10px;height: 11vw;line-height: 11vw;text-align: center;}
.Co-branding .lists .li:nth-child(4n){margin-right: 0;}
.Co-branding .lists .li img{display: inline-block;max-width: 100%;max-height: 100%;vertical-align: middle;}
.Co-branding .lists .li:hover{box-shadow:0 3px 6px #00000029;}

/* 热门 */
.hot{width: 73%;margin: 0 auto;}
.hot .tabTit{}
.hot .tabTit ul{text-align: center;}
.hot .tabTit li{display: inline-block;position: relative;font-size: 1.875vw;font-weight: bold; margin: 0 25px;color: var(--main-color-three);cursor: pointer;}
.hot .tabTit li.on{color: var(--main-color-two);}
.hot .tabTit li.on:after{background-color: var(--main-color-two);width: 80%;height: 2px;border-radius: 2px;position: absolute;content: ''; top: 110%;left: 10%;}
.hot .tabConts{margin-top: 4%;}
.hot .tabConts ul{}
.hot .tabConts li{position: relative;overflow: hidden;display: none;}
.hot .tabConts li.on{display: block;}
.hot .tabConts .img{display: block;width: 100%;}
.hot .tabConts .link{position: absolute; bottom: 20%;width: 45%;}
.hot .tabConts .link.left{left: 5%;}
.hot .tabConts .link.right{right: 5%;}
.hot .tabConts .link .a{position: relative;font-size: 1.67vw;font-weight: bold;padding-bottom: 1.35vw;}
.hot .tabConts .link .a:after{content: '';display: block;background-color: var(--main-color-one);width: 80px;height: 2px;border-radius: 2px;position: absolute; left: 0;bottom: 0;}
.hot .tabConts .link .b {padding: 1.35vw 0;border-bottom: 1px solid #FFFFFF4D;}
.hot .tabConts .link .b a{display: inline-block;margin: 5px 20px 5px 0;position: relative;}
.hot .tabConts .link .b a:hover{color: var(--main-color-one);}
.hot .tabConts .link .b a:after{content: '';display: block;background-color: #ffffff;width: 1px;height:100%;position: absolute; right: -10px;top: 0;}

/* 新闻 */
.news{width: 83%;margin: 0 auto;}
.news .tabTit{}
.news .tabTit ul{text-align: center;}
.news .tabTit li{display: inline-block;position: relative;font-size: 1.875vw;font-weight: bold; margin: 0 25px;color: var(--main-color-three);cursor: pointer;}
.news .tabTit li.on{color: var(--main-color-two);}
.news .tabTit li.on:after{background-color: var(--main-color-two);width: 80%;height: 2px;border-radius: 2px;position: absolute;content: ''; top: 110%;left: 10%;}
.news .tabConts{margin-top: 3%;}
.news .tabConts ul{}
.news .tabConts li{position: relative;overflow: hidden;display: none;}
.news .tabConts li.on{display: block;}
.news .tabConts .label{text-align: center;margin-bottom:3%;}
.news .tabConts .label a{display: inline-block;background: var(--main-color-one);border-radius: 18px 18px 18px 18px;line-height: 1.6vw;padding: 0 1vw;color: var(--main-color-three);font-size: 0.73vw;margin: 0.5vw;}
.news .tabConts .label a:hover,.news .tabConts .label a.on{color: var(--main-color-one);background-color: var(--main-color-two);}
.news .tabConts .lists{overflow: hidden;padding: 10px;}
.news .tabConts .lists .li{display: block;width: 48%;float: left;background: #FFFFFF;padding: 10px 20px;margin-bottom: 4%;overflow: hidden;position: relative;border-radius: 10px 10px 10px 10px;box-shadow: 0px 0px 8px 1px rgba(77,77,77,0.6);}
.news .tabConts .lists .li:after{content: '';display: block;position: absolute;right: 0;top: 10%; width: 6px;height: 80%;border-radius: 3px;background-color: var(--main-color-two);transition: 0.3s;}
.news .tabConts .lists .li:hover .tit{color: var(--main-color-two);}
.news .tabConts .lists .li:hover:after{height: 100%;top: 0;transition: 0.3s;}
.news .tabConts .lists .li:nth-child(2n){float: right;}
.news .tabConts .lists .li .date{float: left;color: var(--main-color-two);}
.news .tabConts .lists .li .date b{font-size: 2.8vw;}
.news .tabConts .lists .li .date p{font-size: 0.73vw;}
.news .tabConts .lists .li .tit{margin-left: 4vw;color: var(--main-color-three);font-size: 1.04vw;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;margin-top: 10px;margin-bottom: 5px;}
.news .tabConts .lists .li .txt{margin-left: 4vw;color: #4D4D4D;font-size: 12px;text-align: justify;height: 54px;margin-bottom: 10px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow:ellipsis;}
.news .tabConts .more{float: none;margin: 0 auto 5px;}
.news .tabConts .newsSecond{}
.news .tabConts .newsSecond .newsLi{display: none;}
.news .tabConts .newsSecond .newsLi:first-child{display: block;}

/* 外网分享 */
.enShare{text-align: center;}
.enShare a{box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);margin: 0 10px;border-radius: 100%;display: inline-block;position: relative;}
.enShare img{border-radius: 100%;display: block;}
.enShare a:hover{box-shadow: 0px 0px 6px 1px var(--main-color-two);}
.enShare .popup{position: absolute;bottom: 120%;left: -50%;box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16);display: none;}
.enShare .popup img{border-radius: 4px;padding: 10px;background-color: #ffffff;max-width: 120px;}
.enShare a:hover .popup{display: block;}
/* 解决方案 */
.solution{background: var(--main-color-three);padding: 3.125% 0;}
.solution .commonTitle{color: #ffffff;}
.solution .commonDes{color: #f1f1f1CC;}
.solution .content{width: 28%;margin: 0 auto;position: relative;}
.solution .content .center{overflow: hidden;}
.solution .content .img{border-radius: 16px;overflow: hidden;}
.solution img,.solution video{width: 100%;display: block;}
.solution .content .des{font-size: 1.04vw;margin-top: 1vw;}
.solution .content .des p:last-child{font-size: 12px;}
.solution .swiper-button-prev, .solution  .swiper-button-next{width:2.3vw;height: 2.3vw;overflow: hidden;}
.solution .swiper-button-prev:after,
.solution .swiper-button-next:after{display: none;}
.solution .swiper-button-prev{background-image: url('../image/left1.png');background-repeat: no-repeat;background-size: 100% auto;background-position: center; right: -15%;bottom: 14%;top: auto;left: auto;}
.solution .swiper-button-next{background-image: url('../image/right1.png');background-repeat: no-repeat;background-size: 100% auto;right: -25%;bottom: 14%;top: auto;}
.solution .swiper-button-prev:hover:after,
.solution .swiper-button-next:hover:after{content: '';display: block; height: 100%;width: 100%;transform: translateX(-100%); background: inherit; filter: drop-shadow(2.3vw 0 0 var(--main-color-one));opacity: 1;}
.solution .more{position: absolute;right: -30%;bottom: 0%;}



/* 新闻列表 */
.banner .banImg{display: block;width: 100%;}
.breadcrumb{border-bottom: 2px solid #00273333;padding:1.5625% 19%;color: var(--main-color-three);font-size:1.458vw;}
.breadcrumb img{height:0.9375vw;vertical-align: middle;margin-top: -4px;}
.breadcrumb a{color:inherit;}
.breadcrumb a:hover{color: var(--main-color-two);}
.newsList{width:72%;margin:0 auto 6.25vw;min-height:43.85vw}
.newsList .li{padding: 5.8% 0;border-bottom: 1px solid #00273326;overflow: hidden;position: relative;}
.newsList .li .text{float: left;width: 57%;}
.newsList .li .text.all{width: 100%;}
.newsList .li .text .tit{font-size: 1.5625vw;color: #2D2D2D;display: block;margin-bottom: 1vw;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow:ellipsis;}
.newsList .li .text .des{font-size: 0.9375vw;color: #817F7F;margin-bottom: 1vw;
display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow:ellipsis;}
.newsList .li .text .other{}
.newsList .li .text .other .lab{display: inline-block;font-size: 0.83vw;color: var(--main-color-two);margin-right: 5px;}
.newsList .li .text .other .time{display: inline-block;font-size: 0.83vw;color: #2D2D2D;}
.newsList .li .img{float: right;width: 35%;display: block;}
.newsList .li .img img{display: block;width: 100%;border-radius: 16px;}
.newsList .li:before{content: ''; position: absolute;left: 0;bottom: 0; width: 0;height: 2px;background-color: var(--main-color-two);transition: all .5s;}
.newsList .li:after{content: ''; position: absolute;right: 0;bottom: 0; width: 0;height: 2px;background-color: var(--main-color-two);transition: all .5s;}
.newsList .li:hover:after,.newsList .li:hover:before{width: 100%;transition: all .5s;}
.newsList .li:hover .tit{color: var(--main-color-two);}
.pages{width: 73%;margin:2.8125vw  auto;color: #2D2D2D;text-align: center;}
.pages .current{background-color: var(--main-color-two);color: #ffffff;width:2vw;line-height: 2vw;border-radius: 8px;font-size: 0.83vw;display: inline-block;}
.pages .num{font-size: 0.83vw;color: #2D2D2D;width:1vw;line-height: 2vw;display: inline-block;margin: 0 10px;}
.pages .next,.pages .prev{font-size: 0.83vw;color: #2D2D2D;}
.pages .next:hover,.pages .prev:hover{color: var(--main-color-two);}


/* 产品列表 */
.product{min-height: 30vw;}
.product .box .list{transition: all .3s;}
.product .box .list:hover{transform:translateY(-10px);transition: all .3s;}

/* 新闻详情 */
.detailsBox.noDirectory{width: 62.5%;}
.detailsBox.noDirectory .toc{display:none;}
.detailsBox.noDirectory .left{width: 77.5%;float: left;margin-left: 0;}
.detailsBox{width: 73%;margin: 0 auto;position: relative;}
.detailsBox::after{content: '';display: block;clear: both;}
.detailsBox .left{width: 55%;float: left;margin-left: 2.5%;}
.detailsBox .left .title{font-size: 1.5625vw;color: #2D2D2D;border-bottom: 2px solid #00273333;padding-bottom: 2%;text-align: center;font-weight: bold;}
.detailsBox .left .other{font-size: 0.73vw;color: var(--main-color-three);padding: 10px;}
.detailsBox .left .other p{display: inline-block;}
.detailsBox .left .ad{margin: 4% 10px;}
.detailsBox .left .ad img{display: block;width: 100%;}
.detailsBox .left .details{padding: 0 10px;color: #817F7F;font-size: 0.83vw;line-height: 2;min-height: 30vw;margin-bottom: 6%;}
.detailsBox .left .details img{display: block;max-width: 100%;height: auto !important;margin: 5px 0;}
.detailsBox .left .keywordBox{overflow: hidden;}
.detailsBox .left .keywordBox .l{float: left;max-width: 70%;padding: 10px;}
.detailsBox .left .keywordBox .li{font-size: 0.73vw;display: block;color: var(--main-color-two);}
.detailsBox .left .keywordBox .li .tags{color: var(--main-color-three);}
.detailsBox .left .keywordBox .li .tags:hover{text-decoration: underline;}
.detailsBox .left .keywordBox .r{float: right;margin-top: 12px;}
.detailsBox .left .keywordBox .bdsharebuttonbox{color: var(--main-color-three);}
.detailsBox .left .keywordBox .bdsharebuttonbox span{font-size: 0.73vw;display: block;float: left;line-height: 40px;}
.detailsBox .left .keywordBox .bdsharebuttonbox a{height: 40px;padding-left: 40px;margin: 0 0 0 10px;display: inline-block;}
.detailsBox .left .keywordBox .bdsharebuttonbox .bds_weixin{background-image: url('../image/i4.png');background-repeat: no-repeat;background-position: center;}
.detailsBox .left .keywordBox .bdsharebuttonbox .bds_tsina{background-image: url('../image/i5.png');background-repeat: no-repeat;background-position: center;}
.detailsBox .left .keywordBox .bdsharebuttonbox .bds_sqq{background-image: url('../image/i6.png');background-repeat: no-repeat;background-position: center;}
.flip{padding: 10px;border-top: 2px solid #00273333;overflow: hidden;}
.flip .li{display: block;width: 50%;float: left;font-size: 0.83vw;}
.flip .li:last-child{text-align: right;}
.flip .li b{color: #817F7F;}
.flip .li a{color: #817F7F;}
.flip .li:hover a{color: var(--main-color-two);}
.detailsBox .right{margin-left: 80%;position: sticky;top: 100px;}
.stop{position: sticky;top: 100px;left: 0;display: block;}
.detailsBox .right .title{color: var(--main-color-two);font-size: 1.25vw;border-left: 2px solid var(--main-color-two);margin-bottom: 1.45vw;padding-left: 12px;font-weight: bold;}
.detailsBox .right .lists{border: 1px solid #00806E80;border-radius: 16px;padding: 15px;}
.detailsBox .right .lists .img{display: block;border-radius: 10px;overflow: hidden;margin-bottom: 15px;}
.detailsBox .right .lists .img img{display: block;width: 100%;}
.detailsBox .right .lists .tit{background-color: #00273317;padding: 10px;border-radius: 10px;}
.detailsBox .right .lists .tit a{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size: 0.73vw;color: var(--main-color-three);}
.detailsBox .right .lists .tit a:hover{color: var(--main-color-two);}
.detailsBox .right .lists .tit a+a{margin-top: 10px;}

.common .line{height: 2px;background-color: var(--main-color-three);border-radius: 2px;width: 90%;margin:0 auto;}
#recommend{margin: 0 30px;padding-bottom: 5%;}
#recommend .list{width: 100%;margin: 0;padding: 15px;}
.product .swiper-pagination{bottom: 0 !important;line-height: 1;}
.product .swiper-pagination-bullet{background: var(--main-color-three);opacity: 0.5;}
.product .swiper-pagination-bullet-active{background: var(--main-color-three);opacity: 1;}
.product .swiper-pagination-bullet{width: 30px;height: 4px;border-radius: 0;}
.product .swiper-button-prev, .product  .swiper-button-next{width:2.3vw;height: 2.3vw;overflow: hidden;}
.product .swiper-button-prev:after,
.product .swiper-button-next:after{display: none;}
.product .swiper-button-prev{background-image: url('../image/left1.png');background-repeat: no-repeat;background-size: 100% auto;background-position: center; right: 80px;bottom: -2%;top: auto;left: auto;}
.product .swiper-button-next{background-image: url('../image/right1.png');background-repeat: no-repeat;background-size: 100% auto;right: 30px;bottom: -2%;top: auto;}
.product .swiper-button-prev:hover:after,
.product .swiper-button-next:hover:after{content: '';display: block; height: 100%;width: 100%;transform: translateX(-100%); background: inherit; filter: drop-shadow(2.3vw 0 0 var(--main-color-two));opacity: 1;}

/* 立即联系 */
.contactNow{background-color: var(--main-color-three);padding:0 13.5%;overflow: hidden;}
.contactNow .left{width: 59%;}
.contactNow .right{width: 32%;font-size: 0;}
.contactNow .center .right{text-align: right;}
.contactNow .part{padding: 2% 0 2% 2% ;overflow: hidden;}
.contactNow .center{border: 2px solid var(--main-color-one);border-radius: 16px;}
.contactNow .a{font-size: 1.875vw;margin-bottom: 3%;}
.contactNow .b{font-size: 2.1875vw;margin-bottom: 1%;line-height: 1.2;}
.contactNow .c{font-size: 1vw;}
.contactNow .ty1{border: 1px solid var(--main-color-one);color: var(--main-color-one);font-size: 1.25vw; border-radius: 10px;display: inline-block;width: 100%;line-height: 4vw;padding: 0 5%;}
.contactNow .ty1:hover{background-color: var(--main-color-two);}
.contactNow .ty2{color: var(--main-color-three);background-color: var(--main-color-one); font-size: 1.25vw; border-radius: 10px;display: inline-block;width: 100%;line-height: 4vw;padding: 0 5%;margin-top: 5%;}
.contactNow .ty2:hover{background-color: var(--main-color-two);color: var(--main-color-one);}
.contactNow i{float: right;line-height: inherit;}
.contactNow .ty3{border-radius: 16px;border: 1px solid #FFFFFF;background-color: var(--main-color-two);display: inline-block;text-align: center;width: 25%;margin: 0 4%;height: 5.5vw;line-height: 5.5vw;}
.contactNow .ty3 img{display: block;height: 2vw;margin: 0 auto;margin-bottom: 5px;}
.contactNow .ty3 span{font-size: 0.73vw;}
.contactNow .ty3 p{display: inline-block;vertical-align: middle;line-height: 0;}
.contactNow .ty3:hover{background-color: var(--main-color-three);}
.contactNow+.contactNow .part{margin-top: 0;}
.contactNow table{width: 100%;}


/* 产品详情 */
.productDetails{}
.productDetails .top{}
.productDetails .title{font-weight: bold;color: var(--main-color-two);font-size: 1.5625vw;text-align: center;}
.productDetails .img{margin: 2% auto;width: 68%;border-radius: 16px;overflow: hidden;}
.productDetails .img img{display: block;width: 100%;}
.productDetails .label{margin: 0 auto;width: 68%;}
.productDetails .label span{background: var(--main-color-three);display: inline-block;border-radius: 18px;line-height: 1.5625vw;padding: 0 0.83vw; font-size: 0.78125vw;margin-right: 10px;}
.productDetails .des{margin: 2% auto;width: 68%;color: var(--main-color-two);border-left: 2px solid var(--main-color-two);font-size: 0.9375vw;padding: 10px;}
.productDetails .bottom{}
.productDetails .bottom .desTit{background-color: var(--main-color-three);padding: 2%;text-align: center;position: relative;}
.productDetails .bottom .desTit p{font-weight: bold;font-size: 1.5625vw;}
.productDetails .bottom .desTit .homeHero{}
.productDetails .details{width: 62.5%;margin: 3% auto; color: #817F7F;font-size: 0.83vw;line-height: 2;min-height: 30vw;}
.productDetails .details img{display: block;max-width: 100%;height: auto !important;margin: 5px 0;}
.productDetails .flip{width: 62.5%;margin: 0 auto;}


.editBox{color: #2D2D2D;}


/* 新闻目录 */
.directory{position: sticky;left: 0%;top: 100px;width: 20%;}
.directoryBig{background-color: rgb(255, 255, 255);box-shadow: rgba(18, 18, 18, 0.2) 0px 1px 3px;border-radius: 4px;font-size: 0.93vw;color: var(--main-color-three);padding: 0.5vw;margin: 1vw 0 1vw;}
.directoryBig span{display: inline-block;background-color: rgb(248, 248, 250);font-size: 12px;padding: 0 6px;border-radius: 4px;cursor: pointer;float: right;line-height: 1vw;margin-top: 0.3vw;}
.directoryTitle{font-size: 0.73vw;padding: 0 0.5vw;position: relative;}
.directoryTitle ul{position: relative;display: block;}
.directoryTitle ul::after{content: '';display: block;position: absolute;left: 0;top: 0;height: 100%;width: 1px;background-color:#cdcdcd;z-index: -1;margin-left: 2px;}
.directoryTitle ul li{position: relative;display: block;}
.directoryTitle ul a{padding: 0 2px; display: block;color: var(--main-color-three);margin-bottom: 0.5vw;position: relative;line-height: 1.5vw;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.directoryTitle ul li.current a{color: var(--main-color-two);}
.directoryTitle ul li::after{display: block;content: '';position: absolute;left: 0;top: 50%;margin-top: -2.5px; background-color: var(--main-color-three);width:5px;height: 5px;border-radius: 100%;}
.directoryTitle ul li.current::after{background-color: var(--main-color-two);}
.directoryTitle ul a:hover::before{background: rgb(235, 236, 237);display: block;content: '';position: absolute;left: 0%;top: 0;width: 100%;height: 100%;border-radius: 4px;z-index: -1;}
.directoryTitle ul .d1{padding-left: 1vw;}
.directoryTitle ul .d2{padding-left: 1.25vw;}
.directoryTitle ul .d3{padding-left: 1.5vw;}
.directoryTitle ul .d4{padding-left: 1.75vw;}
.directoryTitle ul .d5{padding-left: 2vw;}
.directoryTitle ul li[catalog] {padding-left: calc(var(--level) * 10px) ;}
.abc{background-color: #e7e7e7;padding: 0 20px;}


#app {}
.container {}
.toc {width: 20%;float: left;}
.dir {position: relative;box-sizing: border-box;}
#toc { margin: 0; padding-left: 1vw;box-sizing: border-box; }
.sider {width: 2px;height: 100%;background: #eee;position: absolute;left: 0;top: 0;border-radius: 10px;margin: auto;bottom: 0;}
.siderbar {display: flex;width: 100%;height: 20px;line-height: 2;background: var(--main-color-two);transition: all 0.1s;}
#toc li{line-height: 30px; box-sizing: border-box;list-style: none;}
#toc a{color: #333;text-decoration: none;font-size: 0.83vw;}
.li-1{padding-left: 0vw;}
.li-2{padding-left: 0.5vw;}
.li-3{ padding-left: 1vw;}
.li-4{padding-left: 1.5vw;}
.li-5{padding-left: 2vw;}
.li-6{padding-left: 2.5vw;}
.li-active{color: var(--main-color-two) !important;}


/* 产品列表2 */
.productTwo{overflow: hidden;min-height: 200px;}
.productTwo .list{padding: 5% 11.5%;overflow: hidden;}
.productTwo .list:nth-child(2n){background-color: #00806E20;}
.productTwo .list .text{float: left;width: 40%;}
.productTwo .list:nth-child(2n) .text{float: right;}
.productTwo .list .tit{color: #2D2D2D;font-size: 1.875vw;font-weight: bold;display: block;margin-bottom: 5%;}
.productTwo .list .des{color: #2D2D2D;font-size: 0.9375vw;margin-bottom: 5%;padding-left: 20px;position: relative;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow:ellipsis;}
.productTwo .list .des::after{position: absolute;content: '';display: block;left: 0;top: 0.5vw; width: 6px;height: 6px;background: var(--main-color-two);}
.productTwo .list .to{display:block; background-color: var(--main-color-one);color: var(--main-color-three);line-height: 2vw;width: 6vw;text-align: center; border-radius: 10px 10px 10px 10px;box-shadow: 0px 1px 3px 1px rgba(174,174,183,0.91);font-size: 0.73vw;}
.productTwo .list .to:hover{background-color: var(--main-color-two);color: var(--main-color-one);}
.productTwo .list .label{color: var(--main-color-two);font-size: 0.83vw;margin-top: 5%;}
.productTwo .list .label span{display: inline-block;margin: 0 10px 10px 0;}
.productTwo .list .label a{display: inline-block;margin: 0 10px 10px 0;color:inherit;}
.productTwo .list .img{position: relative;float: right;width: 45%;box-shadow: 0px 3px 6px 1px rgba(174,174,183,0.91);border-radius: 8px;padding: 10%;background: #F8F9FB;padding: 3.5%;}
.productTwo .list:nth-child(2n) .img{float: left;}
.productTwo .list .img img{display: block;width: 100%;border-radius: 8px;}
.productTwo .list .img::before{position: absolute;content: '';display: block; padding:5%; left: -5%;top: 10%;background: linear-gradient( 270deg, #00806E20 0%, var(--main-color-two) 100%);border-radius: 4px;}
.productTwo .list .img::after{position: absolute;content: '';display: block;padding:3.5%; right: -3.5%;bottom: 15%;background: linear-gradient( 270deg, var(--main-color-one) 0%, #C2FE0620 100%);border-radius: 4px;}

.details table{margin: 0 auto;}