body{ background: #ecebf2; max-width: 640px; margin: 0 auto;} .yztHome_head{ width: 100%; height: auto;} .yztHome_head p.allt_p{position: relative;} .yztHome_head img{ width: 100%; height: auto;} .yztHome_head p.allt_p span{ display: block; position: absolute; right: 50%; bottom: 37%; width: 80%; margin-right: -40%; text-align: right;} .yztHome_head p.allt_p span a.a_zx{ width: 32%; display: inline-block;} .yztHome_head p.allt_p span a.a_wbzc{ width: 32%; display: inline-block; margin-left: 10px;} .yztHome_head p.allt_p span a.a_zx img{ width: 100%;} .yztHome_head p.allt_p span a.a_wbzc img{ width: 100%;} .lplist{ width: 98%; margin: 0 auto;} .lplist_main{ width: 100%; height: auto; position: relative; margin-bottom: 3px; overflow: hidden;} .lplist_main p.lp_img img{ width: 100%; height: auto;} .lplist_main .lplist_main_app{ position: absolute; width: 60%; left: 50%; margin-left: -10px; bottom: 20%; z-index: 2;} .lplist_main .lplist_main_app a{ width: 35%; display: inline-block; height: auto;} .lplist_main .lplist_main_app a img{ width: 100%; height: auto;} .lplist_main .lplist_main_app a+a{ margin-left: 10px;} .lpgengduo{ width: 40%; height: auto; margin: 0 auto; margin-top: 20px;} .lpgengduo img{ width: 100%; height: auto;} .advimg{ width: 100%; height: auto; margin-top: 20px; position: relative; } .advimg p.advimg_img img{ width: 100%; height: auto;} .advimg .advimg_main{ position: absolute; width:60%; left: 50%; bottom: 23%;margin-left:-42%;} .advimg .advimg_main a{ display: inline-block; width: 35%; height: auto;} .advimg .advimg_main a img{ width: 100%; height: auto;} .advimg .advimg_main a+a{ margin-left: 15px;} .yztHome_text{ width: 100%; height: auto;} .yztHome_text p{ width: 100%; height: auto;} .yztHome_text p img{ width: 100%; height: auto;} #swiper6{overflow: hidden; position: relative; padding: 20px 0 45px 0;} #swiper6 ul li{ padding:0 3%;} .homelpHot{ background: #fff; width: 100%; padding: 30px 0; margin-top: 20px;} .homelpHot_main{ width: 95%; margin: 0 auto; position: relative;} .hotlist_main_bg{ position: absolute; left: 50%; bottom: 10px; z-index: 2; background: #fff; border-radius: 10px; box-shadow: 0 0 20px 0 #ccc; width: 92%; height: 300px; margin-left: -46%;} .hotlist_bg{position: absolute; left: 50%; margin-left: -41%; bottom: -10px; z-index: 1; background: #fff; border-radius: 10px; box-shadow: 0 0 20px 0 #ccc; width: 82%; height: 200px;} .hotlist_main_t{width: 90%; margin: 0 auto; position: relative; z-index: 3; padding-bottom: 40px;} .hotlist_main_t .top_img{ box-shadow: 0 0 15px 0 #ccc; border-radius: 10px;} .hotlist_main_t .top_img img{ width: 100%;height: auto;} .hotlist_main_t .top_tit{ margin-top: 15px;} .hotlist_main_t .top_tit img{ width: 100%;height: auto;} .hotlist_main_t .top_text{ margin-top: 20px; width: 80%;} .hotlist_main_t .top_text img{ width: 100%;height: auto;} .hotlist_main_t .top_bm{ margin-top: 20px;} .hotlist_main_t .top_bm a{display: inline-block; width: 35%; height: auto;} .hotlist_main_t .top_bm a+a{margin-left: 15px;} .hotlist_main_t .top_bm img{ width: 100%;height: auto;} #swiper6 .swiper-pagination{ bottom: 0px; z-index: 1;} .swiper-pagination-bullet{ width: 15px; height: 6px; border-radius: 10px; background: #ceced7; opacity: 1;} .swiper-pagination-bullet-active{ width: 20px;background: #43598b;} .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 3px;} .footbm{ width: 100%; margin-top: 40px;} .footbm_main{ width: 92%; margin: 0 auto;} .footbm_top{width: 90%; height: auto; margin: 0 auto;} .footbm_top img{width: 100%; height: auto;} .footbm_cent{ background: #fff; border-radius: 10px; box-shadow: 0 0 10px 0 #ccc; padding: 20px 0; margin-top: 25px;} .footbm_cent_m{ width: 80%; margin: 0 auto} .footbm_cent_m p.title{ width: 100%; } .footbm_cent_m p.title img{ width: 100%;} .form_text{ margin-top: 20px;} .form_text .in_text{display: inline-block; margin-bottom: 20px; width: 100%; padding-left: 5%; height: 40px; border: 1px solid #e6e6e6; border-radius: 5px;} .form_text .in_butt{ width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 1.2rem; color: #fff; font-weight: 600; background: #bb2727; border-radius: 5px; display: block; margin-top: 10px;} .footimg img{ width: 100%;} .Mtanc_main{ display:none; position: fixed; width: 80%; height: auto; z-index: 4;} .applrbg{display:none; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background: rgba(0,0,0,0.5); z-index: 3;} .Mtanc_cengt{ position: relative;} .Mtanc_cengt_top{ background: #fff; border-radius: 10px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.7); height: auto; padding-bottom: 30px;} .Mtanc_cengt_top .title_m{ width: 80%; height: auto; margin: 0 auto; padding-top: 30px;} .Mtanc_cengt_top .title_m img{ width: 100%; height: auto;} .Mtanc_applt{ width: 80%; margin: 0 auto; margin-top: 20px;} .Mtanc_applt .in_text{ width: 100%; height: 40px; font-size: 1rem; text-align: center; color: #263556; border-radius: 8px; padding-left: 15px; border:none; background: #f2f1f3; display: inline-block; } .Mtanc_applt .in_butt{ margin-top: 25px; width: 100%; height: 40px; line-height: 40px; border-radius: 8px; background: #ffd795; color: #9c5c23; text-align: center; display: block; font-size: 1rem;} .img_x{ width: 2px; height: 80px; margin:0 auto; background: #fff;} .apply_gb{ width: 40px; height: 40px; margin: 0 auto;} .apply_gb img{ width: 100%; height: 100%; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out;} .apply_gb img:hover{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } .applekf{ width: 80%; height: auto; background: #fff; position: fixed; z-index: 4;} .applekf_main{ width: 80%; margin: 0 auto; position: relative; padding: 30px 0;} .applekf_title p.tit{ font-size: 1.2rem; font-weight: 600;} .applekf_title p.tit span.le{color: #333; display: inline-block;} .applekf_title p.tit span.re{color: #ffc601; display: inline-block; margin-left: 20px;} .applekf_title p.text{ font-size:14px; color: #333; margin-top: 15px;} .applekf_title p.text em{ display: inline-block; font-style: normal;} .applekf_form{ margin-top: 30px;} .applekf_form .app_puic{ width:100%; display: block; margin-bottom: 20px; height: 34px; border: 1px solid #eee; padding: 0 10px; line-height: 34px; font-size: 12px; color: #999; background: #fff;} .applekf_form select.applekf_select{ margin-bottom: 10px; width: 100%; height: 34px; font-size: 12px; color: #999; line-height: 34px; border: 1px solid #eee; background: #fff;} .applekf_form select.applekf_select option{ width: 100%; height: 34px; font-size: 12px; color: #999; line-height: 34px; background: #fff;} .applekf_form .app_buttom{ font-size:14px; color: #fff; display: block; width: 100%; height: 40px; line-height: 40px; background: #ffc601; text-align: center;} .applekf_form p.tel{ font-size: 14px; color: #999; text-align: center; margin-top: 10px;} .applekf_form form input[type="text"]::-webkit-input-placeholder {color: #ccc;} .y_close{ position: absolute; right: -50px; top: -20px;z-index: 2; width: 35px; height: 35px; background: #b0afaf; border-radius: 30px; display: inline-block;} .y_close a{ display: inline-block; width: 100%; height: 100%;} .y_close img{width: 17px; height: auto; position: relative; top: 7px; left: 9px; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .y_close:hover{ background-color: #ffc601;} .y_close:hover img{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); }