﻿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; }
/*选项卡*/
#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;}