﻿/* reset */
[class*='icon'] {
    font-family: 'iconfont';
}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
html { height: 100% ;-webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-tap-highlight-color: transparent;font-size:13.333333vw;}
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 13px; }
body { line-height: 1.5 }
body,a{color: #000;}
a { text-decoration: none;-webkit-tap-highlight-color:transparent }
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }
.edit_con_original{ line-height:2; padding:0 0; color:#333;}
.edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;}
.edit_con_original ul li { list-style-type:disc; margin:auto; }
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; }
.edit_con_original h1 {  font-weight:bold }
.edit_con_original h2 { font-weight:bold }
.edit_con_original h3 {  font-weight:bold }
.edit_con_original h4 {  font-weight:bold }
.edit_con_original h5 {  font-weight:bold }
.edit_con_original h6 { font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}
.edit_con_original video{ max-width:100%;display: block;margin:auto;}
 
 
/*所有后台编辑器区域都要引用 edit_con_original 类名*/
 
/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
 
 
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }
               
       
.err_position{ width:100%; height:auto; background:url(../images/errors.png) center no-repeat;}


/*隐藏视频下载按钮*/
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}

/*图片经过*/
.tran_scale{ overflow:hidden; display:block;}
/*img{transition: All 0.7s ease-in-out;}*/
.tran_scale img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;}


/*两端对齐*/
.justify { text-align:justify; text-justify:distribute-all-lines;}
/*上下居中*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;}

/*左右居中*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; top:0;}

/*绝对居中*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}

.animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); }
.animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_normal{ transition: 0.5s all linear;}
.bg-cover {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
 /*font-size*/
.fnt_16{font-size: 12px;}
.fnt_18{font-size: 13px;}
.fnt_20{font-size: 13px;}
.fnt_24{font-size: 14px;}
.fnt_30{font-size: 0.3rem;}
.fnt_32{font-size: 0.32rem;}
.fnt_36{font-size: 0.36rem;}
.fnt_40{font-size: 0.4rem;}
.fnt_48{font-size: 0.48rem;}
.fnt_50{font-size: 0.5rem;}
.fnt_60{font-size: 0.6rem;}

*{box-sizing: border-box;}
input,button{border: none;outline: none;background: none;}
.ratio-img,.ratio-img img{width: 100%;}
.wrap{padding: 0 0.4rem;}
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}


.header,.header_height{height: 0.92rem;}
.header{position: fixed;top:0;left: 0;width: 100%;background: #fff; box-shadow: 0px 0px 16px -12px rgba(0,0,0,0.5);z-index: 9991;}
.header h1{width: 1.84rem;float: left;padding-top: 0.2rem;}
.header h1 img,.header h1 a{width: 100%;height: 100%;display: block;}
.phone_menu{color: #7c6000;float: right;height: 0.28rem;line-height: 0.28rem;margin-top: 0.3rem;cursor: pointer;}
.phone_menu span{float: left;width: 0.36rem;height: 0.28rem;position: relative;margin-right: 0.2rem;}
.phone_menu span i{width: 100%;height:2px;background: #d0be2c;display: block;margin-top: 0.12rem;}
.phone_menu span:after{content: "";position: absolute;top:0;left: 0;width:100%;height: 2px;background: #d0be2c;}
.phone_menu span:before{content: "";position: absolute;bottom:0;left: 0;width:100%;height: 2px;background: #d0be2c;}
.footer{background: #3d3534;margin-top: 0.28rem;}
.footer,.footer a{color: #fff;}
.f_top{text-align: center;padding: 0.45rem 0;}
.f_01{margin-bottom: 0.25rem;}
.f_01 a{display: inline-block;background: #332c2b;border-radius: 5px;width: 1.02rem;height: 0.5rem;line-height: 0.5rem;    margin: 0 8px;}
.f_02{line-height: 0.24rem;}
.f_02 em{margin: 0 0.25rem;height: 0.2rem;width: 1px;background: #787271;display: inline-block;position: relative;top:0.02rem;}
.footer .f_bottom{background: #312f2c;color: #ffe300;padding: 0.2rem 0;    border-top: 1px solid #625621;}
.footer .f_bottom a{color: #ffe300;}
.f_bottom ul{overflow: hidden;}
.f_bottom li{width:25%;text-align: center;float: left;}
.f_bottom li i{width: 0.4rem;height: 0.4rem; line-height: 0.4rem; margin: auto;font-size: 0.4rem;display: inline-block;}
.f_bottom li a{display: block;border-right: 1px solid #625621;}
.f_bottom li:last-child a{border: none;}
.foot_height{height: 1.3rem;}
.f_bottom{position: fixed;left: 0;bottom: 0;width: 100%;height: 1.3rem;z-index: 999;}
.f_bottom li dt{height:0.4rem;line-height: 0.4rem;margin-bottom: 0.1rem;}


.navbody .phone_menu{opacity: 0.5;}
.nav_list,.nav_p,.nav_blank70{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.header .wrap{overflow: hidden;position: relative;z-index: 2;background: #ffe200;height: 0.92rem;}
.nav_blank70{cursor: pointer; position: fixed;top:0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.7);visibility: hidden;opacity: 0;}
.nav_list {width: 3rem;height: 100%;position: fixed;top:0;right:-3rem;background: #fff;}
.nav_list ul{padding-top: 0.92rem;}
.nav_list a{display: block;line-height: 44px;}
.nav_list li a{padding: 0 0.45rem;}
.nav_list li{position: relative;}
.nav_list li>span{cursor: pointer; position: absolute;z-index: 4; height: 44px;line-height: 44px;top:0;right: 0;width: 40px;text-align: center;font-size: 14px;font-weight: bold;}
.nav_list li .nav_p{position: absolute;right:120%;top:0;width: 2.1rem;background: #ffe300;text-align: center;visibility: hidden;opacity: 0;}
.nav_list li:first-child{background: #312f2c;}
.nav_list li:first-child>a{color: #fff;position: relative;z-index: 5;}
.nav_list li:first-child>span{color: #fff;}

.nav_p p{border-bottom:1px solid rgba(0,0,0,0.1)}
.nav_p p:last-child{border：0}
.nav_list li.cur .nav_p{visibility: visible;opacity: 1;right:100%;}
.navbody .nav_blank70{visibility: visible;opacity: 1;}
.navbody .nav_list{right: 0;}
.main{min-height: calc(100vh - 4.4rem)}


/*预约量尺弹层*/
/*body.nocsoll{overflow: hidden;height: 100%;}
.appoint_blakn60{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);display: none;    z-index: 1000;}
.appoint_ruler{position: fixed; z-index: 10001;background: #fff;width: 600px;height:400px;left: 50%;top:50%;margin-left: -300px;margin-top: -200px;padding: 60px 40px ;display: none;    box-sizing: border-box;}
.appoint_ruler>ul{display: table;width: 100%;}
.appoint_ruler>ul>li{width: 100%;margin-bottom:28px;display: table;}

.pub_city input,.pub_city button{border: none;outline: none;background:none;width: 100%;height: 46px;line-height: 46px;border:1px solid #e2e2e2;box-sizing:border-box;padding: 0 14px;}
.pub_city .pub_select{width: 50%;float: left;*margin-left: -1px;}
.pub_city .pub_select .select{margin: 0 5px;position: relative;}
.pub_city .pub_select .select input{position: relative;z-index: 2;cursor: pointer;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pub_city li.selects .form_w{margin: 0 -5px;}
.pub_city  i{position: absolute;right:10px;top:0;height: 46px;line-height: 46px;}
.pub_city  i.icon-xia{font-size: 0.24rem;    font-weight: bold;}
.pub_city .btn_ruler{border: 1px solid #ffe518;background: #ffe518;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;font-size: 24px; height: 58px;line-height: 58px;}
.pub_city .btn_ruler:hover{background: #DC030C;color: #fff;}
.pub_city .option{background: #342c2a;color: #959595;padding: 5px 0;  max-height: 198px;overflow: auto;display: none;position: absolute;left: 0;top: 100%;width: 100%;z-index: 9;overflow-y:auto !important;}
.pub_city .option li{float: none;width: 100%;cursor: pointer;line-height: 34px;    padding: 0 14px;box-sizing:border-box;}
.pub_city .option li:hover{background: #47403e;}
.appoint_close{position: absolute;top:-35px;right: 0;color: #fff;    font-size: 16px; width:30px;height:30px; line-height:30px; background:rgba(0,0,0,0.3);border-radius:50%;text-align:center;cursor:pointer}
.appoint_close:hover{background:rgba(0,0,0,0.4);}*/


/*预约量尺弹层*/
body.nocsoll{overflow: hidden;height: 100%;}
.appoint_blakn60{position: fixed;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);display: none;    z-index: 10001;}
.appoint_ruler{position: fixed; z-index: 10002;background: #fff;width:94%; left: 50%;top:50%;margin-left: -47%;margin-top: -107px;padding:20px ;display: none;    box-sizing: border-box;}
.appoint_ruler>ul{display: table;width: 100%;}
.appoint_ruler>ul>li{width: 100%;margin-bottom:0.2rem;display: table;}

.pub_city input,.pub_city button{border: none;outline: none;background:none;width: 100%;height:36px;line-height:36px;border:1px solid #e2e2e2;box-sizing:border-box;padding: 0 14px;}
.pub_city .pub_select{width: 50%;float: left;*margin-left: -1px;}
.pub_city .pub_select .select{margin: 0 5px;position: relative;}
.pub_city .pub_select .select input{position: relative;z-index: 2;cursor: pointer;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pub_city li.selects .form_w{margin: 0 -5px;}
.pub_city .pub_select .select i,.dropdown i{position: absolute;right:10px;top:0;height:100%;line-height:0.72rem;font-size: 0.24rem;font-weight: bold;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.appoint_ruler.pub_city .pub_select .select i{line-height: 36px;font-size: 14px;}
.pub_city .pub_select .select i.icon-xiajiantou{font-size: 30px;}
.pub_city .btn_ruler{border: 1px solid #ffe518;background: #ffe518;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;font-size:14px; height: 36px;line-height: 36px;}
.pub_city .option{background: #342c2a;color: #959595;padding: 5px 0;  max-height: 180px;overflow: auto;display: none;position: absolute;left: 0;top: 100%;width: 100%;z-index: 9;overflow-y:auto !important;}
.pub_city .option li{float: none;width: 100%;cursor: pointer;line-height: 30px;    padding: 0 14px;box-sizing:border-box;}
.appoint_close{position: absolute;top:-35px;right: 0;color: #fff;    font-size: 16px; width:30px;height:30px; line-height:30px; background:rgba(0,0,0,0.3);border-radius:50%;text-align:center;cursor:pointer}

.appoint_ruler.pub_city  i{height: 30px;line-height: 30px;position: static;}

.nav_list li.myhome a{position: relative;z-index:9;}
.f_01 .m_02 a{width:auto;background:none;margin:0 10px}

.public_load-more-link { display: block; width: 150px; height: 40px; margin: 0 auto; background: #fee418;  font-size: 14px; text-align: center; line-height: 40px; cursor: pointer;transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all; }
.public_load-more-link:hover{opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;}
#infscr-loading{ background:rgba(0,0,0,0.4); position:fixed; width:100px; height:50px; line-height:50px; font-size:16px; overflow:hidden; border-radius:10px; text-align:center; color:#fff; left:50%; top:50%; z-index:1000; margin:-15px 0 0 -50px;}

.phone_search{width: calc(100% - 3.4rem);height:0.5rem;line-height:0.5rem;float: left;background:#fcfcfc;border-radius:0.5rem;margin-top: 0.21rem;margin-left: 0.2rem;cursor: pointer;}
.phone_search span{float:left;font-size: 0.3rem;width: 0.4rem;}
.phone_search p{
    font-size: 0.2rem;
    width: calc(100% - 0.4rem);
    float: right;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
        font-size: 12px;color: #969696;

}
.phone_search a{display:block;overflow:hidden;padding:0 0.15rem;}







.searc_tac{position:fixed;top: -100%;left: 0;width: 100%;height: 100%;background: #e7e7e7;z-index: 9999;opacity: 0;visibility: hidden;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.search_01{/* height:36px; */line-height:36px;background:#fff;overflow:hidden;padding: 0.2rem 0.4rem;overflow: hidden;}
.search_01 input{height:36px;line-height:36px}
.search_cancle{width:40px;text-align:center;float:right}
.search_le{width: calc(100% - 50px);float:left;background-color: #e7e7e7;padding: 0 10px;border-radius: 20px;}
.search_le span{font-size:20px;font-size: 0.3rem;width: 0.4rem;float: left;}
.search_le input{font-size:14px;float: left;width: calc(100% - 0.4rem);}
.search_le button{width：40px;display:none;}

.search_02{padding:20px 0.4rem;overflow: hidden;}
.search_02 h3{font-size:16px;margin-bottom:10px;}
.search_p p{float:left;width:33.33%;margin-bottom:5px}
.search_p p a{
    display: block;
    width: 100%;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
    color: #666;
    background: #fff;
    border: #dbdbdb solid 1px;
    border-radius: 100px;
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding: 0 0.2rem;
}


.searc_tac.cur{opacity:1;visibility:visible;top:0;}


/*2020-10-13*/
.index_01 .pub_form_c{float: none;width: 100%;}
.index_01 .pub_select{width: 49%;float: left;position: relative;} 
.index_01 .shi{float: right;} 
.index_01 .icon-you{    position: absolute;  right: 0.1rem; top: 0; font-size: 0.28rem;color: #A2A2A2; height: 100%;line-height: 0.76rem;}
.index_01 .option{border-top: none;display: none;position: absolute;width: 100%;background: #efefef;top: 0.76rem;left: 0;z-index:9;max-height: 170px;overflow: auto;padding: 10px 0;overflow-y: auto !important;background: #342c2a; color: #959595;}
.index_01 .on_o .icon-you{     transform: rotate(0deg); }






