﻿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 {  line-height: 2rem; /*font-weight: 300; */ margin-bottom: 20px; }
.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%;  margin: 0.5rem auto; text-align: left; font-weight: bold; }
.ContentText_WholesaleDistribution { width: 90%;  padding: 0.5rem; line-height: 1.5rem; text-align: left; }

.ContentRight_WholesaleDistribution img {  position: relative;min-width:550px;}
.ContentFont {  position: relative;  }
.ContentFontSecond { position: relative; }
.FirstModule_WholesaleDistribution .even { float: right; position: relative; display: inline-block; }
.FirstModule_WholesaleDistribution.even .ContentLeft_WholesaleDistribution { float: right; }
.FirstModule_WholesaleDistribution.even .ContentRight_WholesaleDistribution { float: right; }

/* 左右布局图片+文字 混合排布居中  */
@media screen and (min-width: 1024px) {
    .ContentFont,.ContentFontSecond{width:80%;}
    .ContentRight_WholesaleDistribution img, .ContentRight_WholesaleDistribution img {width: 100%;}
    .ContentFont{margin: 140px auto auto 25px;}
    .ContentFontSecond{margin:140px auto auto 95px;}
    }
@media screen and (min-width: 1075px) {
    .ContentFont,.ContentFontSecond{width:80%;}
    .ContentRight_WholesaleDistribution img, .ContentRight_WholesaleDistribution img {width: 100%;}
    .ContentFont{margin: 140px auto auto 25px;}
    .ContentFontSecond{margin:140px auto auto 95px;}
    }
@media screen and (min-width: 1150px) {
    .ContentFont,.ContentFontSecond{width:80%;}
    .ContentRight_WholesaleDistribution img, .ContentRight_WholesaleDistribution img {width: 100%;}
    .ContentFont{margin: 140px auto auto 25px;}
    .ContentFontSecond{margin:140px auto auto 95px;}
    }
@media screen and (min-width: 1225px) {
    .ContentFont,.ContentFontSecond{width:80%;}
    .ContentRight_WholesaleDistribution img, .ContentRight_WholesaleDistribution img {width: 100%;}
    .ContentFont{margin: 145px auto auto 25px;}
    .ContentFontSecond{margin:145px auto auto 95px;}
    }
@media screen and (min-width: 1300px) {
    .ContentFont,.ContentFontSecond{width:80%;}
    .ContentRight_WholesaleDistribution img, .ContentRight_WholesaleDistribution img {width: 100%;}
    .ContentFont{margin: 165px auto auto 25px;}
    .ContentFontSecond{margin:165px auto auto 100px;}
    }
@media screen and (min-width: 1375px) {
    .ContentFont,.ContentFontSecond{width:80%;}
    .ContentRight_WholesaleDistribution img, .ContentRight_WholesaleDistribution img {width: 100%;}
    .ContentFont{margin: 180px auto auto 25px;}
    .ContentFontSecond{margin:180px auto auto 105px;}
    }
@media screen and (min-width: 1450px) {
    .ContentFont,.ContentFontSecond{width:70%;}
    .ContentRight_WholesaleDistribution img, .ContentRight_WholesaleDistribution img {width: 95%;}
    .ContentFont{margin: 170px auto auto 45px;}
    .ContentFontSecond{margin:170px auto auto 170px;}
    }
@media screen and (min-width: 1525px) {
    .ContentFont,.ContentFontSecond{width:70%;}
    .ContentRight_WholesaleDistribution img, .ContentRight_WholesaleDistribution img {width: 90%;}
    .ContentFont{margin: 180px auto auto 65px;}
    .ContentFontSecond{margin:180px auto auto 165px;}
    }
@media screen and (min-width: 1600px) { 
    .ContentFont,.ContentFontSecond{width:65%;}
    .ContentRight_WholesaleDistribution img, .ContentRight_WholesaleDistribution img {width: 85%;}
    .ContentFont{margin: 190px auto auto 85px;}
    .ContentFontSecond{margin:190px auto auto 190px;}
    }
@media screen and (min-width: 1675px) { 
    .ContentFont,.ContentFontSecond{width:65%;}
    .ContentRight_WholesaleDistribution img, .ContentRight_WholesaleDistribution img {width: 85%;}
    .ContentFont{margin: 200px auto auto 90px;}
    .ContentFontSecond{margin:200px auto auto 195px;}
    }
@media screen and (min-width: 1750px) {
    .ContentFont,.ContentFontSecond{width:65%;}
    .ContentRight_WholesaleDistribution img, .ContentRight_WholesaleDistribution img {width: 85%;}
    .ContentFont{margin: 210px auto auto 95px;}
    .ContentFontSecond{margin:210px auto auto 210px;}
}
@media screen and (min-width: 1825px) {
    .ContentFont,.ContentFontSecond{width:65%;}
    .ContentRight_WholesaleDistribution img, .ContentRight_WholesaleDistribution img {width: 75%;}
    .ContentFont{margin: 190px auto auto 135px;}
    .ContentFontSecond{margin:190px auto auto 175px;}
}
@media screen and (min-width: 1900px) {
    .ContentFont,.ContentFontSecond{width:65%;}
    .ContentRight_WholesaleDistribution img, .ContentRight_WholesaleDistribution img {width: 70%;}
    .ContentFont{margin: 180px auto auto 165px;}
    .ContentFontSecond{margin:180px auto auto 160px;}
}
