@charset "utf-8";
/*public.css*/
body {min-width: 320px;}
.myfa { display: inline-block; vertical-align: middle; background: url(../images/myfa.png) no-repeat; }
.myfa.myfa-phone { width: 20px; height: 20px; background-position: 0 0; }
.myfa.myfa-bars {width: 34px;height: 31px;background-position: -153px -2px;margin: 0px 0px 0 0;}
.myfa.myfa-close {width: 20px;height: 20px;background-position: -54px -2px;}
.myfa.myfa-plus { width: 20px; height: 20px; background-position: -78px 0; }
.whiteblock {width: 100%;margin-bottom: 0;}
.myfa.myfa-search { width: 20px; height: 22px; background-position: -109px 0;}


/*header*/
header {position: fixed;top: 0;background-color: #251919;height: 60px;width: 100%;z-index: 3;line-height: 3em;text-align: center;border-bottom: 1px solid #f5f5f5;box-shadow: 0 3px 10px rgb(0 0 0 / 5%);}
header .w {height: 100%;padding: 3px 2%;text-align: left;}
header a.logo {display: inline-block;width: auto;height: 50px; float:left;}
header a.logo img {height: 50px;}
header .login_box{float:left;border:1px solid #d90000;height: 30px;margin-top: 10px;padding: 0 10px;border-radius: 100px;line-height: 24px;margin-left: 10px;}
header a.top_login, header a.top_reg{font-size:12px;color: #d90000;}
header .header_tel { font-size: 16px; color: #d90000; font-weight: bold; font-style: italic; margin-right: 10px; }
.top_bg{background-size: 100%;}
.top_kf{margin-top: 25px;}
/* nav */
.nav_w {position: fixed;left: -150%;top: 0;z-index: 23;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.3);min-width: 340px;}
.nav_m {width: 60%;left: 0;top: 100%;background: #fff;overflow: auto;box-shadow: 4px 0 12px rgba(0, 0, 0, 0.4);float: left;height: 100%;}
.nav_head {height: 40px;padding: 0 10px;margin-bottom: 18px;margin-top: 4px;}
.nav_head .nav_logo {height: 44px;margin-top: 4px;}
.nav_head .nav_logo img { height: 100%; }
.nav_head .bars_close_btn {line-height: 3em;color: #666;font-size: 16px;}
.nav_m nav {width: 100%;padding: 0 12px;}

/* .nav_m nav ul {padding:0.5em 0} */
.nav_m nav li {position: relative;border-bottom: 1px solid #eee;}
.nav_m nav li a {position: relative;width: 100%;display: block;line-height: 3em;color: #222;font-size: 0.95rem;padding-left: 12px;/* background-color: #fafafa; */}
.nav_m nav li a .myfa-plus { display: inline-block; float: right; margin-top: 12px; }
.nav_m nav li a .myfa-plus:before {content:"";position: absolute;right: 30px;top: 8px;height: 26px;width: 1px;background-color: #eee;}
.nav_m nav li.on a .myfa-plus {transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg); margin-top: 16px;margin-right: 4px;}
.nav_m nav li.on a .myfa-plus:before {content:"";position: absolute;right: 2px;top: 26px;height: 1px;width: 26px;background-color: #eee;}
.nav_m nav li ul { display: none;   /*border-bottom: 5px solid #167e1c;*/ border-top: 1px solid rgba(0, 0, 0, 0.1); }
.nav_m nav li li {/* height: 2.6em; */border-bottom: 0px solid rgba(0, 0, 0, 0.1);}
.nav_m nav li li:last-child { border: 0; }
.nav_m nav li:hover li a, .nav_m nav li li a {display: block;width: 100%;position: relative;z-index: 2;color: #251919;/* background: #f7f7f7; */font-size: 0.9rem;padding: 0 2em;}
.nav_m nav li li:hover { border-bottom: 1px solid rgba(255, 255, 255, 0.7); }
.nav_m nav li.on ul { display: block; }

.nav_m nav li.fj-li {padding: 0;/* border-bottom: none; */}
.nav_m nav li.fj-li a {width: 50%;float: left;text-align: center;padding: 0;border-right: 1px solid rgba(0, 0, 0, 0.1);/* background-color: #02a9b2; */color: #d92628;/* border-radius: 100px; *//* margin: 2% 4% 2% 0; */}
.nav_m nav li.fj-li a:last-child { border-right: 0;margin-right:0; }

.nav_m nav li.halfli {padding: 0;border-bottom: none;}
.nav_m nav li.halfli a {width: 40%;float: left;text-align: center;padding: 0;border-right: 1px solid rgba(0, 0, 0, 0.1);background-color: #ff0000;color: #fff;border-radius: 50px;margin: 4% 5% 4% 5%;height: 36px;line-height: 36px;}
.nav_m nav li.halfli a:last-child {border-right: 0;margin-right:0;background: #251919;color: #fff;}
.nav_m .agroup { padding: 10px 20px; }
.nav_m .agroup a { width: 38px; height: 38px; background: #222; color: #fff; border: 1px solid #666; border-radius: 50%; -webkit-border-radius: 50%; font-size: 18px; line-height: 36px; text-align: center; margin-right: 14px; }


/*底部菜单*/
.mune_box { position:relative;}
.mune_box {position: fixed;width: 100%;height: 70px;background-color: #fff;bottom: 0;z-index: 9999;box-shadow: 1px 0px 10px #e7e7e7;}
.mune_box .mune_co {width: 33.33%;padding: 20px 0;padding-top: 43px;text-align: center;float: left;}
.mune_box .mune_co span {color: #999;font-size: 14px;}
.mune_box .mune_co1{width:80px; text-align:center;height:80px; border-radius:50%; overflow:hidden; float:none; position:absolute; left:50%; margin-left:-40px;top:-15px;border:3px solid #fff; box-shadow:0px 3px 0px #f1f1f1; }
.mune_box .fixed_co01 { background: url(../images/fixed01.png) no-repeat center 10px; background-size: 30px; }
.mune_box .fixed_co02 { background: url(../images/fixed02.png) no-repeat center 10px; background-size: 30px; }
.mune_box .fixed_co03 {  background: url(../images/fixed03.png) no-repeat center 10px #fc0; background-size: 26px; }
.mune_box .fixed_co04 {float: right;background: url(../images/fixed04.png) no-repeat center 10px;background-size: 33px;}
.mune_box .fixed_co05 {float: right;background: url(../images/fixed05.png) no-repeat center 10px;background-size: 33px;}
/*内页顶部*/
.new-header {
    position: fixed;
    width: 100%;
    z-index: 8888;
    height: 50px;
    background: #251919;
    top: 0;
}

.new-a-back {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 30px;
    height: 32px;
}

.new-header h2 {
    height: 50px;
    line-height: 50px;
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    text-align: center;
    max-width: calc(100% - 100px);
    margin: 0 50px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.new-a-tp {
    position: absolute;
    top: 6px;
    right: 7px;
    width: 37px;
    height: 30px;
}

.new-a-tp span {
    display: inline-block;
    width: 21px;
    height: 21px;
    margin: 8px 0 0 8px;
    background: url(../images/home.png) no-repeat;
    background-size: 21px;
    text-indent: -9999px;
}

.new-a-back span {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-top: 10px;
    background: url(../images/back.png) no-repeat 8px 0;
    background-size: 10px;
    text-indent: -9999px;
}

/*底部菜单*/
.mune_box { position:relative;}
.mune_box {position: fixed;width: 100%;height: 70px;background-color: #fff;bottom: 0;z-index: 9;box-shadow: 1px 0px 10px #e7e7e7;}
.mune_box .mune_co {width: 33.33%;padding: 20px 0;padding-top: 43px;text-align: center;float: left;}
.mune_box .mune_co span {color: #999;font-size: 14px;}
.mune_box .mune_co1{width:80px; text-align:center;height:80px; border-radius:50%; overflow:hidden; float:none; position:absolute; left:50%; margin-left:-40px;top:-15px;border:3px solid #fff; box-shadow:0px 3px 0px #f1f1f1; }
.mune_box .fixed_co01 {background: url(../images/fixed01.png) no-repeat center 10px;/* background-size: 30px; */}
.mune_box .fixed_co02 {background: url(../images/fixed02.png) no-repeat center 10px;/* background-size: 30px; */}
.mune_box .fixed_co03 {  background: url(../images/fixed03.png) no-repeat center 10px #fc0; background-size: 26px; }
.mune_box .fixed_co04 {/* float: right; */background: url(../images/fixed04.png) no-repeat center 10px;/* background-size: 33px; */}
.mune_box .fixed_co05 {/* float: right; */background: url(../images/fixed05.png) no-repeat center 10px;/* background-size: 33px; */}

.mune_box .mune_co.on span{ color:#0c6de3;}