@charset "utf-8";
/*reset*/
*,
*:before,
*:after {
   -webkit-user-select: none;
   -moz-user-select: -moz-none;   /*  防止文本复制 */
   -webkit-touch-callout: none;   /*  防止图片另存 */
   -ms-touch-action: pan-y;  /*  站点支持触屏*/
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*去掉元素被点击时背景框的颜色*/
   -moz-tap-highlight-color:rgba(0, 0, 0, 0);
   -webkit-box-sizing:border-box;  /*传统模型*/
	-moz-box-sizing:border-box;
	box-sizing: border-box;
	margin:0;
	padding:0;
	font-family:"Microsoft Yahei",Arial;
}
body,
html{
	-ms-overflow-style: none !important;
 	width:100%;
  	height:100%;
  	font-size: 16px;
	/*overflow-x: hidden;*/
	background:#ffffff;
}
body {
  -webkit-text-size-adjust: none;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  display: -webkit-box;                 /*盒模式，控制父容器里面子元素的排列方式、排列顺序、垂直（水平）对齐方式*/
  -webkit-box-orient: vertical;
  -webkit-box-align: stretch;
}
input,
textarea {
  -webkit-user-select: text;
  -moz-user-select: -moz-text;
  -moz-user-select: text;
}
img {
  border: none;
}
p {
  display: block;
  color: inherit;
}
ul,li,dl,dt,dd{
	list-style:none;
}
img{
	max-width:100%;border:0;display:block; 
}
.clear{
	float:none;clear:both;
	width:0;height:0;border:0;display:block;
	font-size:0;
	background:none;visibility:hidden;overflow:hidden;	
}
.clear-fix:after{
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;visibility:hidden;
}
a{
	text-decoration:none;
	outline:none;
}
.fl{float:left;}
.fr{float:right;}
.all{width:100%;}
.t_cen{text-align:center;}
.pt_1em{padding-top:1em;}
.pb_1em{padding-bottom:1em;}


header{
	left:0; top:0; z-index: 999;
	background:#1460b6;
	}
/*common module*/
.top{
	position:relative;
	text-align:center;
}
.top-tl{
	color:#fe6716;font-size:1.75rem;line-height:5.0rem;	
}
.logo{
	display:block;
	width:100%;margin:0 auto;
}
/*right-btn 导航*/
.cbtn-nav{
	position:absolute;right:3.125%;top:-20px;
	width:10%;height:100%;display:block;
	color:#1460b6;font:2.8rem/2.8 "Microsoft Yahei";text-align:center;
	cursor:pointer; 
}
.cbtn-nav:visited{
	color:#fff;
}

/*left-btn 返回/搜索*/
.cbtn-search,.cbtn-back{
	position:absolute;left:3.125%;top:0;
	width:10%;height:100%;display:block;
	color:#fe6716;font:2.2rem/2.2 "Microsoft Yahei";text-align:center;
	cursor:pointer;
}
.cbtn-search:visited,.cbtn-back:visited{
	color:#fe6715;	
}


/* pro  class分类 图标 */
.cbtn-cla{
	position:absolute;right:15%;top:50%;margin-top:-0.5em;
	color:#fe6716;font-size:2em;line-height:1em;
	cursor:pointer;	
}
.cbtn-cla span{	font-size:0.875em;}
.cbtn-cla:visited{color:#fe6717;}


/*srch*/
.srch{
	position:relative;
	width:93.75%; margin: 1.5% auto;
	font-size:1.625rem;
	-webkit-appearance:none;
	display: none;
}
.srch-txt{
	width:100%; height: 2.2rem; border:none; 
	color:#b3b3b3;font-size:1.0rem;  padding-left: 5%;
	background:#ffffff;cursor:pointer;
	-webkit-appearance:none;
}
.srch-txt::-webkit-input-placeholder{
	color:#b3b3b3;font-size:1.0rem
}
.srch-sub{
	position:absolute;top:0;right:0;
	width:17%;height:100%;border:none;border-radius:0;
	color:#ffffff;font:1.8rem/1.4rem "Microsoft YaHei";text-align:center;
	background:#fe6716;cursor:pointer;
	-webkit-appearance:none;
}

.searchresult{
	  padding-top: 2.0rem;
	  color: #333333; font: 1.25rem/6.0rem "Microsoft Yahei"; text-align: center;
}
/*banner*/
.banner{ 
	width:100%;
   
	background: url(../images/bannerbg.jpg) left top no-repeat;
	background-size: 100%;
}
/*module slide banner 幻灯片效果*/
.mod-slide{
	position:relative;
	visibility:hidden;
	overflow:hidden;
}
.mod-slide .slide-in{
	position:relative;
	overflow:hidden;
	
}
.mod-slide .slide-in > div{
	position:relative;float:left;
	width:100%;
	font-size:0;text-align:center;
}
.mod-slide .slide-in > div img{
	display:inline-block;
}
.mod-slide .slide-pos{
	position:absolute;left:0;bottom:0em;z-index:9999;
	width:100%;padding:1% 0;
	text-align:center;
}
.mod-slide .slide-pos li{
	width:0.75em;height:0.75rem;margin:0 0.4rem; border-radius:1.5rem;display:inline-block;
	background:#fff;
}
.mod-slide .slide-pos li.on{
	background:#1460b6;
}
.slide{
	width:100%;margin:0 auto;
}

.shopPicList{ width: 80%; margin:1.4rem auto 0 auto;}
.pslide{
	width:100%;
}

/*inav*/
.inav{	
	width:93.75%;margin:0 auto;/*padding:0 3%;*/
	background:url(../images/navbg.png) left top no-repeat;
	background-size:100% ;
}
.inav-son{
	float:left;
	width:13.3%; margin-left:4%; margin-right:8.7%;display:block;
	color:#fff!important;font-size:1.25rem;line-height:2.125rem;text-align:center;
	background: #0f1427;
}
.inav-son:last-child{margin-right:0%;}
.inav-son:visited{
	color:#fe6715;
}
.inav-son span{
	display: block;
	color:#0f1427;font:2.4rem/3.75rem 'Microsoft Yahei';text-align:center;
	background:#1460b6 ;
}
.inav-son span.weight{
	color:#0f1427;font:2.8rem/3.75rem 'Microsoft Yahei';text-align:center; font-weight: 880;
}

/*itl  标题*/
.itl{
	position:relative;
	width:93.75%;padding:0 3%;margin:3.125% auto;  border-bottom:0.125rem solid #1460b6;
}
.itl2{
	position:relative;
	width:93.75%;padding:0 3%;margin:3.125% auto 0% auto;  /*border-bottom:0.125em solid #fe6716;*/
	background: #1460b6;
}
.itl-tl{
	float:left; width: 81%; 
	color:#0f1427;font:1.5rem/3.75rem "Microsoft Yahei"; font-weight:bold;
}
.itl-tl span{
	color:#0f1427;font:1.125rem/3.75rem "arial"; text-transform: uppercase; font-weight: normal;
}
.itl-more{
	float:left;
	width: 19%; border:1px solid #000; margin-top:2.2%;
	color:#000;font:1.25rem/1.8 "Microsoft Yahei"; text-align: right;
}
.itl-more a{
	display:block;
	text-align: center;
	color:#000; 
}
.itl-more a:visited{
	color:#000;
}
.itl-more2{
	float:left;
	width: 19%; border:1px solid #fff;  margin-top:2.2%;
	color:#fff;font:1.25rem/1.8 "Microsoft Yahei"; text-align: right;
}
.itl-more2 a{
	display:block;
	text-align: center;
	color:#fff; 
}
.itl-more2 a:visited{
	color:#fff;
}

/*iprocla index*/
.iprocla{ 
	width: 93.75%; margin: 0 auto;
	
}
.iprocla a{
	float: left;
	border:1px solid #d4d4d4;padding:0% 2%; margin-left: 2%;	margin-bottom: 2%;
	color: #000000;font:1.25rem/2.75rem "Microsoft Yahei"; 
}
.iprocla a:last-child{
	margin-right: 0%;
	width: 12%; border: 1px solid #1460b6; border-radius: 5%;
	color: #fff9f6; text-align: center;
	background: #1460b6;	
}

/*ipro*/
.ipro{
	width:93.75%;margin:0 auto;
	background: #ffffff;	
}
.ipro .metro-b{
	position:relative; float:left;
	width:46.7%; padding: 1.3%; margin-left: 1.65%; margin-right:1.65%; margin-top: 4%; border: 1px solid #d4d4d4;
	background: #f0f0f0;
}
.ipro .metro-b .pic{
	position: relative;
	border: 1px solid #d4d4d4;
}
.ipro .metro-b .pic img{
    margin:0 auto;
}
.ipro .metro-b .pic span{
	position: absolute; left:5%; top:0%; padding: 0 2%;
	color:#ffffff;font:0.8rem/2.0rem "Microsoft Yahei"; text-transform: uppercase;
	background:#0078c1 ;
}
.ipro .metro-b .text{
	padding-top: 1.5%;
	color:#0f1427;font:1.25rem/2.0rem "Microsoft Yahei";white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align:center;
}
/*iTel */
.iTel{
	width:93.75%;margin:3.125% auto 0 auto;
	background: #1460b6;
}
.iTelTitle{
	 width: 40%;  float:left;
	 color:#fff;font:1.25rem/5.6rem "Microsoft Yahei"; text-align: center;
	 background: #c51012;
}
.iTelTitle .iconfont{
	float:left; padding-left: 3%; 
	font-size: 3.4rem; line-height: 5.125rem;}
.iTelCon{
	float: left;
	width: 60%;padding-left:6%;
	color:#ffffff;font:2rem/2.8rem impact; text-align: left; padding-top:15px;
}
.iTelCon span{
	display: block;
	color:#ffffff;font:0.6rem/1.0rem "Microsoft Yahei"; text-align: left;
}

/*inews*/
.inews{width:93.75%;margin:0 auto 1% auto;}
.inews li{
	/*padding:2% 2%;*/
	color:#0f1427;font:normal 1.25rem/5.0rem "Microsoft YaHei";	/*border: 1px solid #d4d4d4;*/
    /*background: #f0f0f0;*/
}
.inews li:nth-child(2n){
	font:normal 1.25rem/3.75rem "Microsoft YaHei";
	background: #f0f0f0;
}
.inews li .biao{
	 color:#d1d1d1; font-size: 1.2rem;
}
.inews li a{
	display: block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;     /*border: 1px solid #d4d4d4;*/
	color:#0f1427;
}
.inews li a:visited{
	color:#0f1426;
}
.inews .idate{
	float: right;
	color:#d1d1d1;	font:normal 1.2rem/5.0rem "Microsoft YaHei"
}
.inews li:nth-child(2n) .idate{
	line-height: 3.75rem;
}

.iabout{
	width:93.75%;margin: 0 auto 3.125% auto;padding:0% 3% 0% 3%;
	color:#0f1427;font:normal 1.25rem/2.0rem "Microsoft YaHei";
}

/*footer{
	left:0;bottom:0; z-index: 999;
	background: #1460b6;
}*/
/* navfoot */
.navFootBox{
	 width: 100%; 
	 padding: 0 3.125% 3% 3.125%; 
}
.navFoot{ 
	width: 100%;
	background: #fe6716;
}
.navFoot a{
	float:left;
	width: 20%; display: block;
	color:#0f1427;font:normal 1.375rem/3.75rem "Microsoft YaHei"; text-align: center;
	}
/*one-touch  foot 按钮*/
.one-touch{
	width:100%; height:5.0rem;
	background:#282828;
	color:#fff;font-size:1.0rem !important;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	perspective:1000;
}
.one-touch a{
	float:left;
	width:50%;padding:0.125rem 0;display:block;
	color:#fff;text-align:center;
	cursor:pointer;
}
.one-touch a:visited{
	color:#ffffff;
}
.one-touch a > span{
	display:block;
	font:1.25rem/2.0rem "Microsoft Yahei";
}
.one-touch .iconfont{
	font:2.5rem/3.0rem "Microsoft Yahei"; padding-top: 0.2rem;
}

/* top  返回顶部 */
.cbtn-top{
	display: none;
	position:fixed;right:2%;bottom:15%;
	width:3.75rem;height:5.4rem; 
	background:#1460b6;
	cursor:pointer;	
	text-align: center;
}
.cbtn-top a{color:#ffffff;font:0.8rem/1.0rem "Microsoft Yahei";}
.cbtn-top .iconfont{
	color:#ffffff;
	background:#1460b6;
}
.cbtn-top span{
	display: block;
	color:#ffffff;font-size:1.4rem; line-height:1.8rem;font-family:impact; text-transform: uppercase;
}


/*nav  右导航*/
#rightnav{ display: none;}
#pageslide { 
	display:none; 
	width:22.25rem;height:100%;
	background:#0f1427;
	position: fixed;top: 0; z-index: 999999;
}
.rightnav{
	z-index:9999 !important;
	width:22.25rem !important;height:100%;
	background:#1460b6;
	box-shadow: 10px 0 10px rgba(0, 0, 0,0.3 ) inset;
	
}
.rightnav > *{
	padding:2.0rem 0;
}
.nav-in a{
	color:#000000;font:1.375rem/4.0rem "Microsoft Yahei",Arial;
	display:block;
}
.nav-in a:visited{
	color:#000000;	
}
.nav-in .iconfont{
	color:#fd6613;
	font-size:1.375rem;line-height:3.0rem;
}
.nav-in .font{
	font-size:0.5rem;line-height:4.0rem;
}
.nav-in .top{
	padding-top:2.2rem;
}
.nav-in li{
	text-indent:1.5rem;
	padding:0 1.2rem;
	overflow: hidden;
}
/* end index module*/


/*  分页   module */
.conBodyBox{
	padding:1% 3.125%; margin:0 0 20% 0;
	width: 100%;  padding-top:68px;
	
	/*background:#0B61A4 ; */
}
.conBody{
	width:100%; height: 100%;  /*border: 0.125em solid #d4dde3; padding: 3%;*/
	background: #FFFFFF;
}
.conBodyContent{
	width:100%; height: 100%;  padding: 2%;
	background: #FFFFFF;
}
/*cdtl module view页 内容样式*/
.cdtl-txt{
	color:#000000;/* padding: 3%;*/
	word-wrap:break-word;word-break:break-all;
}

.cdtl-txt p{font-size:18px; font-family:"微软雅黑"; line-height:33px;}
.cdtl-txt p img{
	display:block; height:80%;width:100%;
}
.cdtl-tl{
	padding:0 0.5rem 3% 0.5rem;margin:0 auto 0.5rem auto;
	color:#333333;font:2.375rem/3.0rem "Microsoft YaHei";text-align:center;
	word-wrap: break-word;word-break: break-all;
	border-bottom: 0.125em  solid  #d4d4d4;
}
.cdtl-picBox{
	margin:2rem 0;
	text-align:center;
}
.cdtl_pic{
	display:inline-block;
	max-width:80%;
}

/* 新闻列表 */
.pnews{
	width:100%;
	background:#ffffff;
}
.pnews li{
	padding:0 2%;
	color:#0f1427;font:normal 1.25rem/5.0rem "Microsoft YaHei";
}
.pnews li:nth-child(2n){
	font:normal 1.25rem/3.75rem "Microsoft YaHei";
	background: #f0f0f0;
}
.pnews li .biao{
	color:#d1d1d1; font-size: 1.2rem;
}
.pnews li a{
	display: block;
	color:#0f1427;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pnews li a:visited{
	color:#0f1426;
}
.pnews li .idate{
	float: right;
	color:#d1d1d1;	font:normal 1.2rem/5.0rem "Microsoft YaHei"
}
.pnews  li:nth-child(2n) .idate{
	line-height: 3.75rem;
}


/*page pro  当前位置*/
.pproPosition{
	position: relative;
	width:100%;padding:0 3%;margin:0 auto;  border-bottom:0.125rem solid #1460b6;
	color:#0f1427;font:1.5rem/3.4rem "Microsoft Yahei"; font-weight:bold;
	background:#ffffff;
}
.pproPosition span{
	color:#1460b6;font:1.2rem/1.6rem "arial"; text-transform: uppercase;  font-weight: bold;
}
/* pro  class分类 图标 */
.pproClass a{
	position:absolute;right:3%;top:14%;
	display: block;
	border:1px solid #1460b6; padding: 0% 5% 0% 5%;
	color:#052458;font:1.2rem/2.2rem "Microsoft Yahei";
	cursor:pointer;	
}

/*  proclass dl 页*/
.claList{ 
	width: 100%; margin: 0 auto;
	
}
.claList a{
	float: left;
	border:1px solid #d4d4d4;padding:0% 2%; margin-right: 2%; margin-top: 3%;	
	color: #0f1427;font:1.25rem/2.75rem "Microsoft Yahei"; 
}

/*page pro 页  pic list*/
.ppro{
	width:100%;
}
.ppro .metro-b{
	position:relative; float:left;
	width:46.7%; padding: 1.3%;   margin-left: 1.65%;  margin-right: 1.65%; margin-top: 4%; border: 1px solid #d4d4d4;
	background: #f0f0f0;
}
/*.ppro .metro-b:nth-child(2n){margin-right: 0%;}*/
.ppro .metro-b .pic{
	position: relative;
	border: 1px solid #d4d4d4;
}
.ppro .metro-b .pic img{
    margin:0 auto; width: 260px;height: 120px;
}
.ppro .metro-b .pic span{
	position: absolute; left:5%; top:0%; padding: 0 2%;
	color:#ffffff;font:0.8rem/2.0rem "Microsoft Yahei"; text-transform: uppercase;
	background:#fe6716 ;
}
.ppro .metro-b .text{
	padding-top: 1.5%; text-align:center;
	color:#0f1427;font:1.25rem/2.0rem "Microsoft Yahei";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}


/* list 、view  翻页    */
.pgList{ width: 100%; padding-left: 35%; margin-top: 3.125%; margin-bottom: 2.125%; text-align:center;}
.pgList .pgNext,.pgList .pgPre{
	 float:left;
	 width:12%; display: block;
	 color:#ffffff;font-size: 1.25rem; line-height: 3.0rem;
	 background: #fe6716;
} 
.pgList .pgPre{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	}
.pgList  span{
	float: left;
	width:27.6%;
	display: block;
	color:#2d3142;font-size: 1.25rem; line-height:  3.0rem;
}

.pgListView{ 
	width: 100%;
}
.pgListView .pgNextView,.pgListView .pgPreView{
	 width: 100%; padding: 0 3%; display: block;
	 border: 1px solid #cccfd6; border-radius: 2px;
	 color:#fe6716;font-size: 1.25rem; line-height: 2.2rem;text-overflow: ellipsis;overflow: hidden; white-space: nowrap;
}
.pgListView .pgPreView{ margin-bottom:2%;margin-top:5%;} 
.pgListView .backList,.pgListView .backListClass{
	width:18% ; display: block; margin: 5% auto 2% auto;
	border: 1px solid #fe6716;
	color:#fe6716;font-size: 1.25rem; line-height: 2.0rem; text-align: center;
}
.pgListView .backListClass{margin-bottom:5%;}


/*module order  订购表单  留言反馈*/
.message-tl{ 
	width:100%;margin-bottom:3%;border-bottom:1px solid #c5c5c5;
	color:#fe6716;font:1.5rem/3.75rem "Microsoft Yahei";
}
.message-tl a{color:#fe6716;}
.message-tl a:visited{color:#fe6717;}
.message-back{background:-webkit-gradient(linear, 0 0, 0 100%, from(#3381b8), to(#fff))}
.m-btn{width:94.375%;margin-left:auto;margin-right:auto;}
.m-son{
	width:90%;margin:0 auto;
	font:1.25rem/3.0rem "Microsoft YaHei";
}
.m-son label{
	float:left;
	width:20.5%; margin: 1% auto;margin-right:2.5%;  
	color:#666666;font:1.25rem/3.0rem "Microsoft YaHei";text-align:right;
}
.m-son .star{
	padding-left:0.5rem;
	color:#c80203;
}
.m-tl,.m-tl2{
	float:left;
	height:3.0rem;padding:1.0rem 1.0rem;margin:1% auto;border:1px solid #cbcbcb;
	color:#3333;font:1.25rem "Microsoft YaHei";
	background:#fff;	
}
.m-tl{width:50.5%;}
.m-tl2{width:70.5%;}
.m-con{
	float:left;
	width:70.5%;height:10.0rem;padding:0 1.0rem;margin:3% 0;border:1px solid #cbcbcb;
	color:#550012;font:1.25rem/3.0rem "Microsoft YaHei";
	background:#fff;
}
.m-addr{height:6.0rem;}
.m-yzm{
	float:left;
	width:35%;height:3.0rem;padding:1.0rem 1.0rem;margin:1% auto;border:1px solid #cbcbcb;
	color:#3333;font:1.25rem "Microsoft YaHei";text-align: left;
	background:#fff;
}
.m_yzm-pic{
	float: left;
	width:20%;height:3.0rem;margin:1% 0% 1% 15%;
}
.m_yzm-pic img{
	display:inline-block;
	vertical-align:middle;
}
.m-submit,.m-reset{
	display:inline-block;
	width:30%; height:3.75rem;padding: 0 1.5%;margin:3% 0.2% 6% 0.2%;border:none;border-radius:0;
	color:#ffffff;font-size:1.75rem; line-height:3.75rem;
	cursor:pointer;
	-webkit-appearance:none;
}
.m-submit,.m-reset{background:#de3c0a}
.select{ 
	float:left;
	margin:1% auto;border:1px solid #cbcbcb;
	color:#550012;
	background:#fff;
	clip:rect(0px,179px,16px,0px);
	overflow:hidden
}
.select select{
	font:1.0rem "Microsoft YaHei";
	height:3.0rem;padding:0 3.0rem;border:none;
	background:url(../images/triangle.png)  92% center no-repeat;
	background-size:7.9%;
}

/*messageview*/
.message-list{
	width:94.375%;margin:2.0rem auto;border-bottom:2px solid #d2d2d2;
}
.message-list:last-child{border-bottom:0;}
.message-say{margin:1.0rem 0;}
.message_say-tl{font:normal 1.375rem/2.0rem "Microsoft Yahei";}
.message_say-time{
	float:right;
	color:#000000;
}
.message_say-yy{
	display:block;
	width:70%;
	color:#0f1427;
	text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
}
.message_say-yy-repay{
	display:block;
	color:#de3c0a;
	width:70%;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.message_say-con{
	width:100%;padding:0.6rem 1.0rem;
	color:#666666;font:normal 1.2rem/2.0rem "Microsoft Yahei";word-wrap: break-word;word-break: break-all;
}


/*cla list  分类 */
.cla-list{width:87.5%;margin:3.125% auto 0;}
.cla-son{
	padding:0 4%;margin:3.125% 0;
	border-right:1px solid #dad9d9;border-bottom:1px solid #dad9d9;
	box-shadow:1px 1px 1px #f2f2f2;
	font:1.5em/3 "Microsoft Yahei";
	background:#dcdcdc;
}
.cla-son dt a{
	width:70%;display:block;
	color:#222222;
}
.cla-son dt a:visited{color:#222223;}
.cla-son dt a.pressed{color:#000000;}
.cla-son dt.on a{color:#000000;}
.cla-sub{
	padding:0 0.5em;
	color:#a9a9a9;font-size:2em;line-height:1.5em;
	cursor:pointer;
	transform: rotate(90deg);
}
.cla-sub.reverse{
	-webkit-transform:rotate(180deg);
	color:#000000;
}
/*cla list 二级*/
.cla-son dd{
	display:none;
	padding:0.5em 0;border-top:2px solid transparent;
	font-size:0.875em;
	/*-webkit-border-image:url(../images/img6.jpg) 2 0 0 0;
	border-image:url(../images/img6.jpg) 2 0 0 0;	*/
}
.cla-son dd a{
	display:block;
	color:#222222;
}
.cla-son dd a:visited{color:#222223;}
.cla-son dd a.pressed{color:#000000;}
.cla-son dd > div{text-indent:2em;}
.disBlock{
	display: block!important;
}


/*media query*/
@media screen and (min-width:640px){
	.all{
		width:640px;
		margin:2px auto;
		position:relative;
		min-height:10px;
	
	
	}
	.rightnav{
		width:22.25rem !important;
	}
	.afPopup{
		width:640px;
	}
}
@media screen and (max-width:540px){
	body,html{font-size:14.5px;}
}
@media screen and (max-width:480px){
	body,html{font-size:13px;}
}
@media screen and (max-width:420px){
	body,html{font-size:11.5px;}
}
@media screen and (max-width:360px){
	body,html{font-size:10px;}
}
@media screen and (max-width:320px){
	body,html{font-size:9px;}
}


/*member  要整理的*/
/* site_nav */
.site_btn{
	position: fixed;top:60%;left:1.875%;z-index:999;
	width:5.25rem;height:5.25rem;border:2px solid #e1e1e1;border-radius:50%;
	color:#fff;font:3.0rem/4.25rem "microsoft yahei";text-align:center;
}
.cart-btn-numbers{
	position:relative;width:100%;height:100%;
	color:#fff;
}
.cart-btn-number{
	position:absolute;left:74%;bottom:74%;
	width:1.8rem;height:1.8rem;border:0.16rem solid #e1e1e1;border-radius:50%;
	color:#c2c2c2;font:1.05rem/1.8rem "microsoft yahei";
	background:#fff;}
/* 临时
.site-nav{position:absolute;left:0;bottom:100%;width:100px;height:auto;overflow:hidden}   */
/* */
.site-nav a{color:#fff}
.site-nav li{
	width:100%;height:auto;
	font:1.2rem/1.5rem "microsoft yahei"
	overflow:hidden;
}
.site-nav li a{
	position:absolute;bottom:0;z-index:-999;
	width:4.5rem;height:4.5rem;padding:0.75rem 0;border-radius:50%;border:2px solid #e8e8e8;display:block;
	color:#fff;font:1.35rem/1.5rem "microsoft yahei";text-align:center;
	opacity: 0;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
	-ms-transform:rotate(-350deg);
	-moz-transform:rotate(-350deg);
	-webkit-transform:rotate(-350deg);
	-o-transform:rotate(-350deg);
	transform:rotate(-360deg);
}
.site-nav.slideup li:nth-child(1) a{
	position:absolute;left:100%;bottom:100%;z-index:999;
	opacity: 1;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
	transition-delay:0ms;
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
}
.site-nav.slideup li:nth-child(2) a{
	position:absolute;left:150%;bottom:0.375rem;z-index:999;
	opacity: 1;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
	transition-delay:100ms;
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
}
.site-nav.slideup li:nth-child(3) a{
	position:absolute;left:100%;bottom:-4.5rem; z-index:999;
	opacity: 1;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
	transition-delay:200ms;
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
}
.site-nav.slidedown li:nth-child(1) a{
	position:absolute;left:auto;right:100%;bottom:100%;z-index:999;
	opacity: 1;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
	transition-delay:0ms;
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
}
.site-nav.slidedown li:nth-child(2) a{
	position:absolute;left:auto;right:150%;bottom:0.375rem;z-index:999;
	opacity: 1;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
	transition-delay:100ms;
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
}
.site-nav.slidedown li:nth-child(3) a{
	position:absolute;left:auto;right:100%;bottom:-4.5rem; z-index:999;
	opacity: 1;
	-webkit-transition:all 0.3s ease-in-out 0s;
	-moz-transition:all 0.3s ease-in-out 0s;
	-ms-transition:all 0.3s ease-in-out 0s;
	transition:all 0.3s ease-in-out 0s;
	transition-delay:200ms;
	transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg);
}

/* common style */
.common_bg,
.cart-select.on span,
.afPopup > header,
.afPopup .button,
.vip_address_btn span.common_bg{background-color:#fe6716;}

.common_color,
.view_collect p.collected{color:#fe6716;}
.common_border,
.cart_order_type span.on{border-color:#fe6716;}
.pages{margin-top:5px;}
.pages a,.pages a:visited,.pages b,.pages span{display:inline;float:left;min-width:12px;height:20px;line-height:20px;margin:5px 5px 0 0;padding:2px 5px;text-align:center;font-family:"微软雅黑", Arial, "宋体";font-size:12px;white-space:nowrap;border:1px solid #BDD7F2;border-radius:3px;color:#333;}
.pages a:hover{border:1px solid #38739F;background:#E5F3FF;color:#000;font-weight:400;}
.pages b{border:1px solid #BDD7F2!important;background:#CBE0F7!important;}
.pages span{font-weight:bold;}
.cf:after{content:"";display:block;clear:both;height:0;overflow:hidden;}
.cf{zoom:1;}

/*hnav2*/
.hnav2{ height:35px; padding-top:68px;}
.hnav2 .son{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;width:20%;border-top:1px solid #c6c5df;border-right:1px solid #c6c5df;text-align:center;color:#FFF;font-size:20px;line-height:45px;background:#282828;}
.hnav2 .son:nth-child(-n+5){border-top:none;}
.hnav2 .son:nth-child(5n){border-right:none;}


.allpage{position:relative;z-index:10;background:#fff;min-height:800px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;right:0;}
.clicked{right:220px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;left:auto;}
.allpage .header{height:65px;}
.black-fixed{position: fixed;z-index:99999;right:0;width:0;top:0;height:150%;background:rgba(0,0,0,0.9);text-align:right;font-size:3.4rem;color:#fff;line-height:2;right:0;overflow:hidden;}
.black-clicked{width:100%;padding-right:2%;right:220px;}


.header{width:100%;height:65px;background:#ffffff;position:fixed;z-index:9999;}
.head{text-align: left;/*position:fixed;*/width:100%;height:65px;top:0;right:0;background:#fff;/*box-shadow: 0 2px 2px rgba(9,2,4,.55);*/line-height:0.791rem;z-index:99;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.logo{display:inline-block;width:80%;height:40px;margin-left:0%}
.nav-btn{right: 0;color:#272636;}
.nav-btn{width:14.0625%;right:1.09375%;top:0;position:absolute;height:100%;font-size:0.4rem;line-height:0.808rem;color:#fff;text-align:center;overflow:hidden;}
.nav-btn{position:absolute;top:1rem !important;right:3.125% !important;width:4rem !important;height:3rem !important;overflow:hidden;border-left:1px solid #1460b6;font-size:3.4rem;line-height:3rem !important;color:#1460b6 !important;text-align:center;border-radius:0.01rem;}


.nav{width:220px;position:absolute;right:0;top:0;bottom:0;z-index:2;}
.fixed{width:220px;height:150%;position:fixed;right:0;top:0;bottom:0;z-index:5;overflow-x: hidden;-webkit-overflow-scrolling: touch;}
.nav li{width:220px;margin:0 auto;border-bottom:1px solid #ffffff;text-align: center;}
.nav li a{display:block;width:100%;font:700 16px/50px '微软雅黑';color:#fff;}
.nav li a span{margin-right:3%}
.nav li p{text-indent:70px;}
.nav li:last-child{margin-bottom:20%;}



@font-face{font-family:"iconfont";src:url('../images/iconfont.woff') format('woff'),url('../images/iconfont.ttf') format('truetype');}
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}

.home-btn{color:#ffffff !important;}
.home-btn{width:14.0625%;left:1.09375%;top:0;position:absolute;height:100%;font-size:0.4rem;line-height:0.691rem;color:#fff;text-align:center;overflow:hidden;display:block;}

.top-title{color:#b3b3b3 !important;}
.top-title{
	width:40% !important;left:30% !important;
	white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
}
.top-title{width:70%;position: absolute;left:15%;top:0;font-size:0.3rem; font-family:"微软雅黑";line-height:0.71rem;text-align:center;color:#fff;overflow:hidden;}

@font-face{font-family:"hfont";src:url('../font/hfont.woff') format('woff'),url('../font/hfont.ttf') format('truetype');}
.hfont{font-family:"hfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}

@font-face{font-family:"iconfont2";src:url('../font/iconfont.woff') format('woff'),url('../font/iconfont.ttf') format('truetype');}
.iconfont2{font-family:"iconfont2" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}

.icontact {
width:100%;
    text-align: center;
    font-size: 1.6rem;
    color: #404040;
	
    padding-top: 0.8rem;
    background: #1460b6;
}
.icontact .b{display:block;color:#FFF;font-size:1.2em;line-height:1.875em;}
.icontact .b span:first-child{}
.icontact .b span:nth-child(2){text-align:left;}
.icontact .b span{display:inline-block;vertical-align:middle;}
.icontact .b:first-child{-webkit-box-sizing:border-box;box-sizing:border-box;float:left;border:2px solid rgba(255, 255, 255, 0.58);;text-align:center;width:65%;}
.icontact .b:last-child{-webkit-box-sizing:border-box;box-sizing:border-box;color:#1460b6;float:left;width:35%;background:#FFF;border:2px solid #FFF;text-align:center;}
.icontact .a{color:#FFF;/*padding-top:0.5rem;*/ padding-bottom:1rem; font-size:18px;}
.icontact .c{color:#FFF;/*padding-top:0.5rem;*/ padding-bottom:1rem; font-size:17px;}
.icontact .ac{color:#FFF;/*padding-top:0.5rem;*/ margin-left:30px; font-size:18px; border:1px solid #e97a0d; background:#ec7228;}
.iwrap{width:93.75%;margin:1rem auto;}
.iwrap1{width:100%;margin:0 auto;height:35px;}
.iwrap1 p{color:#ffffff;}
.beian{width:100%;height:9rem;font-size:1.8rem;color:#373737;text-align:center;background:#FFF;}
.beian a{color:#373737;}


.footer{width:100%;height:6rem;position:fixed;z-index:9999;bottom: 0;left: 0;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot{width:100%;height:4rem;z-index:99;}
.foot-relative{position:relative;width:100%;height:7rem;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.foot a{display:block;float:left;width:50%;color:#fff}
.foot a span{display:block;width:100%;text-align:center;font-size:1.2rem;line-height:3.0rem;}
.foot a h3{width:100%;text-align:center;font:0.18rem/0.2rem "microsoft yahei";}

<!--产品分类-->
.pclass{ background:#1460b6; padding:20px 0; position:relative; }
.pclass span.name{ display:block; margin:0 auto; width:360px; line-height:45px; height:45px; background: url(../images/d1.gif) center top no-repeat; background-size:cover; padding:0 0 0 52px; font-size:19px;}
.circle_b{ position:absolute; left:0px; top:60px; display:none; width:360px; height: 200px; z-index:2; overflow: scroll; }
.circle_b ul{ display:block;margin:0 auto; width:360px; background:#fff;border:0.02 solid #f4f1eb; border-top:0}
.circle_b ul li{ display:block; padding:0 0 0 50px;background: url(../images/d4.gif) 29px center no-repeat; line-height:52px;}
.circle_b ul li .titlea{ font-size:18px; color:#000000;}