@charset "utf-8";
/* CSS Document */



.service-title{text-align:center; margin:30px 0 0 0; clear:both;}
.service-title.back{ padding:30px 0 0 0;}
.service-title h2{display:block; font-size: 36px;font-weight: bold;color: #1a1a1a; line-height:50px;}
.service-title p{display:block; color:#888; font-size:16px;}
.service-title ul{display:block; text-align:center;}
.service-title ul:before{width:150px; height:2px; margin:15px auto; content:''; display:block; background:#00c1de;}
.service-title ul li{display:inline-block; padding:0 10px;}
.service-title ul li a{font-size:16px;}
.service-title ul li.active a{color:#00c1de;}
@media(max-width:1580px){
.service-title h2{font-size:36px;}
.service-title p{font-size:14px;}
.service-title ul li a{font-size:15px;}
}
@media(max-width:1440px){
}
@media(max-width:767px){
.service-title{padding:0 15px;}
.service-title.back{padding:15px 15px 0 15px; display:none;}
.service-title h2{font-size:24px;}
.service-title p{font-size:12px;}
.service-title ul li a{font-size:14px;}
}

.meal-box{padding:30px 0 0 0; background:#f6f7fb;}
.meal-title{text-align:center;}
.meal-title h2{font-size: 36px;font-weight: bold;color: #1a1a1a; line-height:50px;}
.meal-title h2 span{ color:#ff6a00}
.meal-title p{color:#888;}
.meal-cut{width:1300px; margin:0 auto; text-align:center; max-width:100%;}
.meal-cut ul{padding:40px 0 60px 0;}
.meal-cut ul:after{display:block; content:''; clear:both;}
.meal-cut ul li{width:23.5%; float:left; padding:7.5px;}
.meal-cut ul li span{background:#fff; border:1px solid #e9e9e9; display:block;}
.meal-cut ul li i{width:80px; height:80px; border-radius:50%; display:block; margin:30px auto; 
background:#ff8541; color:#fff; text-align:center; line-height:80px; font-size:36px;}

.meal-cut ul li h3{display:block; font-size:20px;}
.meal-cut ul li p{display:block; color:#888; max-width:80%; margin:20px auto;height: 90px;overflow: hidden;}
.meal-cut ul li b{display:block; font-weight:normal; font-size:16px;}
.meal-cut ul li b em{background:#ff8541; color:#fff; display:inline-block; line-height:16px; padding:0 3px; 
margin:0 3px 0 0; font-size:12px; font-style:normal;}
.meal-cut ul li font{display:block; margin:20px 0 0 0;}
.meal-cut ul li font:after{display:block; content:''; clear:both;}
.meal-cut ul li font a{float:left; width:49.7%; color:#fff; background:#ff8541; font-size:16px; line-height:40px;}
.meal-cut ul li font a:first-child{border-right:1px solid #fff;}
.meal-cut ul li:nth-child(1) i,
.meal-cut ul li:nth-child(1) b em,
.meal-cut ul li:nth-child(1) font a{background:#ff8541;}
.meal-cut ul li:nth-child(2) i,
.meal-cut ul li:nth-child(2) b em,
.meal-cut ul li:nth-child(2) font a{background:#ffb731;}
.meal-cut ul li:nth-child(3) i,
.meal-cut ul li:nth-child(3) b em,
.meal-cut ul li:nth-child(3) font a{background:#5a9bf9;}
.meal-cut ul li:nth-child(4) i,
.meal-cut ul li:nth-child(4) b em,
.meal-cut ul li:nth-child(4) font a{background:#20ce9b;}
.meal-cut ul li:nth-child(5) i,
.meal-cut ul li:nth-child(5) b em,
.meal-cut ul li:nth-child(5) font a{background:#ff8541;}
.meal-cut ul li:nth-child(6) i,
.meal-cut ul li:nth-child(6) b em,
.meal-cut ul li:nth-child(6) font a{background:#ffb731;}
.meal-cut ul li:nth-child(7) i,
.meal-cut ul li:nth-child(7) b em,
.meal-cut ul li:nth-child(7) font a{background:#5a9bf9;}
.meal-cut ul li:nth-child(8) i,
.meal-cut ul li:nth-child(8) b em,
.meal-cut ul li:nth-child(8) font a{background:#20ce9b;}
.meal-cut ul li:nth-child(9) i,
.meal-cut ul li:nth-child(9) b em,
.meal-cut ul li:nth-child(9) font a{background:#ff8541;}
.meal-cut ul li:nth-child(10) i,
.meal-cut ul li:nth-child(10) b em,
.meal-cut ul li:nth-child(10) font a{background:#ffb731;}
.meal-cut ul li:nth-child(11) i,
.meal-cut ul li:nth-child(11) b em,
.meal-cut ul li:nth-child(11) font a{background:#5a9bf9;}
.meal-cut ul li:nth-child(12) i,
.meal-cut ul li:nth-child(12) b em,
.meal-cut ul li:nth-child(12) font a{background:#20ce9b;}
.meal-cut ul li:nth-child(13) i,
.meal-cut ul li:nth-child(13) b em,
.meal-cut ul li:nth-child(13) font a{background:#ff8541;}
.meal-cut ul li:nth-child(14) i,
.meal-cut ul li:nth-child(14) b em,
.meal-cut ul li:nth-child(14) font a{background:#ffb731;}
.meal-cut ul li:nth-child(15) i,
.meal-cut ul li:nth-child(15) b em,
.meal-cut ul li:nth-child(15) font a{background:#5a9bf9;}
.meal-cut ul li:nth-child(16) i,
.meal-cut ul li:nth-child(16) b em,
.meal-cut ul li:nth-child(16) font a{background:#20ce9b;}
@media(max-width:640px){
.meal-title{padding:0 30px;}
.meal-title h2{font-size:24px;}
.meal-cut ul{padding:20px 5px 30px 5px;}
.meal-cut ul li{width:50%; float:left; padding:5px;}
.meal-cut ul li h3{font-size:16px; font-weight:bold;}
.meal-cut ul li p{display:block; color:#888; max-width:100%; margin:10px auto; padding:0 10px; height:54px; overflow:hidden; font-size:12px; line-height:18px;}
.meal-cut ul li font a{font-size:12px; line-height:30px;}
}
.user-box{background:#fff; overflow:hidden; padding:30px 0;}
.user-box ul{width:1360px; margin:0 auto;}
.user-box ul:after{display:block; content:''; clear:both;}
.user-box ul li{width:19.9999%; text-align:center; float:left;}
.user-box ul li span{padding:0 10px; display:block;}
.user-box ul li img{display:block; width:100%;}
.user-box ul li h3{font-size:16px; padding:5px; background:#fff; display:block;}
.user-box ul li a{display:block; background:#00c1de; color:#fff; padding:10px 0; font-size:18px;}
@media(max-width:1580px){
.user-box ul{width:1200px;}
.user-box ul li h3{font-size:14px;}
.user-box ul li a{font-size:16px;}
}
@media(max-width:1440px){
.user-box ul{width:1200px;}
}
@media(max-width:640px){
.user-box{display:none;}
.user-box ul{width:10000%;}
.user-box ul li{width:1%;}
}
.superiority-list{width:1300px; margin:30px auto 60px auto;}
.superiority-list ul{}
.superiority-list ul:after{display:block; content:''; clear:both;}
.superiority-list ul li{float:left; width:46%; padding:10px 25px;} 
.superiority-list ul li span{display:block; color:#fff; background:#000; padding:20px 30px 20px 0; border-radius:10px;}
.superiority-list ul li:nth-child(1) span{background:#479bbd;}
.superiority-list ul li:nth-child(2) span{background:#8ac52f;}
.superiority-list ul li:nth-child(3) span{background:#e95b51;}
.superiority-list ul li:nth-child(4) span{background:#44bc7e;}
.superiority-list ul li:nth-child(5) span{background:#8e72d9;}
.superiority-list ul li:nth-child(6) span{background:#2692db;}
.superiority-list ul li i{ height:85px; float:left; width:140px; text-align:center; padding-top:20px;}
.superiority-list ul li b{line-height:32px; font-size:24px; font-weight:normal; display:block; margin:0 0 10px 0;}
.superiority-list ul li p{line-height:21px; display:block;}
.supervise-box{width:1240px; margin:60px auto 0 auto; max-width:100%;}
.supervise-box:after{display:block; content:''; clear:both;}
.supervise-left{float:left; position:relative; margin:10px;}
.supervise-left>div{background:#39d46c;  color:#fff; width:400px; padding:20px 40px; border-radius:10px; position:relative; z-index:3;}
.supervise-left:before{width:260px; height:100px; background:#cfcfcf; border-radius:10px; position:absolute; 
z-index:1; left:-10px; top:-10px; content:'';}
.supervise-left:after{width:60px; height:50px; background:#cfcfcf; border-radius:10px; position:absolute; 
z-index:2; bottom:-10px; right:-10px; content:'';}
.supervise-left h2{font-size:38px; font-weight:bold; line-height:1.2;}
.supervise-left h3{font-size:28px;}
.supervise-left h4{font-size:16px; padding:20px 0;}
.supervise-left p{border-top:1px solid #fff; padding:20px 0 0 0;}
.supervise-right{float:right; padding:10px 0;}
.supervise-right img{max-width:100%; display:block;}
@media(max-width:640px){
.supervise-box{margin:20px auto 0 auto;}
.supervise-left{float:none;}
.supervise-left>div{width:auto; padding:10px 20px;}
.supervise-left h2{font-size:24px;}
.supervise-left h3{font-size:18px;}
.supervise-left h4{padding:10px 0; font-size:14px;}
.supervise-left p{padding:10px 0 0 0;}
.supervise-left:before{left:-5px; top:-5px;}
.supervise-left:after{bottom:-5px; right:-5px;}
.supervise-right{float:none; padding:10px;}
.superiority-title h2{font-size:24px;}
.superiority-title p{padding:0 10px;}
.superiority-list{width:100%; margin:10px auto 20px auto;}
.superiority-list ul{padding:5px;}
.superiority-list ul li{padding:5px; width:100%;} 
.superiority-list ul li b{font-size:16px; font-weight:bold; margin-bottom:0;}
.superiority-list ul li i{width:70px; font-size:40px;}
.superiority-list ul li span{padding:5px 10px 10px 0;} 
.superiority-list ul li p{padding-left:70px;}
}
