.table_grid { width: 100%; text-align: center; padding: 23px 0 75px; table-layout: fixed; } .table_grid .table_tit { height: 40px; font-size: 15px; background-color: #2d8bc8; color: #fff; border-radius: 3px; } .table_grid .table_list { line-height: 1.5; font-size: 15px; background-color: #fff; color: #4e4e4e; border-radius: 3px; } .table_grid .table_list td { padding: 22px 20px; } .table_grid .table_list td:nth-child(1) { text-align: left; } .table_grid .table_list:nth-child(even) { background-color: #f5f4f2; } .input { margin-top: 20px; clear: both; } .input .b_select { width: 200px; height: 44px; font-size: 15px; color: #4e4e4e; vertical-align: middle; border: 1px solid #eaeaea; border-radius: 3px; padding: 0 12px; margin: 0 8px; } .input input { width: 200px; height: 44px; border: 1px solid #eaeaea; padding: 0 12px; vertical-align: middle; border-radius: 3px; position: relative; color: #4e4e4e; font-size: 15px; } .input img { position: relative; top: 5px; right: 40px; } .date_picker { display: inline-block; border: 1px solid #eaeaea; border-radius: 3px; color: #4e4e4e; } .date_picker input { display: inline-block; vertical-align: middle; font-size: 15px; margin: 0 10px; border: none; width: 80px; height: 44px; outline: none; } .date_picker input:focus { border: none; } .date_picker span { display: inline-block; vertical-align: middle; font-size: 15px; } .date_picker .icon { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-image: url(../images/icon_date.png); width: 20px; height: 20px; margin-right: 10px; } /* 联系我们 */ .contact_grid { margin-top: 45px; } .contact_grid .contact_grid_c { width: 240px; float: left; margin-right: 20px; } .contact_grid .contact_grid_c ul { font-size: 16px; color: #292929; list-style: none; margin: 0; padding: 0; } .contact_grid .contact_grid_c ul li:nth-child(odd) { margin-top: 36px; } .contact_grid .contact_grid_c ul li:nth-child(even) { color: #4e4e4e; font-size: 15px; } .contact_grid .contact_grid_p { width: 585px; height: 347px; overflow: hidden; float: right; } .contact_grid .contact_grid_p img { width: 100%; } /* ESG */ .ESG_grid { margin-top: 30px; } .ESG_grid_p { position: relative; display: inline-block; vertical-align: top; margin-top: 20px; margin-left: 20px; width: 183px; background-color: #f8f8f8; border: 2px solid #eeeeee; } .ESG_grid_p img { margin: 5px auto 0; display: block; overflow: hidden; width: 172px; height: 233px; } .ESG_grid_p p { font-size: 13px; color: #4e4e4e; text-align: center; } .ESG_grid .ESG_grid_c { width: 100%; margin-left: 20px; } .ESG_grid .ESG_grid_c .item + .item { margin-top: 60px; } .ESG_grid .ESG_grid_c .c_content p { width: 100%; font-size: 15px; color: #4e4e4e; text-indent: 2em; font-size: 15px; line-height: 1.5; text-align: justify; } /* 公司治理 */ .investor_img { width: 850px; } ul { list-style: none; margin: 0; padding: 0; } .company_grid { padding: 60px 0 45px; } .company_grid .item_grid { font-size: 0; text-align: center; position: relative; z-index: 1; /* margin-top: 60px; */ } .company_grid .item_grid > .item { display: inline-block; vertical-align: top; margin: 0 auto; width: 200px; } .company_grid .item_grid > .item .item_body { padding: 2px; border-radius: 6px; background-color: #2d8bc8; } .company_grid .item_grid.c1 > .item { width: 270px; } .company_grid .item_grid.c2 > .item { width: 150px; } .company_grid .item_grid .item.b_line::after { content: ''; margin: 0 auto; display: block; height: 30px; width: 1px; border-left: 1px dashed #d1d1d1; } .company_grid .item_grid .item.b_line_e::after { content: ''; margin: 0 auto; display: block; height: 30px; width: 1px; } .company_grid .item_grid .item.t_line::before { content: ''; margin: 0 auto; display: block; height: 30px; width: 1px; border-left: 1px dashed #d1d1d1; } .company_grid .item_grid .item.t_line_e::before { content: ''; margin: 0 auto; display: block; height: 30px; width: 1px; } .company_grid .item_grid > .item + .item { margin-left: 10px; } .company_grid .item_grid.c1 > .item + .item { margin-left: 90px; } .company_grid .c_bottom { cursor: pointer; display: block; position: relative; margin: 0 auto; padding: 10px; text-align: center; color: #4e4e4e; font-size: 0; background-color: #eaf4ff; border-radius: 6px; } .company_grid .c_bottom * { font-size: 14px; display: inline-block; vertical-align: middle; } .c_tit { padding: 16px 0; font-size: 19px; color: rgb(255, 255, 255); font-weight: bold; line-height: 1; text-align: center; } .icon_right { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-image: url(../images/icon_right.png); width: 10px; height: 16px; margin-left: 5px; } .icon_pdf { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-image: url(../images/icon_pdf.png); width: 15px; height: 15px; margin-right: 5px; } .company_grid .c_body { background-color: #ffff; border-radius: 6px; padding: 20px 20px; } .company_grid .c2 .c_body { padding: 10px 5px; } .company_grid .c_body .li { display: block; position: relative; background-color: rgb(234, 244, 255); font-size: 15px; color: #4e4e4e; text-align: center; padding: 8px; border-radius: 6px; } .company_grid .c_body .li + .li { margin-top: 10px; } .line { border-bottom: 1px dashed #d1d1d1; } /* 董事长致辞 */ .speech_grid { width: 730px; padding: 35px 60px 47px; margin-top: 43px; background-color: #f2f3f9; } .speech_grid h4 { color: #4e4e4e; padding: 0; margin: 0; line-height: 1.5em; margin-top: 30px; font-size: 20px; } .speech_grid h4 span:first-child { padding: 5px 12px; background-color: #bfd4eb; } .speech_grid h4 span { padding: 5px 12px; background-color: #dee7f3; } .speech_grid p { text-align: justify; font-size: 15px; padding: 0; margin: 0; line-height: 1.5em; margin-top: 28px; color: #4e4e4e; text-indent: 2em; } .speech_grid .r_title { font-size: 33px; color: #30559f; } .speech_grid .r_title a { font-weight: bold; } .speech_grid .r_title img { vertical-align: middle; width: 532px; height: 2px; } .speech_grid .hl_b { display: inline-block; margin-top: 50px; vertical-align: middle; width: 730px; height: 2px; } @media screen and (max-device-width: 1440px) { .company_grid .item_grid.c2 > .item { width: 140px; } .company_grid .item_grid > .item + .item { margin-left: 6px; } .ESG_grid .ESG_grid_c { margin-left: 20px; } .contact_grid .contact_grid_c { width: 200px; float: left; margin-right: 20px; } .contact_grid .contact_grid_p { width: 510px; height: 347px; overflow: hidden; float: right; } .company_grid .item_grid.c1 > .item { width: 240px; } .speech_grid { width: 605px; padding: 35px 60px 47px; margin-top: 43px; background-color: #f2f3f9; } .speech_grid .r_title img { vertical-align: middle; width: 430px; height: 2px; } .speech_grid .hl_b { display: inline-block; margin-top: 50px; vertical-align: middle; width: 605px; height: 2px; } .investor_img { width: 750px; } }