/* usually */
html{font-size: 62.5%; color: #2e2e2e;}
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,textarea{font:12px/1.5 Arial,Helvetica,sans-serif}button,h1,h2,h3,h4,h5,h6,input,select,textarea{font-size:100%}address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp{font-family:couriernew,courier,monospace}ol,ul{list-style:none}a{text-decoration:none;color: #354cdc;}a:hover{text-decoration:underline;color: #354cdc;}a,a:focus{outline:0}sup{vertical-align:text-top}sub{vertical-align:text-bottom}fieldset,img{border:0}table{border-collapse:collapse;border-spacing:0}.m0{margin:0}.m1{margin:1px}.ml1{margin-left:1px}.mt1{margin-top:1px}.mr5{margin-right:5px}.mb1{margin-bottom:1px}.m2{margin:2px}.ml2{margin-left:2px}.mt2{margin-top:2px}.mr2{margin-right:2px}.mb2{margin-bottom:2px}.m5{margin:5px}.ml5{margin-left:5px}.mt5{margin-top:5px}.mr5{margin-right:5px}.mb5{margin-bottom:5px}.m10{margin:10px}.ml10{margin-left:10px}.mt10{margin-top:10px}.mr10{margin-right:10px!important;}.mb10{margin-bottom:10px}.m15{margin:15px}.ml15{margin-left:15px}.mt15{margin-top:15px}.mt25{margin-top:25px}.mr15{margin-right:15px}.mb15{margin-bottom:15px}.m20{margin:20px}.ml20{margin-left:20px}.mt20{margin-top:20px}.mt30{margin-top:30px}.mr20{margin-right:20px}.mb20{margin-bottom:20px}.p0{padding:0}.p1{padding:1px}.pl1{padding-left:1px}.pt1{padding-top:1px}.pr1{padding-right:1px}.pb1{padding-bottom:1px}.p2{padding:2px}.pl2{padding-left:2px}.pt2{padding-top:2px}.pr2{padding-right:2px}.pb2{padding-bottom:2px}.p5{padding:5px}.pl5{padding-left:5px}.pt5{padding-top:5px}.pr5{padding-right:5px}.pb5{padding-bottom:5px}.p10{padding:10px}.pl10{padding-left:10px}.pt10{padding-top:10px}.pr10{padding-right:10px}.pb10{padding-bottom:10px}.p15{padding:15px}.pl15{padding-left:15px}.pt15{padding-top:15px}.pr15{padding-right:15px}.pb15{padding-bottom:15px}.p20{padding:20px}.pl20{padding-left:20px}.pt20{padding-top:20px}.pr20{padding-right:20px}.pb20{padding-bottom:20px}.b{font-weight:700}.border{border-top:1px solid #e54a4a}.ti2{text-indent:2em}.f14{font-size:14px}.f16{font-size:16px}.f18{font-size:18px}.f20{font-size:20px}.tc{text-align:center}.msyh{font-family:"MicroSoft YaHei"}.auto{margin-left:auto;margin-right:auto}.l{float:left}.r{float:right}.db{display:block}.dn{display:none}.lh18{line-height:18px}.lh20{line-height:20px}.lh22{line-height:22px}.lh24{line-height:24px}.lh26{line-height:26px}.fix:after{display:block;content:"clear";height:0;clear:both;visibility:hidden}.rel{position:relative}.abs{position:absolute}.mb30{margin-bottom: 30px;}.mb25{margin-bottom:25px;}
ul,ol,li{list-style:none;}
a{text-decoration: none;}
.tc{text-align: center;}
.ellipsis{overflow:hidden; text-overflow:ellipsis; display: block; white-space: nowrap;}
.img-responsive {max-width: 100%;  height: auto; display: block;}
.m-img{margin:0px auto; display: block;}
/*css*/
body{color: #2f2f2f; font-size: 16px; font-family:"MicroSoft YaHei"; }
p{font-size:16px; color:#686868;line-height:1.8em;}
h2{font-size: 20px; margin:0.8em auto;}
.ti2{ text-indent:2em;}
.container{ width:100%; min-width:320px; max-width:640px; margin-left: auto; margin-right: auto;}
.gutter{margin-left:2% !important; margin-right:2% !important;}
.A,.B,.C,.D,.E,.F,.G,.H,.J p{margin-top:0.6em; margin-bottom:0.6em; text-align: justify;}
.col1{color: #ff0000!important;}

/*top*/
body{background: #fff;}
.logo{ padding:2% 3%; background: #0068b7;}
.logo img{display: block; margin:0 auto;}
/*banner*/
.banner img{ vertical-align:top; display: block;}


/*bz_nav*/
.nav li{width: 23%;float: left;text-align: center;background: #0095DA;margin: 5px 1%;line-height: 40px;}
.nav li a{color: #fff;}
/*chats*/
.chats { z-index: 999; width: 100%; height: 60px; border-top: 1px solid #bfbfbf; background: #fff; position: fixed; bottom: 0px; }
.chats-tel { float: left; width: 50px; height: 50px; background: url("../../public/images/wechat.png") no-repeat scroll 9px -89px }
.chats-input { float: left; width: 64%; height: 34px; margin-top: 10px; font-size: 16px; outline: none; line-height: 34px; border: none; border-bottom: 1px solid #d8d8d8; transition: 0.3s }
.chats-input:focus { border-color: #45c01a }
.chats-send { float: right; color: #ffffff; background: #3aa814; padding: 8px 17px; border-radius: 4px; margin-top: 10px; margin-right: 12px; font-size:16px;}
@media (min-width: 320px) and (max-width: 340px) {.chats-send{margin-right: 5px; padding: 7px 10px;}}


/*diaglog-box*/
.diaglog-box {
	padding: 0;
	height: 248px;
}
.talk {
	margin: 0 0 0 6px;
	display: none
}

.talk .l {
	float: left;
	max-width: 92%;
	margin: 15px 0 0 0;
}

.talk .l div {
	position: relative;
	top: 3px;
	margin-left: 70px;
	padding: 5px 15px;
	background: #ffffff;
	color: #000;
	border-left: 1px solid #c7c7c7;
	border-top: 1px solid #f2f2f2;
	border-radius: 3px;
	font-size: 15px;
	box-shadow: 1px 1px 1px #a39f9f;
}

.talk .l div em {
	font-style: normal;
	color: #c00;
}

.talk .l div i {
	position: absolute;
	width: 13px; height: 20px;
	background: url('../../public/images/talk.png') center center no-repeat;
	top: 2px;
	left: -10px;
	-webkit-background-size: 7px;
	background-size: 7px;
}

.talk .l>img {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 6px;
	border-radius: 50%;
}

.talk .l div img {
	float: none;
	vertical-align: middle;
}

.talk .l a{
	text-decoration: none;
	color: #000;
}

.talk-btn{
	margin-top: 20px;
}
.talk-btn a{
	color: #fff;
	padding: 4px 10px;
	font-size: 16px;
	border-radius: 3px;
}
.talk-btn a.tel{
	background: #ed6d00;
	margin-right: 10px;
}
.talk-btn a.ask{
	background: #f44336;
	margin-left: 10px;
}