/************************************************************************************
田园风格
*************************************************************************************/
/*第一屏 导航、banner*/
.maincanyin{ width:100%; margin:0 auto;}
.cy-floor-ul li{float:left; width:100%; display:block; height:2rem; background-repeat:no-repeat; background-size:100% 100%; font-size:0.875rem;}
.cy-floor-ul li.active,.cy-floor-ul li:hover{background-size:100% 100%;}
.cy-floor-ul li span{ display:none; cursor:pointer; line-height:2rem;}
.cy-floor-ul li.active span,.cy-floor-ul li:hover span{ display:inline-block; width:100%; text-align:center; line-height:2rem; color:#fff;}

.cy-header-title{ width:100%; float:left;/* padding-top:4rem;*/ height:7.5rem; padding-top:4rem; }
.cy-header-title h2{ text-align:center; font-size:2.25rem; color:#333; letter-spacing:0.125rem; line-height:3rem; }
.cy-header-title h2 .cy-header-t-a, .cy-header-title h2 .cy-header-t-b { height:0.5rem; border-top:1px solid #a1a1a1; display: inline-block; width: 9%; margin:0.5rem 1% 0px;}
.cy-header-title p{ color:#999999; font-size:1rem; width:100%; text-align:center; line-height:2.5rem;}

.canyin-banner{ width:100%; height:100%; position:relative; float:left; background:#2e353f /*url(http://oss.meilh.com/20190323/images/cy-banner-bg.jpg)*/ no-repeat top center; background-size:100% 100%; /*margin-top:-60px; */z-index:10;}
.canyin-button{ position:absolute; left:50%; top:60%;}
.canyin-button a{ width:14.375rem; height:5rem; display:block;}
.cy-banner-floor{ position:absolute; top:39%; left:6.66%; width:8%;}
.cy-banner-floor .cy-floor-ul li{  background-image:url(../image/dm-b-f-li-bg2.png);}
.cy-banner-floor .cy-floor-ul li.active,.cy-banner-floor .cy-floor-ul li:hover{background-image:url(../image/dm-b-f-li-bg1.png);}


/*餐饮店定制*/
.cy-cyd{ width:100%; background:url(../image/cy-cyd-bg.jpg) repeat-y center; background-size:100% 100%; position:relative; }
.canyin-cyd{ width:100%; height:100%; float:left;}
.cy-cyd-floor{ position:absolute; bottom:39%; left:6.66%; width:8%;}
.cy-cyd-floor .cy-floor-ul li{  background-image:url(../image/cy-cyd-f-li-bg2.png);}
.cy-cyd-floor .cy-floor-ul li.active,.cy-cyd-floor .cy-floor-ul li:hover{background-image:url(../image/cy-cyd-f-li-bg1.png);}
.cy-cyd-floor .cy-floor-ul li span{ color:#202730;}
.cy-cyd .cy-cyd-sucai-l-t{ position:absolute; top:0px; left:0px; width:13.54%;}
.cy-cyd .cy-cyd-sucai-l-f{ position:absolute; top:80%; left:0px; width:11.46%;}
.cy-cyd .cy-cyd-sucai-r-t{ position:absolute; right:0px; top:0px; width:10.9375rem;}
.cy-cyd .cy-cyd-sucai-r-f{ position:absolute; right:4.64%; top:76%; width:8.07%;}
.cy-cyd .cy-cyd-sucai-r-t {
   -webkit-animation: cyd_scpic_go 1s ease-in-out alternate infinite;
   -moz-animation: cyd_scpic_go 1s ease-in-out alternate infinite;
   animation: cyd_scpic_go 1s ease-in-out alternate infinite;
}
@keyframes cyd_scpic_go {
   0% {
       -webkit-transform: rotate(4deg);
       -webkit-transform-origin: top right;
       -moz-transform: rotate(4deg);
       -moz-transform-origin: top right;
       transform: rotate(4deg);
       transform-origin: top right;
    }
    100% {
       -webkit-transform: rotate(-4deg);
       -webkit-transform-origin: top right;
       -moz-transform: rotate(-4deg);
       -moz-transform-origin: top right;
       transform: rotate(-4deg);
       transform-origin: top right;
    }
}
.cy-cyd .cy-cyd-sucai-l-t img,.cy-cyd .cy-cyd-sucai-r-t img,.cy-cyd .cy-cyd-sucai-l-f img,.cy-cyd .cy-cyd-sucai-r-f img{ width:100%; height:auto;}
.canyincyd_box{ /*width:62.5%; width:1200px;*/ width:78.75rem; margin:0 auto; height:100%;}

.canyincyd_box .cy-header-title{/*height:7.5rem; padding-top:3rem;*/ height:11%; padding-top:8%;  }
.canyincyd_box .cy-header-t-ico{ /*width:2.83%;*/ width:3.125rem; height:auto; display:inline-block; margin-bottom:0rem; margin-left:-1rem;}
.canyincyd_box .cy-header-t-ico img{ width:100%; height:auto; vertical-align:top;}
.canyincyd_box .cy-header-title p{ color:#999999; font-size:1rem; width:100%; text-align:center; line-height:2.5rem;}
.cy-cyd-box{ float:left; width:100%; height:auto;}
.cy-cyd-box ul{ float:left; width:100%; margin-bottom:3rem; height:auto; /*margin-bottom:5%;*/}
.cy-cyd-box ul li{ /*width:29.8%;margin-right:4.8%;*/ width:22.375rem; min-height:19.5rem; margin:0px 1.9375rem; text-align:center; height:auto; overflow:hidden;  float:left; background:url(../image/cy-cyd-li-bg.png) no-repeat; background-size:100% 100%;}
.cy-cyd-box ul li:nth-of-type(3){ margin-right:0px;}
.cy-cyd-box ul li .cy-cyd-pic{ width:19.125rem; /*height:82.35%;*/ /*height:auto; max-*/height:13.125rem; overflow:hidden; padding:0px; margin-top:2.25rem; margin-left:1.125rem;}
.cy-cyd-box ul li img{ width:100%; height:auto; transition: all 0.7s ease 0s;}
.cy-cyd-box ul li .cy-cyd-title{ height:3.5rem; width:100%; text-align:center;}
.cy-cyd-box ul li .cy-cyd-title a{ color:#333333; font-size:1.125rem; width:100%; display:inline-block; line-height:2.75rem;}
.cy-cyd-box ul li:hover img{transform: scale(1.03);}
.cy-cyd-box ul li:hover .cy-cyd-title a{ color:#000;}

.cy-cyd-box .cy-cyd-anli-ul1,.cy-zzct-box .cy-zzct-anli-ul1{  /*animation: bounceInLeft 1s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000)*/
    animation:bounceInLeft 3s;
    animation-iteration-count:1;
    animation-fill-mode:forwards;
    /* Safari 和 Chrome */
    -webkit-animation:bounceInLeft 3s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards;
	
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  100% {
    transform: forwards;
  }
}

.cy-cyd-box .cy-cyd-anli-ul2,.cy-zzct-box .cy-zzct-anli-ul2{  /*animation: bounceInLeft 1s infinite cubic-bezier(0.215, 0.610, 0.355, 1.000)*/
    animation:bounceInRight 3s;
    animation-iteration-count:1;
    animation-fill-mode:forwards;
    /* Safari 和 Chrome */
    -webkit-animation:bounceInRight 3s;
    -webkit-animation-iteration-count:1;
    -webkit-animation-fill-mode:forwards;
	
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  100% {
    transform: forwards;
  }
}

/*火锅店定制*/
.cy-hgd{ width:100%; background:url(../image/cy-hgd-bg.jpg) repeat-y center; background-size:100% 100%; position:relative; }
.canyin-hgd{ width:100%; height:100%; float:left;}
.cy-hgd-floor{ position:absolute; bottom:39%; left:6.66%; width:8%;}
.cy-hgd-floor .cy-floor-ul li{  background-image:url(../image/cy-hgd-f-li-bg2.png);}
.cy-hgd-floor .cy-floor-ul li.active,.cy-hgd-floor .cy-floor-ul li:hover{background-image:url(../image/cy-hgd-f-li-bg1.png);}
.cy-hgd-floor .cy-floor-ul li span{ color:#202730;}
.cy-hgd .cy-hgd-sucai-l-t{ position:absolute; top:12.96%; left:0px; width:4.6875%;}
.cy-hgd .cy-hgd-sucai-l-f{ position:absolute; top:67.6%; left:0px; width:9.375%;}
.cy-hgd .cy-hgd-sucai-r-t{ position:absolute; right:0px; top:0px; width:12.24%;}
.cy-hgd .cy-hgd-sucai-r-f{ position:absolute; right:0px; top:69%; width:6.04%;}
.cy-hgd .cy-hgd-sucai-jiantou{ position:absolute; right:11.6%; top:5.5%; width:6.15%;}
.cy-hgd .cy-hgd-sucai-l-t img,.cy-hgd .cy-hgd-sucai-r-t img,.cy-hgd .cy-hgd-sucai-l-f img,.cy-hgd .cy-hgd-sucai-r-f img,.cy-hgd .cy-hgd-sucai-jiantou img{ width:100%; height:auto;}
.cy-hgd .cy-hgd-sucai-jiantou img {
   -webkit-animation: hgd_sc_jt_go 1s ease-in-out alternate infinite;
   -moz-animation: hgd_sc_jt_go 1s ease-in-out alternate infinite;
   animation: hgd_sc_jt_go 1s ease-in-out alternate infinite;
}
@keyframes hgd_sc_jt_go {
   0% {
       -webkit-transform: rotate(4deg);
       -webkit-transform-origin: top left;
       -moz-transform: rotate(4deg);
       -moz-transform-origin: top left;
       transform: rotate(4deg);
       transform-origin: top left;
    }
    100% {
       -webkit-transform: rotate(-4deg);
       -webkit-transform-origin: top left;
       -moz-transform: rotate(-4deg);
       -moz-transform-origin: top left;
       transform: rotate(-4deg);
       transform-origin: top left;
    }
}

.canyinhgd_box{ /*width:62.5%; width:1200px;*/ width:78.75rem; margin:0 auto; height:100%;}

.canyinhgd_box .cy-header-title{/*height:6.5rem; padding-top:2rem;*/  height:9%; padding-top:8%; }
.canyinhgd_box .cy-header-title h2{ color:#fff;  }
.canyinhgd_box .cy-header-title h2 .cy-header-t-a, ..canyincyd_box .cy-header-title h2 .cy-header-t-b { border-top:1px solid #faefee; }
.canyinhgd_box .cy-header-t-ico{ /*width:2.83%;*/ width:4.375rem; height:auto; display:inline-block; margin-bottom:0rem; margin-left:-1rem;}
.canyinhgd_box .cy-header-t-ico img{ width:100%; height:auto; vertical-align:top;}
.canyinhgd_box .cy-header-title p{ color:#fff; font-size:1rem; width:100%; text-align:center; line-height:2.5rem;}
.cy-hgd-box{ float:left; width:100%; height:auto;}
.cy-hgd-box ul{ float:left; width:100%; margin-bottom:3rem; height:auto; /*margin-bottom:5%;*/}
.cy-hgd-box ul li{ width:24.75rem; min-height:25rem; margin:0px 0.75rem; text-align:left; height:auto; overflow:hidden;  float:left; }
.cy-hgd-box ul li:nth-of-type(3){ margin-right:0px;}
.cy-hgd-box ul li .cy-hgd-pic{ width:24.5rem; height:23.625rem; overflow:hidden; padding:0px; background:url(../image/cy-hgd-li-bg.png) no-repeat; background-size:100% 100%;}
.cy-hgd-box ul li .cy-hgd-pic p{ width:22.25rem; height:20.1875rem; background:none;  display:block; overflow:hidden; margin-top:1.375rem; margin-left:1rem;}
.cy-hgd-box ul li .cy-hgd-pic p img{ width:100%; height:100%; transition: all 0.7s ease 0s;}
.cy-hgd-box ul li .cy-hgd-title{ height:3.5rem; width:100%; text-align:center;}
.cy-hgd-box ul li .cy-hgd-title a{ color:#ffffff; font-size:1.125rem; width:100%; display:inline-block; line-height:2.75rem;}
.cy-hgd-box ul li:hover img{transform: scale(1.03);}
.cy-hgd-box ul li:hover .cy-hgd-title a{ font-size:1.25rem;}

/*小吃店定制*/
.cy-xcd{ width:100%; background:url(../image/cy-xcd-bg.jpg) repeat-y center; background-size:100% 100%; position:relative; }
.canyin-xcd{ width:100%; height:100%; float:left;}
.cy-xcd-floor{ position:absolute; bottom:39%; left:6.66%; width:8%;}
.cy-xcd-floor .cy-floor-ul li{  background-image:url(../image/cy-hgd-f-li-bg2.png);}
.cy-xcd-floor .cy-floor-ul li.active,.cy-xcd-floor .cy-floor-ul li:hover{background-image:url(../image/cy-hgd-f-li-bg1.png);}
.cy-xcd-floor .cy-floor-ul li span{ color:#202730;}
.cy-xcd .cy-xcd-sucai-l-t{ position:absolute; top:11%; left:0px; width:11.5%;}
.cy-xcd .cy-xcd-sucai-r-f{ position:absolute; right:0px; top:54.63%; width:14.6%;}
.cy-xcd .cy-xcd-sucai-l-t img,.cy-xcd .cy-xcd-sucai-r-f img{ width:100%; height:auto;}

.canyinxcd_box{ /*width:62.5%; width:1260px;*/ width:78.75rem; margin:0 auto; height:100%;}

.canyinxcd_box .cy-header-title{/*height:6.5rem; padding-top:2rem;*/ height:9%; padding-top:8%;  }
.canyinxcd_box .cy-header-title h2{ color:#fff;  }
.canyinxcd_box .cy-header-title h2 .cy-header-t-a, ..canyinxcd_box .cy-header-title h2 .cy-header-t-b { border-top:1px solid #faefee; }
.canyinxcd_box .cy-header-t-ico{ /*width:2.83%;*/ width:4.375rem; height:auto; display:inline-block; margin-top:-1rem; margin-left:-1rem;}
.canyinxcd_box .cy-header-t-ico img{ width:100%; height:auto; vertical-align:top;}
.canyinxcd_box .cy-header-title p{ color:#fff; font-size:1rem; width:100%; text-align:center; line-height:2.5rem;}
.cy-xcd-box{ float:left; width:100%; height:auto;}
.cy-xcd-box ul{ float:left; width:100%; margin-bottom:3rem; height:auto; /*margin-bottom:5%;*/}
.cy-xcd-box ul li{ width:22.1875rem; height:20.875rem;  margin:2rem 1.875rem; text-align:left; overflow:hidden;  float:left; position:relative; }
.cy-xcd-box ul li:nth-of-type(3){ margin-right:0px;}
.cy-xcd-box ul li .cy-xcd-pic{width:22.1875rem; height:20.875rem; border-radius:0.5rem; overflow:hidden; padding:0px; position:relative; z-index:4;}
.cy-xcd-box ul li .cy-xcd-pic img{transition: all 0.7s ease 0s;}
.cy-xcd-box ul li:hover .cy-xcd-pic img{transform: scale(1.03);}
.cy-xcd-box ul li .cy-xcd-pic-bg{ position:absolute; width:100%; height:100%; z-index:5; background:url(../image/cy-xcd-li-bg.png) no-repeat; background-size:100% 100%; top:0px; left:0px;}
.cy-xcd-box ul li .cy-xcd-pic span{ position:absolute; left:0px; bottom:0px; width:100%; height:3.5rem; background: rgba(0, 0, 0,0.5);
 display:block; overflow:hidden; color:#fff; font-size:1.125rem;  line-height:3.5rem; text-align:center;}


/*连锁店定制*/
.cy-lsd{ width:100%; background:url(../image/cy-cyd-bg.jpg) repeat-y center; background-size:100% 100%; position:relative; }
.canyin-lsd{ width:100%; height:100%; float:left;}
.cy-lsd-floor{ position:absolute; bottom:35%; left:6.66%; width:8%;}
.cy-lsd-floor .cy-floor-ul li{  background-image:url(../image/cy-cyd-f-li-bg2.png);}
.cy-lsd-floor .cy-floor-ul li.active,.cy-lsd-floor .cy-floor-ul li:hover{background-image:url(../image/cy-cyd-f-li-bg1.png);}
.cy-lsd-floor .cy-floor-ul li span{ color:#202730;}
.cy-lsd .cy-lsd-sucai-l-t{ position:absolute; top:5.5%; left:2.8%; width:7.65265%;}
.cy-lsd .cy-lsd-sucai-l-f{ position:absolute; bottom:8.7%; left:2.23%; width:9.375%;}
.cy-lsd .cy-lsd-sucai-r-t{ position:absolute; right:1%; top:15.3%; width:11.98%;}
.cy-lsd .cy-lsd-sucai-r-f{ position:absolute; right:0px; top:54.6%; width:10.42%;}
.cy-lsd .cy-lsd-sucai-l-t img,.cy-lsd .cy-lsd-sucai-r-t img,.cy-lsd .cy-lsd-sucai-l-f img,.cy-lsd .cy-lsd-sucai-r-f img{ width:100%; height:auto;}
.canyinlsd_box{ /*width:62.5%; width:1280px;*/ width:80rem; margin:0 auto; height:100%;}

.canyinlsd_box .cy-header-title{/*height:6rem; padding-top:3rem; */height:9%; padding-top:8%;  }
.canyinlsd_box .cy-header-t-ico{ /*width:2.83%;*/ width:3.125rem; height:auto; display:inline-block; margin-bottom:0rem; margin-left:-1rem;}
.canyinlsd_box .cy-header-t-ico img{ width:100%; height:auto; vertical-align:top;}
.canyinlsd_box .cy-header-title p{ color:#999999; font-size:1rem; width:100%; text-align:center; line-height:2.5rem;}
.cy-lsd-box{ float:left; width:100%; height:auto;}
.cy-lsd-box ul{ float:left; width:100%; height:51.25rem;  /*margin-bottom:5%;*/ background:url(../image/cy-lsd-ul-bg.png) no-repeat; background-size:100% 100%; position:relative;}
.cy-lsd-box ul li{ position:absolute; width:19.625rem; height:21.5625rem; overflow:hidden;}
.cy-lsd-box ul li .cy-lsd-li-con{ width:100%;}
.cy-lsd-box ul li:nth-of-type(1){ left:10.65rem; top:14.375rem;}
.cy-lsd-box ul li:nth-of-type(2){ left:26.2rem; /*top:5.55rem;*/top:1.55rem;}
.cy-lsd-box ul li:nth-of-type(3){ left:41.65rem; /*top:14.375rem;*/top:10.375rem;}
.cy-lsd-box ul li:nth-of-type(4){ left:26.2rem; top:23.4375rem;}
.cy-lsd-box ul li:nth-of-type(5){ left:41.65rem; top:32.4375rem;}
.cy-lsd-box ul li:nth-of-type(6){ left:57.2rem; /*top:23.4375rem;*/top:19.4375rem;}

.cy-lsd-box ul li .cy-lsd-li-con .cy-lsd-pic{ width:100%;}
.cy-lsd-box ul li .cy-lsd-li-con .cy-lsd-pic .con-show01{width:19.625rem;height: 17.0625rem; float: left;overflow: hidden;transform:rotate(120deg);}.cy-lsd-box ul li .cy-lsd-li-con .cy-lsd-pic .con-show02{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);}.cy-lsd-box ul li .cy-lsd-li-con .cy-lsd-pic .con-show03{width: 100%;height: 100%;overflow: hidden;transform:rotate(-60deg);position: relative;background: none; text-align:center; vertical-align:middle}.cy-lsd-box ul li .cy-lsd-li-con .cy-lsd-pic img{ width: 100%;height: 100%; transition: all 0.7s ease 0s;}
.cy-lsd-box ul li:hover  .cy-lsd-li-con .cy-lsd-pic img{transform: scale(1.03);}
.cy-lsd-box ul li .cy-lsd-li-con .cy-lsd-title { float:left; width:100%; height:4rem; line-height:4rem; text-align:center;}
.cy-lsd-box ul li .cy-lsd-li-con .cy-lsd-title a{ font-size:1.125rem; color:#333333; display:block; width:90%; text-align:center;}
.cy-lsd-box ul li:hover .cy-lsd-li-con .cy-lsd-title a{ color:#000}
.cy-lsd-box ul li:nth-of-type(6) .cy-lsd-li-con .cy-lsd-title a,.cy-lsd-box ul li:nth-of-type(2) .cy-lsd-li-con .cy-lsd-title a,.cy-lsd-box ul li:nth-of-type(3) .cy-lsd-li-con .cy-lsd-title a{ float:right;}
.cy-lsd-box ul li:nth-of-type(7){ left:14rem; top:36.25rem; width:11.375rem; height:12.75rem; background:url(../image/cy-lsd-li2-bg.png) no-repeat;
background-size:100% 100%;}
.cy-lsd-box ul li:nth-of-type(7) p{display:block; width:100%; height:100%; cursor:pointer;  text-align:center;font-size:1.25rem; padding-top:4rem; line-height:2rem; color:#ea8a2c;}

/*自助餐厅定制*/
.cy-zzct{ width:100%; background:url(../image/cy-zzct-bg.jpg) repeat-y center; background-size:100% 100%; position:relative; }
.canyin-zzct{ width:100%; height:100%; float:left;}
.cy-zzct-floor{ position:absolute; bottom:39%; left:6.66%; width:8%;}
.cy-zzct-floor .cy-floor-ul li{  background-image:url(../image/cy-hgd-f-li-bg2.png);}
.cy-zzct-floor .cy-floor-ul li.active,.cy-zzct-floor .cy-floor-ul li:hover{background-image:url(../image/cy-hgd-f-li-bg1.png);}
.cy-zzct-floor .cy-floor-ul li span{ color:#202730;}
.cy-zzct .cy-zzct-sucai-l-t{ position:absolute; top:6.3%; left:0px; width:11.04%;}
.cy-zzct .cy-zzct-sucai-l-f{ position:absolute; top:57rem; left:15.6%; width:4.0625%;}
.cy-zzct .cy-zzct-sucai-r-f{ position:absolute; right:4.48%; top:80%; width:6.5625%;}
.cy-zzct .cy-zzct-sucai-l-t img,.cy-zzct .cy-zzct-sucai-l-f img,.cy-zzct .cy-zzct-sucai-r-f img{ width:100%; height:auto;}

.canyinzzct_box{ /*width:62.5%; width:1200px;*/ width:78.75rem; margin:0 auto; height:100%;}

.canyinzzct_box .cy-header-title{/*height:6.5rem; padding-top:2rem;*/  height:9%; padding-top:8%; }
.canyinzzct_box .cy-header-title h2{ color:#fff;  }
.canyinzzct_box .cy-header-title h2 .cy-header-t-a, ..canyinzzct_box .cy-header-title h2 .cy-header-t-b { border-top:1px solid #faefee; }
.canyinzzct_box .cy-header-t-ico{ /*width:2.83%;*/ width:3.25rem; height:auto; display:inline-block; margin-bottom:0rem; margin-left:-1rem;}
.canyinzzct_box .cy-header-t-ico img{ width:100%; height:auto; vertical-align:top;}
.canyinzzct_box .cy-header-title p{ color:#fff; font-size:1rem; width:100%; text-align:center; line-height:2.5rem;}
.cy-zzct-box{ float:left; width:100%; height:auto;}
.cy-zzct-box ul{ float:left; width:100%; height:auto; /*margin-bottom:5%;*/}
.cy-zzct-box ul li{ width:23.5rem; height:auto; margin:0px 0.75rem; text-align:left; height:auto; overflow:hidden;  float:left; }
.cy-zzct-box ul li:nth-of-type(3){ margin-right:0px;}
.cy-zzct-box ul li .cy-zzct-pic{ width:23.5rem; height:23.5rem; overflow:hidden; padding:0px; background:url(../image/cy-zzct-li-bg.png) no-repeat; background-size:100% 100%;}
.cy-zzct-box ul li .cy-zzct-pic p{ width:21.625rem; height:21.625rem; background:none; border-radius:100%; margin:0.9375rem;  display:block; overflow:hidden;}
.cy-zzct-box ul li .cy-zzct-pic p img{ width:100%; height:100%; transition: all 0.7s ease 0s; border-radius:100%;}
.cy-zzct-box ul li .cy-zzct-title{ height:3.75rem; width:100%; text-align:center;}
.cy-zzct-box ul li .cy-zzct-title a{ color:#ffffff; font-size:1.125rem; width:100%; display:inline-block; line-height:2.75rem;}
.cy-zzct-box ul li:hover img{transform: scale(1.03);}
.cy-zzct-box ul li:hover .cy-zzct-title a{ font-size:1.25rem;}

/*奶茶店定制*/
.cy-ncd{ width:100%; background:url(../image/cy-ncd-bg.jpg) repeat-y center; background-size:100% 100%; position:relative; }
.canyin-ncd{ width:100%; height:100%; float:left;}
.cy-ncd-floor{ position:absolute; bottom:39%; left:6.66%; width:8%; z-index:4;}
.cy-ncd-floor .cy-floor-ul li{  background-image:url(../image/cy-ncd-f-li-bg2.png);}
.cy-ncd-floor .cy-floor-ul li.active,.cy-ncd-floor .cy-floor-ul li:hover{background-image:url(../image/cy-ncd-f-li-bg1.png);}
.cy-ncd-floor .cy-floor-ul li span{ color:#202730;}
.cy-ncd .cy-ncd-sucai-l-f{ position:absolute; bottom:0px; left:0px; width:22.1%;}
.cy-ncd .cy-ncd-sucai-l-f img{ width:100%; height:auto;}
.canyinncd_box{ /*width:62.5%; width:1400px;*/ width:87.5rem; margin:0 auto; height:100%;}

.canyinncd_box .cy-header-title{/*height:6rem; padding-top:3rem;*/height:9%; padding-top:8%;  }
.canyinncd_box .cy-header-t-ico{ /*width:2.83%;*/ width:2.5rem; height:auto; display:inline-block; margin-bottom:0rem; margin-left:-1rem;}
.canyinncd_box .cy-header-t-ico img{ width:100%; height:auto; vertical-align:top;}
.canyinncd_box .cy-header-title p{ color:#999999; font-size:1rem; width:100%; text-align:center; line-height:2.5rem;}
.cy-ncd-box{ float:left; width:100%; height:auto;}
.cy-ncd-box ul{ float:left; width:100%; position:relative;}
.cy-ncd-box ul li{ position:absolute; width:30.3125rem; height:auto; text-align:center; height:auto; overflow:hidden;  float:left; }
.cy-ncd-box ul li .cy-ncd-pic{ width:30.3125rem; height:20.625rem; overflow:hidden; padding:0px; background:url(../image/cy-ncd-li-bg.png) no-repeat; background-size:100% 100%;}
.cy-ncd-box ul li:nth-of-type(2) .cy-ncd-pic{background:url(../image/cy-ncd-li2-bg.png) no-repeat; background-size:100% 100%;}
.cy-ncd-box ul li .cy-ncd-pic p{ width:22.6875rem; height:17.6875rem; background:none; margin-top:1rem; margin-left:3.6875rem;  display:block; overflow:hidden;}
.cy-ncd-box ul li .cy-ncd-pic p img{ width:100%; height:100%; transition: all 0.7s ease 0s; }
.cy-ncd-box ul li .cy-ncd-title{ height:2rem; width:100%; text-align:center;}
.cy-ncd-box ul li .cy-ncd-title a{ color:#333; font-size:1.125rem; width:100%; display:inline-block; line-height:1.5rem;}
.cy-ncd-box ul li:hover img{transform: scale(1.03);}
.cy-ncd-box ul li:hover .cy-ncd-title a{ font-size:1.25rem;}

.cy-ncd-box ul li:nth-of-type(1){ left:0.5rem; top:0.75rem;}
.cy-ncd-box ul li:nth-of-type(2){ left:27.8125rem; /*top:5.55rem;*/top:5rem;}
.cy-ncd-box ul li:nth-of-type(3){ left:56.5rem; /*top:14.375rem;*/top:0px;}
.cy-ncd-box ul li:nth-of-type(4){ left:6.625rem; top:28.375rem;}
.cy-ncd-box ul li:nth-of-type(5){ left:39.875rem; top:28.375rem;}
.cy-ncd-box ul li:nth-of-type(6){ left:68.75rem; /*top:23.4375rem;*/top:31.125rem; width:11.5625rem; height:10.625rem; background:url(../image/cy-ncd-button-bg.png) no-repeat;
background-size:100% 100%; text-align:center;}
.cy-ncd-box ul li:nth-of-type(6) p{ width:100%; height:100%; display:block; line-height:10.625rem; color:#333333; font-size:1.25rem; cursor:pointer;}
.cy-ncd-box ul li:nth-of-type(6):hover p{ font-size:1.375rem;}

/*咖啡店定制*/
.cy-kfd{ width:100%; background:url(../image/cy-kfd-bg.jpg) repeat-y center; background-size:100% 100%; position:relative; }
.canyin-kfd{ width:100%; height:100%; float:left;}
.cy-kfd-floor{ position:absolute; bottom:39%; left:6.66%; width:8%; z-index:4;}
.cy-kfd-floor .cy-floor-ul li{  background-image:url(../image/cy-kfd-f-li-bg2.png);}
.cy-kfd-floor .cy-floor-ul li.active,.cy-kfd-floor .cy-floor-ul li:hover{background-image:url(../image/cy-kfd-f-li-bg1.png);}
.cy-kfd-floor .cy-floor-ul li span{ color:#202730;}
.cy-kfd .cy-kfd-sucai-l-t{ position:absolute; top:7.6%; left:3.38%; width:8.75%;}
.cy-kfd .cy-kfd-sucai-l-f{ position:absolute; top:68%; left:3.125%; width:14.53125%;}
.cy-kfd .cy-kfd-sucai-r-t{ position:absolute; top:0px; right:0px; width:22.5%;}
.cy-kfd .cy-kfd-sucai-r-m{ position:absolute; top:39.25%; right:10.8%; width:5.9375%;}
.cy-kfd .cy-kfd-sucai-r-f{ position:absolute; bottom:0px; right:0px; width:16.40625%;}
.cy-kfd .cy-kfd-sucai-l-t img,.cy-kfd .cy-kfd-sucai-l-f img,.cy-kfd .cy-kfd-sucai-r-t img,.cy-kfd .cy-kfd-sucai-r-m img,.cy-kfd .cy-kfd-sucai-r-f img{ width:100%; height:auto;}
.canyinkfd_box{ /*width:62.5%; width:1360px;*/ width:85rem; margin:0 auto; height:100%;}
.cy-kfd-sucai-m{ position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:1;}
/*咖啡豆飘落*/
.cy-kfd-sucai-m-kfd1{ position:absolute; bottom:46%; left:38.90625%; width:2.08%;
opacity:1;	animation: kfd1_pl 4s infinite;	-webkit-animation: kfd1_pl 4s  infinite;	-moz-animation: kfd1_pl 4s  infinite;	-ms-animation: kfd1_pl 4s  infinite;	-o-animation: kfd1_pl 4s  infinite;}
@keyframes kfd1_pl{
				0%{
					bottom:46%;
					opacity:1;
				}
				90%{
					opacity:0;
					transform: rotate(1080deg);
				}
				100%{
					transform: rotate(0deg);
					opacity: 0;
					bottom:0;
				}
			}
			@-webkit-keyframes kfd1_pl{
				0%{
					bottom:46%;
					opacity:1;
				}
				90%{
					opacity:0;
					transform: rotate(1080deg);
				}
				100%{
					transform: rotate(0deg);
					opacity: 0;
					bottom:0;
				}
			}
			@-moz-keyframes kfd1_pl{
				0%{
					bottom:46%;
					opacity:1;
				}
				90%{
					opacity:0;
					transform: rotate(1080deg);
				}
				100%{
					transform: rotate(0deg);
					opacity: 0;
					bottom:0;
				}
			}
			@-ms-keyframes kfd1_pl{
				0%{
					bottom:46%;
					opacity:1;
				}
				90%{
					opacity:0;
					transform: rotate(1080deg);
				}
				100%{
					transform: rotate(0deg);
					opacity: 0;
					bottom:0;
				}
			}
			@-o-keyframes kfd1_pl{
				0%{
					bottom:46%;
					opacity:1;
				}
				90%{
					opacity:0;
					transform: rotate(1080deg);
				}
				100%{
					transform: rotate(0deg);
					opacity: 0;
					bottom:0;
				}
			}
.cy-kfd-sucai-m-kfd2{ position:absolute; bottom:39.7%; left:57.3%; width:2.14%;
opacity:1;	animation: kfd2_pl 4s infinite;	-webkit-animation: kfd2_pl 4s  infinite;	-moz-animation: kfd2_pl 4s  infinite;	-ms-animation: kfd2_pl 4s  infinite;	-o-animation: kfd2_pl 4s  infinite;}
@keyframes kfd2_pl{
				0%{
					bottom:39.7%;
					opacity:1;
				}
				90%{
					opacity:0;
					transform: rotate(1080deg);
				}
				100%{
					transform: rotate(0deg);
					opacity: 0;
					bottom:0;
				}
			}
			@-webkit-keyframes kfd2_pl{
				0%{
					bottom:39.7%;
					opacity:1;
				}
				90%{
					opacity:0;
					transform: rotate(1080deg);
				}
				100%{
					transform: rotate(0deg);
					opacity: 0;
					bottom:0;
				}
			}
			@-moz-keyframes kfd2_pl{
				0%{
					bottom:39.7%;
					opacity:1;
				}
				90%{
					opacity:0;
					transform: rotate(1080deg);
				}
				100%{
					transform: rotate(0deg);
					opacity: 0;
					bottom:0;
				}
			}
			@-ms-keyframes kfd2_pl{
				0%{
					bottom:39.7%;
					opacity:1;
				}
				90%{
					opacity:0;
					transform: rotate(1080deg);
				}
				100%{
					transform: rotate(0deg);
					opacity: 0;
					bottom:0;
				}
			}
			@-o-keyframes kfd2_pl{
				0%{
					bottom:39.7%;
					opacity:1;
				}
				90%{
					opacity:0;
					transform: rotate(1080deg);
				}
				100%{
					transform: rotate(0deg);
					opacity: 0;
					bottom:0;
				}
			}
.cy-kfd-sucai-m-kfd3{ position:absolute; bottom:12.5%; left:63.55%; width:1.823%;
opacity:1;	animation: kfd3_pl 2s infinite;	-webkit-animation: kfd3_pl 2s  infinite;	-moz-animation: kfd3_pl 2s  infinite;	-ms-animation: kfd3_pl 2s  infinite;	-o-animation: kfd3_pl 2s  infinite;}
@keyframes kfd3_pl{
				0%{
					bottom:12.5%;
					opacity:1;
				}
				90%{
					opacity:0;
					transform: rotate(1080deg);
				}
				100%{
					transform: rotate(0deg);
					opacity: 0;
					bottom:0;
				}
			}
			@-webkit-keyframes kfd3_pl{
				0%{
					bottom:12.5%;
					opacity:1;
				}
				90%{
					opacity:0;
					transform: rotate(1080deg);
				}
				100%{
					transform: rotate(0deg);
					opacity: 0;
					bottom:0;
				}
			}
			@-moz-keyframes kfd3_pl{
				0%{
					bottom:12.5%;
					opacity:1;
				}
				90%{
					opacity:0;
					transform: rotate(1080deg);
				}
				100%{
					transform: rotate(0deg);
					opacity: 0;
					bottom:0;
				}
			}
			@-ms-keyframes kfd3_pl{
				0%{
					bottom:12.5%;
					opacity:1;
				}
				90%{
					opacity:0;
					transform: rotate(1080deg);
				}
				100%{
					transform: rotate(0deg);
					opacity: 0;
					bottom:0;
				}
			}
			@-o-keyframes kfd3_pl{
				0%{
					bottom:12.5%;
					opacity:1;
				}
				90%{
					opacity:0;
					transform: rotate(1080deg);
				}
				100%{
					transform: rotate(0deg);
					opacity: 0;
					bottom:0;
				}
			}

.canyinkfd_box .cy-header-title{/*height:6rem; padding-top:3rem;*/ height:9%; padding-top:8%;  }
.canyinkfd_box .cy-header-title h2{ color:#fff;  }
.canyinkfd_box .cy-header-title h2 .cy-header-t-a, .canyinkfd_box .cy-header-title h2 .cy-header-t-b { border-top:1px solid #faefee; }
.canyinkfd_box .cy-header-t-ico{ /*width:2.83%;*/ width:3.125rem; height:auto; display:inline-block; margin-bottom:0rem;margin-left:-1rem;}
.canyinkfd_box .cy-header-t-ico img{ width:100%; height:auto; vertical-align:top;}
.canyinkfd_box .cy-header-title p{ color:#999999; font-size:1rem; width:100%; text-align:center; line-height:2.5rem; margin-left:-1rem;}
.cy-kfd-box{ float:left; width:100%; height:auto;}
.cy-kfd-box ul{ float:left; width:100%; position:relative;}
.cy-kfd-box ul li{ position:absolute; width:27rem; height:auto; text-align:center; height:auto; overflow:hidden;  float:left; z-index:3;}
.cy-kfd-box ul li .cy-kfd-pic{ width:27rem; height:20rem; overflow:hidden; padding:0px; background:url(../image/cy-kfd-li-bg.png) no-repeat; background-size:100% 100%;}
.cy-kfd-box ul li .cy-kfd-pic p{ width:20.25rem; height:15.5625rem; background:none; margin-top:2.3rem; margin-left:3.3rem;  display:block; overflow:hidden;}
.cy-kfd-box ul li .cy-kfd-pic p img{ width:100%; height:100%; transition: all 0.7s ease 0s; }
.cy-kfd-box ul li .cy-kfd-title{ height:3rem; width:100%; text-align:center;}
.cy-kfd-box ul li .cy-kfd-title a{ color:#fff; font-size:1.125rem; width:100%; display:inline-block; line-height:2rem;}
.cy-kfd-box ul li:hover .cy-kfd-pic p img{transform: scale(1.03);}
.cy-kfd-box ul li:hover .cy-kfd-title a{ font-size:1.25rem;}

.cy-kfd-box ul li:nth-of-type(1){ left:1.5rem; top:1rem;}
.cy-kfd-box ul li:nth-of-type(2){ left:30.5625rem; /*top:5.55rem;*/top:3.75rem;}
.cy-kfd-box ul li:nth-of-type(2) .cy-kfd-pic{ width:25.3125rem; height:18.75rem; }
.cy-kfd-box ul li:nth-of-type(2) .cy-kfd-pic p{ width:19.0625rem; height:14.5rem; margin-top:2.2rem; margin-left:3rem; }
.cy-kfd-box ul li:nth-of-type(3){ left:57.375rem; /*top:14.375rem;*/top:0px;}
.cy-kfd-box ul li:nth-of-type(3) .cy-kfd-pic{ width:24.375rem; height:18.0625rem; }
.cy-kfd-box ul li:nth-of-type(3) .cy-kfd-pic p{ width:18.4375rem; height:14.125rem; margin-top:2.2rem; margin-left:3rem; }
.cy-kfd-box ul li:nth-of-type(4){ left:3.125rem; top:27rem;}
.cy-kfd-box ul li:nth-of-type(4) .cy-kfd-pic{ width:25.3125rem; height:18.75rem; }
.cy-kfd-box ul li:nth-of-type(4) .cy-kfd-pic p{ width:19.0625rem; height:14.5rem; margin-top:2.2rem; margin-left:3rem; }
.cy-kfd-box ul li:nth-of-type(5){ left:29.375rem; top:30rem;}
.cy-kfd-box ul li:nth-of-type(5) .cy-kfd-pic{ width:26.25rem; height:19.4375rem; }
.cy-kfd-box ul li:nth-of-type(5) .cy-kfd-pic p{ width:20.3125rem; height:15.625rem; margin-top:2.2rem; margin-left:3rem; }
.cy-kfd-box ul li:nth-of-type(6){ left:57.375rem; top:25.3125rem;}
.cy-kfd-box ul li:nth-of-type(6) .cy-kfd-pic{ width:24.375rem; height:18.0625rem; }
.cy-kfd-box ul li:nth-of-type(6) .cy-kfd-pic p{ width:18.4375rem; height:14.125rem; margin-top:2.2rem; margin-left:3rem; }