@charset "utf-8"; .w-r{ width: 1200px; margin: auto; } .w-100,.sec_img{ width: 100%; } .sec_con{ overflow: hidden; } .sec_txt{ top:0; } .sec_txt p{ margin-bottom: 15px; } .sec_txt p span{ display: inline-block; font-size: 32px; color: #fff; vertical-align: text-top; } .sec_txt p span:first-child{ color: #edb92e; } .stxt1{ top: 6%; } .stxt2{ right: 6%; } .stxt3{ top: 2%; } .txt_img{ position: absolute; width: 30%; top: 16%; left: 50%; margin-left: -15%; } .jy_btn { position: absolute; width: 40%; bottom: 20%; left: 50%; margin-left: -20%; } .jy_btn img{ margin: auto; width: 100%; } .bot_txt{ width: 100%; height: 80px; line-height: 80px; background-color: #1d1bd6; color: #fff; font-size: 18px; text-align: center; } .bot_txt a{ color: #fff; } @media screen and (max-width: 1200px){ .w-r{ width: 100%; padding:0 20px; } .sec_txt p span{ font-size: 28px; } .stxt1{ left: 4%; } } @media screen and (max-width: 1000px){ .sec_txt p span{ font-size: 24px; } } @media screen and (max-width: 900px){ .sec_txt p span{ font-size: 22px; } .sec_txt p { margin-bottom: 10px; } } @media screen and (max-width: 768px){ .sec_txt p span{ font-size: 18px; } .bot_txt{ height: 40px; line-height: 40px; font-size: 12px; } } @media screen and (max-width: 640px){ .sec_txt p span{ font-size: 14px; } } @media screen and (max-width: 500px){ .stxt2{ right: 4%; } .sec_txt p{margin-bottom: 0;} .sec_txt p span { font-size: 12px; } .sec_txt p span:first-child{font-weight: bold;} .stxt1{left: 8%;top: 2%;} .stxt1 { } } @media screen and (max-width: 400px){ .sec_txt p span{ line-height: 1rem; } }