/* Defalut Setting */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block;margin:0;padding:0}
html, body {width:100%;height:100%;margin:0;padding:0;-webkit-text-size-adjust:none;font-family:sans-serif}
p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,img{margin:0;padding:0}
ul, ol, li{list-style:none}
a {color:#000;cursor:pointer;-webkit-tap-highlight-color:transparent}
a:link, a:active, a:visited{text-decoration:none}
a:hover{text-decoration:none}
button{border:0;background:none;line-height:100%;vertical-align:bottom;cursor:pointer}
em, i{font-style:normal}
img{vertical-align:bottom;width:100%}
.clear{clear:both}
article{position:relative}
.hide_txt{font-size:0;color:transparent;text-indent: -9999px;}
/* START */
header{position:fixed;top:0;left:0;width:100%;height:130px;z-index:9000;background:#fff}
header nav{width:100%;max-width:1600px;padding:0 150px;margin:0 auto;box-sizing:border-box;}
header nav ul{text-align:center;font-size:0}
header nav ul li{width:130px;display:inline-block}
header nav ul li:last-child a{margin-left:16px}
header nav ul li a{padding:0 20px;font-size:18px;font-weight:bold;line-height:130px}
header nav ul li a span{display:inline-block;width:90px;height:84px;background:url('../img/logo.png') no-repeat;background-size:cover;vertical-align:middle}
footer{background:#222222;text-align:center;}
footer ul{max-width:1100px;margin:0 auto;padding:56px 0 54px;box-sizing:border-box;font-size:0}
footer ul li{display:inline-block;padding:0 30px;color:#666;font-size:12px;font-weight:500;text-align:left;line-height:20px;vertical-align:top}
footer ul li a{color:#666}
footer ul li span{display:inline-block;width:25px}
/* main */
.main-wrap{margin:130px 0}
.main-key{position:relative}
.main-key img{width:100%}
.pc{display:block}
.mb{display:none}
.main-key .key-txt{position:absolute;padding:0 150px;top:50%;left:0;right:0;margin:auto;width:100%;max-width:1600px;transform:translateY(-50%);text-align:center;box-sizing:border-box;}
.main-key .key-txt a{color:#fff;font-size:20px;font-weight:500;line-height:34px;border-bottom:1px solid #fff}
.main-ic-wrap{padding:115px 0 105px;background:#f6f9ff}
.main-ic-wrap ul{width:100%;max-width:1600px;padding:0 190px;margin:0 auto;font-size:0;box-sizing:border-box}
.main-ic-wrap ul li{display:inline-block;width:33.333%;padding:0 10px;vertical-align:top;box-sizing:border-box;}
.main-ic-wrap ul li dl dt{width:110px;height:110px;margin:0 auto;background-image:url('../img/main_icon.png');background-size:300% 100%;background-size:auto 100%}
.main-ic-wrap ul li:nth-child(2) dl dt{background-position:-110px 0}
.main-ic-wrap ul li:last-child dl dt{background-position:-220px 0}
.main-ic-wrap ul li dl dd{text-align:center}
.main-ic-wrap ul li dl dd p:first-child{padding:15px 0 20px;font-size:24px;font-weight:bold;line-height:26px}
.main-ic-wrap ul li dl dd p:last-child{font-size:15px;font-weight:400;line-height:20px;box-sizing:border-box;}
.main-product-list{width:100%;padding:110px 0 70px}
.main-product-list .list{max-width:1600px;margin:0 auto;padding:30px 150px;box-sizing:border-box}
.main-product-list .list ul{width:100%;font-size:0}
.main-product-list .list ul li{display:inline-block;vertical-align:bottom}
.main-product-list .list ul li:first-child{width:62%}
.main-product-list .list ul li:last-child{width:38%}
.main-product-list .list ul li dl{padding:0 0 33px 40px;box-sizing:border-box}
.main-product-list .list ul li dl dt{padding-bottom:17px;font-size:25px;font-weight:600;line-height:36px}
.main-product-list .list ul li dl dd{font-size:16px;font-weight:400;line-height:24px}
.main-product-list + a{display:block;width:260px;height:70px;margin:0 auto;background:#000;color:#fff;font-size:20px;line-height:70px;text-align:center}
/* brand */
.brand-wrap{margin:130px 0}
.brand-wrap .brand-txt{position:relative;width:100%;max-width:1600px;margin:0 auto}
.brand-wrap .brand-txt div{width:calc(100% - 300px);padding:74px 80px 0;margin:0 auto;background:#fff;box-sizing:border-box;transform:translateY(-100px)}
.brand-wrap .brand-txt div h3{padding-bottom:48px;font-size:42px;font-weight:600;line-height:55px;}
.brand-wrap .brand-txt div ul li{padding-bottom:20px;font-size:27px;font-weight:300;line-height:50px}
.brand-wrap .brand-txt div ul li:last-child{padding-bottom:15px}
.brand-wrap .map-wrap{max-width:1600px;margin:0 auto;padding:0 150px;box-sizing:border-box}
/* product */
.product-wrap{margin:130px 0 50px;border-top:1px solid #eee}
.product-wrap h2{padding:87px 0 57px;font-size:41px;font-weight:400;text-align:center;line-height:44px}
.product-wrap .item-wrap ul{max-width:1350px;margin:0 auto;box-sizing:border-box;font-size:0}
.product-wrap .item-wrap ul li{display:inline-block;width:33.333%;padding:0 25px;box-sizing:border-box;vertical-align:top}
.product-wrap .item-wrap ul li .item-img{position:relative}
.product-wrap .item-wrap ul li .item-img div{position:absolute;top:20px;left:20px}
.product-wrap .item-wrap ul li .item-img span.badge{display:block;width:90px;height:35px;margin-bottom:5px;border-radius:16px;color:#fff;font-size:15px;line-height:35px;text-align:center}
.product-wrap .item-wrap ul li .item-img span.badge.b-popular{background:#ff0036}
.product-wrap .item-wrap ul li .item-img span.badge.b-recommend{background:#4f00f0}
.product-wrap .item-wrap ul li .item-info{padding:27px 20px 80px}
.product-wrap .item-wrap ul li .item-info span{display:block}
.product-wrap .item-wrap ul li .item-info span.item-name, .product-wrap .item-wrap ul li .item-info span.item-cost{font-size:24px;line-height:30px}
.product-wrap .item-wrap ul li .item-info span.item-desc{padding-top:11px;font-size:16px;line-height:20px}
.product-wrap .item-wrap ul li .item-info span:last-child{margin-top:47px;width:190px;height:50px;background:#000;color:#fff;font-size:16px;text-align:center;line-height:50px}
.product-wrap .item-wrap ul li .item-info span:last-child.ready {color:gray;}
@media (min-width:768px) and (max-width:1024px){
    footer ul{max-width:none;padding:60px 20px}
    footer ul li{padding:0 10px;max-width:33.333%;box-sizing:border-box;}
    footer ul li span{display:block}
    .main-ic-wrap ul{padding:0 60px}
    .main-ic-wrap ul li dl dd p:last-child br{display:none}
    .main-product-list{padding:46px 0 46px}
    .main-product-list .list{padding:30px 65px}
    .main-product-list .list ul li dl{padding:0 0 0 30px}
    .main-product-list .list ul li dl dt{padding-bottom:10px}
    .main-product-list .list ul li dl dd{font-size:15px;line-height:26px}
    .main-product-list + a{width:208px;height:56px;line-height:56px;font-size:18px}
    .brand-wrap .brand-txt div{width:calc(100% - 130px);padding:60px 60px 0}
    .brand-wrap .brand-txt div h3{font-size:32px;line-height:40px}
    .brand-wrap .brand-txt div ul li{font-size:22px;line-height:40px}
    .brand-wrap .map-wrap{max-width:none;padding:0 125px}
    .product-wrap .item-wrap ul{max-width:none;padding:0 25px}
    .product-wrap .item-wrap ul li{width:50%}
    .product-wrap h2{padding:78px 0 50px;font-size:36px;line-height:30px;}
    .product-wrap .item-wrap ul li .item-info{padding:24px 20px 72px}
    .product-wrap .item-wrap ul li .item-info span.item-name, .product-wrap .item-wrap ul li .item-info span.item-cost{font-size:22px;line-height:28px}
    .product-wrap .item-wrap ul li .item-info span.item-desc{font-size:14px}
    .product-wrap .item-wrap ul li .item-info span:last-child{width:170px;height:45px;margin-top:42px;font-size:14px;line-height:45px}
}
@media screen and (max-width:767px){
    .pc{display:none}
    .mb{display:block}
    header{height:64px}
    header nav{max-width:none;padding:0 20px}
    header nav ul li{width:33.333%;text-align:left}
    header nav ul li:nth-child(2){text-align:center}
    header nav ul li:last-child{text-align:right}
    header nav ul li a{display:inline-block;padding:0;font-size:14px;line-height:64px}
    header nav ul li:last-child a{margin:0}
    header nav ul li a span{width:48px;height:45px;background-size:contain}
    footer ul{max-width:none;padding:24px 20px 40px}
    footer ul li{width:100%;padding:0}
    footer ul li:not(:first-child){display:none}
    footer ul li span{clear:both;display:block}
    .main-wrap{margin:64px 0 60px}
    .main-key .key-txt{padding:0}
    .main-key .key-txt a{padding-bottom:2px;font-size:14px;line-height:24px}
    .main-ic-wrap{padding:46px 0 42px}
    .main-ic-wrap ul{padding:0 20px}
    .main-ic-wrap ul li{padding:0 6px;box-sizing:border-box;}
    .main-ic-wrap ul li dl dt{width:60px;height:60px}
    .main-ic-wrap ul li:nth-child(2) dl dt{background-position:-60px 0}
    .main-ic-wrap ul li:last-child dl dt{background-position:-120px 0}
    .main-ic-wrap ul li dl dd p:first-child{padding:8px 0 6px;font-size:15px;line-height:24px}
    .main-ic-wrap ul li dl dd p:last-child{font-size:12px;line-height:16px}
    .main-ic-wrap ul li dl dd p:last-child br{display:none}
    .main-product-list{padding:20px 0 32px}
    .main-product-list .list{padding:15px 20px 25px}
    .main-product-list .list ul li{width:100% !important}
    .main-product-list .list ul li dl{padding:0}
    .main-product-list .list ul li dl dt{padding:15px 0 8px;font-size:20px;line-height:28px}
    .main-product-list .list ul li dl dd{font-size:14px;line-height:24px}
    .main-product-list + a{width:160px;height:45px;font-size:16px;line-height:45px}
    .brand-wrap{margin:64px 0 40px}
    .brand-wrap .brand-txt{max-width:none}
    .brand-wrap .brand-txt div{width:calc(100% - 40px);padding:30px 30px 0;transform:translateY(-50px)}
    .brand-wrap .brand-txt div h3{padding-bottom:24px;font-size:22px;line-height:32px}
    .brand-wrap .brand-txt div ul li{font-size:16px;line-height:28px}
    .brand-wrap .brand-txt div ul li br{display:none}
    .brand-wrap .brand-txt div ul li:last-child br:first-child{display:block}
    .brand-wrap .map-wrap{max-width:none;padding:0 20px;transform:translateY(-20px)}
    .product-wrap{margin:64px 0 44px}
    .product-wrap h2{padding:30px 0 22px;font-size:24px;line-height:26px}
    .product-wrap .item-wrap ul{padding:0 20px}
    .product-wrap .item-wrap ul li{width:100%;padding:0}
    .product-wrap .item-wrap ul li .item-info{padding:14px 10px 40px}
    .product-wrap .item-wrap ul li .item-info span.item-name, .product-wrap .item-wrap ul li .item-info span.item-cost{font-size:18px;line-height:24px}
    .product-wrap .item-wrap ul li .item-info span.item-desc{padding-top:6px;font-size:14px;line-height:18px}
    .product-wrap .item-wrap ul li .item-info span:last-child{width:140px;height:45px;margin-top:22px;font-size:14px;line-height:45px}
    .product-wrap .item-wrap ul li .item-img div{top:10px;left:10px}
    .product-wrap .item-wrap ul li .item-img span.badge{width:60px;height:26px;line-height:26px;font-size:11px}
}
@media (max-width:360px){
    .main-ic-wrap ul{padding:0 14px}
}