@import url(channel.css); .content .wrap { width: 100%; max-width: initial; } #contactus_content { width: 100%; margin: 0 auto; } #contactus_content .world-content-row { background: #fff; padding: 70px 0; } #contactus_content .world-content-row .world-content .img { float: left; width: 60%; } #contactus_content .world-content-row .world-content .img img { width: 100%; } #contactus_content .world-content-row .world-content .world-data { float: left; width: 40%; text-align: left; padding: 100px; box-sizing: border-box; } #contactus_content .world-content-row .world-content .world-data .en { color: #009943; } #contactus_content .world-content-row .world-content .world-data .en .icon { font-size: 20px; } #contactus_content .world-content-row .world-content .world-data .en .by_your_side { font-size: 20px; } #contactus_content .world-content-row .world-content .world-data .ch { color: #009943; } #contactus_content .world-content-row .world-content .world-data .ch .by_your_side { font-size: 44px; } #contactus_content .world-content-row .world-content .world-data .ch .by_your_side span:first-of-type { font-size: 63px; } #contactus_content .world-content-row .world-content .world-data .ch .by_your_side span:nth-child(2) { vertical-align: super; } #contactus_content .world-content-row .world-content .world-data .ch .decl { color: #ff8600; font-size: 24px; } #contactus_content .world-content-row .world-content .world-data .ch .decl .decl_conent { padding: 0 0 20px 0; box-sizing: border-box; border-bottom: 3px solid #009943; } #contactus_content .world-content-row .world-content .world-data .ch .decl .right1, #contactus_content .world-content-row .world-content .world-data .ch .decl .right2 { width: 0px; height: 0px; display: inline-block; border-style: solid; border-width: 8px 0 8px 20px; border-color: transparent transparent transparent #ff8600; } #contactus_content .world-content-row .world-content .world-data .ch .decl .right1 { margin-left: 10px; } #contactus_content .world-content-row .world-content .world-data .ch .decl .right2 { margin-left: 5px; } #contactus_content .world-content-row .world-content .world-data .ach_wrap { margin-top: 50px; font-size: 32px; } #contactus_content .world-content-row .world-content .world-data .ach_wrap ul li { color: #000; } #contactus_content .world-content-row .world-content .world-data .ach_wrap ul li span { color: #ff8600; } #contactus_content .info-content-row { padding: 20px 0; /* background: #fafafa; */ } #contactus_content .info-content-row .info-content .img { float: left; } #contactus_content .info-content-row .info-content .img img { width: 100%; } #contactus_content .info-content-row .info-content .info-col-1 { padding: 10px 20px; float: left; } #contactus_content .info-content-row .info-content .info-col-1 .img { float: none; } #contactus_content .info-content-row .info-content .info-col-1 .img img { width: 100%; max-width: 395px; } #contactus_content .info-content-row .info-content .info-col-1 .info-data { text-align: left; margin-top: 40px; } #contactus_content .info-content-row .info-content .info-col-1 .info-data .com-name .ch { font-size: 32px; letter-spacing: 5px; color: #333; } #contactus_content .info-content-row .info-content .info-col-1 .info-data .com-name .en { font-size: 16px; letter-spacing: 3px; color: #999; } #contactus_content .info-content-row .info-content .info-col-1 .info-data .other-info { font-size: 20px; letter-spacing: 1px; color: #333; font-weight: 700; margin-top: 30px; } #contactus_content .info-content-row .info-content .info-col-2 { float: left; padding: 10px; } #contactus_content .info-content-row .info-content .info-col-2 .qrcode-img img { width: 100%; max-width: 158px; } #contactus_content .info-content-row .info-content .info-col-2 .tip { font-size: 16px; letter-spacing: 1px; font-weight: 700; text-align: center; } #contactus_content .address-content-row { padding: 50px 0; } #contactus_content .address-content-row .address-content ul > li { float: left; width: 33.3%; padding: 15px; box-sizing: border-box; } #contactus_content .address-content-row .address-item { background: #e7e7e7; padding: 20px; text-align: left; } #contactus_content .address-content-row .address-item .name { font-size: 20px; letter-spacing: 1px; color: #000; font-weight: 700; } #contactus_content .address-content-row .address-item .address { margin-top: 25px; font-size: 20px; letter-spacing: 1px; color: #000; } #contactus_content .address-content-row .address-item .fax { margin-top: 20px; font-size: 20px; letter-spacing: 1px; color: #000; } @media screen and (max-width: 1600px) { .con_content_row .con_wrap { padding: 0 20px; } } @media screen and (max-width: 1200px) { .con_content_row .world_content_wrap { width: 100%; padding: 0 80px; } #contactus_content .world-content-row .world-content .img { float: none; width: 100%; } #contactus_content .world-content-row .world-content .world-data { float: none; width: 100%; padding: 20px; box-sizing: border-box; } #contactus_content .world-content-row .world-content .world-data .ch .decl .decl_conent { padding: 0 0 20px 0; box-sizing: border-box; border-bottom: none; } #contactus_content .world-content-row .world-content .world-data .ch .decl .right1, #contactus_content .world-content-row .world-content .world-data .ch .decl .right2 { display: none; } #contactus_content .info-content-row { text-align: center; } #contactus_content .info-content-row .info-content { display: inline-block; } #contactus_content .info-content-row .info-content .img { display: none; float: left; width: 27.14%; } #contactus_content .info-content-row .info-content .info-col-1 .img { float: none; display: inline-block; } #contactus_content .info-content-row .info-content .info-col-2 { float: left; padding: 100px 0 0 80px; } #contactus_content .info-content-row .info-content .info-col-2 .qrcode-img img { width: 100%; max-width: 158px; } #contactus_content .info-content-row .info-content .info-col-2 .tip { font-size: 16px; letter-spacing: 1px; font-weight: 700; } .con_content_row .address_content_wrap { width: 100%; padding: 0 20px; } #contactus_content .address-content-row { padding: 0px; } #contactus_content .address-content-row .address-content ul > li { width: 33.3%; margin: 20px 0; padding: 15px; box-sizing: border-box; } #contactus_content .address-content-row .address-item { background: #e7e7e7; padding: 20px; text-align: left; } #contactus_content .address-content-row .address-item .name { font-size: 20px; letter-spacing: 1px; color: #000; font-weight: 700; } #contactus_content .address-content-row .address-item .address { margin-top: 25px; font-size: 20px; letter-spacing: 1px; color: #000; } #contactus_content .address-content-row .address-item .fax { margin-top: 20px; font-size: 20px; letter-spacing: 1px; color: #000; } } @media screen and (max-width: 1002px) { .con_content_row .info_content_wrap { width: 100%; } #contactus_content .info-content-row { padding: 70px 0 80px 0; } #contactus_content .info-content-row .info-content .info-col-1 { float: none; } #contactus_content .info-content-row .info-content .info-col-2 { float: none; padding: 20px 0 0 0; } #contactus_content .info-content-row .info-content .info-col-2 .qrcode-img img { display: inline-block; margin: 0 auto; } } @media screen and (max-width: 758px) { .con_content_row .world_content_wrap { padding: 0 20px; } #contactus_content .world-content-row { padding: 40px 0; } #contactus_content .world-content-row .world-content .world-data .ch .by_your_side { font-size: 32px; } #contactus_content .world-content-row .world-content .world-data .ach_wrap { margin-top: 30px; font-size: 26px; } #contactus_content .info-content-row .info-content .info-col-1 { padding: 0px; } #contactus_content .info-content-row .info-content .info-col-1 .img img { max-width: 350px; } #contactus_content .info-content-row .info-content .info-col-1 .info-data .com-name .ch { font-size: 26px; } #contactus_content .info-content-row .info-content .info-col-1 .info-data .com-name .en { font-size: 16px; } #contactus_content .info-content-row .info-content .info-col-1 .info-data .other-info { font-size: 16px; } #contactus_content .address-content-row .address-item .name { font-size: 18px; } #contactus_content .address-content-row .address-item .address { margin-top: 15px; font-size: 16px; } #contactus_content .address-content-row .address-item .fax { margin-top: 10px; font-size: 14px; } } .other-info .info-row{ margin-bottom: 14px; } .info-content { display: flex; justify-content: space-between; align-items: center; }