body {
}

.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;
    }

.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;
}
.NavigationModelImg { width: 100%; height: auto; /*background:#e01313;*/ margin: -6rem auto 2rem; text-align: center; z-index:0;}
body {
}

.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;
    }

.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;
}
.NavigationModelImg { width: 100%; height: auto; /*background:#e01313;*/ margin: 0rem auto; text-align: center; }
/*选项卡*/
#Picturetab { width: 800px; position: relative; text-align: center; margin: 0 auto; /* background: aqua; */ }
#Picturetab ol li { float: left; width: 33.3%; height: 50px; line-height: 50px; text-align: center; /*border: 1px solid #333;*/ box-sizing: border-box; background-color: #eee; font-size: 16px; }
#Picturetab ol li.active { color: #fff; background-color: #555; }
#Picturetab > ul > li { width: 100%; height: auto; line-height: 180px; /* border: 1px solid #333;*/ box-sizing: border-box; text-align: center; display: none; }
#Picturetab .panel { -webkit-box-shadow: unset; box-shadow: unset; height: inherit; }
.tab-root { width: 100%; height: 500px; }
/*轮播图*/
* { margin: 0; padding: 0; }
li { list-style: none; }
.outer { height: 500px; width: 800px; margin: 1rem auto; position: relative; display: table; }
.img li { position: absolute; top: 0; left: 0; width: 100%; }
.img li img { width: 100%;height:100%;z-index:-1;}
.btn { position: absolute; width: 60px; height: 60px; background-color: darkgray; color: white; text-align: center; line-height: 60px; top: 50%; margin-top: -30px; padding: unset; /* display: none;*/ opacity: 0.8; font-size: 3rem; }
.left_btn { left: 0; }
.right_btn { right: 0; }
.outer:hover .btn { display: inline-block; cursor: pointer; }
/*.current { background-color: red !important; }*/
.img { width: 100%; height: 100%; }
.outerButton { height: 60px; width: 960px; margin: 1rem auto; position: relative; display:inline-block; /*background:#a4ebf2;*/ top: -320px; left: -80px; }
#Picturetab .Picturetabolli:hover { cursor: pointer; }
 /*手机版单独展示图片下滑滚动*/
.PhoneSlidingScrolling{width:100%;/*max-width:1150px;*/height:auto;/*background:#caf6c9*/;margin:1rem auto;position:relative;display:none;}
.PhoneSlidingScrollingChinese, .PhoneSlidingScrollingEnglish, .PhoneSlidingScrollingSpain { width: 100%; /*max-width: 1150px;*/ height: auto; /*background: #ff0000; */margin: 1rem auto; position: relative; }
.PhoneSlidingScrollingTitle{width:100%;height:40px;line-height:40px;background:#eee;position:relative;}
.PhoneSlidingScrollingTitle p { width: 100%; font-size: 1.625rem; position: relative; padding-left: 1rem!important; }
.PhoneSlidingScrollingImg { width: 100%; position: relative; }
.PhoneSlidingScrollingImg img{width:100%;height:100%;}
.NavigationModelImgTltle { width: 100%; height: 40px; line-height: 40px; background: #eee; position: relative; display:none;}
.NavigationModelImgTltle p { width: 100%; font-size: 1.625rem; position: relative; padding-left:1rem!important; }
.FunctionList{position:relative;width:100%;height:auto;background:#f9f9f9;margin:1rem auto 6rem;}
.FunctionListContent{position:relative;width:75%;height:450px;/*background:#f9fcff;*/margin:2rem auto 1rem;padding:2rem 0px;border-radius:5px;}
.FunctionListTitle{width:100%;height:auto;background:#00cda9;font-size:2.3rem;color:#fff;line-height:6rem;padding-left:3rem;}
.FunctionListFrist{position:relative;float:left;width:48.5%;height:325px;background:#fff;margin-right:33px;border-radius:0 0 5px 5px;margin-top: 2rem;}
.FunctionListSecond{position:relative;float:left;width:48.5%;height:325px;background:#fff;border-radius:0 0 5px 5px;margin-top: 2rem;}
.FunctionListContent p{font-size:2rem;line-height:3.5rem;margin:1rem;}
.FunctionRightIcon{font-size:1.875rem;color:#00cda9;margin-right:1.5rem;margin-left:1rem;font-weight:bold;}