#articleInfoTop{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
#articleInfoTop >div{width:calc(50% - 20px)}
#articleInfoTop .box{overflow:hidden;position:relative;margin:20px 0;height:400px}
#articleInfoTop .box:last-child{height:auto}
#articleInfoTop .box h2{font-size:55px}
#articleInfoTop .box h2 a{margin:0 0 0 30px;vertical-align:middle;background-image:linear-gradient(134deg,#FF74F1 0%,#005787 72%);color:#fff}
#articleInfoTop .box p{font-size:18px;margin-top:20px}
#articleInfoTop .right{display:flex;flex-wrap:wrap;justify-content:space-between}
#articleInfoTop .right .box{width:calc(50% - 20px);height:320px}
#articleInfoTop .right .box:first-child{width:100%}
#articleInfoTop .right .box:first-child h3{color:#fff}
#articleInfoTop .right .box h3{color:#323232}
#articleInfoTop .box .img_scale{border-radius:30px;overflow:hidden;height:100%}
#articleInfoTop .box .img_scale img{width:100%;height:100%;object-fit:cover}
#articleInfoTop .box .tt{position:absolute;top:30px;left:30px}
#articleInfoTop .box h3{font-size:35px}
#articleInfoTop .box a{background:#fff;color:#312e2e;display:inline-block;padding:10px 30px;border-radius:25px;margin-top:15px;font-weight:400}
#articleInfoAdvantage ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background:#333;margin:30px 0;padding:40px 0;border-radius:30px}
#articleInfoAdvantage ul li{width:calc(100%/3)}
#articleInfoAdvantage ul li .item{padding:20px 30px;display:flex;flex-direction:column;align-items:center}
#articleInfoAdvantage ul li .item .circle{position:relative;margin:0 auto 15px}
#articleInfoAdvantage ul li .item .circle svg{fill:#f4a132;width:50px;height:50px}
#articleInfoAdvantage ul li .item:hover .circle{animation:flipInX 1.5s both;-webkit-animation:flipInX 1.5s both;animation-duration:1s;-webkit-animation-duration:1s}
@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}
40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}
60%{transform:perspective(400px) rotateX(10deg);opacity:1}
80%{transform:perspective(400px) rotateX(-5deg)}
to{transform:perspective(400px)}
}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotateX(-5deg)}
to{-webkit-transform:perspective(400px)}
}#articleInfoAdvantage ul li .item p{text-align:center;font-size:20px;color:#f4a132;font-weight:500}
#articleInfoAdvantage ul li .item article{text-align:center;margin-top:20px}
#articleInfo7{position:relative}
#articleInfo7 .bg{background-attachment:fixed;background-repeat:repeat-x;background-position:50% 50%;background-size:contain;padding:60px 0;text-align:center;border-radius:30px;position:relative;overflow:hidden}
#articleInfo7 .bg b{position:relative;z-index:2;font-size:60px;font-weight:600}
#articleInfo7 .bg:after{content:'';background-image:linear-gradient(158deg,#f4a232 0%,#F229AF 100%);width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;opacity:.7}
#articleInfo7 .boxinfo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin:50px 0}
#articleInfo7 .photoBox{width:50%;height:500px;overflow:hidden}
#articleInfo7 .photoBox img{width:100%;height:100%;object-fit:cover}
#articleInfo7 .photoBox:hover img{opacity:0.7;-webkit-transform:scale(0.98);transform:scale(0.98)}
#articleInfo7 .info{width:45%}
#articleInfo7 .info h3{position:relative;margin-bottom:30px;font-size:45px;color:#fff}
#articleInfo7 .info p{font-size:18px;animation-name:fadeInRight;-webkit-animation-name:fadeInRight;text-align:justify;font-weight:300;line-height:200%}
#articleInfo7 .info article{margin:30px 0 10px 20px;line-height:180%;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#articleInfoBottom .bg{background-attachment:fixed;background-repeat:repeat-x;background-position:50% 50%;background-size:contain;padding:60px 0;text-align:center;border-radius:30px;position:relative;overflow:hidden}
#articleInfoBottom .bg b{position:relative;z-index:2;font-size:60px;font-weight:600}
#articleInfoBottom .bg:after{content:'';background-image:linear-gradient(158deg,#005787 0%,#F229AF 100%);width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;opacity:.7}
#productTabs .tabs{margin:25px 0;border-bottom:1px solid rgb(255 255 255 / 10%)}
#productTabs .tabs li a{padding:15px;border-bottom:3px solid rgb(244 161 50 / 0%)}
#productTabs .tabs li.active a{border-bottom:3px solid #f4a132;color:#f4a132}
#productTabs .tab_content{display:flex;flex-wrap:wrap}
#productTabs .tab_content >div{margin:10px 20px 10px 0;width:calc((100%/3) - 15px);height:350px}
#productTabs .tab_content >div a{display:block}
#productTabs .tab_content >div a img{height:350px;width:100%;object-fit:cover}
#productTabs .tab_content >div:nth-child(3n){margin-right:0}

@media screen and (max-width:1280px){
	#articleInfoTop .box h3{font-size:30px}
}
@media screen and (max-width:768px){
	#articleInfoTop >div, #articleInfo7 .photoBox{width:100%;}
	#articleInfo7 .info{width:100%;margin-top:20px;}
	#productTabs .tab_content {justify-content: space-between;}
	#productTabs .tab_content >div, #productTabs .tab_content >div:nth-child(3n){margin: 10px 0;width: calc((100%/2) - 10px);}
}
@media screen and (max-width:480px){
	#articleInfoTop .box h2{font-size:40px;}
	#articleInfoTop .box h2 a{margin:0;}
	#articleInfoTop .right .box{width:100%;margin: 10px 0;}
	#articleInfoAdvantage ul li{width:100%;}
	#articleInfoAdvantage ul li .item article{font-size: 14px;}
	#articleInfo7 .bg b, #articleInfoBottom .bg b{font-size: 35px;}
	#articleInfo7 .info h3{font-size: 30px;}
	#articleInfo7 .photoBox{height:250px;}
	#productTabs .tab_content >div a img, #productTabs .tab_content >div{height: 150px;}
	#productTabs .tab_content >div, #productTabs .tab_content >div:nth-child(3n){width: calc((100%/2) - 5px);margin: 5px 0;}
}