﻿body { }
.pageShow { position: relative; top: 99px; width: 100%; height: 400px; background: url(../../images/m/MultinationalLanguage_PC20220916.png) center center; }
.contentBox_101 { width: 100%; }
.contentSection_101 { width: 100%; overflow: hidden; position: relative; margin: 0px auto; padding: 0px 0 60px; }
.concentTitle_201 { width: 100%; text-align: center; font-size: 24px; font-weight: bold; padding: 30px 0; }
.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: 50%;  position: relative; }
.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: 50%;  position: relative; }
.ordering_system_line { width: 100%; height: 20px; /*background:#ff0000;*/ clear: both; }
.ordering_system_right img { width: 70%;min-width: 550px; position: relative; float: left; }
.ordering_system_left img { width: 70%;min-width: 550px; position: relative; float: right; }
img .ordering_system_second { float: right; }
.ordering_system_title { font-size: 2.3rem; color: #222; line-height: 4.5rem; }
/*横幅*/
.BannerModule { width: 100%; height: auto; background: #f1f1f1; }
.BannerModuleContent { width: 1050px; height: auto; overflow: hidden; position: relative; margin: 0px auto; /*background: #fc6466;*/ padding: 2rem 4rem; }
.BannerModuleContent ul.BannerModuleContent_ul { padding: 20px; }
.BannerModuleContent ul.BannerModuleContent_ul li { list-style: disc; }
.BannerModuleContent span { font-family: 'Microsoft YaHei'; font-size: 16px; line-height: 32px; font-weight: bold; }
#divFrame { /*background:#ff0000;*/ height: auto; margin-bottom: 1rem; position: relative; display: table; }
#divFrame_01 { float: left; width: 520px; height: 425px; /*background:#4cff00;*/ margin-right: 6px; margin-bottom: 10px; padding: 10px 10px; }
#divFrame_02 { float: left; width: 520px; height: 425px; /*background:#4cff00;*/ padding: 10px 10px; margin-bottom: 10px; }
#divFrame_011 { width: 100%; font-size: 16px; line-height: 40px; margin-bottom: 8px; height: auto; vertical-align: middle; }
#divFrame_012 { width: 506px; height: 360px; /*background:#ff6a00;*/ border: 2px solid #03927a; }
.divFramePC{width:1050px;margin:0 auto;}
/*手机APP图片样式*/
#Membership_system_img { width: 1050px; height: auto; margin-top: 20px; background: #ff0000; }
#Membership_system_img_title { margin-bottom: 10px; padding-left: 4px; font-size: 16px; height: 60px; color: #333; vertical-align: middle; }
#Membership_system_img_pictrue { /*width:345px;*/ height: auto; text-align: center; }
#Membership_system_img_left { float: left; width: 30%; height: auto; margin-right: 50px; }
#Membership_system_img_middle { float: left; width: 30%; height: auto; margin-right: 50px; }
#Membership_system_img_right { float: left; width: 30%; height: auto; }
#Membership_system_img img { border: 1px solid rgba(0,0,0,0); border-radius: 10px; }
#Membership_system_img img:hover { border-color: #fc6466; }
#Membership_system_img img { border-color: #03927a; }
/* 左右布局图片+文字 混合排布居中 */
@media screen and (min-width: 1024px) {
    .ordering_system_font,.ordering_system_font_second{width:70%;}
    .ordering_system_left img, .ordering_system_right img{width:100%;}
    .ordering_system_font{margin: 110px auto auto 25px;}
    .ordering_system_font_second{margin:110px auto auto 125px;}
    }
@media screen and (min-width: 1075px) {
    .ordering_system_font,.ordering_system_font_second{width:65%;}
    .ordering_system_left img, .ordering_system_right img{width:100%;}
    .ordering_system_font{margin: 120px auto auto 50px;}
    .ordering_system_font_second{margin: 120px auto auto 130px;}
    }
@media screen and (min-width: 1150px) {
    .ordering_system_font,.ordering_system_font_second{width:65%;}
    .ordering_system_left img, .ordering_system_right img{width:100%;}
    .ordering_system_font{margin: 130px auto auto 70px;}
    .ordering_system_font_second{margin: 130px auto auto 120px;}
    }
@media screen and (min-width: 1225px) {
    .ordering_system_font,.ordering_system_font_second{width:65%;}
    .ordering_system_left img, .ordering_system_right img{width:100%;}
    .ordering_system_font{margin: 140px auto auto 80px;}
    .ordering_system_font_second{margin: 140px auto auto 135px;}
    }
@media screen and (min-width: 1300px) {
    .ordering_system_font,.ordering_system_font_second{width:60%;}
    .ordering_system_left img, .ordering_system_right img{width:80%;}
    .ordering_system_font{margin: 120px auto auto 165px;}
    .ordering_system_font_second{margin: 120px auto auto 90px;}
    }
@media screen and (min-width: 1375px) {
    .ordering_system_font,.ordering_system_font_second{width:65%;}
    .ordering_system_left img, .ordering_system_right img{width:90%;}
    .ordering_system_font{margin: 140px auto auto 150px;}
    .ordering_system_font_second{margin:140px auto auto 80px;}
    }
@media screen and (min-width: 1450px) {
    .ordering_system_font,.ordering_system_font_second{width:60%;}
    .ordering_system_left img, .ordering_system_right img{width:90%;}
    .ordering_system_font{margin: 160px auto auto 155px;}
    .ordering_system_font_second{margin:160px auto auto 130px;}
    }
@media screen and (min-width: 1525px) {
    .ordering_system_font,.ordering_system_font_second{width:60%;}
    .ordering_system_left img, .ordering_system_right img{width:90%;}
    .ordering_system_font{margin: 180px auto auto 160px;}
    .ordering_system_font_second{margin:180px auto auto 140px;}
    }
@media screen and (min-width: 1600px) { 
    .ordering_system_font,.ordering_system_font_second{width:60%;}
    .ordering_system_left img, .ordering_system_right img{width:90%;}
    .ordering_system_font{margin: 200px auto auto 170px;}
    .ordering_system_font_second{margin:200px auto auto 150px;}
    }
@media screen and (min-width: 1675px) { 
    .ordering_system_font,.ordering_system_font_second{width:60%;}
    .ordering_system_left img, .ordering_system_right img{width:90%;}
    .ordering_system_font{margin: 200px auto auto 175px;}
    .ordering_system_font_second{margin:200px auto auto 160px;}
    }
@media screen and (min-width: 1750px) {
        .ordering_system_font,.ordering_system_font_second{width:50%;}
    .ordering_system_left img, .ordering_system_right img{width:90%;}
    .ordering_system_font{margin: 190px auto auto 180px;}
    .ordering_system_font_second{margin:190px auto auto 240px;}
}
@media screen and (min-width: 1825px) {
    .ordering_system_font,.ordering_system_font_second{width:50%;}
    .ordering_system_left img, .ordering_system_right img{width:80%;}
    .ordering_system_font{margin: 200px auto auto 270px;}
    .ordering_system_font_second{margin:200px auto auto 180px;}
}
@media screen and (min-width: 1900px) {
    .ordering_system_font,.ordering_system_font_second{width:50%;}
    .ordering_system_left img, .ordering_system_right img{width:80%;}
    .ordering_system_font{margin: 220px auto auto 280px;}
    .ordering_system_font_second{margin:220px auto auto 190px;}
}