﻿body {
}
.main_03 {position: relative;top: 99px;}
.contentBox_101 {width: 100%;clear: both;}
.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,#e3effb 100%);*/background: #f3f7ff;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: 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;}
/* 左右布局图片+文字 混合排布居中  */
@media screen and (min-width: 1024px) {
    .ordering_system_font,.ordering_system_font_second{width:90%;}
    .ordering_system_left img, .ordering_system_right img{width:100%;}
    .ordering_system_font{margin: 80px auto auto 5px;}
    .ordering_system_font_second{margin:80px auto auto 55px;}
    }
@media screen and (min-width: 1075px) {
    .ordering_system_font,.ordering_system_font_second{width:85%;}
    .ordering_system_left img, .ordering_system_right img{width:100%;}
    .ordering_system_font{margin: 80px auto auto 30px;}
    .ordering_system_font_second{margin:80px auto auto 55px;}
    }
@media screen and (min-width: 1150px) {
    .ordering_system_font,.ordering_system_font_second{width:70%;}
    .ordering_system_left img, .ordering_system_right img{width:100%;}
    .ordering_system_font{margin: 85px auto auto 50px;}
    .ordering_system_font_second{margin: 85px auto auto 130px;}
    }
@media screen and (min-width: 1225px) {
    .ordering_system_font,.ordering_system_font_second{width:70%;}
    .ordering_system_left img, .ordering_system_right img{width:100%;}
    .ordering_system_font{margin: 100px auto auto 55px;}
    .ordering_system_font_second{margin:100px auto auto 125px;}
    }
@media screen and (min-width: 1300px) {
    .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 60px;}
    .ordering_system_font_second{margin: 110px auto auto 135px;}
    }
@media screen and (min-width: 1375px) {
    .ordering_system_font,.ordering_system_font_second{width:50%;}
    .ordering_system_left img, .ordering_system_right img{width:90%;}
    .ordering_system_font{margin: 80px auto auto 120px;}
    .ordering_system_font_second{margin:80px auto auto 210px;}
    }
@media screen and (min-width: 1450px) {
    .ordering_system_font,.ordering_system_font_second{width:50%;}
    .ordering_system_left img, .ordering_system_right img{width:90%;}
    .ordering_system_font{margin: 100px auto auto 130px;}
    .ordering_system_font_second{margin:100px auto auto 235px;}
    }
@media screen and (min-width: 1525px) {
    .ordering_system_font,.ordering_system_font_second{width:50%;}
    .ordering_system_left img, .ordering_system_right img{width:90%;}
    .ordering_system_font{margin: 110px auto auto 140px;}
    .ordering_system_font_second{margin:110px auto auto 245px;}
    }
@media screen and (min-width: 1600px) { 
    .ordering_system_font,.ordering_system_font_second{width:50%;}
    .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 255px;}
    }
@media screen and (min-width: 1675px) { 
    .ordering_system_font,.ordering_system_font_second{width:50%;}
    .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 265px;}
    }
@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: 140px auto auto 160px;}
    .ordering_system_font_second{margin:140px auto auto 270px;}
}
@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: 140px auto auto 240px;}
    .ordering_system_font_second{margin:140px auto auto 205px;}
}
@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: 150px auto auto 255px;}
    .ordering_system_font_second{margin:150px auto auto 220px;}
}