section.catalog{}
section.catalog article{width:100%; padding:0; overflow:hidden;}
section.catalog .main{display:table; width:100%;} 
section.catalog .main>div{display:table-cell; width:50%; padding:58px 28px 0 5%; vertical-align:top;}
section.catalog .main>div b{display:block; font-size:36px;}
section.catalog .main>div strong{display:block; font-size:22px; margin:12px 0; color:rgb(0,130,203);}
section.catalog .main>div p{white-space:pre-line; overflow:hidden; margin-bottom:8px; height:105px; color:rgb(133,133,133);}
section.catalog .main>ol{display:table-cell; width:50%; vertical-align:top;}
section.catalog .main>ol:after{display:block; content:''; clear:both;}
section.catalog .main>ol li{float:left; width:50%; border-left:1px solid #d8d8d8;}
section.catalog .list{float:left; width:100%; border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
section.catalog .list dfn{display:block; font-style:normal;}
section.catalog .list ul{width:10000%;}
section.catalog .list ul:after{display:block; content:''; clear:both;}
section.catalog .list ul li{float:left; width:.25%; border-left:1px solid #d8d8d8;}
section.catalog li>a{display:block; padding:14px; position:relative; transition:.28s;} 
section.catalog li>a>b{display:block; font-size:24px; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; z-index:8; transition:.28s;}
section.catalog li>a>p{margin:8px 0 18px 0; transition:.28s; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:rgb(133,133,133);}
section.catalog li>a>u{display:block; padding:18px 0 0 0; text-decoration:none; overflow:hidden;}
section.catalog li>a>u>img{display:block; width:100%; max-width:100%; object-fit:contain; transition:.28s; margin:0 auto;}
section.catalog li>a:hover{box-shadow:0 0 18px rgba(0,0,0,.18);}
section.catalog li>a:hover>b{transform:translateX(2px);}
section.catalog li>a:hover>p{transform:translateX(2px); color:rgb(33,33,33);}
section.catalog li>a:hover>u>img{transform:scale(1.08) rotate(2deg);}
@media(max-width:1600px){
section.catalog li>a>u>img{height:208px; width:auto;}
}
@media(max-width:1200px){
section.catalog .main{display:inline;}
section.catalog .main>div{display:block; width:100%; padding:38px 5%;}
section.catalog .main>div p{height:auto; margin-bottom:18px;}
section.catalog .main>ol{display:inline; width:auto;}
section.catalog .main>ol>li{width:33.333%; border:1px solid #d8d8d8; border-left:none; margin-top:-1px;}
section.catalog .main>ol:after{display:none;}
section.catalog .list{display:inline; float:none; width:auto;}
section.catalog .list dfn{display:inline;}
section.catalog .list ul{display:inline; width:auto; }
section.catalog .list ul li{width:33.333%; border:1px solid #d8d8d8; border-left:none; margin-top:-1px;}
section.catalog li>a{padding:18px;}
section.catalog li>a>p{margin:4px 0 12px 0;}
section.catalog li>a>u>img{height:188px;}
}
@media(max-width:767px){
section.catalog .main>div{padding:18px 5%; text-align:center;}
section.catalog .main>div b{font-size:28px;}
section.catalog .main>div strong{font-size:18px; margin:8px 0;}
section.catalog .main>ol>li{width:50%;}
section.catalog .list ul li{width:50%;}
section.catalog li>a{padding:8px 18px;}
section.catalog li>a>b{font-size:20px; text-align:center;}
section.catalog li>a>p{display:none;}
section.catalog li>a>u{padding:8px 0;}
section.catalog li>a>u>img{height:88px;}
}

section.goods{background-color:#333; background-image:url(''); padding:88px 0 68px 0; overflow:hidden; position:relative;}
section.goods:before{position:absolute; top:28px; left:8%; font-size:288px; white-space:nowrap; line-height:1; font-weight:bolder; font-family:Arial Black; content:'CHANGPIN'; color:#fff; opacity:.038;}
section.goods:hover:before{animation:4s bgftcolor infinite; -webkit-animation:4s bgftcolor infinite;}
section.goods>article{position:relative; z-index:8;}
section.goods .title{margin-bottom:58px; position:relative; padding-right:188px;}
section.goods .title>b{display:block; font-size:36px; color:rgb(0,130,203);}
section.goods .title>p{white-space:pre-line; margin-top:18px; color:rgb(133,133,133);}
section.goods .title>u{position:absolute; right:0; bottom:0;}
section.goods .title>u>a{float:left;}
section.goods .title>u>a+a{margin-left:8px;}
section.goods .title>u>a>i{display:block; border-radius:3px; font-size:18px; width:48px; height:48px; line-height:48px; text-align:center; transition:.28s; color:#fff; background:rgb(0,130,203);}
section.goods .title>u>a:hover>i{background:#fff; color:rgb(0,130,203);}
section.goods .list{}
section.goods .list>dfn{display:block; font-style:normal; overflow:hidden; margin:0 -18px;}
section.goods .list>dfn>ul{ }
section.goods .list>dfn>ul:after{display:block; content:''; clear:both;}
section.goods .list>dfn>ul>li{float:left; width:25%; padding:18px;}
section.goods .list>dfn>ul>li>a{}
section.goods .list>dfn>ul>li>a>u{display:block; overflow:hidden; border-radius:3px;}
section.goods .list>dfn>ul>li>a>u>img{display:block; width:100%; transition:.28s;}
section.goods .list>dfn>ul>li>a>h3{display:block; color:#fff; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:bold; margin-top:18px; transition:.28s;}
section.goods .list>dfn>ul>li>a>b{display:block; color:red; text-align:center; }
section.goods .list>dfn>ul>li>a:hover>u>img{transform:scale(1.08);}
section.goods .list>dfn>ul>li>a:hover>h3{color:rgb(0,130,203);}
@media(max-width:1200px){
section.goods{padding:48px 0 38px 0;}
section.goods:before{top:28px; font-size:148px;}
section.goods .title{margin-bottom:38px; padding:0;}
section.goods .title>u{display:none;}
}
@media(max-width:992px){
section.goods:before{font-size:108px;}
section.goods .list>dfn>ul>li{width:50%;}
}
@media(max-width:767px){
section.goods{padding:18px 0;}
section.goods:before{font-size:54px;}
section.goods .title{margin-bottom:8px; text-align:center;}
section.goods .title>b{font-size:28px;} 
section.goods .title>p{display:none;}
section.goods .list>dfn{margin:0 -8px;}
section.goods .list>dfn>ul>li{padding:8px;}
section.goods .list>dfn>ul>li>a>h3{margin-top:8px; font-size:15px;}
}
@keyframes bgftcolor{
0%{opacity:.038;}
50%{opacity:.008;}
100%{opacity:.038;}
}
@-webkit-keyframes bgftcolor{
0%{opacity:.038;}
50%{opacity:.008;}
100%{opacity:.038;}
}

section.introduce{}
section.introduce .list{ }
section.introduce .list>dl{position:relative; height:588px; overflow:hidden;}
section.introduce .list>dl:after{display:block; content:''; clear:both;}
section.introduce .list>dl>dt{position:absolute; top:0; right:0; width:60%; height:100%;}
section.introduce .list>dl:nth-child(2n)>dt{right:auto; left:0;}
section.introduce .list>dl>dt img{display:block; width:100%; height:100%; object-fit:cover; transition:.8s;}
section.introduce .list>dl:hover>dt img{transform:scale(1.18); transition:8s;}
section.introduce .list>dl>dd{position:relative; z-index:8; width:50%; height:100%; float:left; padding:58px 0 0 5%;}  
section.introduce .list>dl:nth-child(2n)>dd{float:right; padding:58px 0 0 8%;}
section.introduce .list>dl>dd:before{position:absolute; z-index:6; content:''; top:0; right:0; background:#fff; bottom:0; left:0; transform:skewX(-22.5deg);} 
section.introduce .list>dl>dd:after{position:absolute; content:''; top:0; bottom:0; left:0; background:#fff; width:60%;}
section.introduce .list>dl:nth-child(2n)>dd:before{transform:skewX(22.5deg);}
section.introduce .list>dl:nth-child(2n)>dd:after{right:0; left:auto;}
section.introduce .list>dl>dd>span{display:block; position:relative; z-index:8;}
section.introduce .list>dl>dd>span>b{display:block; font-size:36px; }
section.introduce .list>dl>dd>span>u{display:block; margin-bottom:28px; text-decoration:none; color:rgb(133,133,133);}
section.introduce .list>dl>dd>span>aside{margin-bottom:38px; overflow:hidden;}
@media(max-width:1200px){
section.introduce .list>dl{height:auto;}
section.introduce .list>dl>dt{position:static; width:auto; height:auto;}
section.introduce .list>dl>dd{width:auto; height:auto; float:none !important; padding:28px 5% 48px 5% !important;}
section.introduce .list>dl>dd::before,
section.introduce .list>dl>dd::after{display:none;}
section.introduce .list>dl>dt img{height:388px;}
section.introduce .list>dl:hover>dt img{transform:none;}
}
@media(max-width:767px){
section.introduce .list>dl{text-align:center;}
section.introduce .list>dl>dd{padding:8px 5% 18px 5% !important;}
section.introduce .list>dl>dd>span>b{font-size:26px; }
section.introduce .list>dl>dd>span>u{margin-bottom:8px; font-size:13px;}
section.introduce .list>dl>dd>span>aside{margin-bottom:18px;}
section.introduce .list>dl>dt img{height:188px;}
}

section.discuss{background-image:url('../images/152331483.jpg'); background-position:center; background-attachment:fixed; background-size:cover; text-align:center; position:relative;}
section.discuss:before{position:absolute; top:0; left:0; width:100%; height:100%; content:''; opacity:.96; background:rgb(33,33,33);}
section.discuss>article{padding:88px 5%; position:relative; z-index:8;}
section.discuss h2{font-size:36px; font-weight:bold; color:#fff;}
section.discuss p{font-size:28px; font-weight:bold; margin-bottom:48px; color:rgb(0,130,203);}
section.discuss a{padding:12px 28px; font-size:17px; line-height:32px; display:inline-block; position:relative; color:#fff;}
section.discuss a u{position:relative; z-index:8; text-decoration:none;}
section.discuss a i{position:relative; z-index:8; left:2px; transition:.28s;}
section.discuss a:before{position:absolute; content:''; top:0; right:0; bottom:50%; left:0; transition:.28s; border-radius:3px 3px 0 0; background:rgb(0,130,203);}
section.discuss a:after{position:absolute; content:''; bottom:0; right:0; top:50%; left:0; margin-top:-1px; transition:.28s; border-radius:0 0 3px 3px; background:rgb(0,130,203);} 
section.discuss a:hover i{left:8px;}
section.discuss a:hover:before{transform:skewX(22.5deg);}
section.discuss a:hover:after{transform:skewX(-22.5deg);}
@media(max-width:1200px){
section.discuss>article{padding:48px 5%;}
section.discuss p{margin-bottom:38px;} 
}
@media(max-width:767px){
section.discuss>article{padding:28px 5%;}
section.discuss h2{font-size:26px;}
section.discuss p{font-size:16px; margin-bottom:28px;}
section.discuss a{padding:8px 18px; font-size:15px; line-height:28px;}
}

section.article{padding:88px 0;}
section.article .title{padding-bottom:38px;}
section.article .title:after{display:block; content:''; clear:both;}
section.article .title>span{float:left; padding-right:38px;}
section.article .title>span>u{display:block; font-size:28px; line-height:1; text-decoration:none; font-weight:bold; color:rgb(0,130,203);}
section.article .title>span>b{display:block; font-size:36px;}
section.article .title>p{padding:18px 0 0 0; white-space:pre-line; color:rgb(133,133,133);}
section.article .list{margin:0 -28px;}
section.article .list:after{display:block; content:''; clear:both;}
section.article .list>dl{width:50%; float:left; padding:0 28px;}
section.article .list>dl>dt{background:#f8f8f8; line-height:38px; padding:8px 18px;}
section.article .list>dl>dt:after{display:block; content:''; clear:both;}
section.article .list>dl>dt>b{float:left; font-size:24px;}
section.article .list>dl>dt>u{float:left; text-decoration:none; margin-left:12px; color:rgb(133,133,133);}
section.article .list>dl>dt>a{float:right;}
section.article .list>dl>dt>a>i{width:28px; height:28px; vertical-align:middle; background:#b8b8b8; color:#fff; line-height:28px; text-align:center; transition:.28s; border-radius:50%;}
section.article .list>dl>dt>a:hover>i{transform:rotate(180deg); background:rgb(0,130,203);}
section.article .list>dl>dd{}
section.article .list>dl>dd>dfn{display:block; font-style:normal; padding:28px 0 12px 0;}
section.article .list>dl>dd>dfn:after{display:block; content:''; clear:both;}
section.article .list>dl>dd>dfn>a{float:left; width:280px; overflow:hidden; border-radius:3px;}
section.article .list>dl>dd>dfn>a>img{display:block; max-width:100%; transition:.28s;}
section.article .list>dl>dd>dfn>a:hover>img{transform:scale(1.08);}
section.article .list>dl>dd>dfn>span{display:block; margin-left:308px;}
section.article .list>dl>dd>dfn>span>u{display:block; line-height:38px; text-decoration:none; color:rgb(0,130,203);}
section.article .list>dl>dd>dfn>span>u>em{font-size:38px; font-style:normal; padding-right:4px; font-family:Impact,Times;}
section.article .list>dl>dd>dfn>span>u>strong{font-size:22px; font-weight:normal; padding:0 4px; font-family:Impact,Times;}
section.article .list>dl>dd>dfn>span>i{display:none;}
section.article .list>dl>dd>dfn>span>h3{display:block; margin:8px 0; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
section.article .list>dl>dd>dfn>span>p{color:rgb(133,133,133);}
section.article .list>dl>dd>ul{}
section.article .list>dl>dd>ul>li{border-bottom:1px solid #e8e8e8; padding:12px 0; position:relative;}
section.article .list>dl>dd>ul>li:before{position:absolute; top:50%; left:0; margin-top:-2px; width:8px; height:4px; content:''; border-radius:3px; background:rgb(133,133,133);}
section.article .list>dl>dd>ul>li:after{display:block; content:''; clear:both;}
section.article .list>dl>dd>ul>li a{float:left; white-space:nowrap; overflow:hidden; max-width:100%; padding:0 88px 0 18px; text-overflow:ellipsis;}
section.article .list>dl>dd>ul>li i{position:absolute; right:0; top:50%; line-height:20px; margin-top:-10px; font-style:normal; color:rgb(133,133,133);}
section.article .ask{margin:68px 0 0;}
section.article .ask dl{position:relative; box-shadow:0 0 8px rgba(0,0,0,.038); border-radius:3px;}
section.article .ask dl>dt{width:280px; padding:28px 0 0 28px; border-radius:3px 0 0 3px; line-height:1; position:absolute; top:0; bottom:0; left:0; z-index:8; background:rgb(0,130,203);}
section.article .ask dl>dt b{display:block; font-size:28px; color:#fff;}
section.article .ask dl>dt p{display:block; color:#fff; margin:12px 0 0; opacity:.68;}
section.article .ask dl>dt u{display:block; font-size:68px; color:#fff; margin-top:28px; text-decoration:none; font-weight:bold; font-family:Arial Black; opacity:.68;}
section.article .ask dl>dt dfn{margin:58px 0 0; display:block;}
section.article .ask dl>dt dfn:after{display:block; content:''; clear:both;}
section.article .ask dl>dt dfn>a{float:left; margin-right:12px;}
section.article .ask dl>dt dfn>a>i{border:3px solid #fff; border-radius:48px; font-size:20px; color:#fff; width:48px; height:48px; line-height:42px; text-align:center; transition:.28s;}
section.article .ask dl>dt dfn>a>i.fa-chevron-left{padding-right:4px;}
section.article .ask dl>dt dfn>a>i.fa-chevron-right{padding-left:4px;}
section.article .ask dl>dt dfn>a:hover>i{background:#fff; color:rgb(0,130,203);}
section.article .ask dl>dd{margin-left:278px; padding:28px 0; border:1px solid #e8e8e8; border-radius:0 3px 3px 0;}
section.article .ask dfn{font-style:normal; overflow:hidden; display:block;}
section.article .ask ul{width:10000%;}
section.article .ask ul:after{display:block; content:''; clear:both;}
section.article .ask ul>li{float:left; width:.3333%; padding:0 38px; border-left:1px solid #e8e8e8;}
section.article .ask ul>li>q{position:relative; padding:0 0 18px 48px; margin-bottom:18px; border-bottom:1px solid #e8e8e8; display:block;}
section.article .ask ul>li>q:before{content:'Q'; position:absolute; left:0; top:0; font-weight:bold; padding:0 12px; border-radius:8px 8px 0 8px; color:#fff; background:rgb(33,33,33);}
section.article .ask ul>li>q:after{content:''; display:block; clear:both;}
section.article .ask ul>li>q>a{float:left; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%;}
section.article .ask ul>li>a{position:relative; padding-left:48px; display:block; overflow:hidden; height:131.25px; color:rgb(33,33,33);}
section.article .ask ul>li>a:before{content:'A'; position:absolute; left:0; top:0; font-weight:bold; padding:0 12px; border-radius:8px 8px 0 8px; background:#f8f8f8;}
section.article .ask ul>li>h5{display:block; padding-left:48px; margin-top:28px; text-decoration:none;}
section.article .ask ul>li>h5>a{display:inline-block; border-radius:3px; padding:0 8px; border:1px solid rgb(0,130,203); color:rgb(0,130,203);}
section.article .ask ul>li>h5>a:hover{color:#fff; background:rgb(0,130,203);}
@media(max-width:1200px){
section.article{padding:48px 0;}
section.article .title{padding-bottom:18px; text-align:center;}
section.article .title>span{float:none; padding:0;}
section.article .title>p{display:none;}
section.article .list{margin:0;}
section.article .list>dl{width:auto; float:none; padding:0;}
section.article .list>dl:first-child{margin-bottom:38px;}
section.article .ask{margin:48px 0 0;}
section.article .ask ul>li{width:1%; border-left:none;}
}
@media(max-width:767px){
section.article{padding:18px 0;}
section.article .title{padding-bottom:8px;}
section.article .title>span>u{font-size:22px;}
section.article .title>span>b{font-size:28px;}
section.article .list>dl>dt{line-height:32px; padding:4px 18px;}
section.article .list>dl>dt>b{font-size:20px;}
section.article .list>dl>dt>u{margin-left:8px;}
section.article .list>dl>dt>a>i{width:22px; height:22px; line-height:22px;}
section.article .list>dl>dd>dfn{padding:8px 0;}
section.article .list>dl>dd>dfn>a{float:none; width:auto;}  
section.article .list>dl>dd>dfn>span{margin:18px 0 0 0;}
section.article .list>dl>dd>dfn>span>h3{margin:2px 0;}
section.article .list>dl:first-child{margin-bottom:18px;}
section.article .list>dl>dd>ul>li{padding:8px 0;}
section.article .ask{margin:18px 0 0;}
section.article .ask dl>dt{width:auto; padding:18px; border-radius:3px 3px 0 0; position:relative;}
section.article .ask dl>dt b{position:relative; z-index:8;}
section.article .ask dl>dt p{position:relative; z-index:8;}
section.article .ask dl>dt u{margin-top:0; position:absolute; right:18px; top:18px; opacity:.08;}
section.article .ask dl>dd{margin-left:0; padding:18px 0; border-radius:0 0 3px 3px;}
section.article .ask dl>dt dfn{margin-top:18px; position:relative; z-index:8;}
section.article .ask ul>li{padding:0 18px;}
}