/* 织梦97（dede97.com）做最好的织梦整站模板下载网站 */
@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol, ul, li {
	list-style: none;
}
.mian {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	min-width: 320px;
	max-width: 640px;
	font-family: Microsoft YaHei;
	background: #fff;
}
a {
	text-decoration: none;
	color: #666;
}
body {
	background: #f4f4f4;
}
/*清除浮动*/
.clearfix:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { /*兼容 IE*/
	zoom: 1;
}
/*公共颜色调用*/
.CategoryList_Title i {
	color: #333;
}
.hdPhone p i {
	border: 1px solid #fff;
}
/*分类标题*/
.CategoryList_Title {
	height: 2.968em;
	line-height: 2.968em;
	padding: 0 .687em;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #b0b4bb;
	font-size: 1rem;
	background: linear-gradient(180deg, #f2f2f2 0%, #e0e0e0 100%);
}
.CategoryList_Title i {
	font-size: 1.2em;
	margin-top: .75em;
}
.CategoryList_Title .icon-details {
	margin-right: .5em;
}
/*分类列表*/
.CategoryLista {
}
.CategoryLista > li > a {
	height: 3.031em;
	line-height: 3.031em;
	display: block;
	color: #333;
	background: #f4f4f4;
	padding: 0 1.125em;
	border-bottom: 1px solid #cfcbc1;
	border-top: 1px solid #fff;
	font-size: 1.125rem;
}
.CategoryLista li i {
	float: right;
	margin-top: .45em;
	color: #656565;
	font-weight: bold;
	font-size: 1.6em;
}
.CategoryLista > li li a {
	height: 3.031em;
	line-height: 3.031em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	color: #666;
	background: #fff;
	padding: 0 2.062em;
	border-bottom: 1px solid #cfcbc1;
	border-top: 1px solid #fff;
	font-size: 1em;
}
.CategoryLista li:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.CategoryLista .icon-arrow-down {
	color: #f90;
}
.CategoryLista > li > ul >li >ul {
	padding: 0 1.125em;
}
/*搜索*/
#DetailedSpan div table {
	width: 640px !important;
}
#ErrorInfo {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}
.green {
	color: #eb2533;
}
.red {
	color: #eb2533;
	text-align: center;
	margin-bottom: 1em;
}
.green {
	coor: Red
}
.red {
	color: Red
}
#nodata {
	padding: 80px;
	padding-left: 150px;
	border: solid 1px #eee;
	margin: 10px 0;
	background: url(/skin/images/nodata.gif) no-repeat 20px 20px;
}
/*
@media screen and (min-width:320px) {
	html{font-size:75%;}
}
@media screen and (min-width:375px) {
	html{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	html{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	html{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	html{font-size:125%;}
}
@media screen and (min-width:640px) {
	html{font-size:150%;}
}
*/

/* InpageHeader */
.InpageHeader {
	width: 100%;
	background: #fff;
	height: 1.4rem;
	position: relative;
}
.InpageHeader img {
	display: block;
	width: 100%;
}
.InpageHeader a.back {
	display: block;
	margin-left: 3%;
	width: 4%;
	position: relative;
	z-index: 2;
	float: left;
	height: 1.4rem;
	background: url(/skin/images/back.png) no-repeat center;
	background-size: 95%;
}
.InpageHeader span {
	display: block;
	width: 14%;
	float: right;
	position: relative;
	z-index: 2;
	height: 1.4rem;
	background: url(/skin/images/header_menu.png) no-repeat center;
	border-left: 1px solid #eaeaea;
	background-size: 70%;
}
.InpageHeader p {
	position: absolute;
	width: 100%;
	height: 1.4rem;
	text-align: center;
	line-height: 1.4rem;
font-size: .538rem;
	color: #e15616;
	background-color: #fff;
}
/* .InpageNav */
.InpageNav {
	width: 100%;
	background: #fff;
	position: relative;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}
.InpageNav .InpageNav-slide {
	position: relative;
	height: 1.25rem;
	width: 86%;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
	display: -moz-box;
	display: -webkit-box;
	display: -webkit-box;
}
.InpageNav .more {
	display: block;
	float: right;
	width: 14%;
	height: 1.25rem;
	line-height: 1.25rem;
	text-align: center;
	background: #e15616;
font-size: .375rem;
	color: #fff;
	position: relative;
}
.InpageNav .classfiy {
	width: 100%;
	box-sizing: border-box;
	background: #eaeaea;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 99;
}
.InpageNav .classfiy .classfiy_close {
	display: block;
	width: 7%;
	position: absolute;
	top: 0.3rem;
	right: 3%;
}
.InpageNav .classfiy .classfiy_close img {
	display: block;
	width: 100%;
}
.InpageNav .classfiy .conBox dl {
padding: .406rem 3% .438rem;
	border-bottom: 1px solid #d2d2d2;
	border-top: 1px solid #f5f5f5;
}
.InpageNav .classfiy .conBox dl:first-child {
	border-top: none;
}
.InpageNav .classfiy .conBox dt {
	text-align: center;
font-size: .4rem;
	color: #666666;
}
.InpageNav .classfiy .conBox dd {
margin-top: .313rem;
	overflow: hidden;
}
.InpageNav .classfiy .conBox dd>a {
	display: block;
font-size: .344rem;
	color: #666666;
	text-align: center;
	line-height: 1rem;
	height: 1rem;
	box-sizing: border-box;
	border: 1px solid #dddddd;
	border-radius: 2px;
	background: #fff;
	width: 23.5%;
	margin-left: 2%;
	float: left;
	margin-bottom: 0.125rem;
}
.InpageNav .classfiy .conBox dd>a:nth-child(4n+1) {
	margin-left: 0;
}
.InpageNav-left {
	height: 1.25rem;
	position: relative;
	overflow: hidden;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-box-flex: 1;
}
.InpageNav-list {
	position: absolute;
	left: 0;
}
.InpageNav-list ul {
	position: relative;
	white-space: nowrap;
	font-size: 0;
}
.InpageNav-list ul li {
	display: inline-block;
}
.InpageNav-list ul li a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 1.25rem;
font-size: .375rem;
	text-align: center;
	color: #333;
	padding: 0 0.2rem;
	box-sizing: border-box;
	position: relative;
}
.InpageNav-list ul li.on a {
	color: #e15616 !important;
}
.InpageNav .sideline {
	display: block;
	position: absolute;
	border: 0;
	height: 2px;
	background-color: #e15616;
	left: 0;
	bottom: 0px;
	pointer-events: none;
}
/*产品分类样式*/
#InpageNavN {
	width: 100%;
	background: #fff;
	position: relative;
}
#InpageNavN .wrapper {
	position: relative;
	height: 1.25rem;
	width: 86%;
	overflow: hidden;
	float: left;
	box-sizing: border-box;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}
#InpageNavN .wrapper .scroller {
	position: absolute;
}
#InpageNavN .wrapper .scroller li {
	height: 1.25rem;
	color: #666666;
	line-height: 1.25rem;
font-size: .375rem;
	text-align: center;
	position: relative;
}
#InpageNavN .wrapper .scroller li i {
	width: 58%;
	height: 2px;
	background: #e15616;
	left: 21%;
	bottom: 2px;
	position: absolute;
	display: none;
}
#InpageNavN .wrapper .scroller li a {
	color: #666666;
	display: block;
}
#InpageNavN .wrapper .scroller .sideline {
	display: block;
	position: absolute;
	border: 0;
	height: 2px;
	background-color: #e15616;
	left: 0;
	bottom: 2px;
	pointer-events: none;
}
#InpageNavN .wrapper .scroller li.cur i {
	display: block;
}
#InpageNavN .wrapper .scroller li.cur a {
	color: #000;
}
#InpageNavN .more {
	display: block;
	float: right;
	width: 14%;
	height: 1.25rem;
	line-height: 1.25rem;
	text-align: center;
	background: #e15616;
font-size: .375rem;
	color: #fff;
}
#InpageNavN .classfiy {
	width: 100%;
	box-sizing: border-box;
	background: #eaeaea;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	z-index: 99;
}
#InpageNavN .classfiy .classfiy_close {
	display: block;
	width: 7%;
	margin: 0.3rem auto;
	position: unset;
	top: 0;
	right: 0;
}
#InpageNavN .classfiy .classfiy_close img {
	display: block;
	width: 100%;
}
#InpageNavN .classfiy .conBox {
	padding: 0.1rem 3% 0;
}
#InpageNavN .classfiy .conBox h4 {
	font-size: 0.35rem;
	color: #e15616;
	font-weight: bold;
	padding-left: 2.5%;
	margin-bottom: 0.4rem;
	width: 48%;
	float: left;
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#InpageNavN .classfiy .conBox h4 a {
	color: #e15616;
}
#InpageNavN .classfiy .conBox dd {
	padding-top: 0.5rem;
	box-sizing: border-box;
	border: 1px solid #d5d2d2;
	border-top: none;
	overflow: hidden;
}
#InpageNavN .classfiy .conBox dd p a {
	display: block;
	width: 30%;
	margin-left: 2.5%;
	float: left;
	height: 1rem;
	line-height: 1rem;
	border: 1px solid #dddddd;
	border-radius: 2px;
	margin-bottom: 0.2rem;
	text-align: center;
	box-sizing: border-box;
}
#InpageNavN .classfiy .conBox dl {
	width: 100%;
	margin-top: 0.1rem;
	padding: unset;
}
#InpageNavN .classfiy .conBox dt {
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
	background: url(/skin/images/teamcon2_icon01.png) no-repeat 92% center #fff;
	background-size: 3%;
	height: 1rem;
	line-height: 1rem;
	font-size: 0.4rem;
	color: #fff;
	padding-left: 5%;
	border: 1px solid #d5d2d2;
	text-align: left;
}
#InpageNavN .classfiy .conBox dt a {
	color: #333333;
}
#InpageNavN .classfiy .conBox dd {
	padding: 0.4rem 0;
	display: none;
	background: #fff;
}
#InpageNavN .classfiy .conBox dd p {
	font-size: 0.4rem;
	color: #666666;
	line-height: 0.5rem;
	overflow: hidden;
	float: left;
	width: 100%;
}
#InpageNavN .classfiy .conBox dl.on dt {
	background: url(/skin/images/teamcon2_icon02.png) no-repeat 94% center #e15616;
	background-size: 5%;
	color: #fff;
	border-color: #e15616;
}
#InpageNavN .classfiy .conBox dl.on dt a {
	color: #fff;
}
/* zzc */
.zzc {
	display: none;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99990;
}
/*nav_menu*/
.nav_menu {
	width: 0;
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	z-index: 99999;
	overflow: scroll;
	background: #fff;
}
.nav_menu img {
	display: block;
	width: 100%;
}
.nav_menu .top {
	width: 100%;
padding-top:.297rem;
padding-bottom: .25rem;
}
.nav_menu .Navlog {
	width: 54%;
	display: block;
	margin-left: 4%;
}
.nav_menu .btn {
	display: block;
	width: 12%;
	position: absolute;
	top: 3%;
	right: 5%;
}
.nav_menu .btn img {
	display: block;
	width: 100%;
}
.nav_menu ul {
	overflow: hidden;
	width: 100%;
	overflow: scroll;
	height: 80%;
}
.nav_menu li {
	width: 100%;
	overflow: hidden;
	background: url(/skin/images/nav_icon01.png) no-repeat 89% center;
	height: 1.25rem;
	border-bottom: 1px solid #eaeaea;
}
.nav_menu li:first-child {
	border-top: 1px solid #eaeaea;
}
.nav_menu li p>a {
	color: #333333;
font-size: .375rem;
	display: block;
	height: 1.25rem;
	line-height: 1.25rem;
	box-sizing: border-box;
	padding-left: 6%;
}
/* InpageFooter */
.InpageFooter {
	width: 100%;
	background: #fff;
padding-top: .625rem;
	margin-top: 0.33rem;
	border-top: 1px solid #eaeaea;
}
.InpageFooter img {
	display: block;
	width: 100%;
}
.InpageFooterTop {
	padding: 0 3% 20%;
	box-sizing: border-box;
}
.InpageFooterTop .Input {
	width: 94%;
	margin: 0 auto;
	height: 1rem;
	border: 1px solid #dddddd;
	border-radius: 1rem;
}
.InpageFooterTop .Input input {
	display: block;
	width: 84%;
	height: 1rem;
	border: none;
	outline: none;
	float: left;
	border-radius: 1rem 0 0 1rem;
	box-sizing: border-box;
	padding-left: 4%;
font-size: .375rem;
}
.InpageFooterTop .Input a {
	display: block;
	width: 16%;
	float: right;
	border-radius: 0 1rem 1rem 0;
	background: url(/skin/images/inpagefooter_searchbtn.png) no-repeat center;
	background-size: 35%;
	height: 1rem;
}
.InpageFooterTop .menu {
	width: 100%;
	text-align: center;
margin-top: .531rem;
}
.InpageFooterTop .menu li {
	display: inline-block;
padding: 0 .391rem;
font-size: .375rem;
	color: #666666;
	box-sizing: border-box;
	border-left: 1px dotted #c2c2c2;
}
.InpageFooterTop .menu li a {
	color: #666666;
}
.InpageFooterTop .menu li:first-child {
	border-left: none;
}
.InpageFooterTop .Copyright {
	width: 100%;
margin-top: .438rem;
}
.InpageFooterTop .Copyright p {
font-size: .25rem;
	color: #999999;
	margin-bottom: 0.2rem;
	text-align: center;
}
.InpageFooterTop .Copyright p a {
	color: #999999;
}
.InpageFooterBottom {
	width: 100%;
	height: 1rem;
	position: fixed;
	bottom: 0;
	left: 0;
}
.InpageFooterBottom li {
	width: 25%;
	float: left;
	height: 1rem;
	text-align: center;
font-size: .39rem;
	color: #fff;
	background: #e15616;
	box-sizing: border-box;
	border-left: 1px solid #fff;
	line-height: 1rem;
}
.InpageFooterBottom li img {
	display: inline-block;
	position: relative;
width: .547rem;
height: .547rem;
	top: 0.15rem;
	margin-right: 3%;
}
.InpageFooterBottom li:first-child {
	border-left: none;
}
.InpageFooterBottom li a {
	display: block;
	color: #fff;
}
.InpageFooterBottom li em {
	color: #fff;
	font-weight: bold;
}
/* header */
header {
padding: .361rem 3% .375rem;
	position: relative;
}
header dt {
	width: 25%;
	float: left;
	margin-top: 0.15rem;
}
header img {
	display: block;
	width: 100%;
	position: relative;
}
header dd {
	float: left;
	width: 71%;
	padding-left: 2%;
	box-sizing: border-box;
	margin-left: 4%;
	border-left: 1px solid #a4a4a4;
}
header dd p.p1 {
	color: #333333;
	font-size: 0.375rem;
	font-weight: bold;
}
header dd p.p2 {
	font-size: 0.37rem;
	color: #ff5256;
	margin-top: 0.1rem;
}
header dd p.p2 a {
	font-weight: bold;
	color: #ff5256;
}
/* footer */
footer {
	width: 100%;
}
footer img {
	display: block;
	width: 100%;
}
footer .footerTop {
	width: 100%;
	background: #f7f7f7;
padding-top: .417rem;
	padding-bottom: 1.3rem;
}
footer .footerTop p {
font-size: .278rem;
	color: #666666;
	text-align: center;
margin-bottom: .139rem;
}
footer .footerTop p a {
	color: #666666;
}
footer .footerBottom {
	width: 80%;
	position: fixed;
	left: 10%;
bottom: .139rem;
	background: #000000;
height: .833rem;
border-radius: .361rem;
}
footer .footerBottom li {
	width: 18%;
	float: left;
}
footer .footerBottom li a {
	display: block;
width: .542rem;
height: .542rem;
	margin: 0 auto;
	margin-top: 0.15rem;
}
footer .footerBottom li:nth-child(2) {
	margin-right: 28%;
}
footer .footerBottom .backTop {
	position: absolute;
	width: 1.583rem;
height: .833rem;
	left: 50%;
margin-left: -.792rem;
	top: 0;
}
/*分页样式*/
.pagmb {
margin-bottom:.2rem
}
.pagingNav {
	text-align: center;
	padding: 3% 0;
	height: 35px;
	line-height: 35px;
}
.pagingNav ul {
	margin: 0 auto
}
.pagingNav .firstpageListNav {
	width: 30px;
}
.pagingNav ul li {
	display: inline-block;
	line-height: 32px;
	height: 32px;
	margin-left: 4px;
	font-size: 18px;
	border: 1px solid #E9E9E9;
	padding: 0px 10px;
	width: auto;
	background: #FFF
}
.pagingNav ul li a:hover {
	color: #ff0000;
	text-decoration: none;
}
.pagingNav ul li.thisclass, .pagingNav ul li.thisclass a, .pagingNav ul li.thisclass a:hover {
	background-color: #e15616;
	color: #FFF
}
.pagingNav .pageListNavinfo {
	line-height: 25px;
	padding: 12px 5px 10px 5px;
	color: #999;
}
.pagingNav select {
	line-height: 25px;
	margin-top: 4px
}
.pagingNav .pageinfo strong {
	color: #555;
	font-weight: normal;
	margin: 0px 2px;
}
.content img {
	max-width: 100%
}