/*reset*/
*{
	font-family:"Microsoft Yahei",Arial;
}
body{
	background:none;
	/*font-family:"DroidSansFallback";*/
}
ul,li,dl,dt,dd{
	display:block;
	list-style:none;
}
img{
	display:block;
	max-width:100%;border:0;
}
.clear{
	display:block;float:none;clear:both;
	width:0;height:0;border:0;
	font-size:0;
	background:none;
	visibility:hidden;overflow:hidden;
}
.clear-fix:after{
	content:".";display:block;clear:both;
	font-size:0;
	height:0;
	visibility:hidden;
}
a{
	text-decoration:none;
	outline:none;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.w_700{
	width:700%;
}
.t_cen{
	text-align:center;
}
.all{
	width:100%;
	overflow:hidden;
}

.bannerbg{
	background: url(../images/index_01.jpg) center top no-repeat;
	background-size:100%;
}

.pt_1em{
	padding-top:1em;
}
.pb_1em{
	padding-bottom:1em;
}
/*font*/
@font-face{
  font-family:"iconfont";
  src:
  url('../font/icomoon.woff') format('woff'),
  url('../font/icomoon.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;
}

@font-face{
  font-family:"memiconfont";
  src:
  url('../font/memiconfont.woff') format('woff'),
  url('../font/memiconfont.ttf') format('truetype');
}
.memiconfont{
  font-family:"memiconfont" !important;
  font-style:normal;
  -webkit-font-smoothing:antialiased;
  -webkit-text-stroke-width:0.2px;
  -moz-osx-font-smoothing:grayscale;
}
/*base module*/
.panel{
	padding:0;
	background:#fefefe;
}
footer{
	position:relative;
	background:#8f8f8f;
	height:4em;border:none;
}
header{ background-color: #ffa800;}
.headerbg{
	background: url(../images/header.jpg) center top no-repeat;
	background-size:100% ;}
/*common module*/
.top{
	position:relative;
	text-align:center;
}
.top-tl{
	color:#fff;font-size:1.75em;line-height:2.88em;font-family: "Microsoft Yahei";
}
.logo{
	display:block;
	width:75%;margin:0 auto;
}
/*right-btn 导航*/
.cbtn-navIn{
	position:absolute;display:block;right:3.125%;top:0;
	width:10%;height:70%;margin-top:2%;padding-top:1%;
	color:#ffffff;font-size:4.2em;line-height:1.25em;text-align:center;
	cursor:pointer;
}
.cbtn-navIn:visited{
	color:#fffffe;	
}
.cbtn-navIn.pressed{
	color:#8f8f8f
}

/*right-btn 导航*/
.cbtn-nav{
	position:absolute;display:block;right:2.5%;top:0;
	width:10%;height:100%; padding-top: 1.5%;padding-left:1%; border-left: 1px solid #f9881d;
	color:#ffffff;font-size:4.2em;line-height:1em;text-align:center;
	cursor:pointer;
}
.cbtn-nav:visited{
	color:#fffffe;	
}
.cbtn-nav.pressed{
	color:#8f8f8f
}


/*left-btn 返回/搜索*/
.cbtn-search{
	position:absolute;left:3.125%;top:0;display:block;
	width:10%;height:70%;margin-top:2%;padding-top:1%;
	color:#ffffff;font-size:2.8em;line-height:1.8em;text-align:center;
	cursor:pointer;
}
.cbtn-search:visited{
	color:#fffffe;	
}
.cbtn-search.pressed{
	color:#8f8f8f
}
.cbtn-back{
	position:absolute;left:2%;top:0;display:block;
	width:10%;height:100%; padding-top: 2.2%;padding-right:1.2%;  border-right: 1px solid #f9881d;
	color:#ffffff;font-size:3.4em;line-height:1em;text-align:center;
	cursor:pointer;
}
.cbtn-back:visited{
	color:#fffffe;	
}
.cbtn-back.pressed{
	color:#8f8f8f
}
.Home{font-size:2.4em; padding-top: 3%;}
/* top  返回顶部 */
.cbtn-top{
	position:absolute;right:3%;bottom:120%;
    width:2.75em;height:3.5em;  
	color:#FFF;font-size:1em;font-family: "Microsoft YaHei";text-align:center;
	background:rgba(0,0,0,.4);
    cursor:pointer;
}
.cbtn-top span{
    display: block;
    font-size:1em;
}
.cbtn-top span.pressed{
	background:#222;
}
.cbtn-top .iconfont{
	font-size:3em;line-height: 1.2em;
}

/* 返回  搜索 */
.btn-back{
	display:inline-block;
	width:28.125%;
}
.btn-back.pressed{
	background:#8f8f8f
}

/*one-touch  foot 按钮*/
.one-touch{
	width:100%;
	color:#FFF;
	background:#ffa800;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-perspective:1000;
	perspective:1000;
}
.one-touch a{
	float:left;display:block;
	width:25%;padding:0.13em 0;border-right: 1px solid #f9881d;
	color:#ffffff;font:2.8em/1 "Microsoft Yahei";text-align:center;
	cursor:pointer;
}
.one-touch a:visited{
	color:#fffffe;
}
.one-touch a.pressed{
	color:#ffffff;
}
.one-touch a > span{
	display:block;
	font:0.4em/1.5 "Microsoft Yahei";
}
.banner{
	width:100%;margin: 0 auto;padding:8.7% 6.25%;
}
/*nav  右导航*/
.rightnav{
	z-index:9999 !important;
	width:20em !important;
	background:#000000;
}
.rightnav .view{
	z-index:9999;
}
.rightnav .pages{
	z-index:9999;
}
.rightnav-panel{
	background:#000000;
	font:1.375em/3.5 "Microsoft Yahei",Arial;
	color:#ffffff;
}
.rightnav-panel > *{
	padding:2em 0 0 0;
}
.nav-in a{
	display:block;
	color:#ffffff;	
}
.nav-in a:visited{
	color:#fffffe;	
}
.nav-in a.pressed{
	color:#ffa800;
}
.nav-in .iconfont{
	margin-right:0.2em;
	font-size:1.5em;line-height:2.35em;
}
.nav-in .top{
	padding-top:2.2em;
}
.nav-in li{
	text-align: center;
	overflow: hidden;
}
.nav-in p{display:block;color:#fff; line-height:1.8; text-align:center; font-weight:bold;font-size:1.3em; }
.nav-in p font{ color:#423b38; font-family:'Impact'; font-weight:normal;}
.nav-in p em{ width:100%; display:block; display:none; border-top:1px solid #515253; border-bottom:1px solid #515253; height:3px;}
.nav-in p span{ padding:5% 0; display:block; color:#fff;}

/*page search*/
/*srch*/
.srch-tl{
	width:93.75%;padding-top: 4%;
	margin:0 auto;
	font:1.375em/2.375 "Microsoft Yahei";
	color:#020202;
}
.srch{
	position:relative;
	width:93.75%;margin:0 auto;
	
	-webkit-appearance:none;
}
.srch-txt{
	width:90%;height:1.75em;padding:1.1em 4em 1.1em 4%;border:1px solid #a0a0a0;
	color:#614c39;font:1.2em/1.2 "Microsoft YaHei";
	background:none;border-radius:0;
	cursor:pointer;
	-webkit-appearance:none;
}
.srch-txt::-webkit-input-placeholder{
	color:#cfc9c3;
}
.srch-sub{
	position:absolute;top:0;right:0;border:none;border-radius:0;
	width:9%;height:100%;
	color:#fff;font:1.6em/1.6 "Microsoft YaHei";text-align:center;
	background:#e30000;
	cursor:pointer;
	-webkit-appearance:none;
}
/*cla list  搜索 */
.cla-list{
	width:93.75%;
	margin:-3.125% auto 0;
}
.cla-son dt{
	margin:3.125% 0;padding-left:4%;border:1px solid #dcdcdc;
	font:1.25em/2.8 "Microsoft Yahei";
}
.cla-son dt a{
	display:block;
	width:70%;
	color:#7d716b;
}
.cla-son dt a:visited{
	color:#a69e98;
}
.cla-son dt a.pressed{
	color:#e30000;
}
.cla-son dt.on a{
	color:#7d716b;
}
.cla-sub{
	padding:0 4%;
	color:#cf9e8d;font-size:2em;line-height:1.4em;
	cursor:pointer;

}
.cla-sub.reverse{
	-webkit-transform:none;
	color:#cf9e8d;
}
/*cla list 二级*/
.cla-son dd{
	display:none;
	margin:3.125% 0;border:1px solid #e8e8e8;
	font:1.1em/3.2 "Microsoft Yahei";
}
.cla-son dd a{
	display:block;
	color:#adadad;
	border-bottom: 1px dashed #e8e8e8;
}
.cla-son dd a:visited{
	color:#adadaa;
}
.cla-son dd a.pressed{
	color:#e30000;
}
.cla-son dd > div{
	text-indent:2em;
}
.cla-son dd div:last-child a{ border-bottom: none;}
/*index  pro  弹出框 */
.cptl-txt{
	width:90%;height:6em;margin:0 auto;
	color:#222;font:normal 1em/2 "Microsoft YaHei";text-align:left;
	overflow:hidden;
}
.cptl-pic{
	padding:0.5em 0 0;
	text-align:center;
}
.cptl_pic-in{
	display:inline-block;
	max-width:80%;
}

/*cdtl module*/
/*.order{
	width:35%;margin: 0 auto;
	color: #ffffff;font:normal 1.375em/2.5 "Microsoft YaHei";text-align: center;
	background:#8f8f8f;
}
.order a{
	color: #ffffff;
}
.order a:visited{
	color: #fffffe;
}
.order .iconfont{
	 font-size: 1.5em;line-height:2em;
}*/

/*index module*/


/*itl*/
.itl{
	position:relative;
	width:100%; margin:0 auto;border-bottom:1px solid #d1c9c6;
	font:2em/2.2 "Microsoft Yahei";
	background: #fff;
}
.itl-tl{
	position: absolute;top:12%;left:33%;
	display:block;
	padding:0 0.3em;
	color:#222222;font:0.8em/2 "Microsoft Yahei"; text-align: center;
	background: #ffffff;
}
.itl-tl span{
	color:#bdbdbd;font:0.8em/1 "Microsoft Yahei"; text-align: center;
	display:block; 
	text-transform: uppercase;
}
.itl-more{
	width: 93.75%; margin: 0 auto;border:0.125em solid #b3b3b3;
	color:#000000;font:bold 1em/2.4 "Microsoft Yahei"; text-align: center;
}
.itl-more a{
	display:block;
	color:#000000;
}
.itl-more a:visited{
	color:#000001;
}
.itl-more a.pressed{
	color:#8f8f8f;
}

.itl-more2{
	width: 17.5%; margin: 0 auto;;
	color:#ffffff;font:bold 1em/2.4 "Microsoft Yahei"; text-align: center;
	background: #ffa800;
}
.itl-more2 a{
	display:block;
	color:#ffffff;
}
.itl-more2 a:visited{
	color:#fffffe;
}
.itl-more2 a.pressed{
	color:#8f8f8f;
}



.itl2{
	position:relative;
	width:40%; margin:0 auto; border: 0.125em  solid #656565;
	font:1em/1.6 "Microsoft Yahei";
}
.itl-tl2{
	position: absolute;top:12%;left:29%;
	display:block;
	padding:0 0.3em;
	color:#ffffff;font:1.5em/1.6 "Microsoft Yahei"; text-align: center;
	background: #201f1d;
}
.itl-tl2 span{
	color:#939393;font:0.5em/0.8 "Microsoft Yahei"; text-align: center;
	display:block; 
	text-transform: uppercase;
}



/*ipro*/
.iprobd{ width: 100%; margin:2em 0em ;padding-top: 5.625%; 
	background: url(../images/index_07.jpg) center top no-repeat;}
.ipro{
	position: relative;
	width:93.75%;
	margin:8% auto 0 auto;
}
.ipro .metro-b{
	float:left;position:relative;
	width:31.34%;margin-right:2.99%;margin-bottom:2%;
	
}
.ipro .metro-b .pic{
	display:block;
	padding:2.125%;
	background: #fff;
}
.ipro .metro-b .text{
	display:block;
	padding:0 0.375em; text-align: center;
	color:#f1f1f1;font: bold 1em/3 "Microsoft Yahei";text-overflow:ellipsis;text-align: left;white-space:nowrap;
	overflow:hidden;
}
.ipro .metro-b:nth-child(3n){
	margin-right:0;
}

.iTel{
	width: 93.75%;margin: 3% auto 5% auto;
	color:#ffffff;font-size:1.5em ; text-align: center;
	background: #8f8f8f;
}
.iTel .iconfont{
	font:1.5em/1.6 "Microsoft Yahei"; 
}
/*inews*/
.inews{
	width:100%; margin: 0 auto; padding-bottom:4%;padding-top:6%
}
.inews li{
	width:100%;padding:0% 3.125%;
	color:#222222;font:bold 1em/2.8 "Microsoft YaHei";white-space:nowrap;text-overflow:ellipsis;
	overflow:hidden;
}
.inews li span{ float:right;font:bold 0.9em/3.1 "Microsoft YaHei";/*font-weight: normal;*/}
.inews li a{
	color:#222222;
}
.inews li a:visited{
	color:#222221;
}
.inews li.pressed{
	color:#8f8f8f;
}
.inews li:nth-child(2n+1){
	background: #e9e9e9;
}
.iabout{
	width:93.75%;margin: 0 auto;padding:3.125%;
	color:#222222;font:normal 1.25em/2.5 "Microsoft YaHei";
	
}
/*page news*/
.news-slogan{
	width:93.75%;
	margin:3.125% auto;
}
.pnews{
	width:100%;margin:0 auto; 
}
.pnews  li span{ float:right;color:#7d716b;font:normal 2em/1.5 "Microsoft YaHei";}
.pnews li{
	padding:0 3.25%;
	border-bottom: 1px solid #e0d6d2;
	color:#222222;
}
.pnews li a{
	display: block;
	font:normal 1.375em/3 "Microsoft YaHei";white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
	color:#222222;
}
.pnews li a:visited{
	color:#222221;
}
.pnews li a.pressed{
	color:#8f8f8f;
}
.pnews-wrap{
	position:relative;
	height:100%;
}
#wrapper{
	position:absolute;top:0;left:0;bottom:0;z-index:1;
	width:100%;
	overflow:hidden;
}
#wrapper.prowrapper{
	top:5.675em;
}
#wrapper.newswrapper{
	top:0em;
}
#wrapper.joinwrapper{
	top:1.5em;
}

#scroller{
	position:absolute;z-index:1;
	width:100%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	user-select:none;
	-webkit-text-size-adjust:none;
	text-size-adjust:none;
}
#pullDown{
	position:absolute;left:0;top:-40px;z-index:1;
	width:100%;height:40px;
	color:#888;font:bold 14px/40px "Microsoft Yahei";text-align:center;
}
#pullDown.on{
	position:static;
}
#pullUp{
	position:absolute;left:0;bottom:-40px;z-index:1;
	width:100%;height:40px;
	color:#888;font:bold 14px/40px "Microsoft Yahei";text-align:center;
}
#pullUp.on{
	position:static;
}
#pullDown .pullDownIcon,#pullUp .pullUpIcon{
	vertical-align:middle;
	display:inline-block; 
	width:6.25%;    
	padding-top:6.25%; 
	background:url(../images/arrow.png) 0 0 no-repeat;       
	background-size:100% auto;    
	-webkit-transition-property:-webkit-transform;    
	-webkit-transition-duration:250ms;    
}
#pullDown .pullDownLabel,#pullUp .pullUpLabel{    
	display:inline-block;
	vertical-align:middle;	
} 	
#pullDown .pullDownIcon{    
	-webkit-transform:rotate(-180deg) translateZ(0);	
} 
#pullDown.loading .pullDownIcon,#pullUp.loading .pullUpIcon{
	width:6.25%;
	padding-top:6.25%;    
	background:url(../images/loading.png) no-repeat;
	background-position:100% auto;  
	-webkit-animation-name:loading;    
	-webkit-animation-duration:1s;    
	-webkit-animation-iteration-count:infinite;    
	-webkit-animation-timing-function:linear;    
}    
@-webkit-keyframes loading{    
	from{     
		-webkit-transform:rotate(0deg) translateZ(0);    
	}    
	to{    
		-webkit-transform: rotate(360deg) translateZ(0);    
	}    
}
/*page pro*/
.ppro-wrap{
	position:relative;
	height:100%;	
}
/*page pro  当前位置*/
.ppro-slogan{
	position:absolute;left:0;top:0;
	width:100%;height:3em;padding:0.5em 3.125%;
	color:#999;font:1.25em/2.2 "Microsoft Yahei";
	background: #efefef;
}
.ppro_view-slogan{
	position:static;
}
.ppro-slogan strong{
	float:left;display:block;
	width:60%;
	color:#000000;font-weight:normal;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;
}
.ppro-slogan strong>span{ float:left;font-size:2em!important;color:#908f8f;}
.ppro-slogan .group{
	font-size:1.875em;
	line-height:1.07em;
}
.ppro-slogan .group .aaa{
	font-size:0.65em; vertical-align: top;
}

.ppro-slogan .iconfont{
	cursor:pointer;
	font:1.25em/1 "Microsoft Yahei";
}
.ppro-slogan .iconfont.pressed{
	cursor:pointer;
	color:#8f8f8f;
}
.ppro-slogan .iconfont.on{
	color:#ffa802;	
}

/*page pro 页  pic list*/
.ppro{
	width:93.75%;margin:0 auto 0 auto;
}
.ppro.one .ppro-son{
	float:none;
	width:100%;margin-right:0;
}

.ppro-son{
	position:relative;float:left;
	width:31.34%;margin-right:2.99%;margin-bottom:3%;
}
.ppro-son:nth-child(3n){
	margin-right:0;
}

.ppro-son .pic{
	display:block;
	padding:2.125%;
	background: #fff;
}
.ppro-son .pic img{
	margin:0 auto;
}
.ppro-son .text{
	display:block;
	padding:0 2.125%; text-align: center;
	color:#000000;font: bold 1em/3 "Microsoft Yahei";text-overflow:ellipsis;text-align: left;white-space:nowrap;
	overflow:hidden;
}



/*cdtl module view页 内容样式*/
.cdtl-border{
	width:93.75%;margin: 1em auto;padding:0em 1em;
}
.cdtl-txt{
	margin:1em auto;
	color:#222222;font:bold 1em/2.2 "Microsoft YaHei";word-wrap:break-word;word-break:break-all;
}
.cdtl-txt img{
	display:inline-block;
}

.cdtl-tl{
	margin:0 auto 0.5em auto;padding:0 0.5em;
	color:#222;font:1.5em/2 "Microsoft YaHei";text-align:center;word-wrap: break-word;word-break: break-all;	
}
.cdtl-tl span{ display:block;font:0.6em/2 "Microsoft YaHei";}
.cdtl-pic{
	margin:2em 0;
	text-align:center;
}

.cdtl_pic-in{
	display:inline-block;
	max-width:80%;
}

.cdtl-proprice{
	width:93.75%;margin:2px auto 1em;padding-left:1em;
	color:#FFFfff;font:1.375em/2.5 "Microsoft Yahei";text-align:left;
	background:#c12c20;
}

/*module slide  产品幻灯片效果*/
.mod-slide{
	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:-2.5em;z-index:9999;
	width:100%;padding:1% 0;
	text-align:center;
}
.mod-slide .slide-pos li{
	display:inline-block;
	width:0.75em;height:0.75em;margin:0 0.4em;
	background:#CCC;
}
.mod-slide .slide-pos li.on{
	background:#e93d3b;
}
.pslide-wrap{
	position:relative;
	width:87.5%;margin:0 auto 10%;	
}
.pslide-wrap .tab{
	position: absolute;left:1em; top:-0.5em;z-index: 999999999999999;
	width:8.1%;
	color:#ffffff;font:0.8em/3 "Microsoft Yahei"; text-align: right;
	background: url(../images/tab.png) left top no-repeat;background-size:100% ;
}
.pslide-glass{
	position:absolute;
	right:0;
	bottom:0;
	z-index:9999;
	font-size:5.5em;
	background:rgba(187,187,187,.6);
	/*width:2em;
	height:2em;
	line-height:2em;*/
	text-align:center;
	color:#FFF;
}
.pslide-glass a{
	display:block;
	width:100%;
	height:100%;
	color:#FFF;
}
.islide{
	width:100%;
	margin:0 auto;
}
.islide .slide-pos{
	display:none;
}

/*pg-a module  上一页  下一页  按钮*/
.pg-a{
	width:87.5%;margin:0 auto;
}
.pg_a-son{
	display:inline-block;
	margin:1em auto;padding:0 1.5em;
	color:#ffffff!important;font:1.375em/2.6 "Microsoft YaHei";
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	background:#ffa802;
	cursor:pointer;
}

.pg_a-son:visited{
	color:#fffffe;
}
.pg_a-son.pressed{
	color:#222222!important;
	background:#cccccc;
}
.pg_a-son.pressed .iconfont{
	color:#222222!important;;
}
.pg_a-son .iconfont{
	padding:0 0.125em;
	color:#ffffff!important;font-size:1.5em;line-height:1.8em;
}


/*btn-order*/
.btn-money{background:#f2cdd5;
	font:1.625em/2.5 "Microsoft YaHei";
	color:#774890;
	cursor:pointer;
	padding:0 1em;
	display:inline-block;
	float:left;
	width: 62%;
	text-align: left;
	}
.btn-money span{ color: #fe0000;}	
.btn-order{
	width: 38%;
	background:#8f8f8f;
	font:1.625em/2.5 "Microsoft YaHei";
    text-align:center;
	color:#FFF;
	cursor:pointer;
	display:inline-block;
	float:right;
}
.btn-order .iconfont{
	font-size:1.875em;
	line-height:1.25em;
	display:inline-block;
	vertical-align:top;
}
.btn-order.pressed{
	background:#e93d3b;
}
/*one-close*/
.one-close{
	position:absolute;
	right:0;
	bottom:0;
	width:4em;
	background:#c12c20;
}
.one-close a{
	display:block;
	color:#FFF;
	font-size:2em;
	width:2em;
	height:2em;
	line-height:2em;
	text-align:center;
}
/*page inview*/
#in{
	background:rgba(0,0,0,1);
}
.zpic-wrap{
	position:relative;
	height:100%;
}
.zpic-container{
	position:absolute;
	top:0;
	left:0;
	height:100%;
}
.zpic-son{
	float:left;
	height:100%;
	display:-webkit-box;
	-webkit-box-orient:horizontal;
	-webkit-box-pack:center;
	-webkit-box-align:center;	
}
.picback{
	color:#FFF;
}
.swlf-4{
	-webkit-animation:swlf-4 100ms forwards;
}
@-webkit-keyframes swlf-4{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(-25%, 0, 0);
  }
}
.swlf-4-half{
	-webkit-animation:swlf-4-half 100ms forwards;
}
@-webkit-keyframes swlf-4-half{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(-12.5%, 0, 0);
  }
}
.swrg-4{
	-webkit-animation:swrg-4 100ms forwards;
}
@-webkit-keyframes swrg-4{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(25%, 0, 0);
  }
}
.swrg-4-half{
	-webkit-animation:swrg-4-half 100ms forwards;
}
@-webkit-keyframes swrg-4-half{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(12.5%, 0, 0);
  }
}

.swlf-3{
	-webkit-animation:swlf-3 100ms forwards;
}
@-webkit-keyframes swlf-3{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(-33.33%, 0, 0);
  }
}
.swlf-3-half{
	-webkit-animation:swlf-3-half 100ms forwards;
}
@-webkit-keyframes swlf-3-half{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(-16.67%, 0, 0);
  }
}
.swrg-3{
	-webkit-animation:swrg-3 100ms forwards;
}
@-webkit-keyframes swrg-3{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(33.33%, 0, 0);
  }
}
.swrg-3-half{
	-webkit-animation:swrg-3-half 100ms forwards;
}
@-webkit-keyframes swrg-3-half{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(16.67%, 0, 0);
  }
}
.swlf-2{
	-webkit-animation:swlf-2 100ms forwards;
}
@-webkit-keyframes swlf-2{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(-50%, 0, 0);
  }
}
.swlf-2-half{
	-webkit-animation:swlf-2-half 100ms forwards;
}
@-webkit-keyframes swlf-2-half{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(-25%, 0, 0);
  }
}
.swrg-2{
	-webkit-animation:swrg-2 100ms forwards;
}
@-webkit-keyframes swrg-2{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(50%, 0, 0);
  }
}
.swrg-2-half{
	-webkit-animation:swrg-2-half 100ms forwards;
}
@-webkit-keyframes swrg-2-half{
  0%{
    -webkit-transform:translate3d(0, 0, 0);
  }
  100%{
    -webkit-transform:translate3d(25%, 0, 0);
  }
}
/*popup*/
.afPopup{
    display:block;
    border:none;
    border-radius:0;
    padding:0;
    text-align:center;
    width:93.75%;
    position:absolute;
    z-index:1000000;
    top:50%;
    color:inherit;
    background:none;
}
.afPopup > header{
    padding:0.375em 0.5em;
	background:#ffa800;
	color:#ffffff;
	font:1.5em "Microsoft Yahei",Arial;
	overflow: hidden;
	text-overflow: ellipsis;
}
.afPopup > div{
	background:#FFF;
	margin:0 0 3px;
}
.afPopup > footer{
	background:none;
}
.afPopup .button{
    border:none;
    width:49.5%;
    margin:0;
    background:#ffa800;
    color:#ffffff;
    padding:0.625em 0;
	font-size:1.375em;
}
.afPopup .button.pressed{
    background:#e30000;
}
/*.button.pressed{
    font-weight:bold;
    background:white;
} */
.afPopup footer a:not(:first-of-type) {
	margin-left:1%;
}
/*module download*/
#download .button{
	width:100%;
}
#download footer a:not(:first-of-type) {
	display:none;
}
.down-wrap{
	padding:2em;
}
.down-son{
	background:#EEE;
	font:1.375em/2.5 "Microsoft Yahei";
	text-align:left;
	margin-bottom:1em;
	padding:0 1em;
}
.down-son:last-child{
	margin-bottom:0;
}
.down-son a{
	color:#8f8f8f;
}
.down-son .iconfont{
	font-size:1.5em;
	line-height:1.67;
}
/*module share*/
#share .button{
	width:100%;
}
#share footer a:not(:first-of-type) {
	display:none;
}





/*module order*/








/*module share*/
.bdsharebuttonbox{
	padding:1em;
	display:inline-block;
}
.bd_weixin_popup .bd_weixin_popup_main{
	padding:10px !important;
}
/*module map*/
.allmap{
	width:100%;
	overflow:hidden;
	margin:0;
	height:100%;
	font-size:1.375em;
}
.mapinfo{
	width:75%;
	margin:0 auto;
}
/*page promotion*/
.promotion-son{
	width:93.75%;
	margin:3.125% auto;
}
.promotion-son dt{
	text-align:center;
}
.promotion-son dt > a{
	display:inline-block;
}
.promotion-son dd{
	margin:3.125% 0;
	font:normal 1.2em/2 "Microsoft YaHei";
	color:#FFF;
	background:#8f8f8f;
	padding:1em;
}
.promotion-son dd a{
	color:#FFF;
}
.promotion-son dd a:visited{
	color:#fffffe;
}


/*common button*/
/*btn-a*/
.btn-a{
	background:#e93d3b;
	font:1.375em/2.5 "Microsoft YaHei";
    text-align:center;
	color:#FFF;
	cursor:pointer;
	padding:0 0.5em;
}
.btn-a a{
	display:block;
	color:#FFF;
}
.btn-a a:visited{
	color:#fffffe;
}
.btn-list{
	display:inline-block;
}

/*message*/
.message-tl{ 
	width:100%;
	font:1.5em/2.8 "Microsoft Yahei";
	margin-bottom:1%;
	margin-bottom:3%;
	color:#8f8f8f;
	border-bottom:1px solid #c5c5c5;
}
.message-tl a{color:#8f8f8f;}
.message-tl a:visited{color:#8f8f8f;}
.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{
	margin:0 auto;
	font:1.2em/3 "Microsoft YaHei";
	width:93%;
}
.m-son label{
	text-align:left;
	width:20.5%;
	font:1em/3 "Microsoft YaHei";
	color:#222222;
	margin-right:2.5%;
}
.m-son .star{
	padding-left:0.5em;
	color:#c80203;
}
.m-tl{
	width:100%;
	font:1em "Microsoft YaHei";
	padding:0.5em 0.5em;
	border:1px solid #d1cfcf;
	height:2.4em;
	color:#333;
	background:#FFF;
	-webkit-appearance:none;
	border-radius:5px;
}
.m-tl::-webkit-input-placeholder{
	color:#CCC;
}
.m-tl2::-webkit-input-placeholder{
	color:#CCC;
}
.m-con{
	float:left;
	width:100%;
	font:1em/2.4 "Microsoft YaHei";
	height:7.2em;
	padding:0 0.5em;
	border:1px solid #d1cfcf;
	background:#FFF;
	color:#333;
	-webkit-appearance:none;
	border-radius:5px;
}
.m-con::-webkit-input-placeholder{
	color:#CCC;
}

.m-yzm{
	float:left;
	width:50%;
	font:1em "Microsoft YaHei";
	padding:0.5em 0.5em;
	border:1px solid #d1cfcf;
	height:2.4em;
	color:#333;
	background:#FFF;
	-webkit-appearance:none;
	border-radius:5px;
}
.m_yzm-pic{
	width:20%;
	height:3em;
	float: left;
	margin:0% 0% 1% 5%;
}
.m_yzm-pic img{
	vertical-align:middle;
}
.m-submit,.m-reset{
	width:50%;
	cursor:pointer;
	border:none;
	font-size:1.2em;
	margin:3%  auto;
	-webkit-appearance:none;
	border-radius:5px;
}
.m-submit{ background:#ffa800; }
.m-reset{ background:#41751b}

.select{ 
	float:left;
	color:#550012;
	background:#fff;
	border:1px solid #cbcbcb;
	margin:1% auto;
	clip:rect(0px,179px,16px,0px);
	overflow:hidden;
	 width:50.5%;
    
}
.select select{
	-webkit-appearance: none;
	font:1em "Microsoft YaHei";
	border:none;
	padding:0 3em 0 1em;
	height:3em;
	background:url(../images/triangle.png)  92% center no-repeat;
	background-size:7.9%;
    width:100%;
}

/*messageview*/
.message-listBorder{ margin-top: 1em; border: 1px solid #c7c7c7}
.message-list{
	width:100%;
	border-image:url(../images/img202.jpg) 0 0 2 0;
}

.message_say-tl{
	padding:0 0.5em;
	border-bottom:1px solid #eaeaea;
	font:normal 1.375em/2 "Microsoft Yahei";
}
.message_say-time{
	float:right;
	color:#9c9c9c;
	font:normal 0.7em/2.7 "Microsoft Yahei";
	font-weight: normal;
}
.message_say-yy{
	display:block;
	color:#00000;
	font: 0.9em/2.4 "Microsoft Yahei";
	width:70%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.message_say-yy-repay{
	display:block;
	color:#000000;
	font: 0.9em/2.4 "Microsoft Yahei";
	width:70%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.message_say-con{
	border-bottom:1px solid #eaeaea;
	width:100%;
	font:normal 1em/1.6 "Microsoft Yahei";
	padding:1em 0.5em;
	color:#7d716b;
	word-wrap: break-word;
	word-break: break-all;
}


/*animation*/
@-webkit-keyframes gogogo1{
    from, to{-webkit-transform: none; }
    50% {-webkit-transform: scale(1.1);}
}
/*media query*/
@media screen and (min-width:640px){
	.all{
		width:640px;
		margin:0 auto;
	}
	.rightnav{
		width:20em !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;}
}

/* 产品详细页 购买 按钮*/
.mb_wrap-c{
  width:66.5625%;
  margin:6.25% auto;
}
.mb_btn-a{
  background:#c58b76;
  font:1.375em/2.8 "Microsoft YaHei";
  text-align:center;
  color:#FFF;
  cursor:pointer;
  padding:0 0.5em;
  border:0;
  border-radius:0;
  -webkit-appearance:none;
}
.mb_btn-a:visited{
  color:#fffffe;	
}
.mb_btn-a a{
  display:block;
  color:#FFF;
}
.mb_btn-a a:visited{
  color:#fffffe;
}
.mb_btn-a.pressed{
  background:#333;
}
.mb_btn-pv-cart{
  float:left;
  /*width:45%;*/
}
.mb_btn-pv-buy{
  float:right;
  width:45%;
}