/*!
* by Karla.Qian 2017-12-5
* https://github.com/
*
*/
/********************* Public CSS ******************/
* { margin: 0;padding: 0;}
html,body{
	min-width: 320px;
	max-width: 750px;
	margin: 0 auto;
	background: #fff;
}
ul,ol {

	list-style: none;
}
body {
	font: 0.65rem/1.5 'Microsoft YaHei', Tahoma, Arial, sans-serif;
	color: #000;
	overflow-x: hidden;
}
a {
	text-decoration: none;
	cursor: pointer;
	color: #000;
}
li {
	list-style: none;
}
img {
  border: 0;
}

/* input */
input {
 border: 0;
 outline: none;
 border-radius: 3px;
}
/* 解决ios和安卓上圆角问题 */
input[type=button],
input[type=submit],
input[type=file],
button {
	cursor: pointer;
	-webkit-appearance: none;
}

.fl {float: left;}
.fr {float: right;}

/*清除*/
.clearfix {
	*overflow:hidden;
	 *zoom: 1;
}

.clearfix:after {
	content: '   ';
	display: table;
	width: 0;
	clear: both;
}
/* position */
.pa {position: absolute;}
.pr {position: relative;padding-left: 23px;}

/* width */
.w20 { width:20px;}
.w70 { width:70px;}
.w100 { width:100px;}
.w120 { width:120px;}
.w160 { width:160px;}
.w180 { width:180px;}
.w200 { width:200px;}
.w240 { width:250px;}
.w280 { width:280px;}
.w300 { width:300px;}
.w320 { width:320px;}
.w360 { width:360px;}
.w400 { width:400px;}
.w500 { width:500px;}
.w600 { width:600px;}
.w640 { width:640px;}
.w700 { width:700px;}
.w720 { width:730px;}

/* height */
.h0{height:0;}
.h15{height:15px;}
.h18 {height: 18px;}
.h20{height:20px;}
.h25{height:25px;}
.h30{height:30px;}
.h100 { height: 100px; }

/* line-height */
.lh15 {line-height: 15px;}
.lh18 { line-height: 18px; }
.lh20 { line-height: 20px; }
.lh25 { line-height: 25px; }
.lh30 { line-height: 30px; }
.lh100 { line-height: 100px }

/* margin */
.m0{margin:0;}

.mt1{margin-top:1px;}
.mt2{margin-top:2px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top:30px;}
.mt40{margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60{margin-top:60px;}

.mr1{margin-right:1px;}
.mr2{margin-right:2px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25 {margin-right: 25px;}
.mr30{margin-right:30px;}

.mb1{margin-bottom:1px;}
.mb2{margin-bottom:2px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25 {margin-bottom: 25px;}
.mb30{margin-bottom:30px;}

.ml1{margin-left:1px;}
.ml2{margin-left:2px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left:30px;}
/* padding */
.p0 { padding: 0; }
.p10 {padding: 10px;}

.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt50 { padding-top: 50px; }

.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }

.pb5 { padding-bottom: 5px; }
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}
.pb25 {padding-bottom: 25px;}
.pb30 {padding-bottom: 30px;}
.pb50 {padding-bottom: 50px;}

.pl10 {padding-left: 10px;}
.pl15 {padding-left: 15px;}
.pl20 {padding-left: 20px;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px;}

.pb10 { padding: 0 10px; box-sizing: border-box;}

/* text-align */
.tc { text-align: center; }
.tl { text-align: left; }
.tr { text-align: right; }

/* font-size */
.f12{ font-size: 12px; }
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f18 { font-size: 18px; }
.f20 {font-size: 20px;}
.f24 {font-size:24px;}
.f30 {font-size: 30px;}

/* font-weight */
.fwb {font-weight: bold;}
.fwn { font-weight: normal; }

/* text-indent */
.ti5 {text-indent: 5px;}
.ti10 {text-indent: 10px;}
.ti20 { text-indent: 20px; }
.ti30 { text-indent: 30px; }
.ti40 { text-indent: 40px; }

/* header */
header{width: 18.75rem; height: 3rem; background: white;}
header dl dt {
	width: 17.5rem; height: 3rem;
	 background: url(../images/menu.png)no-repeat right center/100% 100%;
	 background-size: 2.5rem 2.5rem; margin: 0 auto;}
header dl dt img { width: 8rem; height: 2rem; margin-top: 10px;margin-left: 4px}
header dl dt.down{ background: url(../images/menu1.png)no-repeat right center/100% 100%; background-size: 2.5rem 2.5rem;}

header dl dd { display:none;}
/* menu */
.header-menu { width: 100%;
 height: auto; padding-bottom: 1.25rem;
  background: #2353a5; border-top: 0.025rem solid #b8b8b8; position: relative; z-index: 5000;}

.header-menu ul { width: 12.125rem; margin: 0 auto;}
.header-menu ul li { height: 3.35rem;
	line-height: 3.35rem; text-align: center;
	 border-bottom: 0.025rem solid #b8b8b8; font-size: 0.9rem;}
.header-menu ul li:last-child {
	border-bottom: 0;
}
.header-menu ul li a { color: #fff;}
.header-menu ul li img { width: 100%; height: 3.35rem;}

/*footer*/
footer {
	width: 18.75rem;
	height: 2.5rem;
	background: #2353a5;
	position: fixed;
	bottom: 0;
	z-index: 1000;
}
.footer-list {
	width: 100%;
	height: 2.5rem;
	line-height: 2.5rem;
	font-size: 0.65rem;
}
.footer-list li {
	display: inline-block;
	float: left;
	text-align: center;
	width: 25%;
	border-right: 1px solid #034077;
	box-sizing: border-box;
}
.footer-list li a {
	color: white;
}
/* title */
.title {
	width: 100%;
	height: 4rem;
	line-height: 4rem;
	background: #2353a5;
	font-size: 16px;
	color: #fff;
	padding: 0 15px;
	box-sizing: border-box;
}
/* 内容布局 */
.child-content {
	width: 100%;
	padding: 0 15px;
	box-sizing: border-box;
}
/* 报价内容 */
.detail-title {
	border-bottom: 1px solid #d4d4d4;
	padding: 10px 0;
	margin-bottom: 20px;
}
.detail-title table {
	width: 100%;
}
.detail-title table tr td {
	font-size: 14px;
	line-height: 15px;
	padding: 3px 0;
}
.detail-title table tr td:nth-child(even) {
	text-align: right;
}
.red {
	color: #de0000;
}
.red_on:after {
    content: "";
    border-right: 1px solid #d4d4d4;
    width: 2px;
    height: 15px;
    position: absolute;
    right: 0;
}
.gray {
	color: #252525;
}

/* 详情内容*/
.detail-ul{
	width: 100%;
	margin-bottom: 30px;
}
.detail-ul li {
	width: 100%;
	line-height: 30px;
	color: #303030;
	font-size: 14px;
}
.detail-ul li span {
	color: #7f7f7f;
}
.detail-all {
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-indent: 40px;
	background: url(../images/setting.png) no-repeat left center;
	font-size: 18px;
	color: #303030;
}
/* 报价总和表单 */
.detail-tab {
	border-collapse: collapse;
}
.detail-tab thead tr th{
	background: #d5d5d5;
	height: 40px;
	line-height: 40px;
	color: #5a5a5a;
	text-align: center;
	font-size: 14px;
	border: 1px solid #bdbdbd;
	font-weight: 400;
}
.detail-tab tbody tr td {
	line-height: 40px;
	height: 40px;
	background: white;
	color: #5a5a5a;
	text-align: center;
	font-size: 14px;
	border: 1px solid #bdbdbd;
}
/*分页*/
.page {
	padding: 30px 0 10px 0;
	text-align: center;
	margin-bottom: 60px;
}
.page span {
	padding: 5px 30px;
	display: inline-block;
	background: #c9c9c9;
	color: white;
	font-size: 0.65rem;
}
.page span:first-child {
	margin-right: 20px;
}
.page span a {
	color: white;
}
/* 价格说明 */
.detail-price {
	width: 100%;
	height: 50px;
	line-height: 50%;
	border-bottom: 1px solid #bdbdbd;
}
.detail-price span {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
    color: #303030;
	border-bottom: 2px solid #2353a7;
}

.detail-list {
	margin-top: 30px;
	margin-bottom: 100px;
}
.detail-list li {
	line-height: 20px;
	margin-bottom: 10px;
	color: #5e5e5e;
}

/*index.html*/
.kind-list {
	width: 100%;
	height: 2.4rem;
	line-height: 2.4rem;
	background: #2353a5;
	font-size: 0.75rem;
	color: #fff;
}
.kind-list li {
	width: 33%;
	height: 2.4rem;
	line-height: 2.4rem;
	text-align: center;
	float: left;
}
.kind-list li a {
	color: white;
}
.kind-list li a.action {
	font-size: 0.75rem;
	font-weight:bold;
}
/**/
/**/
.searchfor {
	width: 100%;
	height: 60px;
	background: #eaf0f9;
}
.searchfor span {
	display: inline-block;
	vertical-align: middle;
}
.help {
	color: #2353a5;
	height: 60px;
	line-height: 60px;
	font-size: 0.75rem;
	padding-right: 1.2rem;
	position: relative;
}

.help:after {
	content: "";
    width: 1rem;
    height: 1rem;
    position: absolute;
    background: url(../images/help.png)no-repeat right center;
    vertical-align: -webkit-baseline-middle;
    right: 0.5rem;
    background-size: cover;
    display: inline-block;
    top: 0.7rem;
}
/*报价表格*/
#product {
	border-collapse: collapse;
	table-layout:fixed;
}
#product > thead > tr > th {
	height: 2rem;
	line-height: 2rem;
	font-size: 0.65rem;
	color: #fff;
	background: #2353a5;
	font-weight: 400;
	border: 0.025rem solid #c8c8c8;
}
#product > thead > tr > th:first-child {
	border-left: 0;
}
#product > thead > tr > th:last-child {
	border-right: 0;
}
#product > tbody > tr > td {
	border: 1px solid #c8c8c8;
	color: #474646;
	background: white;
	text-align: center;
	font-size: 0.75rem;
}
#product > tbody > tr > td:first-child {
	border-left: 0;
}
#product > tbody > tr > td:last-child {
	border-right: 0;
}
#product >tbody > tr > td:last-of-type{
	padding: 0.5rem 0;
}
.table-list {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	white-space: nowrap;
	margin-bottom:8px;
}
.table-list thead tr {
	display: block;
}
.table-list thead tr td {
	display: inline-block;
	width: 33.33%;
	text-align: center;
	margin-bottom: 0.5rem;
	font-size: 0.75rem;
}
.table-list tbody tr {
	display: block;
	margin-bottom: 0.4rem;
}
.table-list tbody tr:last-child {
	margin-bottom: 0;
}
.table-list tbody tr td {
	line-height: 15px;
	color: #7f7f7f;
	padding-right: 3px;
	box-sizing: border-box;
	display: inline-block;
	font-size: 0.75rem;
}
.table-list tbody tr td:nth-child(odd) {
	text-align: right;
}
.table-list tbody tr td:nth-child(even){
	border-right: 1px solid #7f7f7f;
	text-align: left;
}
.table-list tbody tr td:last-child {
	border-right: 0;
}
.tab-width {
	width: 24%;
}
.red {
	color: #de0000;
}



/* bootstrap change */
.btn-primary {
    color: #fff;
    background-color: #2353a5 !important;
    border-color: #2353a5 !important;
}
.btn-group, .btn-group-vertical {
	width: 100% !important;
}
.btn {
	width: 100% !important;
	padding: 0 !important;
	height: 2.4rem !important;
	border-radius: 0 !important;
	font-size: 0.75rem !important;
}
.btn .caret {
    margin-left: 10px !important;
}
.dropdown-menu {
    margin: 0 !important;
    min-width: 18.75rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
	box-shadow: none !important;
}
.dropdown-menu>li>a {
    text-align: center !important;
    color: #909090 !important;
    background: #f1f1f1 !important;
    border-bottom: 1px solid #fff !important;
    padding: 3px 0 !important;
}
.two {
	left: -101% !important;
}
.three {
	left: -204% !important;
}
.four {
	left: -304% !important;
}
#m_foot li a {
	height: auto;
}