/*内页头部*/
img{display: block;}
.header{height:85px; background: rgba(255,255,255,0.3);position: fixed;top:0;width: 100%;left:0;z-index: 99999;}
.header-logo{float:left;margin-top:5px;margin-left:1%}
.header-right{float:right;width:35%}
.header-right .header-fl{float:left;width:75%; background: #60943D;;}
.header-right .header-fl li{float:left;width:calc(100%/3);text-align: center;height:85px; line-height: 85px;color:#fff}
.header-right .header-fl li a{float:left;width: 100%;text-align: center; line-height: 85px;color:#fff;font-size:17px}

.header-bottom {float:right;width:25%;position: relative;z-index:9999}
.button-icon{display: block; padding-top: 32px;text-align: center; margin-bottom: 46px;cursor: pointer}
.button-handler{position: relative; height: 23px; width: 26px; margin-right: 14px; display: inline-block;}
.button-handler .button{transition: all .4s;height:2px;background:#000;display:block;position:absolute;z-index:5;left:0;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center}
.button-handler .button-1{top: 0; width:23px;}
.button-handler .button-2{top: 10px;  width: 17px;}
.button-handler .button-3{top: 20px;  width: 26px;}
.button-show .button-1{ transform: rotate(-225deg);top:11px;width:25px}
.button-show .button-2{display: none;}
.button-show .button-3{ transform: rotate(225deg);top:11px;width:25px}


.menu-en{display: inline-block; vertical-align: top;}
.menu-en em{display: inline-block; font-size: 18px; line-height: 23px; color: #000; text-transform: uppercase; font-family: arial;}

.ny-nav{position: absolute; background: #fff;width: 100%;top:85px;box-shadow:2px 8px 5px rgba(0,0,0,0.1);height:100vh;display: none;z-index: 99999;}
.ny-nav ul li{ display: block; width: 100%;margin: 25px 50px;overflow: hidden;transition: .6s;opacity: 0;}
.ny-active .ny-nav ul li{opacity: 1;margin: 25px 30px;}
.ny-active .ny-nav ul li:nth-child(1){transition-delay: 100ms;}
.ny-active .ny-nav ul li:nth-child(2){transition-delay: 200ms;}
.ny-active .ny-nav ul li:nth-child(3){transition-delay: 300ms;}
.ny-active .ny-nav ul li:nth-child(4){transition-delay: 400ms;}
.ny-active .ny-nav ul li:nth-child(5){transition-delay: 500ms;}
.ny-active .ny-nav ul li:nth-child(6){transition-delay: 600ms;}
.ny-active .ny-nav ul li:nth-child(7){transition-delay: 700ms;}
.ny-nav ul li a{display: block; font-size: 16px;color: #333333;float:left}
.ny-nav ul li.on a,.ny-nav ul li:hover a{color: #578338}

.ny-nav li:after{ background: url(../images/nav-on.png) no-repeat center right -20px;width:21px;height:16px;float:left;content: '';padding-top:8px;margin-left:10px;transition: all .3s;}
.ny-nav li:hover:after,.ny-nav li.on:after{ background: url(../images/nav-on.png) no-repeat center right 0px;}
.ny-nav li:hover a{color:#568439}
.ny-nav li.on a{color:#568439}
/*内页头部*/


/*内页banner*/
.ny-banner{height:600px;width: 100%;}
.banner-wz{padding-top:16%;margin-left: 5%;}
.banner-wz h2{font-size:50px;line-height: 50px;color:#2c3031;margin-bottom:10px;;}
.banner-wz p{font-size:17px;color:#666;margin-top:5px;}
.banner-wz:after{content: '';width: 77px;height:3px; background: #333;display: block;margin-top:20px;}

/*内页内容*/



/*成功案例*/
.ny-case-list{margin:10px auto}
.ny-case-list li{float:left;width:48%;margin:1%; background: #F0F0F0;overflow: hidden;}
.ny-case-list li .pic,.ny-case-list li .info{float:right;width: 50%;}
.ny-case-list li .pic{float:right}
.ny-case-list li .pic img{width: 100%;}
.ny-case-list li .info{width:40%;margin-left: 5%; margin-top: 5%;margin-right:5%}
.ny-case-list li .info h2{transition: all .4s;font-size:18px;line-height: 18px;padding:20px 0;border-bottom:1px solid #CCCCCC;font-weight:normal;color:#333;margin-bottom:20px}
.ny-case-list li .info p{line-height:26px;font-size:13px;color:#666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4 ;-webkit-box-orient:vertical ;}
.ny-case-list li .info em{display: block;width:128px;height:40px;line-height:40px; background: #60943D;color:#fff;text-align: center;margin-top:20px}
.ny-case-list li:hover .info h2{color:#60943D;text-indent: 10px;}

.pagelist{text-align: center;margin:50px 0}
.pagelist a,.pagelist span{font-size:17px;color:#666;border-radius:100px;padding:5px 15px;display: inline-block;margin:0 10px;}
.pagelist a:hover{ background: #599035;color:#fff}


/*关于茶啡*/
.nav-ctitle{ background: rgba(255,255,255,0.61);height:70px;line-height: 70px;position: relative;z-index:99;top:-70px}
.nav-ctitle .ctitle1 li{float:left;width:190px;margin-right:10px;}
.nav-ctitle .ctitle1 li a{float:left;width:190px;height:70px;line-height: 70px;color:#666;font-size:15px;text-align: center;}
.nav-ctitle .ctitle1 li:hover a,.nav-ctitle .ctitle1 li.on a{ background: #5F943C;color:#fff}


.nav-ctitle .sub-nav li{float:left;width:190px;margin-right:10px;}
.nav-ctitle .sub-nav li a{float:left;width:190px;height:70px;line-height: 70px;color:#666;font-size:16px;text-align: center;}
.nav-ctitle .sub-nav li:hover a,.nav-ctitle .sub-nav li.on a,.nav-ctitle .sub-nav li a.on{ background: #5F943C;color:#fff}



.nav-ctitle .fr a{font-size:13px;padding:0 10px;color:#666}
.nav-ctitle .fr a:hover{color:#527A34}

.ny-about{margin-top:-70px;}
.ny-about-jieshao{position: relative;}
.ny-about-left,.ny-about-right{width: 50%;height:1000px;overflow: hidden;}
.ny-about-left{ background: url(../images/about-right.jpg) no-repeat top right;}
.ny-about-right{ position: relative;height:1000px;}
.ny-about-video{ position: absolute;bottom:0}
.ny-about-video span{position: absolute;top:40%;left:0;right:0;margin:0 auto;text-align: center;width: 48px;-webkit-animation: gif 3s infinite linear;animation: gif 3s infinite linear; }

@keyframes gif {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.ny-about-wz{width:75%;margin:0 auto}
.ny-about-wz h2{margin:11% 0 5% 0}
.ny-about-wz h2 em,.ny-about-wz h2 b{display: block;}
.ny-about-wz h2 em{color:#888888;line-height: 14px;font-size:14px;margin-bottom:6px;font-weight:normal;}
.ny-about-wz h2 b{font-size:40px;color:#639640;line-height: 40px;font-weight:bold;}

.ny-about-wz p{color:#777777;font-size:16px;line-height: 33px;margin-bottom:15px;}

.ny-about-story{margin-top:30px;}
.ny-about-story-top h2{margin-bottom:30px}
.ny-about-story-top h2 em{display: block;font-size:20px;color:#333333;line-height: 30px;text-align: center;font-weight:normal}
.ny-about-story-top h2 p{font-size:40px;line-height:40px;color:#60943D;font-weight: normal;text-align: center;margin:10px 0}
.ny-about-story-top h2 b{font-weight:bold}
.ny-about-story-top div{max-width:1100px;margin:10px auto 0 auto;line-height:35px;color:#666;text-align: center;font-size:16px;}

.ny-about-story-bottom{width:98%;margin:20px auto;overflow: hidden;}
.ny-about-story-bottom dl{width:calc(33.333333333333% - 15px);margin-right:22px;float:left;position: relative;}
.ny-about-story-bottom dl:nth-child(3){margin-right:0}
.ny-about-story-bottom dl dt{width: 100%;}
.ny-about-story-bottom dl dt img{width: 100%;}
.ny-about-story-bottom dl dd{font-size:17px;color:#fff;text-align: center;width: 100%; position: absolute;height:80px;line-height: 80px; background: rgba(0,0,0,0.5);bottom:0;left:0;width: 100%;}

.ny-about-culture{width:98%;margin:20px auto;overflow: hidden; background: #F8F8F8;height: 600px;}
.ny-about-culture .ny-about-culture-left,.ny-about-culture .ny-about-culture-right{width: 50%;}
.ny-about-culture .ny-about-culture-left{ background: url(../images/about-culture.jpg) no-repeat center;height: 600px;}
.ny-about-culture .ny-about-culture-right h2{margin:12% 0 5% 0}
.ny-about-culture .ny-about-culture-right h2 b,.ny-about-culture .ny-about-culture-right h2 span{display: block;}
.ny-about-culture .ny-about-culture-right h2 b{font-size:34px;font-family:arial;color:#60943D;font-weight:900;line-height: 34px;margin-bottom:5px;}
.ny-about-culture .ny-about-culture-right h2 span{font-size:34px;color:#333333;font-weight:normal}
.ny-about-culture .ny-about-culture-right {font-size:16px;color:#666666;line-height: 38px;}
.ny-about-culture .ny-about-culture-right div{width:80%;margin-left:10%;}

.ny-about-live{width:98%;margin:20px auto;overflow: hidden;}
.ny-about-live .fl{width:50%}
.ny-about-live .fl dl{width:70%;margin: 10% auto}
.ny-about-live .fl dl dt{font-size:34px;line-height: 34px;margin-bottom:15px;color:#222;}
.ny-about-live .fl dl dd{font-size:16px;color:#777;line-height:34px;}
.ny-about-live .fr{width:50%;background: url(../images/about-culture1.jpg) no-repeat center center;height: 530px;}

.ny-about-deve {height:900px}
.ny-about-deve .fl{ background: url(../images/deve-img1.jpg) no-repeat center top;height:900px;width:50%}
.ny-about-deve .fl dl{ background: url(../images/about-deve-img.jpg) no-repeat center;width:360px;margin:20% auto;height:516px}
.ny-about-deve .fl dl b,.ny-about-deve .fl dl span,.ny-about-deve .fl dl p{display: block;color:#fff;text-align: center;}
.ny-about-deve .fl dl b{font-size:36px;font-weight:bold;color:#fff;line-height: 36px;padding-top:60px;}
.ny-about-deve .fl dl span{color:#fff;opacity: 0.5;line-height:14px;margin-top:6px;}
.ny-about-deve .fl dl p{font-size:17px;color:#fff;margin-top:30px}
.ny-about-deve .fr{background: url(../images/deve-bg1.jpg) no-repeat center top;height:900px;width:50%}

.ny-about-deve .fr ul{ background: url(../images/deve-bg.png) no-repeat center left 107px;margin-top:10%;margin-left:10%;overflow-y: auto;height:600px;width:70%;}
.ny-about-deve .fr li{overflow: hidden;margin-top:30px;}
.ny-about-deve .fr li span,.ny-about-deve .fr li p{color:#fff;float:left}
.ny-about-deve .fr li span{font-size:34px;font-family: arial;font-size: 100;}
.ny-about-deve .fr li span:after{content: '';width:25px;height:1px; background: #DDDDDD;float:right;margin-top:30px;margin-left:20px}
.ny-about-deve .fr li p{line-height: 34px;margin-left:30px;margin-top:15px;font-size:16px;width:65%}


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
.ny-about-deve .fr ul::-webkit-scrollbar  
{  
    width: 5px;  /*滚动条宽度*/
    height:5px;  /*滚动条高度*/
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
.ny-about-deve .fr ul::-webkit-scrollbar-track  
{  
    background-color: #FFFFFF;/*滚动条的背景颜色*/  
}  
  
/*定义滑块 内阴影+圆角*/  
.ny-about-deve .fr ul::-webkit-scrollbar-thumb  
{  
    background-color: #60953D;  /*滚动条的背景颜色*/
}

.ny-about-honor{width:65%;margin:30px auto;overflow: hidden;position: relative;padding:30px 0}

.ny-about-honor ul li{float:left;background: #F5F5F5;}
.ny-about-honor ul li img{width: 100%;}

/*联系我们*/
.contact-banner{position: relative; background: url(../images/map.jpg) no-repeat center center;height:544px;width:100%}
.contact-div{width:435px;margin:0 auto;position: absolute;    top: 14%;left:0;right:0}
.contact-span{display: block; position: relative;top:130px}
.contact-div .contact-address{ background: url(../images/map-bg.png) no-repeat center center;width:388px;height:267px;padding-left:80px}
.contact-div .contact-address h2{width:388px;height:57px;line-height:57px;color:#fff;font-size:18px}
.contact-div .contact-address ul{margin-left:0px;margin-top:20px}
.contact-div .contact-address ul li{margin:15px 0;font-size:15px;color:#222}
.contact-div .contact-address ul li span{color:#777}

.contact-address-con{margin-top:50px;border:1px solid #EEEEEE;margin-bottom:50px}
.contact-address-con ul li{ cursor: pointer;background: #EEEEEE;float:left;width:50%;height:60px;line-height: 60px;text-align: center;font-size:18px}
.contact-address-con ul li:hover,.contact-address-con ul li.on{background: #60943D;color:#fff}

.contact-map div:after{content: '';display: block;clear: both;}
.contact-map dl{float:left;margin:55px 45px 0 50px;}
.contact-map dl dt,.contact-map dl dd{float:left;line-height:30px;}
.contact-map dl dd{margin-left:15px;}
.contact-map dl:nth-child(1) h2{font-size:24px;color:#60943d;line-height:24px;margin-top:30px;}
.contact-map dl:nth-child(1) p{font-size:15px;color:#666666}
.contact-map dl:nth-child(2) {margin-top:80px;}
.contact-map dl:nth-child(2) h2{font-weight:normal;color:#333}
.contact-map dl:nth-child(2) p{font-size:20px;font-weight:bold;color:#6d9c4e;line-height: 20px;}
.contact-map dl:nth-child(3) {margin-top:80px;}
.contact-map dl:nth-child(3) h2{font-weight:normal;color:#333}
.contact-map dl:nth-child(3) p{font-size:20px;font-weight:bold;color:#6d9c4e;line-height: 20px;}
.contact-map dl:nth-child(4){ background:#F5F5F5;border:1px solid #DDDDDD;padding:15px;margin-top:30px;margin-bottom:30px;float:right}


.online-message{ background: #FCFCFC;padding:50px 0}
.online-title span,.online-title em{display: block;text-align: center;}
.online-title span{font-size:30px;line-height: 30px;font-weight:normal;color:#333}
.online-title em{color:#999999;font-size:14px;line-height: 14px;margin-top:10px;font-weight: normal;}


.ny-today-title{font-size:26px;color:#D51519;height:50px;line-height:50px;font-weight: 900;text-align: center;margin:50px 0 30px 0}
.online-message form{overflow: hidden;margin:30px auto;width:1200px;}
.online-message form .text{float:left;width:32.9%;margin-bottom:20px;}
.online-message form .text input{width:90%;border:1px solid #E1E1E1;height:43px;line-height:43px;text-indent:20px; background: #fff;}
.online-message form .text em{color:#D61519;width:10%}
.online-message form .text-area{width:100%}
.online-message form .text-area textarea{width:92.5%;height:200px;border:1px solid #E1E1E1;font-family: arial;padding:20px;font-size:15px; background: #fff;}
.pro-me-red{color:#f00;padding:20px 0;}
.submit-message{width:176px;;margin:20px auto 40px auto}
.submit-message input{width:176px;height:53px;margin:0 auto;float: none;color:#fff; background: #60943D;padding:0;font-size:15px;border:none;margin:0 auto}


/*最新消息*/
.ny-news-list li{background: #F5F5F5;padding:20px;margin-bottom:30px}
.ny-news-list li .pic{float:left;width:40%;overflow: hidden;}
.ny-news-list li .pic img{width:100%;transition: all .4s;}
.ny-news-list li .info{width:54%;margin-left:3%;margin-top:3%}
.ny-news-list li .info h2{font-size:26px;line-height:26px;margin: 15px 0 20px 0;font-weight:normal;color:#333}
.ny-news-list li .info p{font-size:15px;line-height: 34px;color:#777777;margin-top:10px;}
.ny-news-list li .time{border-top:1px solid #DDDDDD;padding-top:30px;margin-top: 30px;}
.ny-news-list li .time span{font-size:31px;color:#777777;line-height: 31px;font-weight:bold}
.ny-news-list li .time em{float:right;color:#888;font-size:16px}
.ny-news-list li:hover .time span{color:#60943C}
.ny-news-list li:hover .pic img{transform: scale(1.1);}
.ny-news-list li:hover .info h2{color:#568439} 

.ny-footer{ background: #F5F5F5;padding:10px 0}

/*产品中心一级列表页*/
.ny-product-list{margin-top:85px}
.ny-product-list ul li{height: 594px; position: relative;margin-bottom:15px}
.ny-product-list ul li .pic{height:594px}
.ny-product-list ul li .info{ position: absolute;top:20%;width:645px;height:200px;left:10%}
.ny-product-list ul li .info h2 b{font-weight: normal;font-size:40px;color:#333}
.ny-product-list ul li .info h2 em{font-size:16px;color:#666666;margin-left:10px;font-weight:normal}
.ny-product-list ul li .info p{font-size:16px;color:#666;line-height:34px;margin-top:30px}
.ny-product-list ul li .info a{display: block;width:215px;height:45px;border:1px solid #626262;line-height: 45px;text-align: center;border-radius:50px;margin-top:50px}
.ny-product-list ul li .info a:hover{ background: #527A34;color:#fff;border-color:#527A34}

/*产品中心二级列表页*/
.ny-probanner-wz{width:507px;background: #948966;padding:30px;position: relative;top:30%;left:9%}
.ny-probanner-wz h2 b{font-size:40px;color:#fff}
.ny-probanner-wz h2 em{font-size:12px;color:#fff}
.ny-probanner-wz p{font-size:16px;color:#fff;line-height: 30px;margin-top:10px}

.ny-left{width:230px; background: #EEEEEE;}
.ny-title{padding:20px 0; background: #60943D;}
.ny-title b,.ny-title span{display: block;text-align: center;}
.ny-title b{color:#fff;font-size:24px;line-height: 24px;margin-bottom:5px;}
.ny-title span{opacity: 0.3;font-size:14px;line-height: 14px;color:#fff;}
.ctitle2{margin:20px 0}
.ctitle2 li a{display: block;width:160px;height:45px;border-radius:5px;background: #fff;border-radius:50px;text-align: center;line-height: 45px;margin:16px auto;}
.ctitle2 li:hover a,.ctitle2 li.on a{ background: #BBA55E;color:#fff}

.ny-pro-container{margin-top:16px;}

.ny-pro1-list{width:1300px;}
.ny-pro1-list li{float:left;width:375px;border:1px solid #F2F2F2;margin:0 15px 25px 15px}
.ny-pro1-list li .pic{ background: #EFEEF3;overflow: hidden;}
.ny-pro1-list li .pic img{width: 100%;transition: all .4s;}
.ny-pro1-list li .info{height:86px}
.ny-pro1-list li .info span{margin:25px}
.ny-pro1-list li .info span em,.ny-pro1-list li .info span abbr{display: block;}
.ny-pro1-list li .info span em{font-size:16px;line-height: 16px;color:#333}
.ny-pro1-list li .info span abbr{color:#888888;}
.ny-pro1-list li .info b{transition: all .3s;float:right;width:110px;height:50px;line-height: 50px;text-align: center; background: #F5F5F5;color:#60943D;font-size: 15px;font-weight: bold;margin:15px }
.ny-pro1-list li:hover .info b{color:#fff; background: #60943D;}
.ny-pro1-list li:hover .pic img{transform: scale(1.1);}

.ny-pro2-list{width:100%;margin:0 auto;float:none}
.ny-pro1-list li{margin-right:0}



.ny-pro-show .nav-ctitle{top:105px}
.ny-pro-show-bottom{width:90%;margin:0 auto}
.ny-pro-show-top{width:90%;margin:120px auto 20px auto;background: #EEEEEE}
.ny-pro-show-left{overflow:hidden;position: relative;}
.ny-pro-show-left img{width:100%}
.ny-pro-show-left,.ny-pro-show-right{float:left;width:50%;position: relative;}
.ny-pro-show-right{width:48%;margin:0 auto;text-align: center;}
.ny-pro-show-right h2{font-size:32px;line-height: 32px;margin:10px 0;color:#333333;font-weight:normal;margin:10% 0 5% 0}
.ny-pro-show-right p{line-height: 40px;font-size:16px;line-height:40px}
.ny-pro-show-right a{ display: block;width:205px;height:60px;border-radius:60px; background: #5F943C;text-align: center; background: url(../images/online.png) no-repeat center left 30px #5F943C;color:#fff;line-height:60px;font-size:16px;text-align: center;text-indent: 20px;margin:30px auto}
.ny-pro-title b{font-size:32px;line-height: 32px;color:#60943D}
.ny-pro-title span{font-size:32px;color:#333;font-weight:normal}
.ny-pro-title{border-bottom:1px solid #CCCCCC;margin-bottom:30px;padding-bottom:10px;margin-top:40px;}
.ny-pro-list-li{position:relative;margin-bottom:40px}
.ny-pro-list-li li{float:left;width:24%;position: relative;}
.ny-pro-list-li li .pic{width:100%}
.ny-pro-list-li li .pic img{width:100%}
.ny-pro-list-li li .info{height:60px;line-height: 60px; position: absolute;left:0;bottom:0;width: 100%; background: rgba(0,0,0,0.5);color:#fff;text-align: center;transition: all .5s;}
.ny-pro-list-li li:hover .info{ background: rgba(96,148,61,0.8);}

/*定制服务*/
.kucp-div h2{font-size:30px;line-height: 30px;margin:0 0 15px 0;font-weight:normal;text-align: center;}
.kucp-div1 p{font-size:16px;color:#777777;line-height: 34px;width: 1000px;margin:20px auto;text-align: center;}
.kucp-div1  ul{overflow: hidden;}
.kucp-div1  ul li{float:left;width:calc(100%/4 - 10px);margin:5px}
.kucp-div1  ul li img{width: 100%;}

.kucp-div h3{font-size:16px;color:#777; background: #f5f5f5;width:426px;height:40px;line-height: 40px;text-align: center;border-radius:50px;font-weight: normal;color:#666;margin:0 auto 15px auto}
.kucp-div2{margin-top:50px}
.kucp-bottom{overflow: hidden;margin:50px auto;text-align: center;}
.kucp-bottom dl{display: inline-block;width:140px;text-align: center;text-align: center;margin:0 50px}
.kucp-bottom dl dd{font-size:24px;color:#333333}

.kucp-div3{ background: #F5F5F5;padding:50px 0;text-align: center;}
.kucp-div3 img{text-align: center;margin:30px auto}

.kucp-div4{ background: url(../images/kucp-img6bg.jpg) no-repeat center center;padding:50px 0;text-align: center;}
.kucp-div4 h2,.kucp-div4 h3{color:#fff}
.kucp-div4 h3{width:250px}
.kucp-div4 h3{ background:#60943D;}
.kucp-div4 img{display: inline-block;margin:50px 0}

.kucp-div5{ background: #F5F5F5;padding:50px 0}
.kucp-div5 h2{margin-bottom: 20px;}
.kucp-div5-list{position: relative;overflow: hidden;padding:30px 0}
.kucp-div5-list li{float:left;width:24%;background: #fff;padding-bottom:10px}
.kucp-div5-list li .pic{width:45%;margin:0 auto;}
.kucp-div5-list li .pic img{width: 100%;}
.kucp-div5-list li .info{font-size:18px;color:#333333;text-align: center;width:45%;text-align: left;float:left;margin-left:5%}
.kucp-div5-list li .info h2{font-size:20px;margin-top:35px;text-align: left;}
.kucp-div5-list li .info p{font-size:14px;color:#888;line-height:26px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical ;}
.kucp-div5-list li .info em{display: block;width:150px;height:45px;line-height: 45px;display: block;text-align: center;color:#fff; background: #60943D;font-size:14px;margin-top:30px;}
.kucp-div5-list .swiper-button-next,.kucp-div5-list .swiper-button-prev{ background:rgba(255,255,255,0.5);}

.kucp-div6{margin:50px 0;}
.kucp-div6 ul{margin-top:50px}
.kucp-div6 ul li{float:left;width:calc(100%/3 - 10px);margin: 0 5px;}
.kucp-div6 ul li img{width: 100%;}
.kucp-div6 div{margin-top:60px}
.kucp-div6 div dl{float:left;text-align: center;width:20%;}
.kucp-div6 div dl dt{width:148px;margin:20px auto}
.kucp-div6 div dl dd{font-size:18px;color:#333}

/*胶囊咖啡、胶囊茶代理销售*/
.kucp-service{ background: url(../images/coffer-bg.png) no-repeat center center;padding:60px 0;margin-top:50px}
.kucp-service h2{color:#fff;margin-bottom:30px}
.kucp-service ul{text-align: center;margin:60px auto 30px auto}
.kucp-service ul li{display: inline-block;margin:0 26px}

/*咖啡豆定制烘焙*/
.dingzhi-div1 p{font-size:16px;color:#777777;line-height: 34px;width: 1000px;margin:20px auto;text-align: center;}
.dingzhi-div1 .kucp-dl dl{float: left;width:calc(100%/3 - 10px);margin-right:10px;position: relative;}
.dingzhi-div1 .kucp-dl dl:nth-child(3){margin-right:0}
.dingzhi-div1 .kucp-dl dl dt img{width: 100%;}
.dingzhi-div1 .kucp-dl dl dt{width: 100%;}
.dingzhi-div1 .kucp-dl dl dd{height:76px;line-height: 76px; background: rgba(0,0,0,0.7);color:#fff;text-align: center;position: absolute;bottom:0;width: 100%;font-size:18px}

.dingzhi-div2 h2{display: block;text-align: center;margin: 30px 0 30px 0;}
.dingzhi-div2 h2 img{display: inline-block;}
.dignzhi-con{margin:30px auto}
.dingzhi-div3{ background: url(../images/dingzhi-imgbg.jpg) no-repeat center;height:540px}
.dingzhi-div3 h4{color:#A5A2A1;font-size:18px;font-weight:normal;text-align: center;padding:40px 0 0px 0}
.dingzhi-div3 h2{font-size:36px;line-height: 36px;margin:10px 0 20px 0;line-height: 36px;color:#fff;text-align: center;}
.dingzhi-div3 h2:after{content: '';display: block;height:3px;width: 61px; background: #fff;margin:30px auto 0 auto}
.dingzhi-div3 p{font-size:16px;color:#ffffff;text-align: center;width:900px;margin:0 auto}
.dingzhi-div3 ul{max-width:1200px;margin:0 auto}
.dingzhi-div3 ul li{float:left; background: #fff;width:46%;margin:2%; background: #fff;height:190px}

.dingzhi-div3 ul li h5,.dingzhi-div3 ul li div{width:80%;margin:0px auto 0 auto}
.dingzhi-div3 ul li h5{font-size:24px;color:#60943d;line-height:24px;margin:30px auto 10px auto}
.dingzhi-div3 ul li div{font-size:15px;color:#666666;line-height: 30px;;}

/*咖啡机租赁*/
.zulin-div1 h2{font-size:30px;line-height: 30px;margin:0 0 30px 0;text-align: center;font-weight:normal}
.zulin-con{ background:url(../images/zl-bg.jpg) no-repeat center;height:649px;}
.zulin-con h3{font-size:32px;font-weight:bold;color:#fff;text-align: center;padding-top:50px}
.zulin-con h3:after{content: '';width:111px;height:3px; background: #fff;margin:20px auto;display: block;}
.zulin-con .zulin-dl dl{float:left; background: #fff;width:46%;margin:3% 2%;height:304px}
.zulin-con .zulin-dl dl dt,.zulin-con .zulin-dl dl dd{float:left}
.zulin-con .zulin-dl dl dt{width:33%;margin:7% 3%}
.zulin-con .zulin-dl dl dt img{width: 100%;}
.zulin-con .zulin-dl dl dd{width:55%;margin-left:2%;margin-top:8%}
.zulin-con .zulin-dl dl dd b,.zulin-con .zulin-dl dl dd span{display: block;}
.zulin-con .zulin-dl dl dd b{font-size:28px;color:#60943d;font-weight:bold;line-height: 28px;;}
.zulin-con .zulin-dl dl dd span{font-size:12px;color:#888888}
.zulin-con .zulin-dl dl dd div{margin-bottom:25px;font-size:16px;line-height: 28px;color:#666;}

.zulin-title{margin:40px 0}
.zulin-title b,.zulin-title span,.zulin-title em{display: block;font-weight:normal;text-align: center;}
.zulin-title b{font-size:32px;color:#333333;line-height: 36px;margin:10px 0;text-align: center;}
.zulin-title span{font-size: 18px;color:#666666;line-height: 18px;margin-top: 10px;}
.zulin-title em{margin:20px auto;display: block;color:#fff;font-size:20px;width:362px;height:52px;background: #60943D;border-radius: 50px;line-height: 52px;}

.zulin-div2-dl dl{float:left;background: #F5F5F5;border:1px solid #E6E6E6;box-sizing: border-box;}
.zulin-div2-dl dl dt{width:100%;}
.zulin-div2-dl dl dt img{width:100%;}

.zulin-div2-dl dl dd span,.zulin-div2-dl dl dd em,.zulin-div2-dl dl dd p{display: block;text-align:center;}
.zulin-div2-dl dl dd span{font-size:18px;color:#333333;font-weight:bold;font-weight:bold;margin-top:10px}
.zulin-div2-dl dl dd em{font-size:16px;color:#333333;width:90%;margin:0 auto}
.zulin-div2-dl dl dd em{border-bottom:1px solid #DDDDDD;padding-bottom:15px}
.zulin-div2-dl dl dd p{height:90px;font-size:14px;line-height:25px;color:#666666;width:90%;margin:15px auto}

.zulin-div3 {height:400px; background: #F5F5F5;margin:60px 0}
.zulin-div3 .zulin-divleft,.zulin-div3 .zulin-divright{width:50%;height:400px}
.zulin-div3 .zulin-divleft h2{margin-top:60px}
.zulin-div3 .zulin-divleft h2,.zulin-div3 .zulin-divleft p{width:70%;margin:70px auto 30px auto;}
.zulin-div3 .zulin-divleft h2 b,.zulin-div3 .zulin-divleft h2 span{display: block;}
.zulin-div3 .zulin-divleft h2 b{font-size:26px;color:#333;font-weight:bold;line-height: 26px;}
.zulin-div3 .zulin-divleft h2 span{font-size: 12px;color:#999999;line-height: 12px;margin-top:5px;font-weight:normal}
.zulin-div3 .zulin-divleft p{font-size:16px;color:#666666;line-height: 30px;margin-top:10px;}
.zulin-zx img{display: inline-block;}
.zulin-zx{text-align: center;margin:50px 0 100px 0}

/*礼盒礼品定制服务*/
.kucp-gift{ background: #60943D;padding:27px 0;margin:45px 0}
.kucp-gift h2{margin:20px 0}
.kucp-gift h2 b,.kucp-gift h2 span{display: block;text-align: center;color:#fff}
.kucp-gift h2 b{font-size:30px;line-height:30px;margin-bottom:5px;}
.kucp-gift h2 span{opacity: 0.7;font-size:14px;font-weight: normal;}
.kucp-gift-con{margin:40px auto;width:950px;}
.kucp-gift-con dl{float:left;height:225px;}
.kucp-gift-con dl:nth-child(even){margin-top:40px;margin:55px 25px 0 25px;height:100px}
.kucp-gift-con dd{font-size:20px;color:#fff;text-align: center;margin-top:20px}

.service-div2{max-width: 1700px;margin:0 auto 50px auto}
.service-div2 dl{float:left;width: calc(100%/7 - 30px);height:223px;margin:0 15px}
.service-div2 dl dt{width:108px;position: relative;top:50px;height:108px;margin:0 auto}
.service-div2 dl dd{height:115px; background: #F5F5F5;line-height: 150px;font-size:18px;color:#666;text-align: center;}

.service-div2-h2 b,.service-div2-h2 span{display: block;text-align: center;}
.service-div2-h2 b{font-size:30px;color:#333;line-height: 30px;}
.service-div2-h2 span{font-size:16px;color:#666}

.service-div2-h2{margin-top:30px}
.service-div3{margin:40px 0}
.service-div3 dl{float:left;border:1px solid #ddd;width:23%;margin:1%;border:1px solid #E7E7E7;box-sizing: border-box;}
.service-div3 dl dt{width: 100%;}
.service-div3 dl dt img{width:100%}
.service-div3 dl dd{font-size:15px;height:60px;line-height: 60px;text-align: center;}