@charset "utf-8";
/*public.css*/
body {min-width: 340px;}
.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: 23px; height: 25px; background-position: -22px 0; }
.myfa.myfa-close { width: 20px; height: 20px; background-position: -58px 0; }
.myfa.myfa-plus { width: 20px; height: 20px; background-position: -78px 0; }
.whiteblock { width: 100%;  margin-bottom: 10px; }
.myfa.myfa-search { width: 20px; height: 22px; background-position: -109px 0;}

/*header*/
header { position: relative; height: 3em; width: 100%; z-index: 3; line-height: 3em; text-align: center; background: #fff; }
header .w { height: 100%; }
header a.logo { display: inline-block; width: auto; height: 100%;}
header a.logo img { height: 100%; }
.search_btn, .bars_btn, .bars_close_btn { }
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: -100%; z-index: 9; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.3); min-width: 340px;}
.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: 3em; padding: 0 10px; margin-bottom: 10px; }
.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); }
.nav_m nav li a { position: relative; width: 100%; display: block; line-height: 3em; color: #222; font-size: 0.875em;	/* 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-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(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: #444; 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); }
.nav_m nav li.halfli a:last-child { border-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; }

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


}
.bottom { padding: 8px 10px; text-align: center; background-color: #434343;}
.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; color: #fff; display: block; margin: 10px 0 16px 0;}
.bottom img{width: 96px; display:block; margin: 0 auto;}
.copyright {padding: 10px 0;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; }