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{
        text-align:center;
        position:relative;
    }
    .nav ul{
        list-style: none;
        position: relative;
    }
    .nav ul li{
        display:inline-block;
        min-width: 80px;
        height: 80px;
        line-height:80px;
        text-align: center;
        padding:0 30px;
        vertical-align:middle;
    }
    .nav ul li a{
        font-size: 16px;
        color: #666;
        text-decoration: none;
        font-family: SimHei;
    }
    .nav ul li a:hover, .nav ul li.active a{
        color: #449036;
    }
    
    .nav ul li.active{}
    
    .nav ul li.active > a{ color: #449036; border-bottom: 2px solid #449036; padding-bottom: 10px;}
    
    
    .nav ul li.nav-logo{
        position: relative;
    }
    .nav ul li.nav-logo a{
        display: block;
    }
    .nav ul li.nav-logo a img{
        height:80px;
    }
    .nav ul li.nav-logo-min a{
        top: -40px;
        left: 12px;
    }
    
    .nav .son{ z-index:100; display:none; position:absolute; left:0; top:80px; width:100%; height:80px; background:rgba(255,255,255,0.9);}
	.nav .son a{ font-size:14px; display:inline-block; height:80px; padding:15px 60px 0;}
	.nav .son a:nth-child(1){ background:url(../images/01icon.png) center 0px  no-repeat;}
	.nav .son a:nth-child(2){ background:url(../images/02icon.png) center 0px  no-repeat;}
	.nav .son a:nth-child(3){ background:url(../images/03icon.png) center 0px  no-repeat;}
	.nav .son a:nth-child(4){ background:url(../images/04icon.png) center 0px  no-repeat;}
	.nav .son a:nth-child(5){ background:url(../images/05icon.png) center 0px  no-repeat;}
	
	.nav .son a:hover:nth-child(1){ background:url(../images/01icon-green.png) center 0px  no-repeat; color:#439037;}
	.nav .son a:hover:nth-child(2){ background:url(../images/02icon-green.png) center 0px  no-repeat; color:#439037;}
	.nav .son a:hover:nth-child(3){ background:url(../images/03icon-green.png) center 0px  no-repeat; color:#439037;}
	.nav .son a:hover:nth-child(4){ background:url(../images/04icon-green.png) center 0px  no-repeat; color:#439037;}
	.nav .son a:hover:nth-child(5){ background:url(../images/05icon-green.png) center 0px  no-repeat; color:#439037;}

    .nav li:hover .son{ display:block;}

    .top-buy{
        width: 750px;
        margin: 0 auto;
        position: relative;
        padding-bottom: 20px;
        background-color: #ffffff;
        display: none;
        margin-top: 20px !important;
    }
    .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: 0;
    }
    .search-top-icon{
        position: absolute;
        right:50%;
        margin-right:-700px;
        top: 15px;
        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: 50%;
        margin-right:-710px;
        top:50px;
        color: #439037;
        font-size: 16px;
        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:before{ background:url(../images/aason-top-bg.png) top center repeat-x; content:''; width:100%; height:80px; position:absolute; z-index:10;} */
    
    .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: 2em;
        margin-top: 100px;
    }
    .index-c-1 p b{
        color: #367d18;
        font-size: 36px;
        vertical-align:top;
    }

    .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-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;
        display:none;
    }
    .sub-banner img{
        display: block;
        width: 100%;
    }

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

    /* about */
    .about-index{
        position: relative;
    }
    .about-index-list{
        margin: 20px 20px 0 20px;
        background:#f5f5f5;
        overflow:hidden;
         position: relative;
    }
    
    @media screen and (min-width:1400px) {
    		.about-index-list{}
    }
    
    .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;
       
    }
    .about-index-list .about-index-list-right h1{
        display: block;
        margin-top: 10%;
        font-size: 36px;
        color: #000;
        font-weight: 600;
    }
    .about-index-list .about-index-list-right p{
        margin-top: 4%;
        color: #666;
        font-size: 16px;
        line-height:22px;
        text-align: left;
    }
    .about-index-list .about-index-list-right span{
        position: absolute;
        right: 40px;
        bottom: 40px;
    }
    .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: 20px;
        color: #333333;
        margin-top: 20px;
        display: block;
        font-weight: normal;
        overflow: hidden;
        text-align: center;
        height: 60px;
        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;
        border:5px solid rgba(255,255,255,0.9);
    }
    .video-window .close-btn{ color:#333; font-size:36px; text-align:center; line-height:48px; z-index:9999; position:absolute; top:-20px; transform:rotate(45deg); right:-20px; background:#fff; width:50px; height:50px; border-radius:50%; }
    .video-window video{
        width: 1000px;
        height: 564px;
    }

    .about-sub-responsibility{
        list-style: none;
    }
    .about-sub-responsibility li{
        display: block;
        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: 18px;
        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: 12%;
        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: 1%;
        left: 18%;
    }
    .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: 21%;
        left: 25%;
    }
    .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: 31%;
        left: 26%;
        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-bathroom-tag-6{
        top: 82%;
    	left:35%;
    }
    
     .program-details-bathroom-tag-content-6{
        position: absolute;
        top: 18%;
        left: 36%;
        width: 66%;
    }
    
    .program-details-bathroom-tag-content-6 a{
        position: absolute;
    display: block;
    right: 0;
    top: 5%;
    width: 23%;
    height: 50%;
    }

    .program-details-active .program-details-parlor-tag-1{
        top: 81%;
        left: 12%;
    }
    .program-details-parlor-tag-content-1{
        position: absolute;
        top: 30%;
        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: 18%;
        left: 28%;
    }
    .program-details-parlor-tag-content-2 a{
        position: absolute;
        display: block;
        right: 0;
        top:12%;
        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: 28%;
        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: 14%;
        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: 69%;
        left: 12%;
    }
    .program-details-kitchen-tag-content-2{
        position: absolute;
        top: 13%;
        left: 13%;
        width: 65%;
    }
    .program-details-kitchen-tag-content-2 a{
        position: absolute;
        display: block;
        right: 20px;
        top:100px;
        width: 22%;
        height: 35%;
    }
    
    .program-details-active .program-details-kitchen-tag-3{
        top: 75%;
        left: 5%;
    }
    
    .program-details-kitchen-tag-content-3{
        position: absolute;
        top: 26%;
        left: 6%;
        width:65%;
    }
    .program-details-kitchen-tag-content-3 a{
        position: absolute;
        display: block;
        right: 20px;
        top: 70px;
        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: 6%;
        left: 8%;
        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: 33%;
        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: 25%;
    }
    .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-active .program-details-outdoor-tag-3{
        top: 65%;
        left: 65%;
    }
    
    .program-details-outdoor-tag-content-2{
        position: absolute;
        top: 8%;
        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-outdoor-tag-content-3{
        position: absolute;
        top: 16.5%;
        left: 9%;
        width: 58%;
    }
    .program-details-outdoor-tag-content-3 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;
        
        display: flex;
    flex-wrap: wrap;
    margin-right:-15px;
        
    }
    .product-type-item{
	    width:25%;
	        padding-right:15px;
    display: inline-block;
    flex: 1;
	    
    }
    .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 p{
        display: block;
        padding: 5px;
        margin: 0 5px 0 5px;
        font-size: 14px;
        text-align: center;
        color: #4c4c4c;
        border-top: 1px solid rgba(199, 199, 199, 0.1);
    }
    .product-list li a{
        display: block;
        text-decoration: none;
    }
    .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: 10px;
    }

    .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-content1{
        display: block;
        font-size: 0;
    }
    
    .product-title-separate-content-qa-box1{
        background-image: url('/resource/images/p16-4.png');
        margin-top: -5px;
        height: 634px;
    }
    .product-title-separate-content-qa1{
        max-height: 648px;
        overflow: auto;
        padding: 0 130px 0 130px;
    }
    .product-title-separate-content-qa-a-content1{
        font-size: 22px;
        color: #00993d;
        float: left;
        font-weight: bolder;
        margin-bottom: 25px;
        width: 100%;
    }
    .product-title-separate-content-qa-a-line1{
        height: 1px;
		background-image: linear-gradient(to right, #30ac62 0%, #30ac62 50%, transparent 50%);
		background-size: 10px 1px;
		background-repeat: repeat-x;
		margin-top: 20px;
    }
    .product-title-separate-content-qa-a-content2{
        font-size: 22px;
        color: #484646;
        float: left;
        margin: 0 0 80px 29px;
    }
    .product-title-separate-content-qa-a-line2{
        width: 7px;
        background-color: #00993d;
        height: 60px;
    }
    
	/*  产品长图测试    */
    
    .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: 10px; color: #4c4c4c; -webkit-transform: scale(0.85); 
        transform-origin: left;
    }

    .swiper-container{
        width: 440px;
    }
    
    .swiper-container .swiper-slide img{
        width: 66px;
        height: 66px;
        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-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{
	        letter-spacing:1px;
            margin-top: 10px;
            font-size: 14px;
            color: #4c4c4c;
            line-height: 1.8em;
        }
        .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;
    }
    

/*addclass*/
.move-list{ margin-right:-30px; overflow:hidden;  width:1200px; margin:50px auto;  }
.move-list .col{ margin-bottom:30px; overflow:hidden;}
.move-list .col img{ float:left; display:block; width:60%;}
.move-list .col .txt{ box-sizing:border-box; width:40%; float:left; padding:0 30px; min-height:452px; background:#f5f5f5;}
.move-list .col .txt strong{ display:block; font-size:22px;  margin-bottom:20px; color:#449036;}
.move-list .col .txt b{ display:block; font-size:14px;}
.move-list .col .txt p{ font-size:16px; color:#666; padding:5px 0; overflow:hidden;}

.move-list .col .txt label{ margin-right:5px; float:left; background:#449036; color:#fff; text-align:center; width:20px; height:20px; line-height:20px; border-radius:50%;}

.move-list .col .txt .nm{ margin-top:30px;}
.move-list .col .txt span{ font-weight:bold; margin-top:-5px; margin-right:15px; font-size:20px; color:#000; border-radius:50%; float:left; width:60px; height:60px; line-height:60px; text-align:center;}

.move-list .col .txt .n{ overflow:hidden; margin-bottom:15px;}
.move-list .col .txt .n b{ float:left; margin-right:10px;}
.move-list .col .txt .n p{ float:left; width:310px; padding:0; line-height:22px;}

.move-list .col:nth-child(1) .txt{ padding-top:40px;}
.move-list .col:nth-child(2) .txt{ padding-top:40px;}
.move-list .col:nth-child(3) .txt{ padding-top:40px;}
.move-list .col:nth-child(4) .txt{ padding-top:40px;}
.move-list .col:nth-child(5) .txt{ padding-top:40px;}
.move-list .col:nth-child(6) .txt{ padding-top:40px;}
.move-list .col:nth-child(7) .txt{ padding-top:40px;}

.move-list .col .txt p.old-font{ font-size:16px; font-weight:bold; display:block; margin-bottom:10px;}
.move-list .col .txt .n b.old-font{ font-size:14px; font-weight:bold; margin-top:3px;}

.move-list .col .txt .utr{}
.move-list .col .txt .utr i{ vertical-align:middle; width:5px; height:5px; overflow:hidden; display:inline-block; background:#000; border-radius:50%; font-style:initial; font-size:12px; margin-right:10px;}
.move-list .col .txt .utr p{ margin-bottom:10px; line-height:24px;}

.move-list .col .sp{ line-height:24px;}

.move-list .col .btn{ margin-top:20px;}
.move-list .col .btn a{ color:#666; text-decoration:underline; }

.g-list{}
.g-list .col{ overflow:hidden; margin-bottom:50px;}
.g-list img{ float:left; margin-right:30px;}
.g-list .txt{ width:420px;  float:left;}
.g-list .txt b{ font-size:26px; display:block; margin:40px 0 10px;}
.g-list .txt p{ font-size:22px; text-indent:0;}

.d-list{}
.d-list .txt b{ font-size:20px; display:block; margin:10px 0 10px;}
.d-list .txt p{ font-size:16px; text-indent:0;}

.da-list { overflow:hidden;}
.da-list .col{ margin-bottom:0; width:50%; float:left; padding:20px; box-sizing:border-box;}
.da-list .col img{ width:100%; margin:0;}
.da-list .col .txt{ width:100%; padding:20px 0 0;}

.index-c-2{ overflow:hidden;}
.index-c-2 .xl-33{ width:33.333%; float:left;}



/*20201221about-dettol*/
.about-dettol{}
.about-dettol .container{ width:1200px; margin:0 auto; position:relative;}
.about-dettol .col-01{  background:url(../images/1221/20201221-a01.jpg) top center / cover no-repeat; height:1110px;}
.about-dettol .col-01 .txt{ border-radius:0 0 15px 15px; color:#fff; padding:50px; background:rgba(67,144,55,0.5); top:0; right:0; width:350px; height:320; position:absolute;}
.about-dettol .col-01 .txt strong{ font-size:50px; display:block; margin-bottom:30px;}
.about-dettol .col-01 .txt span{ font-size:26px; display:block; line-height:42px;}

.about-dettol .col-02{ background:url(../images/1221/20201221-a02.jpg) top center / cover no-repeat; height:340px; padding:150px 0; text-align:center;}
.about-dettol .col-02 strong{ font-size:50px; display:block; margin-bottom:30px;}
.about-dettol .col-02 span{ font-weight:bold; font-size:26px; display:block; line-height:42px; color:#4a943d; margin-bottom:30px;}
.about-dettol .col-02 p{ font-size:26px; color:#666666; line-height:42px;}

.about-dettol .col-03{ background:url(../images/1221/20201221-a03.jpg) top center / cover no-repeat; height:1067px;}
.about-dettol .col-03 .txt{ border-radius:0 0 15px 15px; color:#fff; padding:50px; background:rgba(67,144,55,0.5); top:0; left:0; width:460px; height:320; position:absolute;}
.about-dettol .col-03 .txt strong{ font-size:50px; display:block; margin-bottom:30px;}
.about-dettol .col-03 .txt p{ font-size:26px; display:block; line-height:50px;}

.about-dettol .col-04 strong{ padding:100px 0; font-size:50px; display:block; margin-bottom:30px; display:block; text-align:center;}
.about-dettol .col-04 ul{ overflow:hidden;}
.about-dettol .col-04 li{ position:relative; color:#fff; width:50%; float:left; height:670px;}
.about-dettol .col-04 li .tt{ position:absolute; bottom:50px;;}
.about-dettol .col-04 li b{ font-size:40px; display:block;}
.about-dettol .col-04 li p{ font-size:26px; line-height:42px;}
.about-dettol .col-04 li:nth-child(1){ background:url(../images/1221/20201221-a04.jpg) top center / cover no-repeat;}
.about-dettol .col-04 li:nth-child(2){ background:url(../images/1221/20201221-a05.jpg) top center / cover no-repeat;}
.about-dettol .col-04 li:nth-child(3){ background:url(../images/1221/20201221-a06.jpg) top center / cover no-repeat;}
.about-dettol .col-04 li:nth-child(4){ background:url(../images/1221/20201221-a07.jpg) top center / cover no-repeat;}

.about-dettol .col-04 li:nth-child(1) .tt{ right:40px; text-align:right;}
.about-dettol .col-04 li:nth-child(2) .tt{ left:40px; text-align:left;}
.about-dettol .col-04 li:nth-child(3) .tt{ right:40px; text-align:right;}
.about-dettol .col-04 li:nth-child(4) .tt{ left:40px; text-align:left;}


@media screen and (max-width:1400px){
	.about-dettol .col-01{ height:900px;}
	.about-dettol .col-01 .txt{ width:300px;}
	.about-dettol .col-01 .txt strong{ font-size:42px;}
	.about-dettol .col-01 .txt span{ font-size:22px;}
	
	.about-dettol .col-02{ padding:100px 0; height:auto;}
	.about-dettol .col-02 strong{ font-size:42px;}
	.about-dettol .col-02 span{ font-size:22px;}
	.about-dettol .col-02 p{ font-size:22px;}
	
	.about-dettol .col-03{ height:850px;}
	.about-dettol .col-03 .txt{ width:400px;}
	.about-dettol .col-03 .txt strong{ font-size:42px;}
	.about-dettol .col-03 .txt p{ font-size:22px;}
	
	.about-dettol .col-04 strong{ padding:60px 0; font-size:42px; margin-bottom:0;}
	.about-dettol .col-04 li{ height:560px;}
	.about-dettol .col-04 li b{ font-size:36px; display:block; margin-bottom:15px;}
	.about-dettol .col-04 li p{ font-size:22px; line-height:36px;}
	
}

.hot-product{ background:#439037; padding:80px 3%;}
.hot-product .title{ text-align:center; color:#fff;}
.hot-product .title strong{ position:relative; display:block; font-size:30px; padding-bottom:30px;}
.hot-product .title strong:before{ width:40px; height:1px; background:#fff; position:absolute; bottom:15px; left:50%; margin-left:-20px; content:'';}
.hot-product .title span{ font-size:18px; display:block;}
.hot-product ul{  padding-top:60px; display:flex; flex-wrap:wrap; margin-right:-1.5%; }
.hot-product li{  padding-right:1.5%; display:inline-block; width:16.5%; box-sizing:border-box; }
.hot-product li .bg{ display:block; position:relative; background:url(../images/20210104/20210104-pimg.jpg) top center / cover no-repeat;}
.hot-product li img{ width:100%;}
.hot-product li label{ font-size:14px; color:#666; position:absolute; text-align:center; width:100%; bottom:20px; left:0; z-index:10;}
 
.mhd{ overflow:hidden;}
.mhd .news{ width:50%; float:left; padding:3% 0; }
.mhd .news strong{ padding-left:3%; font-size:30px; color:#333; display:block; position:relative;}
.mhd .news strong:before{ content:''; width:5px; height:32px; background:#439037; position:absolute; left:0; }
.mhd .news ul{ padding:0 4%;}
.mhd .news li{ overflow:hidden; padding:4% 0; border-bottom:1px solid #e5e5e5;}
.mhd .news li:last-child{ border:0;}
.mhd .news li img{ width:25%; float:left; }
.mhd .news li .txt{ width:70%; float:right;}
.mhd .news li .txt b{ display:block; color:#333; margin-bottom:15px;}
.mhd .news li .txt p{ font-size:14px; color:#666; line-height:24px;}

.mhd .partner{ width:50%; float:left; padding:3% 0; }
.mhd .partner strong{ padding-left:3%; font-size:30px; color:#333; display:block; position:relative;}
.mhd .partner strong:before{ content:''; width:5px; height:32px; background:#439037; position:absolute; left:0; }
.mhd .partner img{ width:90%;}



/*关于滴露*/
.section{ position:relative;}
.xl-5{ width:50%;}.xl-3{ width:33.33%;}

.ab-bg{ top:0; background:url(../images/20210110/01.jpg) center / cover no-repeat; position:absolute; width:100%; height:100%;}
.ab-bg .txt{  position:absolute; top:18%; left:70px; }
.ab-bg strong{ opacity:0; -webkit-animation:p-top 1s ease-in 0s forwards; box-sizing:border-box; display:block; padding-left:30px; width:370px; background:rgba(67,144,55,0.7);height:90px; line-height:90px; font-size:40px; color:#fff; margin-bottom:10px;}
.ab-bg strong:before{ position:absolute; left:0; width:4px; background:#439037; height:90px; content:'';}
.ab-bg span{ opacity:0; -webkit-animation:p-top 1s ease-in 0.3s forwards; position:relative; display:block; padding:15px 30px 0 30px; width:370px; background:rgba(255,255,255,0.8); height:90px; box-sizing:border-box; line-height:30px; font-size:20px; color:#666;}
.ab-bg span:before{ position:absolute; left:0; width:4px; background:#fff; height:90px; content:''; top:0;}

 


.ab-02{ top:0; left:0; background:url(../images/20210110/02.jpg) center / cover no-repeat; position:absolute; height:100%;}
.ab-03{ top:0; right:0; background:url(../images/20210110/03.jpg) center / cover no-repeat; position:absolute; height:100%;}

.ab-02 .txt{  position:absolute; top:14%; left:70px; }
.ab-02 strong{  opacity:0; box-sizing:border-box; display:block; padding-left:30px; width:370px; background:rgba(67,144,55,0.7);height:90px; line-height:90px; font-size:40px; color:#fff; margin-bottom:10px;}
.ab-02 strong:before{ position:absolute; left:0; width:4px; background:#439037; height:90px; content:'';}
.ab-02 span{  opacity:0; position:relative; display:block; padding:15px 30px 0 30px; width:370px; background:rgba(255,255,255,0.8); height:90px; box-sizing:border-box; line-height:30px; font-size:20px; color:#666;}
.ab-02 span:before{ position:absolute; left:0; width:4px; background:#fff; height:90px; content:''; top:0;}

.ab-02.type strong{-webkit-animation:p-top 1s ease-in 0s forwards;}
.ab-02.type span{-webkit-animation:p-top 1s ease-in 0.6s forwards;}

.ab-04{ background:url(../images/20210110/04.jpg) center / cover no-repeat; float:left; height:100%; position:relative;}
.ab-04 b,.ab-05-1 b,.ab-05-2 b,.ab-05-3 b{ font-size:26px; position:absolute; bottom:50px; right:50px; color:#fff;}
.ab-04:before{ content:''; bottom:0; height:100px; left:0; width:100%; background:url(../images/20210110/line-bg.png) repeat;  position:absolute;}

.kj .xl-5{ width:50%;}
.kj .xl-5 b{ display:block;}
.kj .xl-3{ width:16.66%;}
.kj .xl-3 b{ display:none;}

.ab-05-1{ width:16.66%; float:left; height:100%; background:url(../images/20210110/05.jpg) center / cover no-repeat; position:relative;}
.ab-05-2{ width:16.66%; float:left; height:100%; background:url(../images/20210110/06.jpg) center / cover no-repeat; position:relative;}
.ab-05-3{ width:16.66%; float:left; height:100%; background:url(../images/20210110/07.jpg) center / cover no-repeat; position:relative;}

.xl-3{ position:relative;}
/*.xl-3:before{ width:100%; height:100%; position:absolute; content:''; background:rgba(0,0,0,0.5);}*/
.xl-3:hover{transform:scale(1.05); transition:all 0.5s;}
.xl-3:hover:before{ background:none;}


.ab-06{ background:url(../images/20210110/08.jpg) center / cover no-repeat; float:left; height:100%; position:relative;}
.ab-06 b{ font-size:26px; position:absolute; bottom:150px; right:50px; color:#fff;}

.ab-07-1{ position:relative; width:16.66%; float:left; height:100%; background:url(../images/20210110/09.jpg) center / cover no-repeat;}
.ab-07-2{ position:relative; width:16.66%; float:left; height:100%; background:url(../images/20210110/10.jpg) center / cover no-repeat;}
.ab-07-3{ position:relative; width:16.66%; float:left; height:100%; background:url(../images/20210110/11.jpg) center / cover no-repeat;}

.ab-07 div{ position:relative;}
.ab-07 div:before{ width:100%; height:100%; position:absolute; content:''; background:rgba(0,0,0,0.5);}
.ab-07 div:hover{transform:scale(1.05); transition:all 0.5s;}
.ab-07 div:hover:before{ background:none; }

.kj01{ width:100%; height:100%;}
.kj01 .xl-3{ width:16.66%;}
.kj01 .xl-3 b{ display:none;}
.kj01 .xl-3 span{ display:none;}
.kj01 .xl-5{ width:50%;}
.kj01 .xl-5 b{ display:block; font-size:26px; position:absolute; bottom:150px; right:50px; color:#fff;}



.p-strong .s01.type{-webkit-animation:p-top 1s ease-in 0s forwards;}
.p-strong .s02.type{-webkit-animation:p-top 1s ease-in 0s forwards;}

.p-strong .kj{ width:100%; height:100%;}


.ab-head{ position:fixed; top:0; width:100%; z-index:9999; background:#fff; box-shadow:0px 3px 3px #ccc; height:80px;}
.ab-head ul{ text-align:center; position:relative;}
.ab-head li{ display:inline-block; line-height:80px; height:80px; vertical-align:top; min-width:80px;}
.ab-head li a{ color:#666; text-decoration:none}
.ab-head li a.tag{ color:#449036; border-bottom:2px solid #449036; padding-bottom:10px;}
.ab-head li{ padding:0 30px;}
.ab-head li img{ height:80px; position:relative; z-index:9991;}
.ab-head .son{ display:none; position:absolute; left:0; top:80px; width:100%; height:80px; background:rgba(255,255,255,0.9);}
.ab-head .son a{ font-size:14px; display:inline-block; height:80px; padding:15px 60px 0;}
.ab-head .son a:nth-child(1){ background:url(../images/01icon.png) center 0px  no-repeat;}
.ab-head .son a:nth-child(2){ background:url(../images/02icon.png) center 0px  no-repeat;}
.ab-head .son a:nth-child(3){ background:url(../images/03icon.png) center 0px  no-repeat;}
.ab-head .son a:nth-child(4){ background:url(../images/04icon.png) center 0px  no-repeat;}
.ab-head .son a:nth-child(5){ background:url(../images/05icon.png) center 0px  no-repeat;}

.ab-head .son a:hover:nth-child(1){ background:url(../images/01icon-green.png) center 0px  no-repeat; color:#439037;}
.ab-head .son a:hover:nth-child(2){ background:url(../images/02icon-green.png) center 0px  no-repeat; color:#439037;}
.ab-head .son a:hover:nth-child(3){ background:url(../images/03icon-green.png) center 0px  no-repeat; color:#439037;}
.ab-head .son a:hover:nth-child(4){ background:url(../images/04icon-green.png) center 0px  no-repeat; color:#439037;}
.ab-head .son a:hover:nth-child(5){ background:url(../images/05icon-green.png) center 0px  no-repeat; color:#439037;}

.ab-head li:hover .son{ display:block;}

@-webkit-keyframes p-top{
	0% {
		opacity: 0;
		transform:scale(1.2);
		transform:translateY(50px);
	}
	100% {
		opacity: 1;
		transform:scale(1);
		transform:translateY(0);
	}
}


.ab_son{ z-index:90; position:absolute; left:0; top:120px; width:100%; height:80px; background:rgba(255,255,255,0.9); text-align:center;}
.ab_son a{ font-size:14px; display:inline-block; height:80px; padding:45px 60px 0; color:#666; text-decoration:none;}
.ab_son a:nth-child(1){ background:url(../images/01icon.png) center 0px  no-repeat;}
.ab_son a:nth-child(2){ background:url(../images/02icon.png) center 0px  no-repeat;}
.ab_son a:nth-child(3){ background:url(../images/03icon.png) center 0px  no-repeat;}
.ab_son a:nth-child(4){ background:url(../images/04icon.png) center 0px  no-repeat;}
.ab_son a:nth-child(5){ background:url(../images/05icon.png) center 0px  no-repeat;}

.ab_son a:hover:nth-child(1){ background:url(../images/01icon-green.png) center 0px  no-repeat; color:#439037;}
.ab_son a:hover:nth-child(2){ background:url(../images/02icon-green.png) center 0px  no-repeat; color:#439037;}
.ab_son a:hover:nth-child(3){ background:url(../images/03icon-green.png) center 0px  no-repeat; color:#439037;}
.ab_son a:hover:nth-child(4){ background:url(../images/04icon-green.png) center 0px  no-repeat; color:#439037;}
.ab_son a:hover:nth-child(5){ background:url(../images/05icon-green.png) center 0px  no-repeat; color:#439037;}