﻿body {
}
#divFrame {margin-top:10px;}
#divFrame_01 {float:left; width:361px;background:#03927a;height:380px;margin-right:32px;border:1px solid #03927a;}
#divFrame_02 {float:left;width:361px;background:#03927a;height:380px;margin-right:32px;border:1px solid #03927a;}
#divFrame_03 {float:left;width:361px;background:#03927a;height:380px;border:1px solid #03927a;}

#divFont {text-align:left;padding:10px 30px;color:#ffffff; letter-spacing:1px; font-size:16px;}

#divImg01 {float:left;margin-top:80px;margin-right:30px;/*border:5px solid #03927a;*//*margin-left:5px;*//*padding-top:25px;background:#03927a;*/}
#divImg02 {float:left;margin-top:80px; /*border:5px solid #03927a;*//*padding-top:25px;background:#03927a;*/}
#divImg01 img{border:5px solid #03927a;margin-top: 10px;}
#divImg02 img{border:5px solid #03927a;margin-top: 10px;}
/*新写代码*/

#downloadFra_left{float:left;width:44%;height:100px;/*background:#f8f8f8;*/}
#downloadFra_middle{float:left;width:200px;height:100px;/*background:#f8f8f8;border:1px solid #ff0000*/}
#downloadFra_right{float:left;width:44%;height:100px;/*background:#f8f8f8;*/}
#downloadFra_middle p{font-size:35px;text-align:center;margin-top:50px;letter-spacing:10px;color:#444;font-weight:lighter;font-family:'Microsoft YaHei',Tahoma,Arial;margin-left:6px;}
#downloadFra_left p{float:right;/*letter-spacing:-10px;*/margin-top:63px;color:#666;font-size:20px;}
#downloadFra_right p{float:left;/*letter-spacing:-10px;*/margin-top:63px;color:#666;font-size:20px;}
#line_p{height:20px;/*background:#ffd800;*/clear:both;}

#Expand_file{text-align:center; padding-left:15px;}
#Hidden_file{/*background:#03927a;*/width:100%;height:auto;}
#p_title {font-family: "Microsoft Yahei","PingFangSC",Arial; font-size:20px; line-height:50px; font-weight:bold;}
#p_content {font-family: "Microsoft Yahei","PingFangSC",Arial; font-size:17px;line-height:30px;}

/*2025.02.24 修改左右布局*/
.contentBox_02{width:100%!important;}
.contentSection_02{width:100%!important;}

.ordering_system {width: 100%;height: auto;/*margin-bottom: 20px;*/background: linear-gradient( 180deg,#fff 0,#f3f7ff 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;}
/* 左右布局图片+文字 混合排布居中  */
@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: 130px auto auto 70px;}
    .ordering_system_font_second{margin:130px auto auto 100px;}
    }
@media screen and (min-width: 1075px) {
    .ordering_system_font,.ordering_system_font_second{width:80%;}
    .ordering_system_left img, .ordering_system_right img{width:100%;}
    .ordering_system_font{margin: 135px auto auto 70px;}
    .ordering_system_font_second{margin:135px auto auto 35px;}
    }
@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: 130px auto auto 70px;}
    .ordering_system_font_second{margin: 130px auto auto 105px;}
    }
@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: 150px auto auto 75px;}
    .ordering_system_font_second{margin: 150px auto auto 100px;}
    }
@media screen and (min-width: 1300px) {
    .ordering_system_font,.ordering_system_font_second{width:65%;}
    .ordering_system_left img, .ordering_system_right img{width:100%;}
    .ordering_system_font{margin: 150px auto auto 80px;}
    .ordering_system_font_second{margin: 150px auto auto 155px;}
    }
@media screen and (min-width: 1375px) {
    .ordering_system_font,.ordering_system_font_second{width:65%;}
    .ordering_system_left img, .ordering_system_right img{width:100%;}
    .ordering_system_font{margin: 170px auto auto 80px;}
    .ordering_system_font_second{margin:170px auto auto 150px;}
    }
@media screen and (min-width: 1450px) {
    .ordering_system_font,.ordering_system_font_second{width:65%;}
    .ordering_system_left img, .ordering_system_right img{width:95%;}
    .ordering_system_font{margin: 170px auto auto 120px;}
    .ordering_system_font_second{margin:170px 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:92%;}
    .ordering_system_font{margin: 180px auto auto 145px;}
    .ordering_system_font_second{margin:180px auto auto 160px;}
    }
@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: 190px auto auto 165px;}
    .ordering_system_font_second{margin:200px auto auto 155px;}
    }
@media screen and (min-width: 1675px) { 
    .ordering_system_font,.ordering_system_font_second{width:55%;}
    .ordering_system_left img, .ordering_system_right img{width:85%;}
    .ordering_system_font{margin: 190px auto auto 210px;}
    .ordering_system_font_second{margin:200px auto auto 165px;}
    }
@media screen and (min-width: 1750px) {
    .ordering_system_font,.ordering_system_font_second{width:55%;}
    .ordering_system_left img, .ordering_system_right img{width:85%;}
    .ordering_system_font{margin: 200px auto auto 215px;}
    .ordering_system_font_second{margin:200px auto auto 180px;}
}
@media screen and (min-width: 1825px) {
    .ordering_system_font,.ordering_system_font_second{width:50%;}
    .ordering_system_left img, .ordering_system_right img{width:83%;}
    .ordering_system_font{margin: 200px auto auto 240px;}
    .ordering_system_font_second{margin:200px 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:83%;}
    .ordering_system_font{margin: 200px auto auto 255px;}
    .ordering_system_font_second{margin:200px auto auto 220px;}
}