/* introduce*/.claw-introduce{width: 100%;}
.introduct-title{text-align: center;line-height: 50px;font-size: 36px;font-weight: bold;margin:0 auto;width: 1200px;height: 50px;padding:60px 0;color: #333;}
.introduct-list{width: 1200px;height: 650px;margin: 0px auto 0;z-index: 0;}
.introduct-li{float: left;width: 275px;height: 670px;margin-left: 20px;}
.introduct-li-phone{background: url(../images/introduct-phone.png) no-repeat;width: 275px;height: 500px;background-size: 275px 500px;}
.li-phone-content{width: 214px;height: 375px;margin-left: 27px;position: relative;top: 53px;background-size: 214px 375px;}
.li-phone-msg-cont{width: 100%;height: 170px;text-align: center;}
.phone-msg-title{width: 90px;height: 30px;margin: 0 auto;font-size: 18px;font-weight: bold;}
.phone-msg{width: 98%;height: 135px;margin: 0 auto;font-size: 15px;text-align: left;}
/* scheme*/.claw-scheme{width: 100%;height: 652px;padding-bottom:80px;background-size: 100% 732px;background: url("../images/claw_scheme.jpg") no-repeat;text-align: center;}
.scheme-title{color: #000;margin: 0 auto;font-size: 30px;font-weight: bold;padding:60px 0 40px 0;}
/* advantage*/.claw-advantage{width: 100%;height: 680px;padding-bottom:80px;}
.advantage-content{width: 1200px;height: 500px;margin: 0 auto;position: relative;top: 70px;}
.advantage-title{font-size: 33px;font-weight: bold;text-align: center;position: relative;top: 60px;padding-bottom: 60px;}
.adv-li-top{float: left;height: 249px;width: 299px;}
.adv-li-right{border-right: 1px solid #ddd;}
.adv-li-bottom{height: 248px;width: 299px;float: left;}
.adv-li-title{text-align: center;font-size: 22px;font-weight: bold;line-height: 70px;width: 100%;height: 70px;}
.adv-li-count{width: 80px;height: 80px;margin: 0 auto 10px;}
.adv-li-msg{font-size: 14px;text-align: center;color: #333;padding-left: 20px;padding-right: 20px;padding-top: 5px;}
.adv1{height:100%;}
.adv2{height:100%;}
.adv3{height:100%;}
.adv4{height:100%;}
.adv5{height:100%;border-top: 1px solid #ddd;}
.adv6{height:100%;border-top: 1px solid #ddd;}
.adv7{height:100%;border-top: 1px solid #ddd;}
.adv8{height:100%;border-top: 1px solid #ddd;}
.adv_1{background: url('../images/adv_1.png') no-repeat}
.adv_2{background: url('../images/adv_2.png') no-repeat}
.adv_3{background: url('../images/adv_3.png') no-repeat}
.adv_4{background: url('../images/adv_4.png') no-repeat}
.adv_5{background: url('../images/adv_5.png') no-repeat}
.adv_6{background: url('../images/adv_6.png') no-repeat}
.adv_7{background: url('../images/adv_7.png') no-repeat}
.adv_8{background: url('../images/adv_8.png') no-repeat}
.adv1:hover>.adv_1{-webkit-animation: 1s ease 1 0s both;-moz-animation: 1s ease 1 0s both;-ms-animation: 1s ease 1 0s both;animation: 1s ease 1 0s both;-webkit-animation-name: bounce;-moz-animation-name: bounce;-ms-animation-name: bounce;animation-name: bounce;background: url('../images/adv1.png') no-repeat;}
.adv1:hover{margin-top: -5px;margin-left: -3px;box-shadow: 0 5px 20px rgba(0,0,0,0.1);transition: all 0.3s linear;}
.adv2:hover>.adv_2{-webkit-animation: 1s ease 1 0s both;-moz-animation: 1s ease 1 0s both;-ms-animation: 1s ease 1 0s both;animation: 1s ease 1 0s both;-webkit-animation-name: bounce;-moz-animation-name: bounce;-ms-animation-name: bounce;animation-name: bounce;background: url('../images/adv2.png') no-repeat;}
.adv2:hover{margin-top: -5px;margin-left: -1px;box-shadow: 0 5px 20px rgba(0,0,0,0.1);transition: all 0.3s linear;}
.adv3:hover>.adv_3{-webkit-animation: 1s ease 1 0s both;-moz-animation: 1s ease 1 0s both;-ms-animation: 1s ease 1 0s both;animation: 1s ease 1 0s both;-webkit-animation-name: bounce;-moz-animation-name: bounce;-ms-animation-name: bounce;animation-name: bounce;background: url('../images/adv3.png') no-repeat;}
.adv3:hover{margin-top: -5px;margin-left: -1px;box-shadow: 0 5px 20px rgba(0,0,0,0.1);transition: all 0.3s linear;}
.adv4:hover>.adv_4{-webkit-animation: 1s ease 1 0s both;-moz-animation: 1s ease 1 0s both;-ms-animation: 1s ease 1 0s both;animation: 1s ease 1 0s both;-webkit-animation-name: bounce;-moz-animation-name: bounce;-ms-animation-name: bounce;animation-name: bounce;background: url('../images/adv4.png') no-repeat;}
.adv4:hover{margin-top: -5px;margin-left: 3px;box-shadow: 0 5px 20px rgba(0,0,0,0.1);transition: all 0.3s linear;}
.adv5:hover>.adv_5{-webkit-animation: 1s ease 1 0s both;-moz-animation: 1s ease 1 0s both;-ms-animation: 1s ease 1 0s both;animation: 1s ease 1 0s both;-webkit-animation-name: bounce;-moz-animation-name: bounce;-ms-animation-name: bounce;animation-name: bounce;background: url('../images/adv5.png') no-repeat;}
.adv5:hover{margin-top: -5px;margin-left: -3px;box-shadow: 0 5px 20px rgba(0,0,0,0.1);transition: all 0.3s linear;border-top: 0;}
.adv6:hover>.adv_6{-webkit-animation: 1s ease 1 0s both;-moz-animation: 1s ease 1 0s both;-ms-animation: 1s ease 1 0s both;animation: 1s ease 1 0s both;-webkit-animation-name: bounce;-moz-animation-name: bounce;-ms-animation-name: bounce;animation-name: bounce;background: url('../images/adv6.png') no-repeat;}
.adv6:hover{margin-top: -5px;margin-left: -2px;box-shadow: 0 5px 20px rgba(0,0,0,0.1);transition: all 0.3s linear;border-top: 0;}
.adv7:hover>.adv_7{-webkit-animation: 1s ease 1 0s both;-moz-animation: 1s ease 1 0s both;-ms-animation: 1s ease 1 0s both;animation: 1s ease 1 0s both;-webkit-animation-name: bounce;-moz-animation-name: bounce;-ms-animation-name: bounce;animation-name: bounce;background: url('../images/adv7.png') no-repeat;}
.adv7:hover{margin-top: -5px;margin-left: -2px;box-shadow: 0 5px 20px rgba(0,0,0,0.1);transition: all 0.3s linear;border-top: 0;}
.adv8:hover>.adv_8{-webkit-animation: 1s ease 1 0s both;-moz-animation: 1s ease 1 0s both;-ms-animation: 1s ease 1 0s both;animation: 1s ease 1 0s both;-webkit-animation-name: bounce;-moz-animation-name: bounce;-ms-animation-name: bounce;animation-name: bounce;background: url('../images/adv8.png') no-repeat;}
.adv8:hover{margin-top: -5px;margin-left: 3px;box-shadow: 0 5px 20px rgba(0,0,0,0.1);transition: all 0.3s linear;border-top: 0;}
/* product*/.claw-product{width: 100%;height: 190px;background-size: 100% 190px;background: url(../images/prod_bg.jpg) no-repeat;}
.product-item{width: 120px;height: 150px;float: left;margin-top: 30px;margin-left: 63px;}
.product-item:hover{margin-top: 10px;transition: all 0.5s cubic-bezier(0.51, -0.51, 0.47, 1.37);}
.product-thumb{width: 100%;height: 120px;background-size: 130px 120px;}
.product-name{height: 30px;line-height: 30px;font-size: 16px;color: #fff;margin-left: 5px;}
.prod-box{width: 1140px;height: 150px;margin:0 auto;}
/* taste*/.claw-taste{width: 100%;height: 670px;}
.taste-title{text-align: center;font-size: 34px;font-weight: bold;margin-top: 45px;}
.taste-content{width: 1150px;height: 400px;margin: 20px auto 0;}
.taste-card{width: 350px;height: 385px;background-color: #fff;float: left;margin-left: 27px;margin-top: 9px;}
.taste-card:hover{border-top: #eee 2px solid;-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);-webkit-transform: translate3d(0, -3px, 0);transform: translate3d(0, -3px, 0);-webkit-transition: all .2s linear;transition: all .3s linear;}
.taste-thumb{width: 100%;height: 195px;background-size: 100% 195px;}
.taste-msg-title{text-align: center;font-size: 21px;margin-top: 5px;margin-bottom: 55px;}
.taste-msg{font-size: 16px;padding-left: 30px;padding-right: 30px;color: #777;text-align: center;}
.link-box{width: 150px;height: 55px;background-color: #2277da;text-align: center;line-height: 55px;font-size: 24px;color: #fff;margin: 60px auto 0;}
.link-btn{color: #fff;}
#taste-card1{animation-delay: 0.3s;}
#taste-card2{animation-delay: 0.7s;}
#taste-card3{animation-delay: 1.1s;}
.claw-scheme .taste-msg-title { margin-bottom:20px; margin-top:25px; font-size:20px;}
.claw-scheme .taste-msg{ font-size:15px; line-height:26px;}
.claw-scheme .taste-card { height:460px;}