@charset "utf-8";

/*public.css*/
body {min-width: 340px;overflow-x: hidden;}
.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: 32px;height: 30px;background-position: -151px -4px;}
.myfa.myfa-close { width: 20px; height: 20px; background-position: -58px 0; }
.myfa.myfa-plus {width: 11px;height: 6px;background-position: -80px -9px;}
.whiteblock { width: 100%;  margin-bottom: 10px; }
.myfa.myfa-search { width: 20px; height: 22px; background-position: -109px 0;}

/*header*/
header {position: absolute;height: 4em;width: 100%;z-index: 3;line-height: 3em;text-align: center;}
header .w { height: 100%; }
header a.logo {display: inline-block;width: auto;height: 88%;margin-top: 3px;}
header a.logo img { height: 100%; }
.search_btn, .bars_btn, .bars_close_btn {margin-top: 5px;}
header .header_tel { font-size: 16px; color: #d90000; font-weight: bold; font-style: italic; margin-right: 10px; }

/* nav */
.nav_w {position: fixed;left: 0;top: -150%;z-index: 23;height: 100%;width: 100%;background: rgba(0, 0, 0, 0.3);min-width: 340px;z-index: 999999999;}
.nav_m {width: 100%;left: 0;top: 100%;background: #fff;overflow: auto;box-shadow: 4px 0 12px rgba(0, 0, 0, 0.4);}
.nav_head {height: 1em;padding: 0 10px;margin-bottom: 10px;margin-top: 4px;}
.nav_head .nav_logo { height: 100%; }
.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 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);text-align: center;}
.nav_m nav li a {position: relative;width: 100%;display: block;line-height: 42px;color: #222;font-size: 14px;/* padding: 0 2em; */color: #000;}
.nav_m nav li a:hover {text-decoration: none;}
.nav_m nav li a .myfa-plus {display: inline-block;float: right;margin-top: 20px;position: absolute;margin-left: 6px;}
.nav_m nav li.on a .myfa-plus { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); *}
.nav_m nav li:hover {	/* border-bottom: 1px solid rgba(255, 255, 255, 0.7) */ }
.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: 1px solid rgba(255, 255, 255, 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: #666;background: #fff;font-size: 13px;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.halfli { padding: 0; }
.nav_m nav li.halfli a {width: 25%;float: left;text-align: center;padding: 0;border-right: 1px solid rgba(0, 0, 0, 0.1);height: 34px;color: #EA5514;margin: 10px 0;line-height: 34px;}
.nav_m nav li.halfli a:last-child {border-right: 0;background: url(../images/tel.png) no-repeat 10%;padding-left: 15%;text-align: left;}
.nav_m nav li.halfli a:nth-child(1){background-color: #EA5514;color: #fff;}
.nav_m nav li.halfli a:nth-child(2){border: 1px solid #EA5514;}
.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; }



.header.solid {
    position: fixed;
    background: #fff;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}
.logo.logo1{ display:none; }
.header.solid .logo{ display: none; }
.header.solid .logo.logo1{ display: block; }
.header.solid .myfa.myfa-bars{background-position: -187px -4px;}

/* .bottom */
.bot_top{
  background-color: #ed1c24;
  position: absolute;
  width: 100%;
  height: 4px;


}
.bottom { padding: 12px 10px; text-align: center; background-color: #161616;}
.bottom p{font-size: 12px;margin: 20px 0;line-height: 24px;}


/*bottom*/
.bottom{background-color: #084199;color: #fff;}
.bottom .f_t{padding: 10px 0;}
.bottom .f_t .fo_co{
    width: 100%;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding-top: 4px;
    padding-bottom: 20px;
}
.bottom .f_t .fo_co span{color: #fff;font-size: 16px;display: block;margin-bottom: 11px;}
.bottom .f_t .fo_co ul li{line-height: 30px; }
.bottom .f_t .fo_co ul li a{font-size: 16px;color: #fff;}
.bottom .f_t .fo_co ul li a:hover{color: #0035a5;}
.bottom .f_t .fo_co:first-child{ padding-left: 0; }
.bottom .f_t .fo_co:nth-child(3),.bottom .f_t .fo_co:nth-child(4){}
.bottom .f_t .fo_co:nth-child(3){}
.bottom .f_t .fo_co p{ font-size: 14px; line-height: 30px; }
.bottom .f_t .fo_co.fo_er img{width: 134px;height: 134px;display: block;margin-top: 30px;margin-bottom: 10px;}

.contact_btn { display: block; width: 100px; margin: 0 auto; text-align: center; }
.myfa.myfa-contact { display: block; width: 50px; height: 50px; margin: 0 auto; background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; background-position: 0 -150px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); }
.contact_btn span { display: inline-block; font-size: 12px; color: #d90000; padding-top: 9px; }
.bottom .lianj{font-size: 14px;display: block;margin: 10px 0 16px 0;}
.bottom img{width: 96px;display:block;margin: 0 auto;background-color: #fff;padding: 5px;border-radius: 5px;}
.copyright {padding: 10px;font-size: 12px;color: #fff;text-align: center;line-height: 20px;}
.bottom .erweima{display: inline-block; margin: 0 6px;}
.ban{ background-color: #333;}
/* billform */
.billform { position: relative; width: 100%; padding-right: 100px; }
.billstxt { position: relative; display: block; width: 100%; height: 34px; border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border: 1px solid #d90000; padding: 0 10px; line-height: 24px; border-right: 0; }
.billsubmit { position: absolute; right: 0; top: 0; width: 100px; height: 34px; line-height: 34px; background: #d90000; color: #fff; }
.footer_ban_close { width: 30px; height: 30px; position: absolute; text-align: center; top: 10px; right: 10px; }

/* priceform */
.priceform { width: 100%; }
.priceform .form-group { position: relative; width: 100%; margin-bottom: 10px; }
.priceform .input-group { position: relative; width: 100%; padding-left: 80px; }
.priceform .input-group.col50 { width: 50%; float: left; }
.priceform .input-group.col30 { width: 33.33333%; float: left; }
.priceform .input-group.spaninput { padding-right: 30px; }
.priceform .input-group.spaninput.big_spaninput { padding-right: 160px; }
.priceform label, .priceform span { position: absolute; left: 0; top: 0; width: 80px; height: 34px; line-height: 34px; color: #333; text-align: right; font-size: 12px; }
.priceform span { left: auto; right: 0; width: 30px; text-align: left; padding-left: 4px; }
.priceform .input-group.spaninput.big_spaninput span { width: 160px; }
.priceform .input-group.spaninput.big_spaninput span img { display: inline-block; vertical-align: middle; }
.priceform .form-control { position: relative; display: block; width: 100%; height: 34px; border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #d90000; padding: 0 10px; line-height: 24px; }
.priceform .form-btn { float: left; display: block; width: 200px; height: 34px; line-height: 34px;  background: #d90000; color: #fff; margin-left: 80px; text-align: center; font-size: 14px; border-radius: 6px;}
.priceform .form-btn.form-btn2 {  background: #f2f2f2; color: #000; }
.priceform .form-link {float: left;font-size: 12px;line-height: 34px;padding: 0 10px;color: #d90000;}
.priceform .input-group.col30 { padding-left: 30px; }
.priceform .input-group.col30 label { width: 30px; }