body{ background:#c20006; } .ynZTboxhead{ width: 100%; height: auto;} .ynZTboxhead p{ width: 100%; height: auto;} .ynZTboxhead p img{ width: 100%; height: auto;} .ynZTbox_main{background: url('../image/ico_03.jpg') no-repeat center; background-size:100% 100%; } .ynZTbox_conter{ width: 1100px; margin: 0 auto; padding-top: 0px;} .daoyu{ text-align: center;} .daoyu2{ margin-top: 100px;} .lpceng{ background: #fa6024; padding: 10px; margin-top: 50px;} .lpceng_m{ background: #fbe5b0; padding: 10px;} .lpceng_m_c{ background: url('../image/ico_04.png') no-repeat center; background-size:100% 100%; padding: 30px 25px 20px; } .lpmid{ text-align: center;} .lp_list{margin-top: 35px; margin-bottom: 20px;} .lp_list ul li{ width: 320px; float: left;border-radius: 8px; height: 320px; box-shadow: 0 0 20px 0 rgba(0,0,0,0.2); background: #fff; position: relative;} .lp_list ul li+li{margin-left: 25px;} .lp_list ul li .lphi{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 5; background: #fff; border-radius: 8px; overflow: hidden;} .lp_list ul li .lphi p.dimg{ position: relative; width: 100%; height: 220px;} .lp_list ul li .lphi p.dimg img{ width: 100%; height: 100%;} .lp_list ul li .lphi p.dimg span{position: absolute; right: 12px; bottom: 12px; display: block; font-size: 12px; color: #fff;} .lp_list ul li .lphi .lptxt{ padding: 20px 15px;} .lp_list ul li .lphi .lptxt p.title a{font-size: 18px;display: block;font-weight: bold; color: #383838;} .lp_list ul li .lphi .lptxt p.pric{font-size: 12px;color: #fa6024; margin-top: 18px;} .lp_list ul li .lphi .lptxt p.pric em{display: inline-block; font-size: 15px; font-weight: bold;} .lp_list ul li .lpshow{position: relative; z-index: 1; width: 100%; height: 100%; border-radius: 8px; overflow: hidden;} .lp_list ul li .lpshow p.img{ width: 100%; height: 100%; } .lp_list ul li .lpshow p.img img{ width: 100%; height: 100%; } .lp_list ul li .lpshow p.img_bf{ width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 1; background: rgba(0,0,0,0.6);} .lp_list ul li .lpshow .lptext{ width: 100%; height: 100%; top: 0px; left: 0px; z-index: 2; position: absolute;} .lp_list ul li .lpshow .lptext p.title{ margin-top: 75px;} .lp_list ul li .lpshow .lptext p.title a{ display: block; text-align: center; font-size: 19px; color: #fff; font-weight: bold;} .lp_list ul li .lpshow .lptext p.pric{ font-size: 14px; color:#fff; text-align: center; margin-top: 25px;} .lp_list ul li .lpshow .lptext p.pric em{ display: inline-block; font-weight: bold; font-weight: bold; font-size: 18px;} .lp_list ul li .lpshow .lptext p.city{ font-size: 12px; color: #fff; text-align: center;margin-top: 15px;} .lp_list ul li .lpshow .lptext p.apply{ text-align: center; margin-top: 40px;} .lp_list ul li .lpshow .lptext p.apply a{ display: inline-block; width: 100px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #fff; border-radius: 50px; font-size: 12px; color: #fff;} .lp_list ul li .lpshow .lptext p.apply a+a{ margin-left: 20px;} .lp_list ul li .lpshow .lptext p.apply a:hover{ color: #fc3c24; background: linear-gradient(to right, #fbe2aa 0%, #fff9d9 50%, #fae2ac 100%); } .lp_list ul li{position:relative;perspective:1000px;} .lp_list ul li .content1{ opacity:1; transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; transform:translateY(0) rotateX(0); -webkit-transform:translateY(0) rotateX(0); -moz-transform:translateY(0) rotateX(0); -o-transform:translateY(0) rotateX(0); } .lp_list ul li:hover .content1{ transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; transform: translateY(-100%) rotateX(90deg); -webkit-transform: translateY(-100%) rotateX(90deg); -moz-transform: translateY(-100%) rotateX(90deg); -o-transform: translateY(-100%) rotateX(90deg); transform-origin:bottom center; -webkit-transform-origin:bottom center; -moz-transform-origin:bottom center; -o-transform-origin:bottom center; opacity:0; } .lp_list ul li .content2{opacity:0; transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; } .lp_list ul li:hover .content2{opacity:1; transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; } .fombm{ background: #fa6024; padding: 10px; margin-top: 50px;} .fombm_main{ background: #fbe5b0; padding: 25px 10px;} .fombm_left{ margin-left: 20px;} .fombm_right{ margin-right: 20px; position: relative; top: 10px;} .fombm_right .in_od{ padding-left:15px; border:none; background: #fff; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); position: relative; top: 4px; margin-right: 20px; display: inline-block; width: 225px; height: 40px; border-radius: 50px; font-size: 14px; color: #383838;} .fombm_right .in_od::-webkit-input-placeholder { /* WebKit browsers */ color: #c20006; } .fombm_right .in_od:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #c20006; } .fombm_right .in_od::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #c20006; } .fombm_right .in_od:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #c20006; } .rightxg{ background: url('../image/right_xg.png') no-repeat center; background-size:100% 100%; width: 292px; height: 599px; position: fixed; right: 0px; top: 30%;} .rightxg_m{ position: relative; width: 100%; height: 100%;} .rightxg_m .rightxg_list{ position: absolute; right: 40px; top: 208px;} .rightxg_m .rightxg_list a{ margin: 12px 0; text-align: center; display: block; font-size: 15px; color: #fdf6d4; font-weight: bold; width: 161px; height: 35px; line-height: 35px;} .rightxg_m .rightxg_list a.active{ background: url('../image/a_on.png') no-repeat center; background-size:100% 100%; } .rightxg_m .Mbutom{ position: absolute; bottom:125px; right: 40px; width: 161px; text-align: center;} .rightxg_m .Mbutom a{display: inline-block;} .tanchung_bg{ display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 6;} .tanchung{ display: none; position:fixed; width: 380px; background: #fa6024; height: 330px; padding: 10px; z-index: 7;} .tanchung_main{ position: relative; width: 100%; height: 100%; background: linear-gradient(to right, #fbe2aa 0%, #fff9d9 50%, #fae2ac 100%); } .tanchung_gb{ z-index: 3; position: absolute; right: 50%; bottom: -80px; width: 40px; height: 40px; margin-right: -20px;} .tanchung_gb img{ width: 100%; height: 100%;} .tanchung_tit{ text-align: center; padding-top: 30px;} .tanchung_tit img{width: 180px;} .tanchung_form{ width: 280px; margin: 0 auto; margin-top: 40px;} .tanchung_form .in_ti{ margin-bottom: 20px; width:260px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.]2); height: 40px; font-size: 16px; color: #666; border: none;border-radius: 50px; padding-left: 20px;} .tanchung_form a{ display: inline-block; margin-top: 10px; width: 100%; height: auto;} .tanchung_form a img{ width: 100%; height: auto;} .tanchung_form .in_ti::-webkit-input-placeholder { /* WebKit browsers */ color: #c20006; } .tanchung_form .in_ti:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #c20006; } .tanchung_form .in_ti::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #c20006; } .tanchung_form .in_ti:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #c20006; } .tanchung_main .xiang{ width: 2px; height: 70px; background: #fff; position: absolute; left: 50%; margin-left: -1px; bottom: -80px;z-index: 1;}