html, body, div, span, h1, h2, h3, h4, h5, h6, ul, li, ol, table, tr, td, img, p, a{
        margin: 0;
        padding: 0;
    }
    html, body{
        height: 100%;
        font-family: SimHei;
    }

    .clear{
        font-size: 0;
        clear: both;
    }

    .center{
        width: 1080px;
        margin: 0 auto;
    }

    img{
        border: none;
    }

    .h-50{
        height: 40px;
    }
    .h-30{
        height: 30px;
    }
    .text-right{
        text-align: right;
    }
    .text-center{
        text-align: center;
    }

    .default-a{
        text-underline: none;
    }

    .top-x{
        height: 7px;
        background-color: #449038;
    }

    /* nav */
    .nav{
        position: absolute;
        width: 1080px;
        top: 65px;
        left: 50%;
        margin-left: -520px;
        z-index: 99;
    }
    .nav ul{
        list-style: none;
        position: relative;
    }
    .nav ul li{
        display: block;
        float: left;
        width: 90px;
        height: 35px;
        text-align: center;
        margin-left: 50px;
    }
    .nav ul li a{
        font-size: 16px;
        color: #2c2c2c;
        text-decoration: none;
        font-family: SimHei;
    }
    .nav ul li a:hover, .nav ul li.active a{
        color: #449036;
    }
    .nav ul li.active{
        border-bottom: 2px solid #449036;
    }
    .nav ul li.nav-logo{
        position: relative;
        height: 1px;
        width: 190px;
    }
    .nav ul li.nav-logo a{
        display: block;
        position: absolute;
        top: -40px;
        left: 12px;
    }
    .nav ul li.nav-logo a img{
        height: 130px;
    }
    .nav ul li.nav-logo-min a{
        top: -40px;
        left: 12px;
    }

    .top-buy{
        width: 750px;
        margin: 0 auto;
        position: relative;
        padding-bottom: 20px;
        background-color: #ffffff;
        display: none;
        margin-top: 20px;
    }
    .top-buy p{
        text-align: center;
        font-size: 24px;
        font-family: "黑体";
        color: #39872d;
    }
    .top-buy div{
        margin-top: 25px;
        text-align: center;
    }
    .top-buy-button-close{
        position: absolute;
        top: 0;
        right: -270px;
        cursor: pointer;
    }
    .nav-height{
        height: 150px;
    }
    .search-top-icon{
        position: absolute;
        right: -50px;
        top: -40px;
        cursor: pointer;
    }
    .search-top-icon input{
        border: none;
        border-bottom: 1px solid #ffffff;
        width: 140px;
        background: none;
        color: #ffffff;
        font-size: 14px;
        float: left;
        padding: 3px;
        display: none;
    }
    .search-top-icon input:focus{
        outline: none;
    }

    .search-top-icon input::-webkit-input-placeholder {
        color: #ffffff;
        font-size: 14px;
    }
    .search-top-icon img{
        float: left;
        margin-left: 10px;
    }
    .top-buy-icon{
        position: absolute;
        right: -60px;
        top: 0;
        color: #439037;
        font-size: 16px;
        display: inline-block;
        cursor: pointer;
    }
    .top-buy-icon-index{
        color: #FFFFFF;
    }
    .top-buy-icon img{
        float: left;
        margin: 3px 10px 0 0;
    }

    /* banner */
    .ck-slide{
        width: 100%;
        position:relative;
        overflow:hidden;
    }
    .ck-slide ul{margin:0;padding:0;list-style-type:none; display: block; }
    .ck-slide ul.ck-slide-wrapper{position:absolute;top:0;left:0;z-index:1;margin:0;padding:0}
    .ck-slide ul.ck-slide-wrapper li{
        position:absolute;
    }
    .ck-slide ul li img{
        width: 100%;
    }
    .ck-slide .ck-prev,.ck-slide .ck-next{position:absolute;top:50%; margin-top: -46px; z-index:2;width:43px;height:92px; opacity:.15; text-indent:-9999px;background-repeat:no-repeat;transition:opacity .2s linear 0s}
    .ck-slide .ck-prev{left:120px;background:url(../images/banner-prev.png) no-repeat}
    .ck-slide .ck-next{right:120px;background:url(../images/banner-next.png) no-repeat}
    .ck-slidebox{position:absolute; left:50%; bottom:75px; z-index:30}
    .ck-slidebox ul{height:20px;padding:0 4px;}
    .ck-slidebox ul li{
        float:left;
        height:8px;
        margin:2px;
        background-color: #FFFFFF;
        opacity: 0.7;
        width: 70px;
    }
    .ck-slidebox ul li em{display:block;width:12px;height:12px;border-radius:100%;background-color:#439037;text-indent:-9999px;cursor:pointer}
    .ck-slidebox ul li.current{background-color:#439037}
    .ck-slidebox ul li em:hover{background-color:#fe6500}

    .index-c-1{
        background: url(../images/index-c-1-bg.jpg) no-repeat;
        height: 400px;
        text-align: center;
        overflow: hidden;
    }
    .index-c-1 span{
        display: block;
        margin: 70px 0 35px 0;
    }
    .index-c-1 p{
        font-size: 24px;
        color: #1f1f1f;
        display: inline-block;
        width: 980px;
        line-height: 1.8em;
        margin-top: 100px;
    }
    .index-c-1 p b{
        color: #367d18;
        font-size: 36px;
    }

    .index-c-2 .index-c-2-left, .index-c-2 .index-c-2-right{
        float: left;
        width: 50%;
        position: relative;
    }
    .index-c-2 div img{
        width: 100%;
        display: block;
    }

    .index-c-2 .index-c-2-left span{
        display: block;
        position: absolute;
        width: 48%;
        height: 10%;
        top: 56%;
        right: 0;
    }
    .index-c-2 .index-c-2-left span a{
        display: block;
        width: 100%;
        height: 100%;
    }

    .index-c-2 .index-c-2-right span{
        display: block;
        position: absolute;
        width: 48%;
        height: 10%;
        top: 56%;
        right: 0;
    }
    .index-c-2 .index-c-2-right span a{
        display: block;
        width: 100%;
        height: 50%;
    }

    .index-product-max-title{
        font-size: 40px;
        color: #39872d;
    }
    #yixing{ width: 840px; height: 400px; position: relative; overflow: hidden;}

    .index-product-button{
        position: relative;
        width: 880px;
        height: 58px;
    }
    .index-product-button .index-product-prev{display: block; width: 58px; height: 58px; position: absolute; top:-270px;left:-100px; cursor: pointer;}

    .index-product-button .index-product-next{display: block; width: 58px; height: 58px; position: absolute; top:-270px;right:-100px; cursor: pointer;}

    #yixing ul{ list-style: none; }

    #yixing ul li{ position: absolute; }

    #yixing ul li .index-product-desc-none, #yixing ul li .index-product-content-none{
        display: none;
    }
    #yixing ul li img{
        width: 100%;
        height: 100%;
        display: block;
    }
    #yixing ul li h1{
        display: block;
        font-size: 18px;
        color: #1f1f1f;
        text-align: center;
        font-weight: normal;
    }
    #yixing ul li.no3 h1{
        font-size: 20px;
    }
    #yixing .index-product-desc{
        position: absolute;
        text-align: center;
        width: 100%;
        bottom: 50px;
    }
    #yixing .index-product-desc h1{
        position: relative;
        background: #367d18;
        border-radius: 30px;
        font-size: 16px;
        color: #FFFFFF;
        text-align: center;
        display: inline-block;
        padding: 7px 30px;
        font-weight: normal;
    }
    #yixing .index-product-desc h1 span{
        background: url(../images/index-product-desc-icon.jpg) no-repeat;
        position: absolute;
        display: inline-block;
        width: 16px;
        height: 8px;
        left: 50%;
        margin-left: -8px;
        top: -8px;
    }
    .index-product-bottom-desc{
        font-size: 12px;
        color: #4c4c4c;
        position: absolute;
        width: 100%;
        bottom: 0;
    }

    #yixing ul li.no0{ width:48px; top:0px; left:-70px; }

    #yixing ul li.no1{ width:150px; top:0px; left:0px; }

    #yixing ul li.no2{ width:170px; top:0px; left:150px; }

    #yixing ul li.no3{ width:200px; top:0px; left:320px; }

    #yixing ul li.no4{ width:170px; top:0px; left:520px; }

    #yixing ul li.no5{ width:150px; top:0px; left:690px; }

    #yixing ul li.no6{ width:48px; top:0px; left:1200px; }

    #yixing ul li.denghou{display: none;}

    .footer{
        height: 210px;
        background-color: #439037;
    }
    .footer .center{
        position: relative;
        overflow: hidden;
        height: 100%;
    }
    .footer-link{
        position: relative;
        margin-top: 50px;
    }
    .footer-link h3{
        font-weight: normal;
        font-size: 16px;
        color: #ffffff;
        display: inline-block;
    }
    .footer-link a{
        padding: 0 5px;
        font-size: 16px;
        color: #ffffff;
        text-decoration:none;
    }
    .footer-link .footer-link-logo{
        position: absolute;
        left: 230px;
        top: -20px;
    }
    .footer-link .footer-link-logo table td{
        padding-right: 25px;
    }
    .footer-terms{
        margin-top: 20px;
    }
    .footer-terms a{
        color: #ffffff;
        text-decoration: none;
        font-size: 18px;
    }
    .footer-terms span{
        color: #ffffff;
        display: inline-block;
        padding: 0 10px;
    }
    .footer-icp{
        color: #ffffff;
        font-size: 18px;
        margin-top: 20px;
        font-weight: normal;
    }
    .footer-icp a{
        color: #ffffff;
        font-size: 18px;
        text-decoration: none;
    }
    .footer-qrcode{
        position: absolute;
        right: 0;
        top: 40px;
    }
    .footer-qrcode span{
        display: inline-block;
        color: #ffffff;
        font-size: 16px;
        margin-left: 40px;
    }
    .footer-qrcode span img{
        display: block;
        margin-bottom: 5px;
        width: 100px;
    }

    .sub-banner{
        margin-top: 20px;
    }
    .sub-banner img{
        display: block;
        width: 100%;
    }

    /* contact */
    .contact{
        background: #FFFFFF;
        overflow: hidden;
        padding: 0 0 50px 0;
    }
    .contact img{
        display: block;
    }

    /* about */
    .about-index{
        position: relative;
    }
    .about-index-list{
        margin: 20px 20px 0 20px;
    }
    .about-index-list .about-index-list-left, .about-index-list .about-index-list-right{
        float: left;
        height: 100%;
        overflow: hidden;
    }
    .about-index-list .about-index-list-left{
        width: 65%;
    }
    .about-index-list .about-index-list-left img{
        width: 100%;
    }
    .about-index-list .about-index-list-right{
        width: 35%;
        background-color: #f5f5f5;
        box-sizing: border-box;
        padding: 0 40px;
        text-align: center;
        position: relative;
    }
    .about-index-list .about-index-list-right h1{
        display: block;
        margin-top: 20%;
        font-size: 36px;
        color: #000;
        font-weight: 600;
    }
    .about-index-list .about-index-list-right p{
        margin-top: 7%;
        color: #39372f;
        font-size: 20px;
        text-align: left;
    }
    .about-index-list .about-index-list-right span{
        position: absolute;
        right: 13%;
        bottom: 15%;
    }
    .about-index-list .about-index-list-right span a{
        text-decoration: none;
        color: #39372f;
        font-size: 20px;
    }
    .about-index-list .about-index-list-right span a:hover{
        text-decoration: underline;
    }

    .about-sub{
        width: 1200px;
    }
    .about-sub-left{
        width: 280px;
        float: left;
        background-color: #f4f5f6;
    }
    .about-sub-left ul{
        list-style: none;
        display: block;
        border-left: 6px solid #439037;
        padding-left: 1px;
    }
    .about-sub-left ul li a{
        display: block;
        height: 98px;
        border-bottom: 1px solid #FFFFFF;
        font-size: 26px;
        color: #333;
        text-decoration: none;
        text-align: center;
        line-height: 98px;
        position: relative;
    }
    .about-sub-left ul li a:hover, .about-sub-left ul li a.active{
        background-color: #439037;
        color: #FFFFFF;
    }
    .about-sub-left ul li a:hover span, .about-sub-left ul li a.active span{
        display: block;
    }
    .about-sub-left ul li a span{
        display: none;
        width: 7px;
        height: 14px;
        background: url('../images/about-sub-left-icon.jpg') no-repeat;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -4px;
    }

    .about-sub-right{
        float: left;
        width: 860px;
        margin-left: 60px;
        overflow: hidden;
    }
    .about-sub-right-bg{
        width: 38%;
        position: absolute;
        z-index: -1;
        right: 0;
        top: 60%;
    }
    .about-sub-right-bg img{
        width: 100%;
    }
    .about-sub-right h1{
        color: #439037;
        font-size: 38px;
        text-align: center;
        margin-bottom: 30px;
    }
    .about-sub-right .img{
        margin-bottom: 30px;
    }
    .about-sub-right .img img{
        width: 100%;
    }
    .about-sub-right p{
        color: #39372f;
        line-height: 1.8em;
        font-size: 22px;
        text-indent: 50px;
        margin-bottom: 30px;
    }
    .about-sub-right p.about-sub-right-p{
        margin-bottom: 40px;
    }

    .about-sub-right-video-type span{
        display: inline-block;
        margin-right: 5px;
    }
    .about-sub-right-video-type a{
        font-size: 20px;
        color: #333333;
        text-decoration: none;
    }
    .about-sub-right-video-type a:hover, .about-sub-right-video-type a.active{
        color: #449038;
    }

    .about-sub-right-video-list{
        list-style: none;
        margin-top: 10px;
    }
    .about-sub-right-video-list li{
        display: block;
        float: left;
        width: 410px;
        margin-right: 20px;
        margin-bottom: 60px;
    }
    .about-sub-right-video-list li img{
        width: 100%;
        height: 290px;
        display: block;
        cursor: pointer;
    }
    .about-sub-right-video-list li h3{
        font-size: 22px;
        color: #333333;
        margin-top: 20px;
        display: block;
        font-weight: normal;
        overflow: hidden;
        text-align: center;
        height: 26px;
        line-height: 1.5em;
    }
    .about-sub-right-video-list li h3 span{
        color: #449038;
    }

    .pager{
        text-align: center;
    }
    .pager a, .pager strong{
        display: inline-block;
        width: 50px;
        height: 50px;
        border: 1px solid #449038;
        border-radius: 4px;
        line-height: 50px;
        text-align: center;
        margin-right: 20px;
        text-decoration: none;
        color: #449038;
    }
    .pager strong, .pager a:hover{
        background-color: #449038;
        color: #FFFFFF;
    }

    .video-mask{
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9998;
        background-color: rgba(0, 0, 0, 0.7);
    }
    .video-window{
        position: fixed;
        z-index: 9999;
        width: 1000px;
        height: 564px;
        background-color: #000000;
        top: 50%;
        margin-top: -282px;
        left: 50%;
        margin-left: -500px;
    }
    .video-window video{
        width: 1000px;
        height: 564px;
    }

    .about-sub-responsibility{
        list-style: none;
    }
    .about-sub-responsibility li{
        display: block;
        height: 170px;
        margin-bottom: 15px;
    }
    .about-sub-responsibility li img{
        width: 310px;
        height: 170px;
        border-radius: 10px;
        display: block;
    }
    .about-sub-responsibility li .about-sub-responsibility-list-left{
        position: relative;
    }
    .about-sub-responsibility li .about-sub-responsibility-list-left span{
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -10px;
        padding: 0px 10px;
        background-color: #449038;
        color: #FFFFFF;
        font-size: 20px;
    }
    .about-sub-responsibility li .about-sub-responsibility-list-right{
        padding-left: 40px;
        font-size: 20px;
        color: #333333;
        font-weight: normal;
    }

    /* article */
    .article{
        background-color: #f6f5f4;
        margin-top: 30px;
        position: relative;
    }
    .article .article-tag{
        padding: 20px 0;
        text-align: center;
        color: #787878;
        font-size: 16px;
    }
    .article .article-tag span, .article .article-tag span a{
        color: #439037;
        font-size: 16px;
        text-align: center;
        text-decoration: none;
    }
    .article .article-tag span a{
        padding: 0 10px;
    }
    .article .article-tag span a:hover, .article .article-tag span a.active{
        background-color: #439037;
        color: #FFFFFF;
        border-radius: 10px;
    }
    .article-list{
        width: 1200px;
    }
    .article-list ul{
        list-style: none;
    }
    .article-list ul li{
        display: block;
        width: 32%;
        float: left;
        box-sizing: border-box;
        box-shadow: 1px 1px 6px #ccc;
        margin-bottom: 20px;
    }
    .article-list ul li h1{
        padding: 20px;
        line-height: 0.8em;
    }
    .article-list ul li h1 a{
        font-size: 14px;
        color: #464646;
        font-weight: normal;
        text-decoration: none;
    }
    .article-list ul li h1 a:hover{
        text-decoration: underline;
    }
    .article-list ul li img{
        display: block;
        width: 100%;
    }

    .article-list ul li .article-list-tag{
        padding: 0 20px 20px 20px;
    }

    .article-list ul li .article-list-tag span{
        display: inline-block;
        margin-right: 10px;
        float: left;
    }
    .article-list ul li .article-list-tag span a{
        font-size: 14px;
        color: #464646;
        text-decoration: none;
        padding: 2px 10px;
        background-color: #ecedf0;
        border-radius: 10px;
        display: inline-block;
        margin-bottom: 10px;
    }
    .article-list ul li .article-list-tag span a:hover{
        background-color: #439037;
        color: #FFFFFF;
    }

    .article-details{
        width: 1000px;
    }
    .article-details-title{
        font-size: 36px;
        color: #439037;
        text-align: center;
        display: block;
        margin: 30px 0;
    }
    .article-details-content{
        font-size: 15px;
        color: #464646;
        line-height: 1.8em;
    }
    .article-details-content h4{
        font-weight: bold;
    }
    .article-details-content img{
        display: block;
        margin: 0 auto;
    }
    .article-details-back{
        position: absolute;
        padding: 20px 0;
        right: 10%;
        top: 0;
        background-color: #409131;
        font-size: 20px;
        color: #FFFFFF;
        width: 30px;
        text-align: center;
        border-radius: 0 0 30px 30px;
        cursor: pointer;
    }
    /* article-end */

    /*轮播样式ʽ*/
    .poster-main{position: relative;width: 900px;height: 270px}
    .poster-main a,.poster-main img{display:block;}
    .poster-main .poster-list{width: 900px;height: 270px; list-style: none;}
    .poster-main .poster-list .poster-item{position: absolute;left: 0;top: 0;}

    .poster-main .poster-btn{
        cursor: pointer;
        position: absolute;
        top:0;
        width:180px !important;
        height:470px !important;
        text-align: center;
        line-height: 14px;
        color: #ffffff;
        background-color: coral;
        /* background-color: #feb320;*/
        /*opacity: 0.2;*/
        z-index: 10;
    }
    .poster-main .poster-next-btn{
        background: url(../images/index-product-next.png) center no-repeat;
    }
    .btn-box{
        display: table;
        margin-left: auto;
        margin-right: auto;
    }
    .index-btn{
        display: inline;
        cursor: pointer;
        float: left;
        width: 10px;
        height: 10px;
        color: #fff;
        margin-right: 5px;
        margin-top: 20px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }
    .poster-main .poster-prev-btn{
        left: 0;
        background: url(../images/index-product-prev.png) center no-repeat;
    }
    .poster-main .poster-next-btn{
        right: 0;
    }
    .index-btn.poster-btn-active{
        width: 40px;
        border-radius: 50px;
        background-color: #9FC112;
    }

    .poster-item img{
        background-color: #cccccc;
    }

    .index-product-onmousemove-left, .index-product-onmousemove-right{
        background-color: #1d7400;
        position: absolute;
        top: 0;
        width: 280px;
        height: 75%;
        z-index: 999;
        opacity: 0;
    }
    .index-product-onmousemove-left{
        left: 0;
    }
    .index-product-onmousemove-right{
        right: 0;
    }

    .program-index{
        width: 1174px;
    }
    .program-index h1{
        display: block;
        text-align: center;
        font-size: 30px;
        color: #439037;
    }
    .program-index-1{
        position: relative;
        height: 1040px;
    }
    .program-index-1 div{
        position: absolute;
    }
    .program-index-1 div.kitchen{
        right: 0;
    }
    .program-index-1 div.bedroom{
        top: 523px;
    }
    .program-index-1 div.bathroom{
        top: 332px;
        right: 0;
    }
    .program-index-1 div.outdoor{
        top: 790px;
    }
    .program-index-1 div p{
        position: absolute;
        margin-top: -65px;
        display: block;
        background-color: rgba(255, 255, 255, 0.6);
        width: 100%;
        height: 60px;
        line-height: 60px;
        text-align: center;
        font-size: 24px;
        color: #5c5c5c;
    }
    .program-details{
        width: 1080px;
    }
    .program-details ul{
        list-style: none;
        margin-top: 13px;
    }
    .program-details-active{
        position: relative;
    }
    .program-details-active .program-details-active-img{
        width: 100%;
        display: block;
    }
    .program-details ul li{
        display: block;
        float: left;
        width: 24%;
        margin-left: 1.3%;
        position: relative;
        cursor: pointer;
    }
    .program-details ul li img{
        width: 100%;
        display: block;
    }
    .program-details-tag-content{
        display: none;
    }
    .program-details-tag{
        display: none;
    }

    .program-details-tag-content em{
        position: absolute;
        display: block;
        width: 20px;
        height: 20px;
        background: url('../images/program-details-tag-content-close.jpg');
        background-size: cover;
        right: 0;
        top: 0;
        z-index: 9999;
        cursor: pointer;
    }

    .program-details-tag-content{
        display: none;
        width: 55%;
    }
    .program-details-active .program-details-tag-content img{
        width: 100%;
        display: block;
    }
    .program-details-active .program-details-tag-content a{
    }
    .program-details-active .program-details-tag{
        position: absolute;
        z-index: 99;
        display: block;
        width: 32px;
        height: 32px;
        cursor: pointer;
        top: 0;
        left: 0;
    }
    .program-details-active .program-details-tag div{
        background:url("../images/program-details-tag-icon-3.png") no-repeat #39872d;
        background-size: cover;
        width: 10px;
        height: 10px;
        border: 6px #39872d solid;
        border-radius:50%;
        position: relative;
    }

    .program-details-active .program-details-tag p, .program-details-active .program-details-tag span{
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius:50%;
        animation: myfirst 1.5s  infinite;
        box-shadow: 0px 0px 4px #39872d;
        margin: 0px;
    }
    .program-details-active .program-details-tag span{
        animation-delay: 0.8s;
    }

    @keyframes myfirst{
        10% {transform: scale(1);}
        100% {transform: scale(4);}
    }

    .program-details-active .program-details-bathroom-tag-1{
        top: 59%;
        left: 6%;
    }
    .program-details-bathroom-tag-content-1{
        position: absolute;
        top: 17%;
        left: 7%;
        width: 62%;
    }
    .program-details-bathroom-tag-content-1 a{
        position: absolute;
        display: block;
        right: 0;
        top: 5%;
        width: 23%;
        height: 50%;
    }
    .program-details-active .program-details-bathroom-tag-2{
        top: 63%;
        left: 19%;
    }
    .program-details-bathroom-tag-content-2{
        position: absolute;
        top: 17%;
        left: 20%;
    }
    .program-details-bathroom-tag-content-2 a{
        position: absolute;
        display: block;
        right: 0;
        top: 0px;
        width: 29%;
        height: 50%;
    }
    .program-details-active .program-details-bathroom-tag-3{
        top: 70%;
        left: 26%;
    }
    .program-details-bathroom-tag-content-3{
        position: absolute;
        top: 17%;
        left: 27%;
    }
    .program-details-bathroom-tag-content-3 a{
        position: absolute;
        display: block;
        right: 0;
        top: 0px;
        width: 27%;
        height: 45%;
    }
    .program-details-active .program-details-bathroom-tag-4{
        top: 55%;
        left: 51%;
    }
    .program-details-bathroom-tag-content-4{
        position: absolute;
        top: 17%;
        left: 25%;
        width: 42%;
    }
    .program-details-bathroom-tag-content-4 a{
        position: absolute;
        display: block;
        right: 0;
        top: 0px;
        width: 30%;
        height: 58%;
    }
    .program-details-active .program-details-bathroom-tag-5{
        top: 87%;
        left: 87%;
    }
    .program-details-bathroom-tag-content-5{
        position: absolute;
        top: 20%;
        left: 22.5%;
        width: 66%;
    }
    .program-details-bathroom-tag-content-5 a{
        position: absolute;
        display: block;
        right: 16%;
        top: 0px;
        width: 26%;
        height: 34%;
    }

    .program-details-active .program-details-parlor-tag-1{
        top: 81%;
        left: 12%;
    }
    .program-details-parlor-tag-content-1{
        position: absolute;
        top: 36%;
        left: 13%;
    }
    .program-details-parlor-tag-content-1 a{
        position: absolute;
        display: block;
        right: 0;
        top: 0;
        width: 26%;
        height: 50%;
    }
    .program-details-active .program-details-parlor-tag-2{
        top: 73%;
        left: 27%;
    }
    .program-details-parlor-tag-content-2{
        position: absolute;
        top: 25%;
        left: 28%;
    }
    .program-details-parlor-tag-content-2 a{
        position: absolute;
        display: block;
        right: 5%;
        top: 0;
        width: 25%;
        height: 42%;
    }
    .program-details-active .program-details-parlor-tag-3{
        top: 85%;
        left: 85%;
    }
    .program-details-parlor-tag-content-3{
        position: absolute;
        top: 42%;
        left: 25%;
        width: 61%;
    }
    .program-details-parlor-tag-content-3 a{
        position: absolute;
        display: block;
        right: 12%;
        top: 0;
        width: 23%;
        height: 50%;
    }

    .program-details-active .program-details-kitchen-tag-1{
        top: 60%;
        left: 22%;
    }
    .program-details-kitchen-tag-content-1{
        position: absolute;
        top: 21%;
        left: 23%;
    }
    .program-details-kitchen-tag-content-1 a{
        position: absolute;
        display: block;
        right: 0;
        top: 0;
        width: 30%;
        height: 58%;
    }
    .program-details-active .program-details-kitchen-tag-2{
        top: 93%;
        left: 91%;
    }
    .program-details-kitchen-tag-content-2{
        position: absolute;
        top: 32.5%;
        left: 27%;
        width: 65%;
    }
    .program-details-kitchen-tag-content-2 a{
        position: absolute;
        display: block;
        right: 18%;
        top: 0;
        width: 22%;
        height: 35%;
    }

    .program-details-active .program-details-bedroom-tag-1{
        top: 46%;
        left: 11%;
    }
    .program-details-bedroom-tag-content-1{
        position: absolute;
        top: 4%;
        left: 10.5%;
        width: 63%;
    }
    .program-details-bedroom-tag-content-1 a{
        position: absolute;
        display: block;
        right: 0px;
        top: 0;
        width: 24%;
        height: 51%;
    }
    .program-details-active .program-details-bedroom-tag-2{
        top: 85%;
        left: 16%;
    }
    .program-details-bedroom-tag-content-2{
        position: absolute;
        top: 40%;
        left: 16%;
    }
    .program-details-bedroom-tag-content-2 a{
        position: absolute;
        display: block;
        right: 0px;
        top: 0;
        width: 27%;
        height: 46%;
    }
    .program-details-active .program-details-bedroom-tag-3{
        top: 55%;
        left: 77%;
    }
    .program-details-bedroom-tag-content-3{
        position: absolute;
        top: 14%;
        left: 23.5%;
    }
    .program-details-bedroom-tag-content-3 a{
        position: absolute;
        display: block;
        right: 8%;
        top: 0;
        width: 28%;
        height: 53%;
    }

    .program-details-active .program-details-outdoor-tag-1{
        top: 63%;
        left: 16%;
    }
    .program-details-outdoor-tag-content-1{
        position: absolute;
        top: 14%;
        left: 16.5%;
    }
    .program-details-outdoor-tag-content-1 a{
        position: absolute;
        display: block;
        right: 0;
        top: 0;
        width: 22%;
        height: 46%;
    }
    .program-details-active .program-details-outdoor-tag-2{
        top: 80%;
        left: 77%;
    }
    .program-details-outdoor-tag-content-2{
        position: absolute;
        top: 16.5%;
        left: 20%;
        width: 58%;
    }
    .program-details-outdoor-tag-content-2 a{
        position: absolute;
        display: block;
        right: 6%;
        top: 0;
        width: 24%;
        height: 37%;
    }

    .program-details-active h1{
        display: none;
    }
    .program-details ul li h1{
        position: absolute;
        font-size: 22px;
        text-indent: 20px;
        color: #439037;
        display: block;
        width: 100%;
        height: 45px;
        line-height: 45px;
        bottom: 0;
        left: 0;
        background-color: rgba(255,255,255,0.5);
    }

    .product{
        width: 1397px;
    }
    .product-type{
        margin-top: 30px;
    }
    .product-type-item{
        width: 455px;
        height: 85px;

        float: left;
        margin-left: 15px;
    }
    .product-type-item a{
        height: 100%;
        display: block;
        line-height: 85px;
        background-color: #f5f5f5;
        font-size: 26px;
        color: #39372f;
        text-align: center;
        text-decoration: none;
    }
    .product-type-item.active a, .product-type-item a:hover{
        background-color: #439037;
        color: #FFFFFF;
    }

    .product-left{
        width: 245px;
        float: left;
        background-color: #f5f5f5;
        margin-top: 30px;
    }
    .product-list{
        list-style: none;
    }
    .product-list li{
        display: block;
        margin: 15px;
        border: 2px solid #FFFFFF;
    }
    .product-list li.active, .product-list li:hover{
        border: 2px solid #439037;
    }
    .product-list li img{
        width: 100%;
        display: block;
    }

    .product-right{
        width: 1120px;
        float: left;
        margin: 30px 0 0 30px;
    }
    .product-img{
        width: 490px;
        float: left;
        height: 610px;
        position: relative;
    }
    .product-img-min{
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .product-img-active{
        height: 490px;
        overflow: hidden;
        text-align: center;
        border: 1px solid #e5e5e5;
    }
    .product-img-active img{
        display: block;
        max-width: 100%;
        margin: 0 auto;
    }
    .product-base-info{
        width: 590px;
        float: left;
        margin-left: 30px;
    }
    .product-base-info-title{
        font-size: 24px;
        color: #4c4c4c;
        font-weight: 500;
        margin-bottom: 10px;
        padding-left: 15px;
    }
    .product-base-info-title em{
        margin-top: -3px;
        margin-left: 8px;
        font-size: 18px;
        color: red;
        position: absolute;
    }

    .product-title-separate{
        height: 35px;
        background-color: #f5f5f5;
        border-radius: 30px;
    }
    .product-title-separate span{
        background-color: #439037;
        display: inline-block;
        height: 100%;
        line-height: 35px;
        padding: 0 30px;
        border-radius: 30px 0 0 30px;
        font-size: 16px;
        color: #FFFFFF;
    }
    .product-characteristics{
        font-size: 14px;
        padding: 15px;
        color: #4c4c4c;
    }
    .product-specification{
        padding: 15px;
    }
    .product-specification span{
        /*display: block;
        float: left;
        margin-right: 20px;*/

        display: block;
        float: left;
        margin-bottom: 10px;
    }
    .product-specification span a{
        /*color: #4c4c4c;
        font-size: 16px;
        text-decoration: none;*/
        display: block;
        padding: 6px 15px;
        color: #4c4c4c;
        font-size: 16px;
        text-decoration: none;
        background-color: #f5f5f5;
        position: relative;
    }
    .product-specification span a:hover, .product-specification span.active a{
        /*color: #439037;*/
        background-color: #439037;
        color: #FFFFFF;
    }
    .product-characteristics p{
        line-height: 1.8em;
    }

    .product-color{
        padding: 15px;
    }
    .product-color span{
        display: block;
        float: left;
        margin-bottom: 10px;
    }
    .product-color span a{
        display: block;
        padding: 6px 15px;
        color: #4c4c4c;
        font-size: 16px;
        text-decoration: none;
        background-color: #f5f5f5;
        position: relative;
    }
    .product-color span a i{
        display: none;
    }
    .product-color span a:hover, .product-color span.active a{
        background-color: #439037;
        color: #FFFFFF;
    }
    .product-color span.active a i{
        display: none;
        width: 13px;
        height: 6px;
        position: absolute;
        bottom: -6px;
        left: 50%;
        margin-left: -7px;
        background: url(../images/product-color-icon.jpg) no-repeat;
    }
    .product-color span p{
        display: none;
    }
    .product-color-desc{
        padding: 0 0 15px 15px;
        font-size: 16px;
        color: #4c4c4c;
    }
    .product-shop{
        padding-left: 15px;
    }
    .product-shop img{
        width: 150px;
        display: block;
        float: left;
        margin-right: 30px;
    }

    .product-title-separate-content > img{
        display: block;
        margin: 40px auto;
        max-width: 90%;
    }
    .product-title-separate-content .product-title-separate-content-text{
        padding: 0 30px;
        color: #4c4c4c;
        font-size: 16px;
        line-height: 1.8em;
    }
    .product-title-separate-content .product-title-separate-content-text h2{
        font-size: 16px;
        color: #4c4c4c;
    }
    .product-title-separate-content .product-title-separate-content-topic{
        font-size: 12px;
        color: #4c4c4c;
    }

    .product-title-separate-content-qa-box{
        background-color: #f5f5f5;
        border-radius: 10px;
        padding: 35px 30px;
        margin: 20px 0;
    }
    .product-title-separate-content-qa{
        max-height: 800px;
        overflow: auto;
        padding: 30px 25px 30px 0;
    }
    .product-title-separate-content-qa ul{
        list-style: none;
    }
    .product-title-separate-content-qa li{
        display: block;
    }
    .product-title-separate-content-qa li .product-title-separate-content-qa-a-face{
        width: 110px;
        height: 110px;
        border-radius: 50%;
        background-color: #619d44;
        overflow: hidden;
        float: left;
    }
    .product-title-separate-content-qa li .product-title-separate-content-qa-a-face img{
        width: 100%;
        border-radius: 50%;
    }
    .product-title-separate-content-qa li .product-title-separate-content-qa-a-content{
        width: 560px;
        padding: 25px 30px;
        box-sizing: border-box;
        background-color: #619d44;
        font-size: 18px;
        color: #FFFFFF;
        float: left;
        border-radius: 15px;
        margin: 25px 0 0 25px;
    }

    .product-title-separate-content-qa li.product-title-separate-content-qa-b .product-title-separate-content-qa-a-face{
        float: right;
        background-color: #FFFFFF;
    }
    .product-title-separate-content-qa li.product-title-separate-content-qa-b .product-title-separate-content-qa-a-content{
        float: right;
        margin-right: 25px;
        background-color: #cddfc5;
        color: #1b1b1b;
        width: 766px;
    }

    .product-disclaimer{
        font-size: 12px; color: #4c4c4c; text-indent: -10px; -webkit-transform: scale(0.95);
    }

    .swiper-container{
        width: 440px;
    }
    .swiper-container .swiper-slide img{
        width: 85px;
        height: 95px;
        border: 1px solid #e5e5e5;
    }

    .product-characteristics-group{
        display: none;
    }

    div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:300px;height:300px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
    div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}

    @media screen and (max-width: 1800px)  {
        .product{
            width: 1060px;
        }
        .product-type{
            margin-top: 15px;
        }
        .product-type-item{
            width: 343px;
            height: 55px;
            float: left;
            margin-left: 15px;
        }
        .product-type-item a{
            height: 100%;
            display: block;
            line-height: 55px;
            background-color: #f5f5f5;
            font-size: 18px;
            color: #39372f;
            text-align: center;
            text-decoration: none;
        }

        .product-left{
            width: 190px;
            margin-top: 15px;
        }

        .product-right{
            width: 855px;
            overflow: hidden;
            margin-left: 15px;
            margin-top: 15px;
        }

        .product-img{
            width: 360px;
            float: left;
            height: 480px;
            position: relative;
        }
        .product-img-active{
            height: 360px;
            overflow: hidden;
            text-align: center;
            border: 1px solid #e5e5e5;
        }
        .product-img-active video{
            width: 100%;
            height: 100%;
            background-color: #ffffff;
            position: relative;
        }
        .swiper-slide-video-play{
            position: absolute;
            display: block;
            top: 50%;
            margin-top: -20px;
            left: 50%;
            margin-left: -15px;
            width: 40px;
            height: 40px;
            background: url(../images/cp-video-play.png);
            background-size: cover;
        }
        .product-base-info{
            width: 480px;
            margin-left: 15px;
        }

        .product-title-separate{
            height: 30px;
            background-color: #f5f5f5;
            border-radius: 30px;
            position: relative;
        }
        .product-title-separate span{
            background-color: #439037;
            display: inline-block;
            height: 100%;
            padding: 0 30px;
            border-radius: 30px 0 0 30px;
            font-size: 14px;
            color: #FFFFFF;
            position: absolute;
            left: 0;
            top: 0;
            line-height: 30px;
        }
        .product-title-separate-content img{
            /*max-width: 90%;*/
            display: block;
        }

        .product-title-separate-content-list-title{
            width: 90%;
            margin: 20px auto;
            background: linear-gradient(to right, #e5f0e3, #ffffff);
            height: 30px;
            line-height: 30px;
            color: #439037;
            font-size: 14px;
            border-radius: 30px 0 0 30px;
        }
        .product-title-separate-content-list-title span{
            color: #ffffff;
            font-size: 14px;
            border-radius: 30px 0 0 30px;
            background-color: #439037;
            width: 45px;
            height: 100%;
            text-align: center;
            display: inline-block;
            margin-right: 10px;
        }

        .product-title-separate-content-list-table{
            width: 88%;
            margin: 0 auto;
        }
        .product-title-separate-content-list-table td{
            padding: 10px;
        }
        .product-title-separate-content-list-table td h2{
            display: inline-block;
            background-color: #439037;
            height: 30px;
            line-height: 30px;
            color: #ffffff;
            font-size: 14px;
            padding: 0 20px;
            margin-left: -23px;
            margin-top: 20px;
        }
        .product-title-separate-content-list-table td p{
            margin-top: 10px;
            font-size: 14px;
            color: #4c4c4c;
            line-height: 1.8em;
            font-weight: bold;
        }
        .product-title-separate-content-list-table td p b{
            color: #439037;
        }
        .product-title-separate-content-list-title-text{
            width: 88%;
            margin: 0 auto;
            font-size: 14px;
            line-height: 1.8em;
        }
        .product-title-separate-content-list-title-text b{
            color: #439037;
        }

        .product-title-separate-content-qa-box{
            background-color: #f5f5f5;
            border-radius: 10px;
            padding: 25px 15px;
            margin: 20px 0;
        }
        .product-title-separate-content-qa{
            max-height: 500px;
            overflow: auto;
            padding: 20px 15px 20px 0;
        }
        .product-title-separate-content-qa ul{
            list-style: none;
        }
        .product-title-separate-content-qa li{
            display: block;
        }
        .product-title-separate-content-qa li .product-title-separate-content-qa-a-face{
            width: 90px;
            height: 90px;
            border-radius: 50%;
            background-color: #619d44;
            overflow: hidden;
            float: left;
        }
        .product-title-separate-content-qa li .product-title-separate-content-qa-a-face img{
            width: 100%;
            border-radius: 50%;
        }
        .product-title-separate-content-qa li .product-title-separate-content-qa-a-content{
            width: 340px;
            padding: 15px 20px;
            box-sizing: border-box;
            background-color: #619d44;
            font-size: 14px;
            color: #FFFFFF;
            float: left;
            border-radius: 15px;
            margin: 25px 0 0 25px;
        }

        .product-title-separate-content-qa li.product-title-separate-content-qa-b .product-title-separate-content-qa-a-face{
            float: right;
            background-color: #FFFFFF;
        }
        .product-title-separate-content-qa li.product-title-separate-content-qa-b .product-title-separate-content-qa-a-content{
            float: right;
            margin-right: 25px;
            background-color: #cddfc5;
            color: #1b1b1b;
            width: 580px;
        }

        .product-shop img{
            width: 130px;
        }
        .swiper-container{
            width: 360px;
        }
    }

    .search-list-title{
        color: #5a8d43;
        font-size: 18px;
    }

    .search-list-item{
        background-color: #ffffff;
        overflow: hidden;
        margin-top: 20px;
    }
    .search-list-item ul {
        list-style: none;
        display: block;
        margin: 20px 40px;
    }
    .search-list-item ul li{
        display: block;
        margin-bottom: 15px;
        border-bottom: 1px solid #eeeeee;
        padding-bottom: 15px;
    }
    .search-list-item ul li a{
        text-decoration: none;
    }
    .search-list-item ul li a:hover{
        text-decoration: underline;
    }
    .search-list-item ul li a h3{
        font-size: 16px;
        color: #646464;
    }
    .search-list-item ul a p{
        margin-top: 10px;
        color: #646464;
        font-size: 14px;
    }
    .search-list-item ul li a div img{
        display: block;
        margin-top: 10px;
        width: 140px;
    }
    .search-top-icon input.search-sub{
        border-color: #439037;
        color: #439037;
    }
    .search-top-icon input.search-sub::-webkit-input-placeholder{
        color: #439037;
    }