*{ margin: 0px; padding: 0px; box-sizing: border-box; } .rb_content{ margin-top: 45px; background: #ededed; padding-top: 1.7%; padding-bottom: 40px; } @media (min-width:768px) { html,body{ min-width: 750px; } .body_content{ margin: 0 auto; max-width: 1133px; background-color: white; } .intro__top { width: 100%; font-size: 0; background: #fdfdfd; } .intro__img-box { position: relative; width: 100%; } .intro__img-box .page{ width: 100%; padding-top: 35.34%; background-image: ; background-size: 100% 100%; background-repeat: no-repeat; } .intro__img-box p { position: absolute; top: calc(50% - 27px); width: 100%; text-align: center; color: white; font-size: 42px; z-index: 2; } .main_content{ padding: 0px; margin: 0 auto; margin-top: 5.44%; padding-bottom: 10%; width: 82.448%; background-image: none; position: relative; } .main_title { font-size: 22px; color: #e60012; border-bottom: 2px solid #e9e9e9; margin: 0px; padding-bottom: 3.212%; } .main_item { margin: 0px; font-size: 16px; margin-bottom: 2.9%; color: #666; } /*εŒΊεŸŸι€‰ζ‹©*/ .area_connect{ display: flex; margin-bottom: 10.5%; } .area_connect p{ color: #666; } .area_select_item{ display: inline-block; padding-left: 14px; padding-right: 14px; margin-bottom: 2%; width: 226px; height: 46px; font-size: 15px; border-radius: 2px; border: 1px solid #c9c9c9; } .area_select_item option{ font-size: 15px; } .main_connent_tel{ margin-bottom: 0px; font-size: 16px; } .area_connect_left{ flex: 1; } .main_titles { margin: 0px; margin-top: 5.23%; margin-bottom: 5.23%; font-size: 18px; color: black !important; line-height: 19px; } .area_connect_left .main_titles:nth-child(2){ margin-top: 7%; } .main_connent_tel { font-size: 16px; } .area_select_item { display: inline-block; padding-left: 14px; padding-right: 14px; margin-bottom: 2%; width: 226px; height: 46px; font-size: 15px; border-radius: 2px; border: 1px solid #c9c9c9; color: #666; background-color: white; } .area_select_item:nth-child(1){ margin-right: 16.2%; } .area_select_item:nth-child(2){ margin-right: 10px; } .area_connect_right{ flex: 0 0 38.546%; overflow: hidden; } .area_connect_right img{ margin: 0 auto; display: block; width: 138px; height: 138px; margin-top: 21.25%; } .area_connect_right p{ margin-top: 9px; margin-bottom: 0px; width: 100%; text-align: center; font-size: 14px; } .joinus{ display: none; } .main_bottom{ width: 100%; text-align: center; font-size: 22px; color: #e60012; } .contact-map { width: 100%; margin-top: 3vw; } .contact-map.min { display: none; } } @media (max-width:767px) { *{ -webkit-text-size-adjust: none; color: #666; } .rb_content{ padding-bottom: 2px; } .body_content{ background-color: white; } .intro__top{ line-height: 0px; } .intro__img-box{ position: relative; width: 100% !important; padding-top: 41.067%; } .intro__img-box p{ position: absolute; top: 50%; width: 100%; text-align: center; color: white; font-size:0.46rem; z-index: 2; } .intro__img-box .page{ position: absolute; top: 0px; width: 100%; height: 100%; background-image: ; background-size: 100% 100%; background-repeat: no-repeat; } .intro__content{ padding: 0px; margin: 0 auto; width: 60.34%; background-image: none; } .intro__text_main{ margin: 13px 0 30px; margin-left: 2px; } .intro__title_second{ border-left: none; padding: 2px 0px; margin-top: 65px; } .main_content{ padding: 0px; margin: 0 auto; width: 83.3333%; background-image: none; position:relative; overflow: hidden; } .main_title{ padding-top: 0.64rem; padding-bottom: 0.39rem; font-size: 0.35rem; color: #e60012; border-bottom: 2px solid #e9e9e9; margin: 0px; } .main_title_2{ padding-top: 0.444rem; } .main_item{ margin: 0px; margin-bottom: 0.333rem; font-size: 0.32rem; line-height: 0.5rem; color: #666; } .main_titles{ margin: 0px; margin-top: 0.4rem; margin-bottom: 0.4rem; font-size: 0.32rem; color: black; } .area_connect{ margin-bottom: 0.4rem; } .area_select_item{ display: inline-block; padding-left: 0.24rem; padding-right: 0.24rem; width: 4.77rem; height: 0.65rem; font-size: 0.32rem; border-radius: 2px; border: 1px solid rgb(201,201,201); background-color: white; } .area_select_item:nth-child(1){ margin-top: 0.0833rem; } .area_select_item:nth-child(2){ margin-top: 0.4167rem; } .area_connect_right{ display: none; } .main_connent_tel{ margin-bottom: 0px; font-size: 0.32rem; } .joinus{ display: block; width: 4.77rem; height: 0.68rem; line-height: 0.68rem; text-align: center; background-color: rgb(230,0,18); border-radius: 2px; font-size: 0.32rem; color: white !important; text-decoration: none; } .joinus:hover{ color: white !important; } .main_bottom{ width: 100%; margin-top: 0.5rem; margin-bottom: 0.84rem; font-size: 0.35rem; color: #e60012; } .contact-map { width: 100%; margin: 6vw 0 12vw; } .contact-map.max { display: none; } }