section.producthead{position:relative; background:; color:;}
section.producthead a{color:;}
section.producthead:before{position:absolute; right:0; top:0; bottom:0; width:45.5%; content:''; background:rgb(248,248,248);}
section.producthead>article{position:relative; z-index:8; width:1920px;}
section.producthead .photo{width:55%; float:left; position:relative; margin:48px 0;}
section.producthead .photo>.img{}
section.producthead .photo>.img img{display:block; margin:0 auto;}
section.producthead .photo>.more{padding:0 68px 0 18%; margin-left:38px;}
section.producthead .photo>.more img{display:block; margin:0 auto; border-radius:3px;}
section.producthead .photo>.images{position:absolute; left:0; top:0; bottom:0; width:18%; overflow:hidden;}
section.producthead .photo>.images>ul{height:10000%;}
section.producthead .photo>.images>ul>li{padding:0 0 18px 0;}
section.producthead .photo>.images>ul>li:last-child{padding:0;}
section.producthead .photo>.images>ul>li>a{display:block; width:100%; position:relative;}
section.producthead .photo>.images>ul>li>a:before{position:absolute; content:''; border-radius:3px; top:0; right:0; bottom:0; left:0; z-index:8; opacity:0; transition:.28s; border:3px solid rgb(228,28,58);}
section.producthead .photo>.images>ul>li>a>img{display:block; width:100%; border:1px solid #d8d8d8; border-radius:3px; object-fit:cover;}
section.producthead .photo>.images>ul>li.on>a:before{opacity:1;}
section.producthead .text{width:45%; float:left; padding:38px 0 38px 48px;}
section.producthead .text>h1{font-size:28px; font-weight:bold;}
section.producthead .text>.top{margin-bottom:28px; padding-bottom:18px; border-bottom:4px solid rgb(228,28,58); color:rgb(133,133,133);}
section.producthead .text>.top>b{font-weight:inherit;}
section.producthead .text>.top>i{font-style:inherit; margin-right:18px;} 
section.producthead .text>p{display:block; margin-bottom:28px; white-space:pre-line;}
section.producthead .text>u{display:block; text-decoration:none; font-weight:bold; margin-bottom:28px; font-size:17px; color:red;}
section.producthead .text>dfn{display:block; font-style:normal; margin-bottom:38px;}
section.producthead .text>dfn>dl{display:table; margin:6px 0;}
section.producthead .text>dfn>dl>dt{display:table-cell; white-space:nowrap; position:relative; padding-left:18px; color:rgb(133,133,133);}
section.producthead .text>dfn>dl>dt:before{position:absolute; top:50%; left:0; margin-top:-2px; width:8px; height:4px; content:''; border-radius:3px; background-color:#b8b8b8; background:rgb(133,133,133);}
section.producthead .text>dfn>dl>dd{display:table-cell;}
section.producthead .text>div.tag{margin-bottom:38px;}
section.producthead .text>div.tag a{display:inline-block; margin-right:12px; padding:4px 12px; border-radius:3px; background:#fff; color:rgb(133,133,133);}
section.producthead .text>div.tag a:hover{color:#fff; background:rgb(228,28,58);}
section.producthead .text>dir{padding-top:18px; border-top:1px solid #d8d8d8;}
section.producthead .text>dir:after{display:block; content:''; clear:both;}
section.producthead .text>dir>dl{margin-top:8px;}
section.producthead .text>dir>dl:after{display:block; content:''; clear:both;}
section.producthead .text>dir>dl>dt{float:left; margin-right:8px; opacity:.88;}
section.producthead .text>dir>dl>dt b{font-weight:inherit;}
section.producthead .text>dir>dl>dd{float:left;}
section.producthead .text>dir>dl>dd i{font-style:inherit;} 
@media(max-width:1200px){
section.producthead:before{display:none;}
section.producthead .photo{width:100%; max-width:700px; float:none; margin:48px auto 0 auto;}
section.producthead .photo>.more{display:none;}
section.producthead .photo>.images{position:relative; left:0; top:0; bottom:0; width:100%; overflow:hidden;}
section.producthead .photo>.images>ul{height:auto; width:10000%;}
section.producthead .photo>.images>ul:after{display:block; content:''; clear:both;}
section.producthead .photo>.images>ul>li{padding:0; width:1%; float:left;}
section.producthead .photo>.images>ul>li>a:before{display:none;}
section.producthead .photo>.images>ul>li>a>img{border:none;}
section.producthead .photo>.images>ol{text-align:center; margin-top:18px;}
section.producthead .photo>.images>ol>li{display:inline-block; width:12px; height:12px; margin:0 8px; border-radius:18px; background:rgb(33,33,33);}
section.producthead .photo>.images>ol>li.active{background:rgb(228,28,58);}
section.producthead .text{width:100%; float:none; padding:38px 0;}
section.producthead .text>div.tag a{background:#f8f8f8;}
}
@media(max-width:767px){
section.producthead .photo{margin:18px 0 0;}
section.producthead .text>h1{font-size:22px;}
section.producthead .photo>.images>ol{margin-top:4px;}
section.producthead .photo>.images>ol>li{width:8px; height:8px; margin:0 4px;}
section.producthead .text{padding:18px 0;}
section.producthead .text>.top{margin-bottom:18px; padding-bottom:8px; font-size:13px;}
section.producthead .text>p,
section.producthead .text>dfn,
section.producthead .text>div.tag{margin-bottom:18px;}
}



section.productcontent{background:; color:;}
section.productcontent a{color:;}
section.productcontent>div>article{width:1920px;}
section.productcontent .tabs{border-bottom:1px solid #d8d8d8; border-top:6px solid rgb(228,28,58);} 
section.productcontent .tabs ul{font-size:0; white-space:nowrap; position:relative; overflow:auto; text-align:center}
section.productcontent .tabs ul[number="1"]{text-align:left;}
section.productcontent .tabs ul>li{position:relative; z-index:1; cursor:pointer; display:inline-block; margin-left:88px; transition:.28s;}
section.productcontent .tabs ul>li:first-child{margin-left:0;}
section.productcontent .tabs ul>li:hover,
section.productcontent .tabs ul>li.on{color:rgb(228,28,58);}
section.productcontent .tabs ul>li h2{font-weight:bold; padding:28px 0;}
section.productcontent .detail{text-align:center;}
section.productcontent .detail aside{display:none; padding:48px 0; text-align:left;}
section.productcontent .detail aside.on{display:inline-block;}
@media(max-width:1200px){
section.productcontent .tabs ul>li{margin-left:38px;}
section.productcontent .tabs ul>li h2{padding:22px 0;}
section.productcontent .detail aside{padding:28px 0;}
}
@media(max-width:767px){
section.productcontent .tabs ul>li h2{padding:16px 0; font-size:18px;}
section.productcontent .tabs ul>li{margin-left:18px;}
section.productcontent .detail aside{padding:18px 0;}
}



section.productrecom{padding:38px 0; overflow:hidden; position:relative; background:rgb(51,51,51); color:rgb(255,255,255);}
section.productrecom a{color:rgb(255,255,255);}
section.productrecom:before{position:absolute; top:0; left:8%; font-size:228px; white-space:nowrap; line-height:1; font-weight:bolder; font-family:Arial Black; content:'RECOMMEND'; color:rgb(61,61,61);}
section.productrecom:hover:before{animation:4s bgftcolor infinite; -webkit-animation:4s bgftcolor infinite;}
section.productrecom>article{position:relative; z-index:8; width:1920px;}
section.productrecom .title{padding-bottom:18px;}
section.productrecom .title>b{display:block; font-size:36px; color:rgb(228,28,58);} 
section.productrecom .list{}
section.productrecom .list>dfn{display:block; font-style:normal; overflow:hidden; margin:0 -18px;}
section.productrecom .list>dfn>ul{ }
section.productrecom .list>dfn>ul:after{display:block; content:''; clear:both;}
section.productrecom .list>dfn>ul>li{float:left; width:25%; padding:18px;}
section.productrecom .list>dfn>ul>li>a{}
section.productrecom .list>dfn>ul>li>a>u{display:block;}
section.productrecom .list>dfn>ul>li>a>u>img{display:block; width:100%;}
section.productrecom .list>dfn>ul>li>a>h3{display:block; text-align:center; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:18px;}
section.productrecom .list>dfn>ul>li>a>b{display:block; color:red; text-align:center; }
@media(max-width:1200px){
section.productrecom:before{top:28px; font-size:128px;}
}
@media(max-width:992px){
section.productrecom:before{font-size:92px;}
section.productrecom .list>dfn>ul>li{width:50%;}
}
@media(max-width:767px){
section.productrecom{padding:18px 0;}
section.productrecom:before{font-size:46px;}
section.productrecom .title{padding-bottom:8px;}
section.productrecom .title>b{font-size:28px;} 
section.productrecom .list>dfn{margin:0 -8px;}
section.productrecom .list>dfn>ul>li{padding:8px;}
section.productrecom .list>dfn>ul>li>a>h3{margin-top:8px; font-size:15px;}
}