﻿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 { width: 100%; }
.contentBox_02 { width: 1200px; overflow: hidden; position: relative; margin: 0px auto; padding: 20px 0; }
.contentSection_02 { width: 100%; position: relative; float: left; }
.contentSection_02_1 { text-align: center; }
.contentSection_02_1 p { font-family: Arial; font-size: 2.5rem; line-height: 2.8125rem; font-weight: 300; }
.contentSection_03 { margin-bottom: 30px; width: 95%; /*background:rgba(128, 128, 128, 0.05);*/ height: 1500px; }
.contentSection_03_1 { text-align: center; }
.contentSection_03_1 h1 { font-family: Arial; font-weight: 300; font-size: 1.8rem; line-height: 1.875rem; }
.contentSection_03_left { margin-bottom: 15px; width: 30%; height: 420px; margin-top: 15px; float: left; margin: 1%; }
.contentSection_03_left_1 { padding: 0px 50px; overflow: hidden; border: 1px solid #dedede; text-align: left; background: #fff; height: 400px; }
.contentSection_03_left_1 h2 { font-family: Arial; font-weight: 300; font-size: 1.2rem; line-height: 1.875rem; }
.line { width: 100%; height: 1px; background: #808080; margin: 0 auto; margin-bottom: 20px; }
.contentSection_03_left_1 p { width: 95%; text-align: left; color: #515151; font-family: Arial; float: left; font-size: 1rem; line-height: 2rem; padding: 0 0 15px; }
.contentSection_04 { margin-bottom: 30px; width: 95%; background: rgba(227, 250, 246, 0.53); height: 650px; }
.contentSection_04_1 { text-align: center; }
.contentSection_04_1 h3 { font-family: Arial; font-weight: 300; font-size: 1.8rem; line-height: 1.875rem; }
.contentSection_04_left { margin-bottom: 15px; width: 98%; height: 260px; margin-top: 15px; float: left; margin: 1%; }
.contentSection_04_left_1 { padding: 15px 50px; overflow: hidden; border: 1px solid #dedede; text-align: left; background: #fff; height: 800px; }
.contentSection_04_left_1 .left_1 { width: 15%; text-align: left; border: 1px solid #dedede; float: left; }
.contentSection_04_left_1 .right_1 { float: right; width: 80%; text-align: left; /*border: 1px solid #dedede;*/ }
.contentSection_04_left_1 .right_1 h2 { font-family: Arial; font-weight: 300; font-size: 1.2rem; line-height: 1.875rem; }
.contentSection_04_left_1 .right_1 p { width: 95%; text-align: left; color: #515151; font-family: Arial; float: left; font-size: 1rem; line-height: 2rem; padding: 0 0 15px; }
/*---new_xie---*/
.main_document { width: 100%; height: auto; /*background: #ffd800;*/ padding: 30px 0px 50px 0px; }
.main_subtitle { font-family: Arial; font-size: 2rem; line-height: 2rem; /*font-weight: 300; */ color: #373a3c; margin-bottom: 20px; font-weight: bold; }
.module_left { float: left; width: 20%; height: 120px; margin-right: 10px; vertical-align: central; margin-bottom: 50px; }
.module_right { float: left; width: 78%; height: 120px; margin-bottom: 50px; }
.module_left img { padding-top: 30px; /*padding-left:50px;*/ }
.module_right p { list-style: none; font-family: Arial; font-size: 1.125rem; line-height: 1.5rem; font-weight: 100; color: #000000; padding: 15px 2px 5px 10px; text-align: left; }
.first_module_p { font-family: Arial; font-size: 1.4rem !important; color: #6f9bec !important; /*background:#f568ad;*/ line-height: 1.875rem !important; }
.second_module_p { font-family: Arial; font-size: 1.4rem !important; color: #f568ad !important; line-height: 1.875rem !important; }
.third_module_p { font-family: Arial; font-size: 1.4rem !important; color: #66cce9 !important; line-height: 1.875rem !important; }
.fourth_module_p { font-family: Arial; font-size: 1.4rem !important; color: #cc7619 !important; line-height: 1.875rem !important; }
.fifth_module_p { font-family: Arial; font-size: 1.4rem !important; color: #58c9b6 !important; line-height: 1.875rem !important; }
.sixth_module_p { font-family: Arial; font-size: 1.4rem !important; color: #cc7619 !important; line-height: 1.875rem !important; }
.seventh_module_p { font-family: Arial; font-size: 1.4rem !important; color: #f568ad !important; line-height: 1.875rem !important; }
.eighth_module { /*height:500px;background:#f568ad;*/ }
.eighth_module_left { width: 500px; height: 360px; background: #cc7619; float: left; margin-right: 28px; border: 4px solid #44b6ff; }
.eighth_module_right { width: 500px; height: 360px; background: #808080; float: left; border: 4px solid #44b6ff; }
.line_p { /*background:#f568ad;*/ height: 50px; clear: both; }

.FirstModule_WholesaleDistribution { width: 100%; height: auto; background: #fdb866; position: relative; margin: 1rem auto; background: linear-gradient( 180deg,#fff 0,#f9fcff 100%); display: table; }
.ContentLeft_WholesaleDistribution { width: 50%; height: auto; /*background:#dde858;*/ float: left;}
.ContentRight_WholesaleDistribution { width: 50%; height: auto; /*background: #ff5722; */ float: left; position: relative;/* left: 1rem;*/ }
.ContentTitle_WholesaleDistribution { width: 90%; font-size: 1.2rem; margin: 0.5rem auto; font-family: Arial; text-align: left; font-weight: bold; }
.ContentText_WholesaleDistribution { width: 90%; font-size: 1rem; padding: 0.5rem; line-height: 1.5rem; font-family: Arial; text-align: left; }

.ContentRight_WholesaleDistribution img { width: 70%; position: relative; right: 5rem; }
.ContentFont { margin: 6rem auto; position: relative; right: -8rem; width: 70%; color: #373a3c; }
.ContentFontSecond { margin: 6rem auto; position: relative; right: 5rem; width: 70%; color: #373a3c; }
.FirstModule_WholesaleDistribution .even { float: right; position: relative; display: inline-block; }
.FirstModule_WholesaleDistribution.even .ContentLeft_WholesaleDistribution { float: right; }
.FirstModule_WholesaleDistribution.even .ContentRight_WholesaleDistribution { float: right; }
.FirstModule_WholesaleDistribution.even .ContentRight_WholesaleDistribution img { left: 5rem; }
