@charset "utf-8";
body {
    background:none;
}
/* 輪播 */
.banner {
    position:relative;
    overflow:visible;
}
.banner>div {
    overflow:hidden;
    margin:0 auto;
}
.banner img {
    display:block;
    width:100%;
}
.banner .ivkw-slide-list {
    position:relative;
    left:0;
    top:0;
    display:flex;
    width:4000px
}
.banner .ivkw-slide-list * {
    position:relative;
}
.banner span {
    position:absolute;
    top:50%;
    display:none;
    width:150px;
    height:150px;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
    cursor:default;
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%
}
.banner:hover span {
    display:block;
}
.banner span * {
    cursor:default;
}
.ivkw-slide-next {
    right:7%;
}
.ivkw-slide-prev {
    left:7%;
}
.ivkw-btns-list {
    position:absolute;
    bottom:10px;
    left:0;
    z-index:10;
    width:100%;
    text-align:center;
}
.ivkw-btns-list b {
    display:inline-block;
    width:20px;
    height:20px;
    margin:0 5px;
    background:#144023;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.ivkw-btns-list .active {
    background:#FFBEC8;
}
/* banner */
#banner>div {
    width:78.9%;
}
#banner>div img {
    /* width:1500px;
    */
}
.index {
    position:relative;
    background:#ebf2d9 url(../images/bg1.png) no-repeat center;
    background-size:cover;
    overflow:hidden;
    margin-top:90px;
}
/* 熱線 */
.index .phone {
    padding:16px 0;
    text-align:center;
}
.index .phone p {
    margin:16px 0;
    font-size:50px;
    letter-spacing:-2px;
}
/* 優勢 */
.advantage {
    padding:57px 3%;
    margin:90px auto;
    background:#fff;
}
.advantage>img {
    display:block;
    width:100%;
}
.advantage .adv-box {
    display:flex;
    margin-top:5vw;
    align-items:center;
}
.adv-box .left {
    /* width:396px;
    */
    /* height:560px;
	*/
    /* background:#ebf2d9;
	*/
    display:flex;
    padding:4vw 2vw 4vw 0;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
}
.adv-box p {
    /* display:inline-block;
    */
    width:auto;
    margin:30px;
    padding:10px 20px;
    font-family:Cursive,"宋体";
    font-size:2vw;
    font-weight:bold;
    color:#f19aab;
    background:#144023;
    border:3px solid #144023;
    border-radius:15px;
    white-space:nowrap;
}
.adv-box p.on {
    background:#fff;
}
.adv-box .right {
    padding:40px 0;
    margin-left:-40px;
    width:91%;
}
.adv-box .right img {
    display:none;
    width:100%;
}
.adv-box .right img.on {
    display:block;
}
/* 產品 */
.product {
    position:relative;
    padding:90px 0;
    text-align:center;
}
.product>img {
    max-height:80px;
}
.product div {
    position:relative;
    width:100%;
    overflow:hidden;
    margin-top:115px;
}
.product ol {
    display:flex;
    align-items:center;
    width:4000px;
    position:relative;
    /* transition:.1s linear;
    */
}
.product ol li {
    /* padding:20px;
    */
    box-sizing:border-box;
    border:2vw solid transparent;
    margin:0;
    transition:.2s linear;
}
.product ol li.on {
    border:0;
    margin:0 2vw;
}
.product ol img {
    width:100%;
}
.product p {
    position:absolute;
    top:50%;
    display:inline-block;
    width:4vw;
    height:4vw;
    min-width:40px;
    /* cursor:pointer;
    */
    transform:translateY(-50%);
    z-index:100;
    min-height:40px;
}
.product .prev {
    background:url(../images/l.png) no-repeat center;
    background-size:40%;
}
.product .next {
    background:url(../images/r.png) no-repeat center;
    background-size:40%;
}
/* 店鋪 */
.store {
    margin:90px auto;
    position:relative;
    padding-top:90px;
}
.store .bgc {
    padding:40px 20px;
}
.store .top {
    padding:45px 62px;
    background:#fff;
}
.store .top>div {
    width:100%;
}
.store .top img {
    width:100%;
}
.store .top p {
    position:absolute;
    bottom:0;
    width:100%;
    padding:5px 0;
    font-family:Cursive,"宋体";
    text-align:center;
    font-size:50px;
    font-weight:600;
}
.store .top .ivkw-btns-list {
    width:100%;
}
.store .top .ivkw-slide-next {
    right:-.25%;
}
.store .top .ivkw-slide-prev {
    left:-.25%;
}
.store .bottom {
    display:flex;
    border-radius:8px;
    padding:20px;
    background:#FFBBC7;
}
.store .bottom div {
    width:32.5%;
    /* height:420px;
    */
    padding:20px 10px;
    font-weight:600;
    font-size:24px;
    text-align:center;
    border:3px solid #144023;
    border-radius:8px;
    background:#fff;
}
.store .bottom div:nth-child(2) {
    margin:0px 1.25%;
}
.store .bottom img {
    margin-bottom:20px;
    /* width:100%;
    */
}
.store .bottom p {
    line-height:200%;
    float:left;
}
.store .bottom .pre {
    white-space:inherit;
    display:flex;
    align-items:flex-start;
}
.store .bottom .pre b {
    text-align:left;
    line-height:1.5;
}
.store .bottom span {
    color:#cf5173;
    float:left;
    line-height:1.5;
    white-space:nowrap;
    display:block;
}
/* 中心 */
.center {
    padding:70px 0;
    text-align:center;
}
.center .container {
    padding:0 100px;
    margin-top:100px;
    display:flex;
    justify-content:space-between;
}
.center .container div {
    width:30%;
    padding:0 2%;
}
.center .container img {
    margin:70px 0;
}
.center .container .center-t {
    display:block;
    width:100%;
    height:auto;
    margin-bottom:32px;
    padding:5px 0;
    font-size:38px;
    font-family:Cursive,"宋体";
    font-weight:bold;
    color:#144023;
    border:3px solid #144023;
    background:#fff;
    border-radius:8px;
}
.center .center-t:hover {
    color:#fff;
    background:#144023;
}
/* 動態 */
.dynamic {
    padding:45px;
    margin:90px auto;
    background:#fff;
    text-align:center;
}
.dynamic-box {
    display:flex;
    justify-content:space-between;
}
.dynamic-box .left {
    width:54%;
    padding:10px 0;
    padding-right:30px;
    border-right:2px solid #b5b5b5;
}
.dynamic-box .left img {
    width:100%;
}
.dynamic-box .right {
    width:46%;
    padding-left:32px;
}
.dynamic-box .right ul {
    display:flex;
    height:100%;
    flex-direction:column;
    justify-content:space-between;
}
.dynamic-box h5 {
    padding-bottom:32px;
    font-size:23px;
    font-weight:normal;
    text-align:left;
    background:url(../images/line.png) no-repeat bottom left;
    background-size:contain;
    word-spacing:5px;
    letter-spacing:3px;
    -ms-text-overflow:ellipsis;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
}
.dynamic-box p {
    width:100%;
    margin-top:16px;
    text-align:right;
    font-weight:normal;
    font-size:22px;
}
@media screen and (max-width:1650px) {
    .store .bottom div {
        font-size:18px;
    }
    .adv-box .left {
        padding:2vw 2vw 2vw 0;
    }
}@media screen and (max-width:1400px) {
    .container {
        width:80%;
    }
}@media (min-width:1300px) and (max-width:1400px) {
    .adv-box .left {
        padding:5vw 2vw 5vw 0;
    }
}@media screen and (max-width:1300px) {
    .center .container .center-t {
        font-size:2.5vw;
    }
    .dynamic-box p {
        margin-top:13px;
        font-size:20px;
    }
    .dynamic-box h5 {
        padding-bottom:22px;
        font-size:23px;
    }
    .product div {
        margin-top:80px;
    }
}@media (min-width:1100px) and (max-width:1299px) {
    .adv-box .left {
        padding:3.5vw 2vw 3.5vw 0;
    }
}@media screen and (max-width:1200px) {
    .store .bottom div {
        font-size:18px;
    }
}@media screen and (max-width:1100px) {
    .dynamic-box p {
        margin-top:11px;
        font-size:18px;
    }
    .dynamic-box h5 {
        padding-bottom:20px;
        font-size:21px;
    }
}@media screen and (max-width:1024px) {
    .container {
        width:730px;
    }
    .adv-box p {
        margin:17px 30px;
        font-size:18px;
    }
    .adv-box .left {
        padding:40px 20px 40px 0;
    }
    .advantage .adv-box {
        margin-top:32px;
    }
    .store .bottom div {
        font-size:18px;
    }
    .center .container .center-t {
        font-size:24px;
    }
    .center .container img {
        width:100%;
    }
    .product ol li {
        border:20px solid transparent;
    }
    .product ol li.on {
        margin:0 20px;
    }
}