@media screen and (max-width:1500px){ .wrap{ width: 100%; padding-left: 30px; padding-right: 30px; } .header .sela { right: 30px; } .index .ban_icon .ban_box { /*margin-left: 125px;*/ } } @media screen and (max-width:1200px){ .index .ban_icon .ban_box { /*margin-left: 60px;*/ font-size: 16px; } .index .ban_icon .ban_box img { width: 35px; margin-right: 5px; } .fo_us .fo_box { margin-right: 20px; } .fo_us .fo_box .fo_arrow { margin-left: 10px; } .banner1 { height: 220px; } .ques_top { padding: 10px 35px; } .ques_top p { font-size: 14px; } .ques_bottom { padding: 10px 30px 15px 60px; } .ques_bottom p { line-height: 1.5; } .prop_top .prop_fr h1 { padding: 0px 0 35px; } .prop_top .prop_fr p { margin-top: 20px; padding-top: 20px; } .sepn_bottom { padding: 30px 0 30px; } .sep_title h1 { font-size: 24px; } .sep_nei { padding: 15px 100px 0px 0; } .sepn_txt { padding-left: 20px; } .sepn_txt h1 { padding: 0px 0 0; font-size: 24px; } .page_con .page_txt { padding: 35px 10px 45px; } .page_nei { margin: 0 -5px; } .page_con { padding: 0 5px; } .real_page { padding-bottom: 30px; } .agent_nei { margin: 0 0px; } .agent_box { width: 25%; } .about_con .about_img { padding-left: 10px; } .about_bottom { margin: 0 -5px; padding: 30px 0 50px; } .about_bottom .about_box { padding: 0 5px; } .join_fl { padding-right: 20px; } .news_box .news_txt { padding: 0 50px 0 20px; } .con_map { padding: 0 0 55px 0px; } .map_txt { padding: 120px 0 0 20px; } .culp_bt{ display: none; } .culp_ph{ display:block; } .ser_nei .ser_txt p { padding: 15px 0 15px; } } @media screen and (max-width:1199px){ .index { padding-top:0px; } .banner1 { margin-top: 80px; } .pro_nei .pro_box .pro_txt p { font-size: 16px; } .pro_nei .pro_box { margin-top: 30px; } } @media screen and (max-width:991px){ .pro_txt { padding: 60px 10px 60px 10px; } .pro_img { width: 170px; } .pro_txt { width: calc(100% - 170px); padding: 30px 10px 30px 10px; } .pro_txt h2 { padding: 15px 0; } .pro_nei .pro_box { width: 50%; } .prop_top .prop_fr { padding-left: 30px; } .prop_top .prop_fr h1 { padding: 0px 0 15px; font-size: 24px; } .prop_top .prop_fr li { font-size: 16px; } .prop_top .prop_fr button { margin-top: 50px; } .prop_top .prop_fr button { font-size: 16px; } .prop_txt li { font-size: 14px; } .re_pro .pro_nei .pro_box .pro_txt { padding-bottom:30px; } .ser_nei .ser_txt { padding: 0 30px 0 10px; } .ser_nei .ser_txt h1 { padding-top: 0px; } .ser_nei .ser_txt p { padding: 15px 0 15px; } .about_con .about_txt { width: 100%; float: none; } .about_con .about_img { padding-left: 0px; float: none; margin: 20px auto 0; } .about_con { padding-top: 30px; } .about_con .about_txt h1 { font-size: 24px; } .about_con .about_txt h2 { font-size: 14px; } .join_fl { width: 100%; } .join_top .join_icon .jotop_box { margin: 0 20px; } .join_title { padding: 20px 20px; } .join_title .join_num { right: 20px; } .join_box { padding: 10px 20px 10px; } .join_btn { margin-top: 20px; } .news_box { margin-top: 25px; } .news_box .news_txt h1 { padding: 5px 0 5px; } .news_box .news_txt p { padding-bottom: 10px; } .news_box .news_txt { padding: 0 30px 0 20px; } .map{ display: none; } .map_ph{ display: block; } .map_txt { width: 50%; } .map_txt li { font-size: 14px; } .cul_mar .cul_box { width: 50%; } .culp_ph { padding: 0px; } } @media screen and (max-width:768px){ .index .inpro_box { width: 50%; } .inpro { padding: 30px 0 0px; } .index .inpro_box .inpro_txt { padding: 15px 0 15px; } .fo_top .fo_news .fonew_title { margin-right: 15px; } .fo_us .fo_box .fo_logo { width: 15px; margin-right: 5px; } .fo_bottom { height: auto; padding: 20px 0; } .fo_bottom .fo_focus{ float: left; } .fo_fr li { padding: 0px 0; } .fo_mess p { line-height: 1.5; } .banner1 { height: 160px; } .sep_nei p { padding: 5px 0; font-size: 14px; } .sepn_txt p { margin: 5px 0; font-size: 14px; } /* .sepn_img { width: 100%; } .sepn_txt { width: 100%; } */ } @media screen and (max-width:767px){ .banner1 img.img_s{ display: none; } .banner1 img.img_d{ display: block; } .index .ban_icon { height: auto; padding: 10px 0; overflow:hidden; } .index .ban_icon .ban_box { float: left; width: 25%; line-height: 1.5; margin-left: 0px; font-size: 14px; text-align: center; } .index .ban_icon .ban_box img { width: 25px; display: block; margin: 0 auto 10px; } .index .ban_icon .wrap{ padding-left: 0px; padding-right: 0px; } .wrap { padding-left: 15px; padding-right: 15px; } .inpro_con { margin: 0 -5px; } .index .inpro_box { padding: 0 5px; } .fo_top .fo_news .fonew_title img { display: none; } .fo_top .fo_news .fonew_con { width: calc(100% - 87px); } .fo_top .fo_news .fonew_slick p{ position: relative; padding-right: 0px; overflow: hidden; height: 70px; } .fo_top .fo_news .fonew_slick p span { display: none; position: absolute; right:0; top:50%; width: 84px; line-height: 70px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .fo_cl { padding: 30px 0 30px; } .fo_fl{ width: 100%; } .fo_logo { width: 140px; margin: 0 auto; } .fo_us { /* display: none; */ padding: 25px 0 0; } .fo_us .fo_box { width: 33.33%; margin-right: 0px; text-align: center; } .fo_us .fo_box a { font-size: 14px; } .fo_us .fo_box .fo_arrow { display: none; } .fo_fr { width: 100%; margin-top: 20px; padding-right: 0px; text-align: center; } .index .banslick .img_s{ display: none; } .index .banslick .img_d{ display: block; } .banner1 { height: auto; } .banner1 img { position: relative; left: 0px; width:100%; height: auto; transform: translateX(-0%); -o-transform: translateX(-0%); -ms-transform: translateX(-0%); -moz-transform: translateX(-0%); -webkit-transform: translateX(-0%); } .banner1 .pc_nyban{ display: none; } .banner1 .sj_nyban{ display: block; } .bread { display: none; } .pro_txt { padding: 20px 0px 20px 0px; } .pro_txt h2 { padding: 5px 0; } .pro_txt p { line-height: 1.5; } .pro_txt .pro_arrow { display: none; } .fenye{ display: none; } .fenyeph{ display: block; } .ques_con .ques_box .ques_img { display: none; } .ques_con .ques_box .ques_txt { width: 100%; } .ques_con { padding: 20px 0 20px; } .ques_top { padding: 10px; } .ques_top img.ques { width: 30px; } .ques_top p { line-height: 30px; } .ques_bottom { padding: 10px 10px 15px 30px; } .ques_top .arr { right: 5px; } .ques_top .arr img{ width: 15px; } .prop_top .prop_fl { width: 100%; } .prop_top .prop_fr { width: 100%; padding-left: 0px; } .prop_top { padding: 30px 0px; } .prop_top .prop_fr h1 { padding: 15px 0 15px; font-size: 18px; } .prop_top .prop_fr li { font-size: 14px; padding-bottom: 15px; } .prop_top .prop_fr button { margin-top: 10px; padding: 10px 20px; } .prop_title li { height: 40px; line-height: 40px; } .prop_title li a { font-size: 14px; } .prop_txt { padding-top: 0px; padding-bottom: 10px; } .prop_txt h1 { padding: 20px 0 10px 30px; font-size: 18px; } .prop_txt li { padding-left: 30px; line-height: 1.5; } .fen_list { font-size: 14px; } .prop_top .prop_fr p { margin-top: 0px; padding-top: 0px; border-top: 0px solid #e8e8e8; font-size: 14px; } .re_pro .pro_nei .pro_box .pro_txt { padding: 15px 0; } .down_box .down_nei { padding: 0px; } .down_box .down_nei span { margin: 15px 0; } .ser_nei { padding: 30px 0; } .ser_nei .ser_img { width: 100%; } .ser_nei .ser_txt { width: 100%; padding: 20px 0px 0 0px; } .ser_nei .ser_arr { display: none; } .sep_nei { padding: 15px 0px 0px 0; } .sep_title { margin-top: 80px; padding: 20px 0; } .sep_title .sept_top h2 { position: relative; font-size: 14px; } .sep_nei .sep_share { position: relative; top: 0px; width: 100%; margin-bottom: 10px; text-align: center; } .sep_nei .bdshare-button-style0-16 a, .sep_nei .bdshare-button-style0-16 .bds_more { display: inline-block; margin: 0px 5px; } .sep_title .sept_top { margin-bottom: 5px; } .sepn_img { width: 100%; } .sepn_txt { width: 100%; padding: 10px 0 0; } .sepn_bottom { padding: 10px 0 10px; } .re_title h1 { font-size: 24px; } .re_title { padding: 20px 0; } .page_con { width: 100%; margin-bottom: 10px; } .page_con .page_txt { padding: 20px 10px 20px; } .page_con .page_txt h1 { height: 35px; padding: 5px 0; font-size: 18px; } .page_con .page_txt.page_new h1 { font-size: 18px; } .page_con .page_txt p { padding: 15px 0 20px; } .agent_box { width: 50%; } .agent_title { padding: 20px 0; } .agent_title h1 { font-size: 24px; float: none; text-align: center; } .agent_title .search { float: none; width: 100%; margin-top: 20px; } .agent_title .search input { padding-left: 15px; } .about_con .about_txt p { font-size: 14px; } .join_top .join_icon { padding: 30px 0; } .join_top .join_icon .jotop_box { margin: 0 5px; } .join_top .join_icon .jotop_box .jotop_img { height: 45px; } .join_top .join_icon .jotop_box .jotop_img img{ width: 40px; } .join_top .join_icon .jotop_box p { font-size: 12px; padding-top: 5px; } .join_top { padding-top: 30px; } .join_top h1 { font-size: 24px; } .join_top p { padding-top: 10px; font-size: 14px; } .join_title { padding: 10px 20px; } .join_title h1 { width: 50%; font-size: 14px; } .join_title p { width: 50%; } .join_fl h1 { padding: 5px 0; font-size: 14px; } .join_fl { padding-right: 0px; } .news_box .news_img { width: 100%; } .news_box .news_txt { width: 100%; padding: 10px 0 20px 0px; } .news_box .news_arr { display: none; } .contact_con { padding-top: 30px; } .con_title h1 { font-size: 24px; } .con_title p { font-size: 14px; } .con_form .con_box span { font-size: 14px; } .con_form .con_box { padding-left: 15px; } .con_form .con_box img { right: 15px; } .con_form .con_box input { width: calc(100% - 115px); } .con_form textarea { padding-left: 15px; font-size: 14px; } .con_btn .con_tj button { height: 45px; font-size: 16px; } .map_ph { width: 100%; } .map_txt { width: 100%; } .con_map { padding: 0 0 30px 0px; } .map_txt { padding: 20px 20px 0px; } .map_txt .slick-prev{ width: 15px; height: 30px; background: url(../images/prev2.png) no-repeat; background-size: 100% 100%; } .map_txt .slick-next{ width: 15px; height: 30px; background: url(../images/next2.png) no-repeat; background-size: 100% 100%; } .map_txt h1 { font-size: 18px; } .con_btn { padding: 10px 0 20px; } .cul_mar .cul_box { width: 100%; margin-top: 30px; } .cul_mar { padding-top: 0px; } .cul_mar .cul_box .cul_txt { padding: 0 15px 15px; } .cul_mar .cul_box .cul_txt h1 { padding: 15px 0 15px; } .culp_title { padding-top: 30px; } .culp_title h1 { font-size: 24px; } .culp_title p { padding: 0px 0 30px; } .culp_txt { padding: 30px 0; } .culp_txt p { margin-bottom: 10px; font-size: 14px; text-align: left; } .footer { position: relative; bottom: auto; left: auto; } .fo_top .fo_news .fonew_title { font-size: 16px; } .about_con .about_img { width: 100%; } .fo_bottom .fo_focus { /* margin-left: 50%; transform: translateX(-50%); */ width: 100%; text-align: center; } .fo_focus span.fl{ display: block; width: 100%; text-align: center; } .fo_focus span { line-height: 30px; } .fo_focus .fo_icon { width: 100%; line-height: 30px; text-align: center; } .fo_mess{ margin-top: 5px; text-align: center; } .index .ban_icon .ban_box a { font-size: 14px; } .about_green { position: relative; top: 0%; padding: 30px 30px 30px; } } @media screen and (max-width:400px){ .index .inpro_box { width: 100%; } .pro_img { width: 100%; } .pro_txt { width: 100%; } .pro_nei .pro_box { width: 100%; } .pro_nei .pro_box .pro_txt { padding: 20px 0 0; } .pro_nei .pro_box { margin-top: 20px; } }