﻿
@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: 30px;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;height: 60px;width: 100%;z-index: 3;line-height: 3em;text-align: center;/*border-bottom: 1px solid #f5f5f5;*/background: #ff6214;box-shadow: 0 3px 10px rgb(0 0 0 / 15%);}
header .w {height: 100%;padding: 3px 2%;/*text-align: left;*/}
header a.logo {display: inline-block;width: auto;height: 54px; /*float:left;*/}
header a.logo img {height: 52px;}
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;}
.search_btn, .bars_btn, .bars_close_btn { }
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: 0;top: -120%;z-index: 9;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.3);min-width: 340px;z-index: 99999;}
.nav_m {width: 100%;left: 50%;top: 100%;background: #fff;overflow: auto;box-shadow: 4px 0 12px rgba(0, 0, 0, 0.4);float:right;height: 100%;}
.nav_head {height: 59px;padding: 0 10px;margin-bottom: 20px;border-bottom: 1px solid #f5f5f5;}
.nav_head .nav_logo {height: 45px;margin-top: 10px;}
.nav_head .nav_logo img {height: 52px;margin-top: 2px;}
.nav_head .bars_close_btn {line-height: 3em;color: #666;font-size: 16px;margin: 2px 14px 0 0;}
.nav_m nav { width: 100%; padding: 0 20px; }

/* .nav_m nav ul {padding:0.5em 0} */
.nav_m nav li {position: relative;/* border-bottom: 1px solid rgba(0, 0, 0, 0.1); */}
.nav_m nav li a {position: relative;width: 100%;display: block;line-height: 3em;color: #222;font-size: 1em;/* padding: 0 2em; */}
.nav_m nav li a .myfa-plus { display: inline-block; float: right; margin-top: 12px; }
.nav_m nav li.on a .myfa-plus { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); *}
.nav_m nav li:hover {   /* border-bottom: 1px solid rgba(255, 255, 255, 0.7) */ }
.nav_m nav li ul {display: none;border-radius: 10px;}
.nav_m nav li li {/* height: 2.6em; */border-bottom: 1px 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: #333;/* background: #fff; */font-size: 0.95em;padding: 0 1em;}
.nav_m nav li.on ul { display: block; }

.nav_m nav li.fj-li {padding: 0;border-bottom: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;margin-top: 10px;}
.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: #ff6214;/* 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: #ff6214;color: #fff;border-radius: 100px;margin: 4% 5% 4% 5%;}
.nav_m nav li.halfli a:last-child {background-color: #ff981f;color: #fff;border-right: 0;margin-right:0;}
.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: 0 3px 10px rgb(0 0 0 / 15%);}
.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: 0.9rem;}
.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%;
    top: 0;
    z-index: 8888;
    height: 50px;
    background: #ff6214;
}

.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;
}

.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;
}


