﻿body { }
.pageShow { position: relative; width: 100%; height: 400px; /*background: url(../images/xinjia/紫色电路图最终完成版1.png) center center;*/ background: url("../images/Newimg/main/en_app_product_2022072903.png") center center; }
.main_03 { width: 100%; background-color: #F8F8F8; position: relative; }
.contentBox_101 { width: 100%; clear: both; }
.contentSection_101 { width: 1150px; overflow: hidden; position: relative; margin: 0px auto; padding: 0px 0 60px; }
.concentTitle_101 { width: 100%; height: 100px; line-height: 100px; text-align: center; margin-top: 55px; }
.contentSection_101 .concentTitle_101 p { font-family: Arial; font-size: 2.5rem; line-height: 2.8125rem; font-weight: 300; }
.contentExplain_201 { width: 1080px; float: left; margin: 0 0 30px 70px; }
.title_bg { font-family: Arial; font-weight: 300; font-size: 1.8rem; height: 40px; text-align: left; padding-top: 6px; padding-left: 8px; /*background-image: url('../images/Products/APPClient/title_bg01.png');*/ /*background: url(../images/Products/APPClient/title_bg01.png);*/ }
.Membership_system { width: 1150px; height: 300px; margin-top: 30px; margin-bottom: 20px; }
.Membership_system_left { float: left; width: 30%; height: 300px; margin-right: 20px; border: 2px solid #f5f5f5; background: #f9f9f9; border-radius: 5px; }
.Membership_system_left_img { width: 345px; height: auto; text-align: center; padding-top: 8px; }
.Membership_system_title { width: 345px; line-height: 6px; text-align: center; font-size: 18px; font-weight: bold; margin-top: 8px; }
.Membership_system_content { width: 345px; padding-left: 10px; padding-bottom: 30px; margin-top: 10px; padding-right: 10px; line-height: 30px; text-align: left; color: #515151; font-family: Arial; float: left; font-size: 1rem; }
.Membership_system_middle { float: left; width: 30%; height: 300px; margin-right: 20px; border: 2px solid #f5f5f5; background: #f9f9f9; border-radius: 5px; }
.Membership_system_right { float: left; width: 30%; height: 300px; border: 2px solid #f5f5f5; background: #f9f9f9; border-radius: 5px; }
.APP_system_img { width: 1150px; height: auto; margin-top: 20px; background: #ff0000; }
.APP_system_img_left { float: left; width: 30%; height: auto; margin-right: 18px; }
.APP_system_img_title { font-size: 18px; line-height: 40px; margin-bottom: 10px; padding-left: 4px; }
.APP_system_img_pictrue { width: 345px; height: auto; text-align: center; }
.APP_system_img_middle { float: left; width: 30%; height: auto; margin-right: 18px; }
.APP_system_img_right { float: left; width: 30%; height: auto; }
.APP_system_img img { border: 1px solid rgba(0,0,0,0); border-radius: 10px; }
/*---new_xie---*/
.main_document { width: 1050px; height: auto; /*background: #ffd800;*/ padding: 30px 2px 50px 2px; }
.main_subtitle { font-family: Arial; font-size: 2rem; line-height: 2rem; /*font-weight: 300;*/ color: #373a3c; margin-bottom: 20px;font-weight:bold; }
.first_module { width: 100%; height: 250px; }
.module_left { float: left; width: 45%; height: 200px; /*background:#ffd800;*/ padding: 10px 20px; margin-right: 20px; }
.module_right { float: left; width: 45%; height: 200px; /*background: #ff0000;*/ padding: 10px 20px; }
.main_document p { list-style: none; font-family: Arial; font-size: 1rem; line-height: 1.25rem; color: #373a3c; padding: 15px 2px 5px 10px; text-align: left;/* font-weight: 100; */}
.second_module { width: 100%; height: 250px; }
.third_module { width: 100%; height: 250px; }
/*.module_left_img {
    width: 100%;
    text-align: left;
    padding-left: 10px;
}*/
.fourth_module { width: 100%; height: 700px; /*background: #65d7f1;*/ padding-left: 10px; }
.fourth_module img { border: 1px solid #f5f5f5; border-radius: 10px; }
.fourth_module p { font-family: Arial; color: #373a3c; /*font-weight: 100; */font-size: 1rem; line-height: 50px; }
.fourth_module_left { float: left; width: 330px; height: 600px; /*background: #ff0000;*/ margin-right: 25px; border-radius: 12px; }
.fourth_module_left img:hover { border: 1px solid #fc6466; border-radius: 16px; }
.fourth_module_middle img:hover { border: 1px solid #fc6466; border-radius: 16px; }
.fourth_module_right img:hover { border: 1px solid #fc6466; border-radius: 16px; }
.fourth_module_middle { float: left; width: 330px; height: 600px; /*background: #000000;*/ margin-right: 25px; border-radius: 12px; }
.fourth_module_right { float: left; width: 330px; height: 600px; /*background: #e41995;*/ border-radius: 12px; }
.line_AppClientEnd { height: 50px; /*background:red;*/ clear: both; }
.iconImg_AppClientEnd { width: 80px; height: 80px; background: #00cda9; border-radius: 50%; margin-top: 1.375rem; }
.iconImg_AppClientEnd img { width: 100%; height: 100%;}
/*卡片模块*/
.AppClientCardModule { width: 100%; height: auto;/* background: #65d7f1;*/position:relative; }
.CardModuleLeft { float: left; width: 31.6%; height: 260px; margin-right: 20px; border: 2px solid #f5f5f5; background: #f9f9f9; border-radius: 5px; }
.CardModuleMiddle { float: left; width: 31.6%; height: 260px; margin-right: 20px; border: 2px solid #f5f5f5; background: #f9f9f9; border-radius: 5px; }
.CardModuleRight { float: left; width: 31.6%; height: 260px; border: 2px solid #f5f5f5; background: #f9f9f9; border-radius: 5px; }
.CardModuleImg { text-align: center; width: 80px; height: 80px; border-radius: 50%; background: #00cda9; margin: 1rem auto 0.5rem; padding: 0px !important; }
.CardModuleTitle { width: 100%; line-height: 6px; text-align: center; font-size: 18px; font-weight: bold; margin-top: 8px; }
.CardModuleText { width: 95%; font-size: 1rem; line-height: 1.5rem; text-align:center; /*background: antiquewhite; */ margin: 2rem auto; font-family: Arial; }
.p_line{width:100%;height:30px;/*background:red;*/position:relative;clear:both;}