body {
}
#divBox_1 { width:255px;height:210px; float:left;margin-right:8px;border:1px solid #1bd2d8;font-size:16px;}
#divBox_2 { width:255px;height:210px;/*background:#32d09f;*/float:left;border:1px solid #32d09f;margin-right:8px;font-size:16px;}
#divBox_3 { width:255px;height:210px;/*background:#58c1f1;*/float:left;border:1px solid #58c1f1;margin-right:8px;font-size:16px;}
#divBox_4 { width:255px;height:210px;/*background:#f76ca3;*/float:left;border:1px solid #f76ca3;/*margin-right:6px;*/font-size:16px;}
/*#divBox_5 { width:205px;height:200px;background:#bccbfd;float:left;border:1px solid #bccbfd;margin-right:6px;font-size:16px;}*/

#Modenew_line{width:1150px;height:50px;}

.Modenew_img{width:1150px;height:260px;/*background:red;*/padding-left:10px;}
.Modenew_img_first,.Modenew_img_second,.Modenew_img_third{width:32%;height:320px;float:left;margin-right:12px;text-align:center;background:#f7f7f7;border-right: solid 1px #dededf;border-bottom: solid 1px #dbdcde;padding:10px 10px;border-radius:5px;}
.Modenew_img_four{width:32.5%;height:320px;float:left;margin-right:13px;text-align:center;background:#f7f7f7;border-right: solid 1px #dededf;border-bottom: solid 1px #dbdcde;padding:10px 10px;border-radius:5px;}
.Mode_p_img img{width:100%;height:250px;}
.Mode_p_font{font-size:16px;width:100%;line-height:60px;}
.Modenew_img a:visited {color: #333;}
.Modenew_img a:active{color: #333;}
.Modenew_img a:visited {color: #333;}
.Modenew_img_first:hover, .Modenew_img_second:hover, .Modenew_img_third:hover {
    -webkit-box-shadow: 2px 14px 20px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 14px 20px 3px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 2px 14px 20px 3px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 2px 14px 20px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 14px 20px 3px rgba(0, 0, 0, 0.4);
    text-decoration: none;
    /*top: -100px;*/
    margin-top: -2px;
}
.Modenew_img_four:hover {
    -webkit-box-shadow: 2px 14px 20px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 14px 20px 3px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 2px 14px 20px 3px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 2px 14px 20px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 14px 15px 3px rgba(0, 0, 0, 0.4);
    text-decoration: none;
    /*top: -100px;*/
    margin-top: -2px;
}
.ContantRestaurant{width:100%;height:310px;/*background:#f76ca3;*/}
.ContantRestaurantLeft, .ContantRestaurantMiddle {float:left;width:30%;height:310px;margin-right:5rem;padding:0.5rem;}
.ContantRestaurantRight{float:left;width:30%;height:310px;padding:0.5rem;}
.ContantRestaurantUp{width:100%;height:90px;border-bottom:2px solid #2ec574;}
.ContantRestaurantDown{width:100%;height:220px;padding: 1rem 1.5rem 1rem 0rem;font-size:1.5rem;line-height:2.2em}
.ContantRestaurantIcom{float:left;width:80px;height:80px;/*background:#f76ca3;*/}
.ContantRestaurantTitle{float:left;height:80px;line-height:80px;/*background:#32d09f;*/}
.ContantRestaurantTitle p{font-size:2rem;margin-left: 1rem;}
.ContantRestaurantIcom img{width:100%;height:100%;}
.ContantRestaurant_line{width:100%;height:20px;}
.ContantRestaurantIT{width:100%;height:250px;}
.ContantRestaurantLeftIT, .ContantRestaurantMiddleIT {float:left;width:30%;height:250px;margin-right:5rem;padding:0.5rem;}
.ContantRestaurantRightIT{float:left;width:30%;height:250px;padding:0.5rem;}
.ContantRestaurantUpIT{width:100%;height:90px;border-bottom:2px solid #2ec574;}
.ContantRestaurantDownIT{width:100%;height:150px;padding: 1rem 1.5rem 1rem 0rem;font-size:1.5rem;line-height:2.2em;}
#divFrameRestaurant {/*background:#ff0000;*/height:500px;width:1150px;}
#divFrame_01 {float:left;width:560px;height:500px;/*background:#4cff00;*/margin-right:2rem;margin-bottom:10px;}
#divFrame_02 {float:left;width:560px;height:500px;/*background:#4cff00;*/margin-bottom:10px;}
#divFrame_011 {width:100%;height:40px;/*background:#000000;*/margin-bottom:2px;/*color:#ffffff;*/font-size:16px;/*line-height:50px;*/vertical-align:middle;}
#divFrame_012 {width:560px;height:423px;/*background:#ff6a00;*/border:2px solid #03927a;}
#divFrame_012  img{width:100%;height:100%;}

/*左右布局*/
.ordering_system { width: 100%;height: auto; margin-bottom: 20px; background: linear-gradient( 180deg,#fff 0,#f9fcff 100%);display: flex;}
.ordering_system.even {float: right; position: relative;display: inline-block;background:#fff;}
.ordering_system_left {float: left;width: 50%; height: auto; /*background:#ffd800;*/}
.ordering_system_right { float: left;width: 50%;height: auto; /*background:#0094ff;*/}
.ordering_system.even .ordering_system_left,
.ordering_system.even .ordering_system_right {float: right;}
.ordering_system_font {font-size: 2rem;/* font-family: PingFangSC-Regular,PingFang SC; */font-weight: 400;color: rgba(31,32,35,.7);line-height: 3.5rem; margin-top: .75rem; /* margin: 1rem 1em; */width: 60%; margin: 12rem auto;position: relative; right: -5rem;}
.ordering_system_font_second {font-size: 2rem;/* font-family: PingFangSC-Regular,PingFang SC; */font-weight: 400;color: rgba(31,32,35,.7);line-height: 3.5rem;margin-top: .75rem;/* margin: 1rem 1em; */width: 60%;margin: 12rem auto;position: relative;left: -5rem;}
.ordering_system_line {width: 100%;height: 20px; /*background:#ff0000;*/clear: both;}
.ordering_system_right img {width: 75%;position: relative;float: left;}
.ordering_system_left img {width: 75%; position: relative;float: right;}
img .ordering_system_second {float: right;}
.ordering_system_title {font-size: 2.3rem;color: #222;line-height: 4.5rem;}