* { padding: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

img { display: block; }

html main { padding: 2.777vw 8.4027vw; background-color: #fcfcfc; }

html main .text-title p:nth-child(1) { font-size: 2.865vw; margin-bottom: 1.667vw; color: #333; }

html main .text-title p:nth-child(2) { font-size: 1.042vw; color: #666; }

html main .pro-list { margin-top: 4.479vw; display: -webkit-box; display: -ms-flexbox; display: flex; }

html main .pro-list ul { list-style: none; font-size: 1.25vw; color: #888; width: 23.125vw; }

html main .pro-list ul li { margin-bottom: 2.24vw; cursor: pointer; }

html main .pro-list ul li:hover { color: #5a9440; }

html main .pro-list .pro-reveal { position: relative; }

html main .pro-list .pro-reveal .box { width: 59.097vw; top: -13vw; position: absolute; height: 26.04vw; overflow: hidden; }

html main .pro-list .pro-reveal .box .forward, html main .pro-list .pro-reveal .box .back { cursor: pointer; }

html main .pro-list .pro-reveal .box .forward { width: 2.7777vw; height: 2.7777vw; border: 1px solid #888; background-color: #e4b7b7; border-radius: 50%; left: 3vw; bottom: 1px; position: absolute; background: url(/comdata/106919/202102/20210218130819759f7c.png) top center; background-size: cover; display: none; }

html main .pro-list .pro-reveal .box .forward:hover { background: #5a9440 url(/comdata/106919/202102/20210218130840bb935d.png); background-size: cover; }

html main .pro-list .pro-reveal .box .back { width: 2.7777vw; height: 2.7777vw; border: 1px solid #888; border-radius: 50%; left: 1px; bottom: 1px; position: absolute; background: url(/comdata/106919/202102/202102181308226460cd.png) top center; background-size: cover; display: none; }

html main .pro-list .pro-reveal .box .back:hover { background: #5a9440 url(/comdata/106919/202102/2021021813083749228f.png); background-size: cover; }

html main .pro-list .pro-reveal .box .dis { display: block; }

html main .pro-list .pro-reveal .box > div { position: absolute; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: center; display: none; -webkit-transition: all 0.5s; transition: all 0.5s; }

html main .pro-list .pro-reveal .box > div .item { width: 18.26vw; height: 26.04vw; padding-right: 2.5vw; cursor: pointer; }

html main .pro-list .pro-reveal .box > div .item img { width: 18.26vw; -webkit-transition: all 0.5s; transition: all 0.5s; }

html main .pro-list .pro-reveal .box > div .item p { margin: 2vw 0; }

html main .pro-list .pro-reveal .box > div .item a { color: #333; text-decoration: none; }

html main .pro-list .pro-reveal .box > div .item:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); }

html main .pro-list .pro-reveal .box > div .item:hover p { color: #5a9440; }

html main .pro-list .pro-reveal .box > div.active { display: -webkit-box; display: -ms-flexbox; display: flex; }
/*# sourceMappingURL=pro.min.css.map */