@charset "utf-8";
#content p img{ width:100%;display:block; margin:0 auto; max-width:560px;}
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; padding-top:1px; } 
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";color:#555;}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;width:100%}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
.m-slicon{ background:#fff;}
/*排版通用*/
.f-mm{ margin-left:auto; margin-right:auto;}/*居中对齐*/
.f-fl{ float:left;} /*左浮动*/
.f-fr{ float:right;} /*右浮动*/
.f-tr{ text-align:right;} /*右对齐*/
.f-tl{ text-align:left;} /*左对齐*/
.f-tc{ text-align:center;} /*中间对齐*/
.f-pr{ position:relative;} /*定位*/
.f-di{ display:inline;}

.fs15{font-size:15px;} /*15号字体*/
.fs12{font-size:12px;} /*12号字体*/
.pdr12{ padding-right:12px;} /*右边距12px*/
.pl10{ padding-left:10px;} /*左边距10px*/
.red { color:#f00; } /*字体颜色红色*/
/* -- 页面整体布局 -- */
/*.wrap{width:320px; margin:0 auto; overflow:hidden; position:relative;} 网站首页宽度*/
.wrap{max-width:640px; min-width:320px;padding:0 10px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/



/*内页面包屑导航样式 开始*/
.m-btit {line-height: 35px; padding-left: 12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;border-top:1px solid #d9d9d9; box-shadow:0 1px #fff; position:relative; background-color:#f6f6f6;background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));
	background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea);  /*背景渐变，针对苹果浏览器写的兼容*/
	background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对火狐浏览器写的兼容*/
	background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对欧朋浏览器写的兼容*/
	background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，针对手机微软浏览器写的兼容*/
	background-image: linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变，正常的写法*/
	border-bottom:1px solid #d9d9d9; } /*内页面包屑导航背景*/
.m-btit:before{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/
	position:absolute;
	left:0;
	top:0;
	width:100%;
	border-top: 1px solid #fff;}	/*内页面包屑导航背景上面的线条*/
.m-btit span{ padding:0 8px; position:relative; height:100%; top:-12px; display:inline-block;}
.m-btit span:before{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/
	position:absolute;
	background:#7c7c7c;
	width:8px;
    height:8px;
    left:2px;
	top:3px;
	z-index:10;
	-moz-transform: rotate(45deg); /*角度45度，针对火狐浏览器写的兼容*/
	-o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/
	-webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/
	transform: rotate(45deg);}  /*角度45度，内页面包屑箭头样式*/
.m-btit span:after{content:""; /*配合:before这个属性，写 before的时候一定要加上去*/
	position:absolute;
	width:8px;
    height:8px;
    left:1px;
	top:3px;
	z-index:11; background-color:#f2f2f2;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#eeeeee)); /*针对苹果老式浏览器写的兼容*/
	background-image: -webkit-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对苹果浏览器写的兼容*/
	background-image: -moz-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对火狐浏览器写的兼容*/
	background-image: -o-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对欧朋浏览器写的兼容*/
	background-image: -ms-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变，针对手机微软浏览器写的兼容*/
	background-image: linear-gradient(top, #f2f2f2, #eeeeee);  /*背景渐变，正常的写法*/
	-moz-transform: rotate(45deg); /*角度45度，针对火狐浏览器写的兼容*/
	-o-transform: rotate(45deg); /*角度45度，针对欧朋浏览器写的兼容*/
	-webkit-transform: rotate(45deg); /*角度45度，针对苹果浏览器写的兼容*/
	transform: rotate(45deg);	} /*角度45度，内页面包屑箭头样式*/
/*内页面包屑导航样式 结束*/	


/*--------------------做单时把下面的头部和底部样式删除，换成自己写的样式，样式命名按规范命名----------------------------------*/
.g-hd{ height: 7rem;overflow: hidden; }
.g-hd h1{margin: 1.7rem 0 0 2.96875%; width: 20%;}
.g-hd h1 img{ display: block; width: 100%;}
.g-hd .m-slogan{width: 100%;font-size: 1.5rem;color: #393939;margin-top: 2.5rem;  padding-left: 0.5rem; box-sizing: border-box;}                
.g-hd .m-slogan b{color: #000;display: block;font-size: 1.55rem;letter-spacing:2px;}                
.g-hd .m-slogan p{ color: #555;line-height: 18px;font-size: 1.05rem; background-size: 1.083rem;letter-spacing:2px; }


/*底部*/
.g-ft{background: #292322;height:13.67rem;overflow:hidden;}
.m-top{height:3.25rem;line-height:3.25rem;text-align:center;overflow:hidden;color:#999;font-size:1.08rem;position:relative; border-bottom: 1px solid #201b1a;}
.m-top span:before{
    position:absolute;
    content:"";
    width:0;
    height:0;
    top:1.2rem;
    border-bottom:0.8rem solid #a9a8a9;
    border-left:0.7rem solid transparent;
    border-right:0.7rem solid transparent;
    margin-left: -7%;
}
.g-ft .ft-info{
    height: 6.4rem;
    font-size:1rem;
    line-height:1.5rem;
    color:#999;
    text-align:center;
    padding: 1.8rem 0;
    overflow: hidden;
}
.g-ft .ft-info a{color:#666666;}
.mobwebend {
	width: 100%;
	max-width: 640px;
	/*height: 5rem;*/
	padding: 0.3rem 0;
	position: fixed;
	bottom: 0;
	background: #fff;
	background: #458988;
	z-index: 10;
}
.mobwebend ul {
	overflow: hidden;
}
.mobwebend ul li {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	cursor: pointer;
}
.mobwebend ul li img {
	width: 12%;
	float: left;
	margin-top: -0.1rem;
	margin-left: 3rem;
}
.mobwebend ul li p {
	font-size: 2rem;
	color: #fff;
	line-height: 3rem;
	margin-left: 1rem;
	float: left;
	font-weight: bold;
}