.product-5{ max-width: 808px; padding: 56px 20px; margin: 0 auto; text-align: center;}
.product-5 .text{ line-height: 26px; line-height: 1.857rem; padding: 5px 0 40px; color: #666666;}
.product-5 .nav a{ line-height: 40px; line-height: 2.857rem; border: 1px solid #DBDBDB; padding: 0 24px; display: inline-block; margin: 10px 0 0 -5px; position: relative; z-index: 1;}
.product-5 .nav a.active{ background: #bfac82; border-color: #BFAC82; color: #FFFFFF; z-index: 3;}

.product-6{ padding: 80px 20px 98px;}
.product-6 .dd{ display: table-cell; vertical-align: top;}
.product-6 .txt-box .d1{ width: 720px; line-height: 26px; line-height: 1.857rem;}
.product-6 .txt-box .d1 .text{ max-width:670px; padding-right: 20px; padding-right: 1.428rem;}
.product-6 .txt-box .d2{ width: 480px; text-align: right;}
.product-6 .txt-box .d2 img{ width: 100%;}
.product-6 .photo-box{ padding-top: 10px;}
.product-6 .photo-box .dd a{ display: block; position: relative;}
.product-6 .photo-box .dd img{ width: 100%;}
.product-6 .photo-box .dd .title{ display: none; width: 100%; height: 45px; height: 3.214rem; line-height: 45px; line-height: 3.214rem; position: absolute; bottom: 0; left: 0;}
.product-6 .photo-box .dd a:hover .title{ display: block;}
.product-6 .photo-box .dd .title .bg{ width: 100%; height: 100%; display: block; background: #000000; position: absolute; top: 0; left: 0; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
.product-6 .photo-box .dd .title .text{ font-size: 18px; font-size: 1.285rem; color: #FFFFFF; display: block; position: relative; padding: 0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product-6 .photo-box .d1{ width: 590px;}
.product-6 .photo-box .d2{ width: 610px;}
.product-6 .photo-box .d2 .box{ overflow: hidden;}
.product-6 .photo-box .d2 .list{ width: 50%; float: left; padding: 0 0 5px 5px;}
.product-6 .addr-box .d1{ width: 480px; width: 34.285rem; padding-right: 20px; line-height: 32px; line-height: 2.285rem;}
.product-6 .addr-box .d2{ width: 720px; border: 1px solid #dbdbdb;}
.product-6 .address{ padding-top: 40px; font-size: 20px; font-size: 1.428rem;}
.product-6 .address .list{ padding: 8px 0;}
.product-6 .address .list .l-1{ display: table-cell;}
.product-6 .address .VVfont{ width: 44px; font-size: 24px; font-size: 1.714rem; color: #8b8b8b;}
.product-6 .address .hm-map-1{ font-size: 28px; font-size: 2rem;}

.product-1-1{ padding: 10px 0 0;}
.product-1-1 .box{ width: 33.33%; vertical-align: top;}
.product-1-1 .box a{ width: auto; display: block;}
.product-1-1 .txt-box .title{ white-space:normal; line-height: 1.3;}
.product-1-1 .txt-box .text{ height: auto; max-height: 72px; max-height: 5.142rem; -webkit-line-clamp: 3; margin-bottom: 10px; margin-bottom: 0.714rem;}
.product-1-1 .bot .dl{ color: #bfac82; display: block;}

.product-1-2{ padding: 15px 0 0;}
.product-1-2 .box{ width: 100%; display: block; padding-bottom: 30px;}
.product-1-2 .box a{ width: 100%; display: block;}
.product-1-2 .box .pic{ width: 400px; display: table-cell; vertical-align: top;}
.product-1-2 .txt-box .title{ font-size: 24px; font-size: 1.714rem; padding-bottom: 14px;}
.product-1-2 .txt-box .text{ max-height: 96px; max-height: 6.857rem; -webkit-line-clamp: 4;}
.product-1-2 .txt-box{ width: 800px; display: table-cell; padding:40px;}

.product-1-3 .box .pic,
.product-1-3 .box .txt-box{ width: 50%;}

.product-2-1,
.product-2-2{ padding-top: 20px;}

.product-2-2{ max-width: 1250px; padding: 0;}
.product-2-2 .tab-content .box{ width: 50%; padding-top: 50px;}
.product-2-2 .tab-content .box a{ margin: 0 25px;}
.product-2-2 .tab-content .box .txt-box .title{ font-size: 30px; font-size: 2.142rem; line-height: 1.2; font-family: simsun;}

.product-2-3 .h3{ text-align: center; padding: 50px 0 20px;}
.product-2-3 .title{ color: #333333}

.product-7{ padding: 50px 20px 100px;}
.product-7 .nav{ font-family: simsun; color: #999999; font-size: 30px; font-size: 2.142rem; line-height: 30px; line-height: 2.142rem;}
.product-7 .nav span{ padding-left: 20px; display: table-cell;}
.product-7 .nav span:before{ content: ""; border-left: 1px solid #cccccc; padding-left: 20px;}
.product-7 .nav span:first-of-type{ padding-left: 0;}
.product-7 .nav span:first-of-type:before{ border-left: 0; padding-left: 0;}
.product-7 .nav a{ color: #999999;}
.product-7 .nav .active{ color: #006ab6;}
.product-7 .classify{ padding: 20px 0 0; position: relative;}
.product-7 .classify .dd{ display: table-cell;}
.product-7 .classify .d1{ font-weight: bold; color: #999999; white-space: nowrap;}
.product-7 .classify a{ color: #b4b5b5; margin:0 0 10px 25px; display: inline-block;}
.product-7 .classify a span{ color: #666666; font-size: 16px; font-size: 1.142rem; padding-right: 5px;}
.product-7 .classify a.active span{ color: #006ab6;}
.product-7 .pic-box{ margin-left: -3px; overflow: hidden; padding-top: 20px;}
.product-7 .pic-box .list{ width: 33.33%; float: left;}
.product-7 .pic-box a{ display: block; margin: 3px; position: relative;}
.product-7 .pic-box a .video-js{ display: none; position: absolute; top: 0; left: 0; z-index: 9;}
.product-7 .pic-box a img{ width: 100%; display: block;}
.product-7 .pic-box a .hover{ display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.product-7 .pic-box a:hover .hover{ display: block;}
.product-7 .pic-box a .hover .bg{ width: 100%; height: 100%; background: #000000; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
.product-7 .pic-box a .text{ width: 100%; text-align: center; position: absolute; left: 0; top: 50%; font-size: 30px; font-size: 2.142rem; line-height: 30px; line-height: 2.142rem; margin-top: -15px; color: #FFFFFF;}
.product-7 .video-box .list{ width: 100%;}
.product-7 .video-box a .hover{ display: block;}
.product-7 .video-box a .hover .bg{ background: url(../img/video.png) no-repeat center center; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;}
.product-7 .video-box a .text{ line-height: 1.2; background: rgba(0, 0, 0, 0.5); font-size: 20px; font-size: 1.428rem; padding:10px 20px; top: auto; margin-top: 0; bottom: 0; text-align: left;}
.product-7 .moreBtn{ margin-top: 30px;}

.product-8{ max-width: 1245px; margin: 0 auto; padding: 50px 0 100px;}
.product-8 .h3{ text-align: center;}
.product-8 .box-con{ overflow: hidden;}
.product-8 .list{ width: 33.333%; float: left;}
.product-8 .list a{ margin: 5.421%; display: block; background: #FFFFFF;}
.product-8 .list img{ width: 100%;}
.product-8 .txt-box{ padding: 20px;}
.product-8 .txt-box .title{ font-size: 18px; font-size: 1.285rem; padding: 0 0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.product-8 .txt-box .text{ height: 40px; height: 2.857rem; color: #999999; margin-bottom:28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.product-8 .txt-box .bot{ color: #999999;}
.product-8 .txt-box .bot .dd{ width: 100%; font-size: 12px; font-size: 0.857rem; display: table-cell;}
.product-8 .txt-box .bot .d2{ white-space: nowrap; color: #a29061; text-align: right;}

.recruit-box .list{ background: #FFFFFF; padding: 30px; margin-top: 30px; cursor: pointer;}
.recruit-box .top div{ width: 100%; display: table-cell;}
.recruit-box .top .lf{ font-size: 24px; font-size: 1.714rem; padding-right: 20px;}
.recruit-box .top .rg{ text-align: right; white-space: nowrap;}
.recruit-box .text-box{ padding-top: 20px; line-height: 26px; line-height: 1.857rem;}
.recruit-box .text-box .ubb{ display: none; padding-top: 20px;}
.recruit-box .bot{ padding-top: 20px; color: #a29062;}
.recruit-box .moreBtn{ margin-top: 30px;}

.vjs-big-play-button{ display: none !important;}
.video-js .vjs-tech{ z-index: 3;}
.vjs-control-bar{ z-index: 4;}

.article{ width: 100%; max-width: 1200px; margin: 0 auto;}
.article .title{ text-align: center; padding: 10px;}
.article .title .dd{ display: block;}
.article .title-1 .time{ padding: 10px 0 20px;}
.article .title-2{ border-bottom: 1px solid #DBDBDB; margin-bottom: 35px; padding: 10px 0 49px;}
.article .title-2 .d1{ width: 900px;}
.article .title-2 .d2{ width: 300px; text-align: right; color: #8b8b8b; padding-top: 10px;}
.article .title-2 .d2 .d-1 span{ color: #A29061; font-size: 30px; font-size: 2.142rem;}
.article .title-2 .d2 .d-2 a{ padding: 8px 42px; font-size: 18px; font-size: 1.258rem; background: #bfac82; display: inline-block; color: #FFFFFF; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.article .ubb{ width: 100%; line-height: 26px; line-height: 1.857rem;}
.article .ubb img{ max-width: 100% !important;}
.article .page-1{ padding: 100px 0 50px;}
.article .page-1 a{ display: block; color: #666666; padding: 5px 0;}

.title-center{ text-align: center;}

.waterfall-box{ width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 10px 100px; overflow: hidden;}
.waterfall-box .h3{ text-align: center; padding: 50px 0;}
.waterfall-box .list{ width: 50%; float: left; padding: 10px;}
.waterfall-box .cont{ padding: 20px 20px 12px; background: #FFFFFF;}
.waterfall-box .cont div{ padding-bottom: 10px;}
.waterfall-box .name{ font-size: 18px; font-size: 1.285rem; color: #2576bb; font-weight: bold; padding-right: 10px;}
.waterfall-box .titme{ color: #999999; white-space: nowrap;}
.waterfall-box .d2,
.waterfall-box .d3{ line-height: 24px; line-height: 1.714rem; padding-left: 25px; padding-left: 1.785rem; position: relative;}
.waterfall-box .d2{ color: #999999;}
.waterfall-box .d3{ color: #666666;}
.waterfall-box .VVfont{ position: absolute; left: 0; top: 4px; top: 0.285rem;}
.waterfall-box .hm-question-1{ background: #c5c5c5; color: #FFFFFF; font-size: 13px; font-size: 0.928rem; padding: 1.5px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.waterfall-box .hm-chat{ color: #c5c5c5; font-size: 18px; font-size: 1.285rem;}
.waterfall-box .bot{ width: 300px; margin: 0 auto; padding-top: 50px; overflow: hidden;}
.waterfall-box .moreBtn{ width: 150px; height: 40px; line-height: 40px; float: left; margin: 0;}
.waterfall-box .moreBtn a{ width: 100%; height: 40px; line-height: 40px; background: #b0aeae; color: #FFFFFF; border: none;}
.waterfall-box .message{ width: 150px; height: 40px; line-height: 40px; background: #BFAC82; color: #FFFFFF; text-align: center; float: left; cursor: pointer;}

.eject-1{ display: none; width: 100%; max-width: 450px; padding: 50px; background: #FFFFFF; position: absolute; top: 0; left: 50%; margin-left: -225px; z-index: 100;}
.eject-1 .title{ padding-bottom: 20px;}
.eject-1 .title h3{ font-size: 24px; font-size: 1.714rem; color: #2576bb;}
.eject-1 .title .text{ color: #999999;}
.eject-1 .inp{ position: relative; padding-bottom: 10px;}
.eject-1 .inp input{ width: 100%; height: 34px; height: 2.428rem; padding: 8px 10px; border: 1px solid #DDDDDD;}
.eject-1 .inp textarea{ width: 100%; height: 100px; height: 7.142rem; padding: 8px 10px; border: 1px solid #DDDDDD; -webkit-appearance: none; appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box;}
.eject-1 .verify{ white-space: nowrap;}
.eject-1 .verify div{ display: table-cell;}
.eject-1 .verify .d1{ width: 100%;}
.eject-1 .verify .d2{ vertical-align: top; padding-left: 10px;}
.eject-1 .verify img{ height: 34px; height: 2.428rem; border: 1px solid #DDDDDD; cursor: pointer;}
.eject-1 .btn{ width: 100%; height: 50px; line-height: 50px; margin-top: 10px; padding: 0; border: none; background: #bfac82; font-size: 16px; font-size: 1.142rem; color: #FFFFFF;}

.swiper-1{ width: 100%; max-width: 1200px; margin:10px 0 50px;}
.swiper-1 .title{ width: 100%; height: 50px; line-height: 50px; font-size: 20px; padding: 0 20px; position: absolute; bottom: 0; left: 0;}
.swiper-1 .title .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000000; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}
.swiper-1 .title .text{ width: 100%; height: 100%; position: relative; color: #FFFFFF; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;}
.swiper-1 .swipePrev,
.swiper-1 .swipeNext{ width: 60px; height: 100%; color: #FFFFFF; font-size: 44px; font-family: simsun; text-align: center; position: absolute; top: 0; cursor: pointer;}
.swiper-1 .swipePrev{ left: 0;}
.swiper-1 .swipeNext{ right: 0;}
.swiper-1 .swipePrev .VVfont,
.swiper-1 .swipeNext .VVfont{ position: relative; top: 50%; margin-top: -47px; display: block;}

.swiper-2{ height: 100%; max-width: 100%; margin: 0 !important;}
.swiper-2 .swiper-wrapper,
.swiper-2 .swiper-slide,
.swiper-2 .swiper-slide a{ height: 100%;}


.product-9{ overflow: hidden;}
.product-9 .lf{ width: 36%; float: left; padding-right: 70px; border-right: 1px solid #DBDBDB;}
.product-9 .box-1{ overflow: hidden;}
.product-9 .box-1 .d1{ color: #8B8B8B;}
.product-9 .box-1 .d1 span{ font-size: 30px; color: #a29061;}
.product-9 .box-1 .d2 a{ padding: 8px 40px; font-size: 18px; background: #bfac82; display: inline-block; color: #FFFFFF; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.product-9 .lf .title{ font-size: 24px; font-size: 1.714rem; padding-top: 25px;}
.product-9 .ubb{ width: 64%; float: left; padding-left: 80px;}

.gallery-top{ width: 100%; height: 90px; background: rgba(255,255,255,0.8); overflow: hidden; position: absolute; top: 0; left: 0; z-index: 9;}
.gallery-top .logo{ height: 100%; padding: 15px 30px; float: left;}
.gallery-top .logo img{ height: 100%;}
.gallery-top .return{ float: right;}
.gallery-top .return a{ line-height: 90px; padding: 0 30px; display: block; background: #bfac82; color: #FFFFFF;}

@media screen and (max-width: 1280px){
	.product-2-2{ padding: 0 25px;}
	.product-2-2 .page-box{ padding: 30px 25px 0;}
}
@media screen and (max-width: 1200px){
	.product-5{ padding: 42px 20px;}
	.product-5 .text{ padding: 5px 0 28px;}
	.product-6{ padding: 75px 20px 70px;}
	.product-6 .photo-box .dd .title{ height: 40px; height: 2.857rem; line-height: 40px; line-height: 2.857rem;}
	.product-6 .photo-box .dd .title .text{ font-size: 16px; font-size: 1.142rem;}
	.product-1-2 .txt-box{ padding: 20px;}
	.product-1-2 .txt-box .title{ font-size: 20px; font-size: 1.428rem; padding-bottom: 10px;}
	.article .page-1{ padding: 80px 0 40px;}
	.product-2-1 .tab-content .box{ width: 33.33%;}
	.product-2-2 .tab-content .box .txt-box .title{ font-size: 25px; font-size: 1.785rem; line-height: 1.5;}
	.product-9 .lf{ padding-right: 50px;}
	.product-9 .ubb{ padding-left: 60px;}
	.gallery-top{ height: 70px;}
	.gallery-top .logo{ padding: 10px 20px;}
	.gallery-top .return a{ line-height: 70px; padding: 0 20px;}
}
@media screen and (max-width: 1080px){
	.product-2{ max-width: 100%;}
	.product-2-2{ padding: 0 10px;}
	.product-2-2 .tab-content .box{ padding-top: 20px;}
	.product-2-2 .tab-content .box a{ margin: 0 10px;}
	.product-2-2 .page-box{ padding: 30px 10px 0;}
	.product-9 .lf{ padding-right: 30px;}
	.product-9 .ubb{ padding-left: 40px;}
}
@media screen and (max-width: 1000px){
	.W650-1000 .wrap{ max-width: 590px; max-width: 42.142rem;}
	.product-6 .txt-box .dd{ display: block;}
	.product-6 .txt-box .d1{ width: 100%; line-height: 20px; line-height: 1.428rem;}
	.product-6 .txt-box .d1 .text{ width: 100%; max-width: none; padding-right: 0;}
	.product-6 .txt-box .d2{ width: 100%; max-width: 480px; margin: 0 auto; padding-top: 20px;}
	.product-6 .photo-box .dd .title{ height: 30px; height: 2.142rem; line-height: 30px; line-height: 2.142rem;}
	.product-6 .photo-box .dd .title .text{ font-size: 14px; font-size: 1rem;}
	.product-6 .photo-box .dd{ width: 100%; display: block; margin: 0 auto;}
	.product-6 .photo-box .d1{ padding-bottom: 5px;}
	.product-6 .photo-box .d2 .box{ margin-left: -5px;}
	.product-1-1 .box{ width: 100%; display: block; padding-bottom: 20px; padding-bottom: 1.428rem;}
	.product-1-1 .box a{ width: 100%;}
	.product-1-1 .box .pic{ width: 400px; display: table-cell; vertical-align: top;}
	.product-1-1 .txt-box{ width: 560px; display: table-cell; padding-bottom: 0;}
	.product-1-1 .txt-box .text{ max-height: 96px; max-height: 6.857rem; -webkit-line-clamp: 4;}
	.article .page-1{ padding: 40px 0 0;}
	.product-2-2 .tab-content .box .txt-box .title{ font-size: 20px; font-size: 1.428rem;}
	.product-1-3 .box .pic,
	.product-1-3 .box .txt-box{ width: 50%;}
	.product-9 .box-1 .d1 span{ font-size: 24px;}
	.product-9 .box-1 .d2 a{ padding: 5px 25px; font-size: 16px;}
	.product-9 .lf .title{ font-size: 20px; font-size: 1.428rem; padding-top: 18px;}
}
@media screen and (max-width: 800px){
	.product-7{ padding: 30px 20px 70px;}
	.product-7 .pic-box .list{ width: 50%;}
	.product-7 .video-box .list{ width: 100%;}
	.product-8{ padding: 20px 0 50px;}
	.product-8 .box-con{ padding: 0 10px;}
	.product-8 .list{ width: 50%;}
	.product-8 .list a{ margin: 10px;}
	.product-8 .moreBtn{ margin-top: 20px;}
	.waterfall-box .h3{ padding: 30px 0 20px;}
	.product-9 .lf{ width: 100%; border-right: none; padding-right: 0;}
	.product-9 .box-1 .d1 span{ font-size: 30px;}
	.product-9 .box-1 .d2 a{ padding: 8px 40px; font-size: 18px;}
	.product-9 .lf .title{ font-size: 24px; font-size: 1.714rem; padding-top: 25px;}
	.product-9 .ubb{ width: 100%; padding:25px 0 0;}
}
@media screen and (max-width: 768px){
	.product-1-1 .box{ max-width: none;}
}
@media screen and (max-width: 750px){
	.W650-750 .wrap{ max-width: 590px; max-width: 42.142rem;}
	.W400-750{ max-width: 400px; max-width: 28.571rem; margin: 0 auto;}
	.product-5{ padding: 28px 20px;}
	.product-5 .text{ line-height: 22px; line-height: 1.571rem; padding: 0 0 14px;}
	.product-6{ padding: 75px 20px 70px;}
	.product-6 .photo-box{ padding-top: 0;}
	.product-6 .addr-box .dd{ display: block;}
	.product-6 .addr-box .d1{ width: 100%; line-height: 28px; line-height: 2rem; padding: 0 0 40px 0;}
	.product-6 .addr-box .d2{ width: 100%; height: 210px;}
	.product-1-1{ padding: 0;}
	.product-1-1 .box .pic,
	.product-1-1 .txt-box{ width: 100%; display: block;}
	.product-1-1 .txt-box{ padding: 10px 10px 0;}
	.product-1-1 .txt-box .title{ padding-bottom: 5px; font-size: 16px; font-size: 1.142rem;}
	.product-1-1 .txt-box .text{ margin-bottom: 0; max-height: 72px; max-height: 5.142rem; -webkit-line-clamp: 3;}
	.product-7 .nav{ font-size: 22px; font-size: 1.571rem;}
	.product-7 .classify{ padding: 10px 0 0;}
	.product-7 .pic-box{ padding-top: 10px;}
	.product-7 .pic-box a .text{ font-size: 22px; font-size: 1.571rem;}
	.product-7 .video-box a .text{ font-size: 16px; font-size: 1.142rem;}
	.product-2-1{ padding-top: 10px;}
	.product-2-1 .tab-content .box{ width: 50%;}
	.product-1-3 .box .pic,
	.product-1-3 .box .txt-box{ width: 100%;}
	.article .title-2 .d2 .d-1 span{ font-size: 20px; font-size: 1.428rem;}
	.article .title-2 .d2 .d-2 a{ padding: 5px 28px; font-size: 16px; font-size: 1.142rem;}
	.recruit-box .list{ padding: 20px; margin-top: 20px;}
	.recruit-box .top .lf{ font-size: 20px; font-size: 1.428rem;}
	.recruit-box .text-box,
	.recruit-box .text-box .ubb,
	.recruit-box .bot{ padding-top: 14px;}
	.recruit-box .moreBtn{ margin-top: 20px;}
	.swiper-1{ margin: 0 0 30px;}
	.swiper-1 .title{ height: 35px; line-height: 35px; font-size: 16px;}
}
@media screen and (max-width: 650px){
	.product-7 .video-box a .text{ font-size: 14px; font-size: 1rem; padding: 5px 10px;}
	.product-2-2{ padding: 0 10px;}
	.product-2-2 .tab-content .box{ width: 100%; max-width: 575px; margin: 0 auto; float: none; padding-top: 10px;}
	.product-2-2 .tab-content .box a{ margin: 0;}
	.product-2-2 .tab-content .box .txt-box .title{ line-height: 1.8;}
	.article .title-2 .dd{ width: auto; display: block;}
	.article .title-2 .d2{ text-align: left;}
	.recruit-box .top div{ display: block;}
	.recruit-box .top .rg{ text-align: left;}
	.product-6 .address{ font-size: 16px; padding-top: 20px;}
	.product-6 .address .VVfont{ width: 38px; font-size: 22px;}
	.product-6 .address .hm-map-1{ font-size: 24px;}
	.swiper-1 .swipePrev, .swiper-1 .swipeNext{ font-size: 32px;}
	.swiper-1 .swipePrev .VVfont, .swiper-1 .swipeNext .VVfont{ margin-top: -41px;}
}
@media screen and (max-width: 480px){
	.product-8{ padding: 10px 0 28px;}
	.product-8 .box-con{ padding: 0 5px;}
	.product-8 .txt-box{ padding: 10px;}
	.product-8 .txt-box .text{ margin-bottom: 14px;}
	.product-8 .list{ width: 50%;}
	.product-8 .list a{ margin: 5px;}
	.waterfall-box .h3{ padding: 20px 0 10px;}
	.waterfall-box .list{ width: 100%;}
}
@media screen and (max-width: 450px){
	.eject-1{ left: 0; margin-left: 0; padding: 30px;}
	.gallery-top .logo{ padding: 10px;}
}
@media screen and (max-width: 420px){
	.product-5{ padding: 20px 10px;}
	.product-5 .text{ line-height: 20px; line-height: 1.428rem; font-size: 12px; font-size: 0.857rem;}
	.product-6{ padding: 50px 10px 70px; padding: 3.571rem 0.714rem 5rem;}
	.product-7{ padding: 20px 10px 40px;}
	.product-7 .classify{ font-size: 12px; font-size: 0.857rem;}
	.product-7 .classify a span{ font-size: 14px; font-size: 1rem;}
	.product-7 .pic-box{ margin-left: 0;}
	.product-7 .pic-box .list{ width: 100%;}
	.product-7 .pic-box .list a{ margin-left: 0; margin-right: 0;}
	.moreBtn a{ width: 100%;}
	.product-8 .h3{ padding-bottom: 20px;}
	.product-8 .box-con{ padding: 0 10px;}
	.product-8 .list{ width: 100%; max-width: 370px; margin: 0 auto; padding-bottom: 10px; float: none;}
	.product-8 .list a{ margin: 0;}
	.product-8 .moreBtn{ padding: 0 10px; margin: 10px 0 0;}
	.product-8 .moreBtn a{ width: 100%; max-width: 370px; margin: 0 auto;}
	.recruit-box .list{ padding: 10px; margin-top: 10px;}
	.recruit-box .top .lf{ font-size: 18px; font-size: 1.285rem;}
	.recruit-box .text-box,
	.recruit-box .text-box .ubb,
	.recruit-box .bot{ padding-top: 10px;}
	.product-9 .box-1 .d1 span{ font-size: 24px;}
	.product-9 .box-1 .d2 a{ padding: 5px 25px; font-size: 16px;}
	.product-9 .lf .title{ font-size: 20px; font-size: 1.428rem; padding-top: 18px;}
}
@media screen and (max-width: 350px){
	.gallery-top{ height: 60px;}
	.gallery-top .logo{ padding: 10px 20px;}
	.gallery-top .return a{ line-height: 60px; padding: 0 20px;}
}
/*@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-width: 750px),
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 750px),
only screen and (min-device-width: 320px)and (-webkit-min-device-pixel-ratio: 2) and (max-width: 750px),
only screen and (min-device-width: 375px)and (-webkit-min-device-pixel-ratio: 2) and (max-width: 750px),
only screen and (min-device-width: 375px)and (-webkit-min-device-pixel-ratio: 3) and (max-width: 750px),
only screen and (min-device-width: 412px)and (-webkit-min-device-pixel-ratio: 3) and (max-width: 750px){
	.product-5 .nav{ border-top:1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; margin: 0 -20px; margin: 0 -1.428rem; white-space:nowrap; overflow:scroll; -webkit-backface-visibility:hidden; -webkit-perspective:1000; -webkit-scrollbar:none; -webkit-overflow-scrolling:touch;}
	.product-5 .nav::-moz-scrollbar{ display:none;}
	.product-5 .nav::-webkit-scrollbar{ display:none;}
	.product-5 .nav a{ border: none; margin: 0;}
}
@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-width: 420px),
only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 420px),
only screen and (min-device-width: 320px)and (-webkit-min-device-pixel-ratio: 2) and (max-width: 420px),
only screen and (min-device-width: 375px)and (-webkit-min-device-pixel-ratio: 2) and (max-width: 420px),
only screen and (min-device-width: 375px)and (-webkit-min-device-pixel-ratio: 3) and (max-width: 420px),
only screen and (min-device-width: 412px)and (-webkit-min-device-pixel-ratio: 3) and (max-width: 420px){  
	.product-5 .nav{ margin: 0 -10px; margin: 0 -0.714rem;}
	.product-5 .nav a{ line-height: 35px; line-height: 2.5rem;}
}*/

@media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-device-width: 420px){
	.product-5 .nav a{ font-size: 12px; font-size: 0.857rem; line-height: 35px; line-height: 2.5rem;}
}