html,body { margin: 0px; padding: 0px; color: #333333; font-size: 16px; }

/* 超大宽屏 */
.introduce_logo_box { position: relative; margin-top: 100px; }
.introduce_logo_box img { width: 100%; }

.introduce_module_1 { background-color: #ffffff; }
.introduce_module_1_box { width: 1320px; margin: 0 auto; display: flex; padding: 97px 0px 167px; justify-content: space-between; }
.introduce_module_1_l { width: 55%; padding: 100px 0px; }
.introduce_module_1_l .back { background: url(../image/introduce/product_back.png); background-size: 100% auto; background-repeat: no-repeat; padding-top: 22px; padding-left: 48px; }
.introduce_module_1_l .back .title { font-size: 36px; color: #414141; line-height: 36px; }
.introduce_module_1_l .back .desc { margin-top: 36px; font-size: 16px; color: #000000; line-height: 44px; text-indent: 32px; }
.introduce_module_1_r { width: 40%; }
.introduce_module_1_r img { width: 100%; }

.introduce_module_2 {  background-color: #e9eff4;}
.introduce_module_2_box { width: 1320px; margin: 0 auto; padding: 66px 0px 124px; }
.introduce_module_2_box .content { font-size: 16px; color: #000000; line-height: 44px;text-indent: 32px; }
.introduce_module_2_box .icon_box { padding: 0px 197px; display: flex; justify-content: space-between; }
.introduce_module_2_box .icon_box .icon_item { width: 25%; text-align: center; margin-top: 80px; }
.introduce_module_2_box .icon_box .icon_item .item_title { color: #333333; margin-top: 22px; font-size: 16px; }

.introduce_module_3 { background-color: #ffffff; }
.introduce_module_3_box { width: 1320px; margin: 0 auto; display: flex; }
.introduce_module_3_box .introduce_module_3_l { width: 60%; }
.introduce_module_3_box .introduce_module_3_l img { width: 100%; }
.introduce_module_3_box .introduce_module_3_r { width: 40%; padding: 90px 0px 120px; margin-left: -90px; }
.introduce_module_3_box .introduce_module_3_r img { width: 60%; }
.introduce_module_3_box .introduce_module_3_r .logo_img { text-align: center; }
.introduce_module_3_box .introduce_module_3_r .logo_desc { font-size: 16px; color: #000000; line-height: 44px; text-indent: 32px; margin-top: 30px; }
.introduce_module_3_box .introduce_module_3_r .logo_kh { text-align: center; margin-top: 28px; }

/* 宽屏设备 */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
	.introduce_module_1_box { width: 1200px; padding: 80px 0px 120px; }
    .introduce_module_1_l { padding: 80px 0px; }
    .introduce_module_2_box { width: 1200px; padding: 60px 0px 80px; }
    .introduce_module_2_box .icon_box .icon_item { margin-top: 40px; }
    .introduce_module_3_box { width: 1200px; }
    .introduce_module_3_box .introduce_module_3_r { padding: 60px 0px 90px; }
}

/* 中等屏幕 */
@media screen and (min-width: 992px) and (max-width: 1199px) {
	.introduce_module_1_box { width: 992px; padding: 30px 0px 50px; }
    .introduce_module_1_l { padding: 40px 0px; }
    .introduce_module_1_l .back { padding-left: 20px; }
    .introduce_module_1_l .back .desc { line-height: 32px; }
    .introduce_module_2_box { width: 992px; padding: 30px 0px 50px; }
    .introduce_module_2_box .content { line-height: 32px; }
    .introduce_module_2_box .icon_box { padding: 0px 100px; }
    .introduce_module_2_box .icon_box .icon_item { margin-top: 20px; }
    .introduce_module_3_box { width: 992px; }
    .introduce_module_3_box .introduce_module_3_r { padding: 70px 0px 80px; }
    .introduce_module_3_box .introduce_module_3_r .logo_desc { line-height: 32px; }
} 

/* ipad */
@media screen and (max-width:991px)  {
    .introduce_logo_box { position: relative; margin-top: 64px; }
    .introduce_module_1_box { width: 96%; padding: 30px 0px; }
    .introduce_module_1_l { padding: 10px 0px; }
    .introduce_module_1_l .back { padding-left: 10px; padding-top: 10px; }
    .introduce_module_1_l .back .title { font-size: 26px; }
    .introduce_module_1_l .back .desc { line-height: 32px; margin-top: 10px; }
    .introduce_module_2_box { width: 96%; padding: 30px 0px 50px; }
    .introduce_module_2_box .content { line-height: 32px; }
    .introduce_module_2_box .icon_box { padding: 0px 40px; }
    .introduce_module_2_box .icon_box .icon_item { margin-top: 20px; }
    .introduce_module_3_box { width: 96%; }
    .introduce_module_3_box .introduce_module_3_r { padding: 30px 0px; margin-left: 0px; }
    .introduce_module_3_box .introduce_module_3_r .logo_desc { line-height: 32px; margin-top: 14px; }
    .introduce_module_3_box .introduce_module_3_r .logo_kh { margin-top: 12px; }
    .introduce_module_3_box .introduce_module_3_r img { width: 80%; }
}

/* 手机端 */
@media screen and (max-width:767px) {
    .introduce_logo_box { position: relative; margin-top: 64px; }
    .introduce_module_1_box { width: 96%; padding: 0px; display: block; }
    .introduce_module_1_l { padding: 10px 0px; width: 100%; }
    .introduce_module_1_l .back { padding-left: 10px; padding-top: 10px; background-size: contain; background-position: center; }
    .introduce_module_1_l .back .title { font-size: 26px; }
    .introduce_module_1_l .back .desc { line-height: 32px; margin-top: 10px; }
    .introduce_module_1_r { padding: 0px; width: 100%; }
    .introduce_module_2_box { width: 96%; padding: 30px 0px 40px; }
    .introduce_module_2_box img { width: 60%; }
    .introduce_module_2_box .content { line-height: 32px; }
    .introduce_module_2_box .icon_box { padding: 0px; flex-wrap: wrap; justify-content: space-between; }
    .introduce_module_2_box .icon_box .icon_item { margin-top: 20px; width: 48%; }
    .introduce_module_3_box { width: 96%; display: block; }
    .introduce_module_3_box .introduce_module_3_l { width: 100%; }
    .introduce_module_3_box .introduce_module_3_r { padding: 20px 0px; margin-left: 0px; width: 100%; }
    .introduce_module_3_box .introduce_module_3_r .logo_desc { line-height: 32px; margin-top: 14px; }
    .introduce_module_3_box .introduce_module_3_r .logo_kh { margin-top: 22px; }
    .introduce_module_3_box .introduce_module_3_r img { width: 80%; }
}