.banner{width: 100%; position: relative;}
.banner .container{top: 50%;left: 50%;transform: translate(-50%, -50%);position: absolute;}
.banner .container dl{color: #ffffff;font-size: 40px;font-weight: 700;line-height: 1;}
.banner .container dd{color: #ffffff;font-size: 20px; font-weight: 400;line-height: 1.5;padding-top: 30px;}
.banner img{width: 100%; display: block;}

@media (max-width: 1200px) {
	.banner .info{top: 20%;position: absolute;width: 100%;text-align: center;}
	.banner .info dl{font-size: 16px;font-weight: 700;color: #ffffff;}
	.banner .info dd{font-size: 12px;padding-top: 30px;color: #ffffff;}
}

/*产品列表*/
.product{ background: linear-gradient(178.9deg, #010719 23.97%, #000726 63.38%, #070A13 73.34%); padding-bottom: 40px; }
.product_list{ overflow:hidden; padding:30px;}
.product_list ul{width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;}
.product_list ul li{width:49%;margin-right: 2%; box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.25);margin-bottom: 30px; border-radius:10px; overflow: hidden;background: linear-gradient(0deg, #02103B, #02103B);border: 1px solid rgba(255, 255, 255, 0.06);transition: .25s ease; }
.product_list ul li:hover{transform: translateY(-6px);box-shadow: 0 12px 28px rgba(0, 0, 0, 0.4);border:1px solid #0F8052;}
.product_list ul li:nth-child(2n){margin-right: 0;}
.product_list ul li .pic{width: 100%;}
.product_list ul li .pic img{ width:100%;display: block;}
.product_list ul li .info{width: 100%; padding:20px;}
.product_list ul li .info h4{ font-size:18px;font-weight:700;color: #ffffff;}
.product_list ul li .info p{ font-size:14px;color: #ffffff; padding-top: 20px;}
.product_list ul li .info dt{color: #0F8052;font-size: 12px; line-height: 1; padding-top: 10px;display: flex; align-items: center;}
.product_list ul li .info dt img{width: 7px;display: block;margin-left: 5px;}


.product .more{display: flex; justify-content: center;align-items: center;cursor:pointer }
.product .more div{border: 1px solid #0F8052; color: #0F8052;font-size: 16px;display: flex; justify-content: center;align-items: center;border-radius: 40px; padding:10px 40px;transition: .25s;}
.product .more div span{margin-left: 5px;transition: transform .25s;}
.product .more div:hover{background: #0F8052;color: #0A1628;transform: translateY(3px);}
@media (max-width: 1200px) {
	.product_list{ overflow:hidden; padding:20px;}
	.product_list ul li{width:100%;margin-right:0;margin-bottom: 20px;overflow: hidden; }
	.product_list ul li .info{padding:10px;text-align: center;}
	.product_list ul li .info h4{ font-size:16px;}
	.product_list ul li .info p{ font-size:12px;padding-top: 10px;}
	.product_list ul li .info dt{justify-content: center;}
	.product .more div{border: 1px solid #0F8052; color: #0F8052;font-size: 12px;display: flex; justify-content: center;align-items: center;border-radius: 40px; padding:10px 30px;}
	.product .more div img{width: 12px;display: block;margin-left: 5px;}
}

/*产品详情页*/
.banner_show{width: 100%; position: relative;}
.banner_show .container{top: 50%;left: 50%;transform: translate(-50%, -50%);position: absolute; padding-left: 65px;}
.banner_show .container dl{color: #ffffff;font-size: 40px;font-weight: 700;line-height: 1;}
.banner_show .container dd{color: #ffffff;font-size: 18px; font-weight: 400;line-height: 1.5;padding-top: 50px;}
.banner_show img{width: 100%; display: block;}

@media (max-width: 1200px) {
	.banner_show .info{position: absolute;width: 100%;bottom: 35px; padding-left: 40px; padding-right: 40px;}
	.banner_show .info dl{font-size: 16px;font-weight: 700;color: #ffffff;text-align: center;}
	.banner_show .info dd{font-size: 12px;padding-top:20px;color: #ffffff;line-height: 1.6;}
}
.product_show{ background: linear-gradient(178.9deg, #010719 23.97%, #000726 63.38%, #070A13 73.34%); padding-bottom: 40px; }
.product_show .box1{padding:50px 50px;}
.product_show .box1 .title{color: #D5DADF;font-size: 18px; line-height: 1; font-weight: 700;position: relative; padding-left: 15px;}
.product_show .box1 .title:after{width: 6px;height: 100%; background:#0F8052;content: ""; position: absolute; top:0;left:0; border-radius: 10px;}
.product_show .box1 .info{width: 100%; font-size: 14px; line-height: 1.6; color: #D5DADF; margin-top: 30px;}
.product_show .box1 .info img{max-width: 100%; display: block;}


.product_show .box6{padding:50px 50px;padding-bottom: 0;}
.product_show .box6 .title1{color: #D5DADF;font-size: 18px; line-height: 1; font-weight: 700;position: relative; padding-left: 15px;}
.product_show .box6 .title1:after{width: 6px;height: 100%; background:#0F8052;content: ""; position: absolute; top:0;left:0; border-radius: 10px;}
.product_show .box6 ul{width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; padding-top: 30px;}
.product_show .box6 .card{width: 32%; margin-right: 2%; margin-bottom: 30px;perspective: 1100px; }
.product_show .box6 .card:nth-child(3n){margin-right: 0;}
.product_show .box6 .card:hover .inner, .product_show .box6 .card.is-on .inner { transform: rotateY(180deg); }
.product_show .box6 .card:hover .front::after, .product_show .box6 .card.is-on .front::after {border-color: transparent rgba(46, 230, 124, .3) transparent transparent;}
/*翻转节奏*/
.card:hover .front .info, .card.is-on .front .info { opacity: 0; transition-delay: .08s; }
.card:hover .front .title, .card.is-on .front .title { opacity: 0; transition-delay: .08s; }
.card:hover .back .head, .card.is-on .back .head { opacity: 1; transform: translateY(0); }
.card:hover .back .desc, .card.is-on .back .desc { opacity: 1; transform: translateY(0); }
.card:hover .back .foot, .card.is-on .back .foot { opacity: 1; }
.card .inner {width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.4,.1,.2,1);}
.card .face {position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:14px;overflow:hidden;}
/*正面*/
.card .front {background: linear-gradient(172.3deg, #0C1328 10.11%, #0B1329 94.04%);box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.3); border-radius: 10px;padding:30px 40px;border:1px solid rgba(255,255,255,.08);display:flex; justify-content:space-between;flex-direction:column;position: relative;height: 210px;}
.card:hover .front::after,.card.is-on .front::after {border-color:transparent rgba(46,230,124,.3) transparent transparent;}
.card .front .title {}
.card .front .title div{padding:8px 20px;border:1px solid #0F8052;border-radius:20px;background:rgba(40, 181, 107, 0.1);color:#0F8052;font-size:16px;transition:opacity .22s ease .05s;display: inline-block;}
.card .front .info {transition:opacity .22s ease .05s;}
.card .front .info .f1 {font-size:17px;font-weight:700;letter-spacing:1px;color: #ffffff;}
.card .front .info .f2 {color:rgba(154,164,176,.72);font-size:10px;letter-spacing:3px;margin-top:10px;}

/*背面*/
.back {transform:rotateY(180deg);background: linear-gradient(144.26deg, #0D2F1A 10.1%, #031309 71.5%);border:1px solid rgba(46,230,124,.35);display:flex;flex-direction:column;justify-content:space-between;padding:30px 40px;height: 210px;}
.back .head{position:relative;opacity:0;transform:translateY(8px);transition:opacity .3s ease .3s,transform .3s ease .3s;color: #0F8052;font-size: 17px;padding-left: 10px;font-weight:600;line-height: 1;}
.back .head:after{width:3px;height:17px;background: #0F8052; content: ""; position: absolute;left: 0; top: 2px;}
.back .desc {position:relative;color:rgba(255, 255, 255, 0.7);font-size:12px;line-height:1.95;opacity:0;transform:translateY(12px);transition:opacity .38s ease .36s,transform .38s ease .36s;font-weight: 300;}
.back .foot {position:relative;font-size:10px;letter-spacing:3px;color:rgba(154,164,176,.42);opacity:0;transition:opacity .38s ease .42s;}
.card .front .number,.card .back .number{position: absolute; right: 20px; top: 15px;color:rgba(40, 181, 107, 0.1);font-size: 60px;line-height: 1;}





.product_show .box2{padding:50px 50px;}
.product_show .box2 .title{color: #D5DADF;font-size: 18px; line-height: 1; font-weight: 700;position: relative; padding-left: 15px;}
.product_show .box2 .title:after{width: 6px;height: 100%; background:#0F8052;content: ""; position: absolute; top:0;left:0; border-radius: 10px;}
.product_show .box2 .exp{color: #D5DADF;font-size: 14px; line-height: 1; margin-top: 30px;}
.product_show .box2 ul{width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; padding-top: 30px;}
.product_show .box2 ul li{width: 23%; margin-right: 2.66666%;border: 1px solid rgba(40, 181, 107, 0.6); border-radius: 10px; overflow:hidden;display: flex; justify-content: center;align-items: center;background: linear-gradient(172.3deg, #030E2D 10.11%, #000616 94.04%);}
.product_show .box2 ul li:last-child{margin-right: 0;}
.product_show .box2 ul li .info{padding:40px 0;text-align: center;}
.product_show .box2 ul li .info dl{color: #0F8052;font-weight: 300;font-size: 12px;line-height: 1;}
.product_show .box2 ul li .info dd{font-size: 18px;color: #D5DADF;font-weight: 700;line-height: 1; padding-top: 10px;}

.product_show .box3{padding:50px 50px;}
.product_show .box3 .title{color: #D5DADF;font-size: 18px; line-height: 1; font-weight: 700;position: relative; padding-left: 15px;}
.product_show .box3 .title:after{width: 6px;height: 100%; background:#0F8052;content: ""; position: absolute; top:0;left:0; border-radius: 10px;}
.product_show .box3 .info{width: 100%; border:1px solid rgba(255,255,255,0.1); margin-top: 30px; border-radius: 18px;overflow: hidden;}
.product_show .box3 .info .small_title{display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;width: 100%;color: #0F8052;font-size: 14px;background: rgba(13, 19, 30, 1); padding-top: 20px; padding-bottom: 20px;}
.product_show .box3 .info .small_title dl{width: 300px; padding-left: 40px;}
.product_show .box3 .info .small_title dd{width: calc(100% - 300px);}

.product_show .box3 .info ul{width: 100%;font-size: 16px;}
.product_show .box3 .info ul li{display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;width: 100%;color: #0F8052;font-size: 14px;background: rgba(8, 10, 14, 1); padding-top: 20px; padding-bottom: 20px; border-top: 1px solid rgba(255,255,255,0.1); }
.product_show .box3 .info ul li:nth-child(2n){background: rgba(11, 13, 18, 1);}
.product_show .box3 .info ul li:hover{background: rgba(26, 44, 34, 1);}
.product_show .box3 .info ul li dl{width: 300px; padding-left: 40px;color: #8795A3;}
.product_show .box3 .info ul li dd{width: calc(100% - 300px);color: #D5DADF;}

@media (max-width: 1200px) {
	.product_show .box1{padding:20px;}
	.product_show .box1 .title{color: #D5DADF;font-size: 16px;}
	

	.product_show .box6_m{padding:10px;}
	.product_show .box6_m .title1{color: #D5DADF;font-size: 16px; line-height: 1; font-weight: 700;position: relative; padding-left: 15px;margin-bottom: 30px;margin-top: 20px;}
	.product_show .box6_m .title1:after{width: 6px;height: 100%; background:#0F8052;content: ""; position: absolute; top:0;left:0; border-radius: 10px;}
	.product_show .box6_m ul{padding:20px 10px;width: 100%;margin-bottom:15px;background: linear-gradient(90deg, #060E1F 0%, #191A32 100%);border: 1px solid rgba(40, 181, 107, 0.25);border-radius: 12px;}
	.product_show .box6_m ul .title{width: 100%;display:flex; justify-content:space-between; margin-bottom: 15px;}
	.product_show .box6_m ul .title dl{color: #ffffff;font-size: 17px;font-weight: 700;position: relative;padding-left: 15px;line-height: 1;border-radius: 10px;}
	.product_show .box6_m ul .title dl:after{position: absolute; content: ""; width: 5px; height: 100%; background: #0F8052; left: 0; top: 0;}
	.product_show .box6_m ul .title dl span{color: #0F8052;padding-right: 5px;}
	.product_show .box6_m ul .title dd{background: rgba(40, 181, 107, 0.1);color: #0F8052;font-size: 12px;display: flex; justify-content: center;align-items: center;padding-left: 10px; padding-right: 10px; border-radius: 40px;}
	.product_show .box6_m ul li{width: 100%; position: relative; color: #9CA3AF;font-size: 12px;padding-bottom: 8px;line-height: 1.6;}
	.product_show .box6_m ul li:last-child{padding-bottom: 0;}


	.product_show .box2{padding:20px;}
	.product_show .box2 .title{color: #D5DADF;font-size: 16px;}
	.product_show .box2 .exp{color: #D5DADF;font-size: 14px; line-height: 1.6; margin-top: 20px;}
	.product_show .box2 ul{width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; padding-top: 30px;}
	.product_show .box2 ul li{width: 100%; margin-right: 0;margin-bottom: 20px;}

	.product_show .box3{padding:20px;}
	.product_show .box3 .title{color: #D5DADF;font-size: 16px; }

	.product_show .box3 .info .small_title dl{width: 120px; padding-left: 20px;}
	.product_show .box3 .info .small_title dd{width: calc(100% - 120px);}

	.product_show .box3 .info ul li dl{width: 120px; padding-left: 20px;display: flex;align-items: center;}
	.product_show .box3 .info ul li dd{width: calc(100% - 120px);}
}